Monday, November 21, 2011

Convert PowerPoint to Mobile Learning - How To

In this entry, I'm going to show you how to do a fundamental PowerPoint conversion for mobile learning that includes audio narration. For the authoring tool, we'll use Rapid Intake's mLearning Studio. This tutorial assumes that you have a PowerPoint that includes audio narration.

There are three main steps. We'll review those, then get into the details of each main step.
  1. Export your PowerPoint audio into individual WAV files and your slides into individual JPEG image files.
  2. Upload those files into mLearning Studio.
  3. Using the Image and Audio HTML5 template designed for mobile deployment, create a page for each slide, select the slide image and corresponding audio for each slide.
That's it in a nutshell. Now, we're going to break it down into detailed steps as well as provide some tips for making the process faster.

>>View a Sample Converted PowerPoint for Mobile Learning (click this link from your mobile browser)

Export Your PowerPoint Into Separate Audio (WAV) and Image (JPEG) Files
We're going to use the 'Image and Audio' rapid development template in mLearning Studio, so we need each slide as an image and then we need the audio for that slide to go along with it.

NOTE: For the purposes of this tutorial, I'm using PowerPoint 2007.
  1. To export the narration audio, click the PowerPoint menu, then click Save As.
  2. From the drop down list choose Web Page, select the location you want to save it, then click Save. This will save your presentation as a web page with a collection of assets in a separate folder.
  3. Locate the saved files and you'll see a folder with the name of your PowerPoint and the suffix "_files". Inside you'll find your audio files. That's all we need from that conversion, so you may want to move those files to another location to make them easier to work with.
  4. To export the slides as images, click the PowerPoint menu, then click Save As.
  5. From the drop down list choose JPEG. Select a location and click Save.
  6. Locate the saved files and you'll see images titled Slide1, Slide2, ... etc.
TIP: You may want to name your image and audio files with a prefix so that they are easy to work with in the Media Manager. If you're using Windows, and you've put them all in the same folder, you can rename them all at the same time by selecting them all, then right clicking the first one and choosing Rename.

Now we're ready to pull these together in mLearning Studio so we can publish to HTML5 in mobile format.

Upload Your Files Into mLearning Studio

NOTE: If you want to try this out, but you don't have a Rapid Intake account, you can start a free trial of mLearning Studio.
  1. Once you've logged in, click the Media Manager button (if you have a brand new account, you may need to first create a project before you'll see the Media Manager budget).

    NOTE: The Media Manager is a centralized collaborative media library that anyone on your account can get access to.
  2. Inside the Media Manager, click Audio in the category list.
  3. Click Upload New Audio, then click Browse for Media. Find the audio files, select them all, and click Open, then click Upload Files. mLearning Studio uploads them into the media manager, then automatically converts them to MP3 format (needed for streaming on mobile devices).
  4. Repeat this process in the Images category with all of the slide images that you exported from PowerPoint.
TIP: If you have a lot of other media in the Media Manager, use the Search field to find the files that you uploaded by searching for the prefix that you gave all of your files earlier (assuming you followed my earlier tip! :)

Create a Project and Build Your Mobile Learning Pages
  1. To add your images and audio to a course, you need to create a new project in mLearning Studio. I'm not going to take you through the whole process. On the Authoring Tab, click Add a Project, then follow the steps to create a mobile-only project starting from an empty course (don't use a course template).
  2. Once you've created your project, click Build/Modify to open the authoring tool.
  3. With the authoring tool open, click Add Page and choose 'Image and Audio' from the Mobile Compatible category. Click Add Selected Page.
  4. mLearning Studio shows you the form associated with the template. Now we just need to fill out the form. Enter a title (this will show up in the Table of Contents of your course) for the first slide in the Title field.
  5. For the image field, click the Browse button (folder icon) to open the Media Manager. Find the image of your first slide by searching on the prefix that you gave the filenames earlier. Select the image. In the Preview pane, you'll see a dropdown list beneath the image. Click it and choose to use the Original image (this makes it larger to view more nicely on tablets, like the iPad).

    TIP: On the Image tab, select "Center" for the Image Position and between 80-100% for the Image Width (this makes the image take up a certain amount of the presentation area on the mobile device).
  6. For the Audio field, click the Browse button to open the Media Manager. Search for the audio corresponding with your slide, and select it.
  7. Repeat these steps for each slide.

>>View a Sample Converted PowerPoint for Mobile Learning (click this link from your mobile browser)

1 comment:

Anonymous said...

this was a great article. Your video demo was wonderful. I am going to try this in an assignment for my Masters. Where can I view more of your work?Thanks again!