Contrast Contrast Contrast

CRAP.  Every great PowerPoint has lots of CRAP.

Contrast
Repetition
Alignment
Proximity

All four elements are important in a great PowerPoint, but contrast is far and above the most important component of any single slide.  Without contrast there is no way to distinguish between the message and the background.  You do not want your message to be lost in the background.

In an ideal world everything would be black and white.  These colors have the most contrast.  But the world has all colors and people like to use different colors in presentations.  Below is a series of pictures showing different color combinations, starting with the generic black and white.

The picture above alternates between white on black and black on white.  Depending on the display environment and the other slides in the deck, one of these combinations is usually easiest to read.  I prefer a black background with white text because the focus is on the brightness of the text.  In a dark room, a white background can cause the audience to squint which makes the text more difficult to read.

Our school colors are blue and red.  Below are two versions of a slide using these colors.  

The first color combination is the default blue and red.  The colors have the same value and because of this, they lack contrast.  The edges around the words almost glow and it makes the text difficult to see. The second version is dark blue and light red.  The color combination is similar to the first slide, but with greater contrast.  It makes the words easier to read.

With solid colors, select a light and dark combination for better contrast.  If a picture is in the background, it gets more complicated.  We use the eagle logo as the background on many slides.

This logo has dark and light colors.  If text is placed over the logo, areas will have poor contrast no matter what color is used for the text.  The solution is to layer a slightly transparent dark rectangle between the logo and the text.  Below are three slides showing the different combinations.

The initial slide has the text directly on top of the logo.  The next slide has a transparent layer covering half of the logo.  The final slide has the transparent layer covering all of the logo.  The transparent layer is a black rectangle with 50% transparency.  Using this simple technique, the logo is visible with good contrast between the text and the background.

If you drive past the school, you will see this very slide at the end of each day’s schedule.  The message is clearly visible and the school logo ties it all together.  Good contrast is the key.

 

Posted in edtech, education, presentation | Tagged , , , , | Leave a comment

Merry Christmas!

Trusty Christmas Card 2017
Merry Christmas! We feature Ohio State’s newest recruit in our Christmas picture. Congratulations Maria! It’s also Taffy’s tenth Christmas.

Posted in leisure, photography | Tagged , , , , , | Comments Off on Merry Christmas!

SignCommand Good, PowerPoint Better

This fall, Liberty-Benton installed an electronic sign in front of the high school.  I was asked to help with the management of the content that is displayed on the sign and to train others who would help with content creation.

The software that came with our sign is SignCommand.  It is web-based and comes with 178 pre-programmed animations.  It is not possible to edit the animations or customize them in any way.  A large proportion of the animation library is church, retail and organization specific.  There are some generic animations that say things like “don’t drink and drive”, “don’t text and drive”, and “speed a little, pay a lot”.. Most importantly, not a single animation in the library says “Liberty-Benton” on it.

Most of the animations in the SignCommand library are eye-catching.  Text pops on the screen and the background moves around.  They were probably created with a 3D animation program, but no one at my school has experience using 3D software.  On the other hand, everyone knows how to use PowerPoint.  To me, this was a problem most easily solved with PowerPoint.

The sign will accept content in the form of an MP4 movie.  Since a PowerPoint slide deck can be exported as an MP4, there are minimal extra steps to go from PowerPoint to the sign.

I created an LB PowerPoint template that was the correct size.  The template also includes example text that is adequate size for legibility on the sign.  You can see from the picture above, the sign has very low resolution.  If you count the pixels, there are only 32 from top to bottom.  Left to right there are only 112 pixels.  How big is that?  Here is a picture that is 112×32 pixels.

When I created a PowerPoint slide that looked like this.

It looked like this on the sign.

You can see that it is a bus, but most of the detail beyond that is lost.

I found that fonts formatted to 150 points on the provided template were large enough to easily read on the sign.  At that size, two lines of text can be displayed on one slide, and about eighteen characters fit on one line.  We use a few acronyms to make it work.

JH Girls Basketball
9th Boys Basketball
ES Movie Night

Most of the slides are programmed to advance after three seconds.  At that rate, we can cycle through two day’s worth of events in the time it takes for the red light to change to green at the intersection beside the school.

I plan to create several posts in a series explaining how we create content for our sign using only PowerPoint.  Stay tuned.

Posted in edtech, education, presentation | Tagged , , , | Comments Off on SignCommand Good, PowerPoint Better

Ten Years of Scratch

Scratch Banner

Ten years ago, I was teaching a multimedia graduate class in which we were looking at different multimedia environments that could be used to develop educational content.  The course culminated with an Adobe Flash project, but we explored other applications along the way.

One of those applications was Scratch and I wrote about it back then.  At the time, Scratch was a program that was downloaded and used offline.  Finished projects could be uploaded to the web site for sharing.  You could also download projects from the website and remix them using the desktop application.  About four years ago, the Scratch programming environment went online.  Since that time you can do all your coding using only a browser at https://scratch.mit.edu.

There are several things about Scratch that make it an excellent place to learn to code.  One of the most important is the price.  Scratch is completely free.  There is no required software installation because everything is done in a browser.  If you can get online, you have full access to all the features in Scratch.  If you do not have Internet access, you can still download the application and do the same activities offline.  Anything created with the application can be uploaded to the website when you do get online.

Students can be successful with Scratch right away.  Scratch has a section called tips with tutorials and PDF guides.  There are thousands of Scratch tutorials on YouTube.  A student can start with a guide that introduces the programming environment, shows how to create content and share that work with others online.  Students can create and publish simple projects in one class period.  Last year, my wife and I worked with a group of elementary students at her school.  We developed an activity where participants created a game.  It was a simple game where the player moves an object along a path to a “treasure” at the end of the path.  Touching the treasure wins the game.  By adding a timer, it became a game where users could compete for the best time.  We had a computer lab full of kids and they created their own game in one hour.  It was a simple project with detailed instructions, but every student who wanted to complete it did so.  Some of the excited kids came back the next day and told my wife they had worked on their game at home and added extra features.

The ability to share projects with other people is one of the most powerful features of Scratch.  This has two advantages.  A student can make a project with a specific target audience and then share that project with that audience.  For instance, a student can make a birthday card for grandma and then send grandma the link.  All grandma needs is a browser and she can see the card and hear her granddaughter talking.  More importantly, since all projects are “open” to all users, a student can look at all the code from any project to learn how specific programming problems can be solved.  A student can take any existing project and “remix” it to make something new.  Consider this Origami project.  It has been remixed more than 3000 times. If you look at the remixtree, you will see that the Origami project is actually a remix of another project.

Finally, Scratch is powerful.  You can program anything from a game of checkers to a fully functional flight simulator.  The graphics editor has both bitmap and vector editing capabilities.  If you want to import graphics from an advanced program like Illustrator or Photoshop, you can do that too.  You can also generate graphics as part of the programming, as in this SpiroGraph project.

Each year, we participate in the Hour of Code project.  Some of our students program with Scratch during the hour of code using activities shared on the site.  This year, some of our high school students are creating activities in Scratch that can be used by younger students during the hour of code.  A project like this permits us to use Scratch at every level.  Older students create Scratch modules that younger students can use to make new Scratch projects.

If you have an idea for a project, you can probably find something similar to use as a starting point.  I found this Asteroids game and used some of the spaceship navigational controls in my own version of the game.  I called it Ionoids.  Different ions are randomly generated and you must “shoot” them with the proper ionic charge to destroy them.  All of the graphics were created in Scratch.  I shared it with students who tested it and made suggestions on improvements.  The finished product is used by the science teachers as a fun way to help the students memorize the common charges for ions.  Scratch gave me an environment that I could use to quickly create this project.  I don’t think I could have done it without Scratch.

Now if you Google “ionoids”, my project is the first thing you see.

All my projects are here.

https://scratch.mit.edu/users/trusty/projects

 

Posted in edtech, education | Tagged , , , | Comments Off on Ten Years of Scratch

PowerPoint the new Microsoft Video Editor

A long time ago on an operating system far from Windows 10, there was a video editor called Movie Maker.  At some point, someone decided a video editor was too much for most people to handle, and it was removed from Windows.  You could add it back, if you were ambitious, but most people did not.  Movie Maker is no longer supported by Microsoft.  Now there is no built-in video editor on a new Windows computer.  There is suppose to be something called Story Remix in Windows 10, but at this point, it is more difficult to acquire than Movie Maker ever was.

Yesterday I needed to make a quick video.  I was given two videos.  Each video was about six minutes long.  I needed to chop out two minutes from the middle of each video and my computer had no video editing software.  All my computers have PowerPoint and it turns out, that was all I needed.

I opened a new presentation in PowerPoint and made three blank slides with black backgrounds.  The first slide would be my introductory slide and the next two slides would each contain a two minute video.  By making the background black, I eliminated any bright edges that might happen if my imported video did not completely fill the slide.

 

I typed Movie Title into the first slide and went to the second slide to insert the first video.

 

From the Insert menu I clicked the Video button and added video from my PC.

 

PowerPoint shows the first frame of the video in the slide, but since this video starts with a black screen, there is no preview on slide two.

 

In the Playback tab, select “Automatically” as the Start option.  The difficult step in the entire process is editing the video so that the only part I want remains.  To edit the timeline of the video, click the Trim Video icon.

 

This will pop up a video player with trim tools.

The green slider is positioned at the beginning of the clip and the red slider is moved to the end of the clip.  Fine adjustments can be made in the Start Time and End Time boxes.  Use the play button to preview the new trimmed video.  When everything plays perfect, click OK.

Now the second slide shows the trimmed version of the video.

 

On slide three, I repeated the Insert process for the second video and trimmed it.

The segment I needed from the second video is closer to the middle of the full video.  Notice the location of the green and red sliders.

 

When the second video was trimmed, the video editing portion of the project was complete.

 

Since this is PowerPoint, I can easily add text and pictures to my first slide to introduce the videos that followed.

 

There is one last step before saving this file as a video.  Go through each non-video slide and set a playback time.  The first slide is not a video slide, so the auto-advance time was adjusted to 5 seconds.

The auto-advance times for slides with videos will automatically match the play duration of the video.

 

The final step is saving the PowerPoint as a video. Click File – Save As and select MP4 from the dropdown box.

 

Done – https://youtu.be/gkhIe-RosRw

 

Posted in edtech, education | Tagged , , , | Comments Off on PowerPoint the new Microsoft Video Editor