Instructional Strategy - Marcus Mickle's Portfolio · Web viewThe File transfer option on an Android phone can be used for importing photos from an Android phone to a computer. In

Name: Marcus Mickle Email: [email protected] Date: 04/12/2017

Web-based Tutorial Flowchart

1

Project: How to Import Pictures? Screen: 1 of 8Date: 04/12/2017

Web-based Tutorial Storyboard

Screen Description and Event(s) of Instruction addressed: The first screen in this presentation will be the home screen. It will capture the attention of the learners by asking them a probing question such as, “Do you have at least one favorite photograph stored on your Android smartphone that you do not want to lose?” The use of a probing question relates to Gagne's first event of learning, gaining attention, and Keller's attention in the ARCS Model. The screen will present the introduction, learning objectives, and tutorial requirements to the learners. It informs the learners that they are accessing the correct web-based tutorial. Robert Gagne's first event of instruction, gaining attention, will be addressed by the information on the home screen. In addition, Robert Gagne's second event of instruction, informing learners of objectives, will be addressed by the information in the objectives section.

Screen Layout:

Home Tutorial Sections

How to Import Pictures?Welcome! Do you have at least one favorite photograph stored on your Android smartphone that you do not want to lose?This tutorial will identify the steps for using a USB cable to import pictures from your Android phone to a Windows computer. Click the play button to hear the audio clip.

ObjectivesAt the end of this tutorial you should be able to identify the steps to:

Transfer your photographs from an Android phone to a computer as a backup using a USB cable.

Locate your photographs files on a computer. Free up space on your Android phone to store

additional photographs. Archive digital photographs for safe keeping.

The tutorial requirements are: You will need to have basic computer skills and basic Android phone skills in order to successfully learn the targeted skills in the tutorial.

Click the Tutorial Sections button to continue.

2

Tutorial Sections

Text Attributes: Bold text will be used to highlight the topic, introduction, and objectives, and requirements heading. Regular text will be used for the content.

Still Images: One image of mountain, trees, and lake on header background.

Moving ImagesAnimation:Video:

AudioSpeech: An audio clip of the introduction, learning objectives, and tutorial

requirements.Music:Sound Effects:

Interactivity: One submit button to continue to tutorial sections located at the bottom of screen. Menu navigation links are located at the top right corner of the screen.

NavigationFrom Screens: HomeTo Screens: Tutorial Sections

3



Screen Description and Event(s) of Instruction addressed: The second screen in this presentation will be the Tutorial Sections screen. It will present an overview of the tutorial sections to the learners. The screen will present to the learners the directions for using the web-based tutorial to be able to accomplish the learning objectives. Robert Gagne's fifth event of instruction, providing learning guidance, will be addressed by the information on the tutorial sections screen.

Screen Layout:


Tutorial SectionsThis tutorial is composed of six main sections. The six sections will guide you through the steps for transferring your own photographs from an Android phone to a computer. Click the play button to hear the audio clip. Then click on the image for the section number below or the next button below in order to navigate the tutorial sections in sequence.

Section 1 Section 2 Section 3

Section 4 Section 5 Section 6

Click on the next button to continue or the back button for the previous page.

Text Attributes: Bold text will be used to highlight the topic. Regular text will be used for the content.

4

Back Next



AudioSpeech: An audio clip of the overview of the tutorial sections.Music:Sound Effects:

Interactivity: Two submit buttons will be located at the bottom of screen. A button to continue to next screen and a button to return to the previous screen. Also, menu navigation links are located at the top right corner of the screen.

NavigationFrom Screens: Tutorial SectionsTo Screens: Section 1, Section 2, Section 3, Section 4, Section 5, Section 6 and Home.

5



Screen Description and Event(s) of Instruction addressed: The third screen in this presentation will be the screen for understanding how to use a USB cable to connect an Android phone to a computer. It will inform the learners of the lesson objective. The screen will present to the learners, what they will be learning from the lesson. Robert Gagne's second event of instruction, informing learners of objectives, will be addressed by the information on using a USB cable to connect an Android phone to a computer.

Screen Layout:


Section 1: Connect USB cable to Android phone and ComputerObjective:In this section, you will identify how to connect the USB cable to your Android phone and computer. The USB cable supplied with the Android phone can be

used to connect the Android phone to a computer. In order to identify how to connect your Android phone to a computer using the USB cable supplied with the phone, you will identify the larger USB cable end that will be inserted into the port on your computer, and the micro-USB cable end that will be inserted into the port on your Android phone. Figure 1.0 below can assist you with identifying the larger USB cable end, and the micro-USB cable end.

Figure 1.0. Image of larger USB cable end, and micro-USB cable end.

Keep in mind that your Android phone should be powered on and unlocked before inserting the micro-USB cable end into the micro-USB port on the bottom of the Android phone. This will enable the Android phone to recognize that you have inserted the micro-USB cable end into the micro-USB port. Figure 1.1 below can assist you with

6

identifying where to insert the micro-USB cable end into the micro-USB port on the bottom of the Android phone.

Figure 1.1. Image of micro-USB cable end inserted into bottom of Android phone.

Also, keep in mind that your Windows computer will needTo be powered on before inserting the larger USB cable end into an open USB port on the computer. This will enable the computer to recognize that you have inserted the larger USB cable end into the USB port. Figure 1.2 below can assist you with identifying where to insert large USB cable end into the side of a laptop computer.

Figure 1.2. Image of large USB end.






Interactivity: Two submit buttons will be located at the bottom of screen. One submits button to continue, and one to go back to the previous screen. Menu navigation links are located at the top right corner of the screen.

NavigationFrom Screens: Section 1To Screens: Section 2, Tutorial Sections and Home.

7

Back Next



Screen Description and Event(s) of Instruction addressed: The forth screen in this presentation will be the screen for understanding how to change USB options to File Transfer on an Android phone. It will inform the learners of the lesson objective. The screen will present to the learners, what they will be learning from the lesson. Robert Gagne's second event of instruction, informing learners of objectives, will be addressed by the information on changing USB options to File Transfer on an Android phone.

Screen Layout:


Section 2: Change USB Options to File TransferObjective:In this section, you will identify how to change USB options to File transfer on your Android phone. The File transfer option on an Android phone can be used

for importing photos from an Android phone to a computer. In this step you will identify how to change the USB options to File transfer option on your Android phone. The Menus or Icons on your Android phone may be different depending on the version of the software installed on your Android phone. Knowing what the USB icon looks like can help you find the File transfer option. Figure 2.0 below can assist you with identifying the USB icon on the Android phone.

Figure 2.0. Image of a USB icon.

Keep in mind that your Android phone will need to be powered on, unlocked and connected to your computer using the USB cable as identified in step 1 of the tutorial in order to display the USB icon. The USB icon along with the text "Tap to change USB options" should appear as a notification in the Status bar of your Android phone after completing step 1. You will need to tap with your finger on the "Tap to change USB options" notification to

8

change USB options. Figure 2.1 below can assist you with identifying the "Tap to change USB options" notification.

Figure 2.1. Image of USB icon and Tap to change USB option notification.

Also, keep in mind that after you tap your finger on "Tap to change USB options" notification, you will need to tap your finger on "File transfer" and then tap on "JUST ONCE" in the "Use USB connection for" window on the Android phone. Figure 2.2 below can assist you with identifying the "File transfer", and "JUST ONCE".

Figure 2.2. Image of File Transfer option








9

Back Next



Screen Description and Event(s) of Instruction addressed: The fifth screen in this presentation will be the screen for understanding how to locate an Android phone device on a computer. It will inform the learners of the lesson objective. The screen will present to the learners, what they will be learning from the lesson. Robert Gagne's second event of instruction, informing learners of objectives, will be addressed by the information on locating an Android phone device on a computer.

Screen Layout:


Section 3: Locate an Android phone device on computerObjective:The Android phone device can be found under "Portable Devices" that is located under the Computer menu on a Windows computer. In this step, you will identify how to locate an Android phone device on computer. In this step you will identify how to locate Android phone

device on computer. The Menus or Icons may be different depending on the version of software installed on your computer. For this step you will need to be able to recall your prerequisite basic computer skills to be able to locate the Computer menu on the version of Windows installed on your computer. Figure 3.0 below can help you to identify how a Windows Start icon, and Computer menu looks.

Figure 3.0. Image of Windows start icon, and Computer menu

Next, you should see your Android smartphone device on the computer. It is normally located under "Portable Devices" on the computer. The "Portable Devices" should have your Android phone located under it on the

10

computer. Figure 3.1 below can help you identify how the "Portable Devices" looks on a Windows computer. For example in Figure 3.1, "LG Stylo2" is the Android phone device that has been connected to the computer using a USB cable, and is located under "Portable Devices"

Figure 3.1. Image of Portable Devices,and LG Stylo2








11

Back Next



Screen Description and Event(s) of Instruction addressed: The sixth screen in this presentation will be the screen for understanding how to import pictures on a computer. It will inform the learners of the lesson objective. The screen will present to the learners, what they will be learning from the lesson. Robert Gagne's second event of instruction, informing learners of objectives, will be addressed by the information on importing pictures on a computer.

Screen Layout:


Section 4: Import Pictures on ComputerObjective:In this section, you will identify how to import pictures on computer. In this step you will identify how to import pictures on

your Windows computer. You will need to right click on the "Portable Devices" on the computer. One of the "Portable Devices" on the computer should be the Android phone device. The "LG Stylo2" is the Android phone that has been connected to the computer. Figure 4.0 below can help you identify how the "Portable Devices" looks again.

Figure 4.0. Image of Android phone device on computer

12

After you right click on the "LG Stylo2", you will need to select Import pictures and videos. Figure 4.1 below can help you identify how the "Import pictures and videos" looks on a Windows computer.

Figure 4.1 Image of Import pictures and videos

After you click on "Import pictures and videos", type a tag name in the "Tag these pictures (optional):" text box, to be able to identify your imported pictures on the computer. This is optional, but it helps to archive your pictures when you tag the pictures with a meaningful name. Figure 4.2 below can help you identify "Tag these pictures (optional):” text box on a Windows computer.

Figure 4.2 Image of Tag these pictures

If you want to remove the pictures from your Android phone to free up storage space, click the "Erase after importing" checkbox after you click on the import button. Figure 4.3 below can help you identify "Erase after importing" checkbox.

Figure 4.3. Image of Erase after importing






13

Back Next



14



Screen Description and Event(s) of Instruction addressed: The seventh screen in this presentation will be the screen for understanding how to import pictures on a computer. It will inform the learners of the lesson objective. The screen will present to the learners, what they will be learning from the lesson. Robert Gagne's second event of instruction, informing learners of objectives, will be addressed by the information on importing pictures on a computer.

Screen Layout:


Section 5: Locate Imported Pictures on ComputerObjective:In this section, you will identify how to locate imported pictures on computer. In the step you will identify how to locate the imported

pictures on your Windows computer. After your pictures have completed importing on your computer, a new window will open on your computer that shows you the imported pictures. Figure 5.1 below can help you identify the new window.

Figure 5.1. Image of new window



15

Back Next






16



Screen Description and Event(s) of Instruction addressed: The eighth screen in this presentation will be the screen for understanding how to disconnect the USB cable from the Android phone and computer. It will inform the learners of the lesson objective. The screen will present to the learners, what they will be learning from the lesson. Robert Gagne's second event of instruction, informing learners of objectives, will be addressed by the information on disconnecting the USB cable from the Android phone and computer.

Screen Layout:


Section 6: Disconnect USB cable from Android phone and ComputerObjective:In this section, you will identify how to disconnect the USB cable from your Android and Computer. The final step that you will need to identify is how to

disconnect the USB cable from Android phone and your computer. First, I recommend that you power off your Android phone. Next, disconnect the micro-USB cable from the micro-USB port on the phone. Lastly, disconnect the larger USB cable end from the USB port on the computer.

Figure 5.1. Image of new window



17

Back Next






18

Documents

Instructional Strategy - Marcus Mickle's Portfolio · Web viewThe File transfer option on an Android phone can be used for importing photos from an Android phone to a computer. In