Introduction to Mid-Fi Prototyping with PowerPoint Matthias Rauterberg © TU Eindhoven 2002

Mid-Fidelity Prototyping (MFP) Please read the following text as an introduction in mid-fi[delity] prototyping using PowerPoint [URL] Example-1: Dr Health Hospital [URL] Example-2: E-Commerce [URL] Example-3: CD-player [URL]

What PowerPoint will not do It will not replace having to think It will not eliminate the need for planning and designing with paper and pen It will not make the students ‘smarter’ It will not take over from the teacher’s many roles It is not indispensable It will not make your world dissolve if you do not use it To get a full animated impression of this tutorial, please download the PPT and run it from your computer!

New presentation (1) To open an existing Presentation: 1 Open MS PPT 2 Select Open an existing presentation 3 Select the presentation and press OK Click in the area “Click to add title” to add Title to add title Click in the area “Click to add text” to add Text

Use this to start a new presentation When you open PowerPoint this is what you will see…. Use this to start a new presentation This is where you will open a presentation you have already saved Choose OK when finished

New presentation (2) Inserting a new Slide: 1 Select New Slide from the Insert Menu 2 Select the Bulleted List Slide Layout Formatting Text Using Outline: 1 Select The Outline View and Type 2 Use the Promote, Demote icons to indent and create new slides

Choose a slide layout from the “New Slide” dialog box Choose Your Slide Type: Bullet List 2 Columns Of Lists With or Without Chart Picture or other variations Discuss various layouts available and be sure to point out that more layouts are available as you scroll down. Title Slide Selected

What are Auto-layout slides? PowerPoint provides users with a choice of some commonly used slide formats Each slide is made up of one or more frames or boxes There are text frames, pictures frames, chart frames, etc. These frames are pre-formatted to certain fonts, sizes and alignments, but they can be changed to suit the user Each time a new slide is required, go to the Insert menu and choose New slide

When Power Point begins it will ask what type of auto-layout slide to insert first Title Slide Blank Slide Slide Description

Practice: Getting Started Open Microsoft PowerPoint. Choose “Template” from opening dialog box. You will see a series of menu tabs. Discuss the various slide layout options here: Blank Slide, Graphics Slide, Table, Chart, Org Chart, etc. Have students create a “Title Slide” first.

Practice: Select a Template File > New > General To use a template, click on the tab labeled. “Presentation Designs” and choose a template. To choose a blank presentation, click on “Blank Presentation” under the “General” tab.

Design Templates Select Design Template: 1 Select Template 2 Select Slide Layout PowerPoint Views: Normal View, Slide Sorter, Slide show view, Notes Pages.

Save New print Italics open Font Font size Bold Underline Whenever you see a double arrow you can click it for additional buttons that you don’t see on the toolbar.

These are other helpful tools Cut: This is used to cut things out of your project Copy: this is used to copy from one portion of your project to another Paste: When you cut or copy something from your project, it is put on an “imaginary” clipboard. The paste button retrieves it from the clipboard and places it in your project

Most of the other buttons are towards the bottom of the screen New Slide : This button on the toolbar will allow us to add more sides to the presentation Various Shapes line arrow rectangles oval text box text art clipart Fill Color Line Color Font Color Line Width Line Type Arrow Type Shadow 3-D

If forget what the icons are: If you move your cursor over any icon on the screen and leave the mouse there for a second, the name of what the icon represents will appear.

Slide View Lower left buttons. Highlight words and then delete or cut and paste. Use right scroll bar to move from slide to slide. You can change font size, style, and type just like you would in Microsoft Word. You can insert clip art or graphics that you have scanned. You can also insert sounds, movies, and animation. Have students create a “Bulleted List” slide.

View All Slides in Slide Sorter View Tiny-squares button on lower left. View mini-icons of slides. Easily view and create transitions and animations. Another way to reorder and insert slides. View All Slides in Slide Sorter View

Saving a presentation Saving a Presentation: 1 Select Save or Save as from File menu 2 Specify location 3 Type in the desired Filename 4 Click Save PPT Help Features: Select the Office assistant under the Help Menu or press F1 KEY

Working with Text WORD ART Examples: Show card, comic sans RED, PURPLE It is basically like a word processor Various fonts and sizes Font colours Word Art Alignments Bullets and numbering Tables Examples: Show card, comic sans RED, PURPLE Left, centred, right, justified WORD ART

Working with pictures and sounds Go to the INSERT menu Choose Picture from… ClipArt or File Clip Art gives you a selection File…you have to find the picture file you want to use SOUNDS Go to the INSERT menu Choose Movies and Sounds (in PowerPoint 2000) from… Sound Gallery gives you a selection Sound file…you have to find the sound file you have recorded or saved and want to use

Choose “More Colors” for more solids or “Fill Effects” for patterns Format > Background . . . Format Background Click on the drop-down menu and see the set of colors suggested for your scheme Choose “More Colors” for more solids or “Fill Effects” for patterns

Practice: Background Go to Format > Background. Click on the down arrow on the drop-down list box to choose a new color. Clicking on “Apply” modifies a particular slide; “Apply to all” modifies the entire presentation. Note: Some templates use background graphics. If you can’t see changes, click on “Omit background graphics from master.”

Slide background colors The default background color of your slide is white You can change this to a different color, a pattern or a design template Go to the FORMAT menu and choose Background… Click on the down arrow button next to the narrow box for a selection of colors

Background colors The FORMAT menu – Slide Color Scheme, has some pre-set options for background and text colors The FORMAT menu – Apply Design Template, gives you some picture designs for the background of the slides WARNING !! Removing and/or changing a Design Template is almost impossible! Choose wisely

Editing Style and Color Choose Format > Background to change background color and shading. Click the down arrow on drop-down list box for color and fill effects options. Click on “Fill Effects” to customize the background with lighting, textures, and patterns. The “Preview” button allows you to try out your changes before you commit to them. Format > Slide Color Scheme to change text, accent, and line colors and to create shadows.

Format Color Scheme Format > Slide Color Scheme Click on the “Custom” tag to select alternate colors for standard features. You can apply these selections to all of your slides or just the active one.

Practice: Color Scheme Click on Format > Slide Color Scheme. Click on the “Custom” tab to alter colors for individual elements; choose the “Standard” tab to select pre-defined schemes. Double-click on the colored square labeled “Text and lines.” Choose a new color. Click on “Preview”; then click on “Apply” to accept.

Action Buttons Use Action Buttons if you want the viewer to be able to move backward and forwards between slides Go to the SLIDE SHOW menu and choose Action Buttons The forward and backward buttons act like hyperlinks This means that when you click on them, the action will take you back to the previous or next slide

Moving Through Presentations Use the down arrow or “Enter” key or a mouse click to move forward through a presentation. Up arrow returns to the previous slide. Type a number followed by the “Enter” key to jump to a particular slide. The “B” key temporarily blacks out the screen. The arrows in the lower left corner of the screen provide menu options such as a pen to highlight particular points in your presentation.

Practice: Adding Content Add points to each of your slides by clicking in the text area and typing. To Add text, choose Insert > Text Box, draw the box boundaries, and begin typing. When you hit return on a list slide, a new bullet will appear. Use the tab key if you want to create a sub-entry like this one. Use This Button to quickly add a text box. Use This Button to add Clip Art

Inserting Objects Use Insert > Picture for a graphic. Choose Insert > Picture > Clip Art. Choose Insert > Object for other MS objects. For scanned images, select “Adobe Photoshop Image” from the dialog under Insert > Object.

Manipulating Objects To move, click in the center of the object to select, hold and move. To resize, click on one of the handles and resize. To delete, click to select and hit the delete key.

Practice: Manipulating Objects Resize or scale the object on your title page. Move the object to the place on the page you want it to be. Your image must show the white squares in order to move or resize. Click on the center of the image to make these appear. To keep the proportions of the shape, only resize by clicking and dragging the corner markers.

Tip: Right click (or Control click on MAC) to see the order menu Layering Objects To control the layering of objects, choose Draw (lower left button) > Order > Send to Back or Send to Front. To rotate, choose Draw > Rotate or Flip. Tip: Right click (or Control click on MAC) to see the order menu

Practice: Objects Take a few minutes to arrange or delete the object we have been experimenting with. If you have time, insert appropriate clip art elsewhere in your presentation.

Insert Picture Insert > Picture Use Clip Art to select from a database of images Use “From File” to select your own saved image files Or insert Movies, Charts, Tables, or Objects

Practice: Insert Clip Art Go to any slide. Go to Insert > Picture > Clip Art. Use the category list to browse kinds of clip art. Click on a picture you would like to include. Click on “Insert.”

Animation Each slide is made up of a number of parts/frames Animation is the tool which gives you control over the way your slide appears on the screen

Slide Transition This tool controls the way the whole slide appears on the screen Each slide in a presentation can appear in a different way To do this you need to view all your slides in the slide sorter Go to the VIEW menu and choose the Slide Sorter option Click once on the slide on which you want to use the slide transition

Slide Transition - continued Go to the SLIDE SHOW menu Choose the Slide Transition option You are given a number of effects to choose from You can select an effect and preview it before deciding one you like Then click on the Apply button to activate this on the selected slide, or Apply All to apply it to all the slides in your presentation

Transitions Slide Show > Slide Transition Transitions are effects for moving from slide to slide You can choose different transitions for each slide, “Apply to All” the same transition effect, or choose “random” to vary effects. You can also control the speed of the transition – choose slow to “Fade” into each slide Choose “Automatically After” to automate your slide show; each slide appears for X seconds.

Practice: Transitions Click on the “Slide Sorter View” button. Double-click the slide to which you want to assign a transition. This will return you to Slide View. Choose Slide Show > Slide Transitions, and select a transition.

Animating slides Each slide is made of one or more frames of text, pictures, sounds View one slide in the normal view Go to the SLIDE SHOW menu and choose Custom Animation This displays all the separate elements/frames in this slide

Custom Animation Click on one element. E.g.: Text 1 This gets highlighted in the preview box Click on the Effects tag This gives you a number of effects to choose from Select the one you want and use Preview to see what it will look like Then move to the next element and repeat the process

Animations Slide Show > Custom Animation Animations change how objects, text boxes, and pictures appear in your slide. You can choose a “Preset Animation” or design a “Custom Animation” from the “Slide Show” menu.

Custom Animation: Timing Check the boxes next to the objects you want to animate. They appear below in the Animation Order box – you can change the order using the arrows to the right. Choose “Preview” to see how the animation will appear. Choose “On mouse click” to control when animation appears or choose “Automatically” and insert a number of seconds.

Custom Animation: Effects Select each object in the top window, then select an animation from the drop-down list in the boxes below. Choose “Grouped By” greater than “1st” to make text appear in hierarchal order rather than all at once.

Practice: Animations Make sure you are in the Slide Sorter View. Double-click the slide to which you want to assign an animation. This will return you to Slide View. Select an object on the slide. Choose Slide Show > Custom Animation, and pick an effect.

Slide Show menu This will run your show This will have you set up animations with the objects on your slide This allows you to change the transitions between slides

Viewing the slide show After creating your slides, go to the VIEW menu and choose Slide Show When the first element in the first slide loads on screen you will need to click once on the left mouse button to proceed to the next step Click on the mouse to progress through the presentation Press the ESC key (top left of keyboard) to exit a presentation at any time Clicking on the SLIDE SHOW menu and Set Up Show option allows you to select the slides you want to view.

Record Automatic slide timings You can set the slides to run continuously and automatically Firstly, complete creating the slides, setting slide transitions and animations Go to the SLIDE SHOW menu and choose Rehearse Timings The first slide appears on screen Click the left mouse button to proceed to the next step At the next viewing of the slides you can choose to save the timings or rehearse new timings New timings can be recorded at a later stage as well

Run slide show continuously Go to the SLIDE SHOW menu Choose Set Up Show Select the “Loop Continuously until ‘Esc’” box, then click on OK The slide show will now run repeatedly until the ESC key on the keyboard is pressed

Slide Show Last button on lower left. Preview your presentation. Use the “Enter” or arrow keys or click the mouse click to advance through your presentation. Press “ESC” to exit the show and return to your editing

Practice: Preview Click on the “Slide Show” button. View your entire presentation, thinking about your transitions and animations.

Printing Presentations, Part 1 Go to the File menu and choose Print Make sure the box marked “Pure Black and White” at the bottom of the screen is checked.

Printing Presentations, Part 2 Under the Pull Down menu “Print What,” there are several options: Slides (choose without animations) will print one slide to a page (good for making transparencies of your slides). Handouts (2, 3, or 6 sides per page) prints mini-versions of your slides on the left with blank lines for notes on the right. (Good for a presentation where people may want the ability to take notes). Notes will print out the notes you’ve written for yourself to accompany your slides. Outline prints the text of your slides in a linear outline format.

Useful links to relevant information If this tutorial does not provide sufficient information to you, please try one of the following references... Introduction to Power Point [URL] Other Power Point Tutorials [URL] STEVEN BELL'S PowerPoint and Presentation Skills Resource Page [URL]

Conclusion There are many other features available in this program Trial and error – although very stressful - is a very good teacher Necessity is the mother of invention GOOD LUCK! Once again...