Flash for E-Learning (Use of Presentation and Quiz Templates)
Objectives: At the end of the lecture, you will learn: 1. How to built presentations (similar to PowerPoint Slides) from Flash templates 2. Create online quizzes with Flash 3. The SCORM and AICC standards for E-Learning Flash MX 2004 provides a number of templates (樣板) from which you can easily modify and creates fancy applications such as online quizzes and advertisements. These templates can be accessed when Flash is first opened.
Accessing the templates
There are 8 types of templates in Flash MX 2004 Professional; Advertising templates Video templates Photo slideshow templates Presentation templates Screen presentation templates Mobile device templates Quiz templates Form application templates In this lecture, we will cover the two most frequently used templates for teaching and learning activities: the Presentation Templates and the Quiz Templates. I. Using Presentation (簡報) Template
1
The presentation templates help you create, customize, and publish your presentations. Activity Four A – Using the Presentation Templates Create a New Presentation 1. Open Flash and click on 從樣版建立, 簡報(as shown in the figure on last page) 2. The dialog box as shown in the figure will return. Choose any one of the four available templates and click 確定.
The Presentation Template The presentation as shown will be created. It consists of a number of layers, which contain the contents of the presentation, control buttons etc. 1. Preview the presentation by using 檔案 發佈預覽 (or Ctrl+Enter) 2. Compare the resulting file (.SWF) with the source file (.FLA)
Add a New Slide (1) 1. You can modify the existing slides by modifying the contents in the content area layer. 2. To add a new slide, click on the last frame of the actions layer. Then insert a keyframe. [Note: Flash add a new keyframe after the select frame on the action layer. It also adds one frames to all other layers] Add a New Slide (2) 1. Click the new keyframe of the actions layer, and open 動作-影格 (If the panel cannot be found, click on 視窗
2
開發版面動作-按鈕,or simply press F9) 2. Type stop(); Add a New Slide (3) 1. Click the last frame of the content area layer. 2. Insert a keyframe. 3. Now you can freely edit the contents on this slide. (You can use copy and paste to duplicate the contents of the previous slides so as to maintain similar layouts). Delete a Slide 1. Highly the corresponding vertical column of frames of the slide that you want to delete. 2. Right click and choose 移除影格. 3. Preview the presentation (Ctrl+Enter).
Using Quiz Template With the Quiz Templates, you can create self-scoring quizzes with several different interaction types. In fact, the Flash Quiz Templates provide interaction types similar to that in Authorware, which include: Drag and Drop Interaction Fill in the Blank Interaction Hot Object Interaction Hot Spot Interaction Multiple Choice Interaction True of False Interaction A newly open quiz template consists of 6 questions, one of each of the above interaction types. Each quiz template consist of 8 frames, using the similar technique in Presentation Template, you can add, delete, or modify questions inside the default quiz template. However, you should not delete the first (Welcome page) frame and the last (Results page) frames. Activity Four B – Using the Quiz Template
II.
3
Create a New Quiz 1. Open Flash and click on 從樣版建立, 測驗(as shown in the figure on last page) 2. The dialog box as shown in the figure will return. Choose any one of the three available templates and click 確定. The Quiz Template The quiz as shown will be created. It consists of a number of layers, which contain the contents of the presentation, control buttons etc. 1. Preview the presentation by using 檔案 發佈預覽 (or Ctrl+Enter) 2. Compare the resulting file (.SWF) with the source file (.FLA) 3. On the first page of the quiz, change 歡 迎 into Flash Quiz. The Drag and Drop Interaction (1) 1. Select the second frame of the Interactions layer. 2. Break the movie clip apart (“break apart” is the opposite action of “convert to symbol”) by 修改打散. [!Warning!: DO NOT break apart on this frame more than once] The Drag and Drop Interaction (2) Delete Drag2, Drag3, Drag4 and Target4 from the stage (as shown in the figure). [Note: the name of each object is shown in 屬性]
4
The Drag and Drop Interaction (3) 1. Select 視窗開發面板組件檢測器 to open the 組件檢測器. 2. At the left hand side of the stage, click on 拖放互動 once. 3. In 屬性, click the 參數 tab, then click 啟動組件檢測器(Component Inspector). The Drag and Drop Interaction (4) 1. The DragAndDrop component inspector is displayed on the right. If it is too tiny, right click on it and select 放大顯示. You can also re-adjust the size of the inspector window. 2. We are going to modify this drag and drop question so that there will be only 1 object and 3 possible target areas, of which one of them is correct. To do this, modify according to the following:
[Note: If you want to create new objects and define new target areas, simply draw them on the stage and then convert them to movie clip symbols. Then they can be used in the drag and drop interaction]
5
The Drag and Drop Interaction (5) 1. Click on the 選項 tab of the component inspector. 2. Modify the feedbacks from this dialog box according to your own preferences. 3. Press Ctrl+Enter to preview the quiz.
Fill in the Blank Interaction (1) 1. Select the third frame of the Interactions layer. 2. Break the movie clip apart by 修改 打散. 3. Similar to that in the drag and drop interaction, open the 組件檢測器. Fill in the Blank Interaction (2) 1. In the 填入空格組件檢測器, change the fields according to the following: 問題：I ______ (go) to school by
bus yesterday. 回覆：1. went, and check 正確 check also 區分大小寫(Case Sensitive) and 完全符合.
[Note: To set up the interaction to accept all responses except those you type, enter the invalid responses in the list and deselect the Correct option to the right of them. Then check 其他回覆, to indicate that all other responses are correct]
6
The Hot Object Interaction (1) 1. Select the forth frame of the Interactions layer. 2. Break the movie clip apart by 修改 打散. 3. Similar to that in the drag and drop interaction, open the 組件檢測器. The Hot Object Interaction (2) 1. On the stage, draw a triangle, a square and a rectangle. 2. Convert each of the shapes into movie clip symbol. 3. Name them as triangle, square, and rectangle respectively. 4. Click on the triangle, in its 屬性, type triangle. 5. Repeat step 4 for square and rectangle. The Hot Object Interaction (3) The Hot Object Interaction accepts one to eight hot objects. 1. Open the 熱門物件組件檢測器, change the fields according to the following: 問題：Which of the following shapes’ internal angles add up to 180 degrees? 熱門物件實體名稱： 1. triangle, and check 正確 2. square 3. rectangle 2. Press Ctrl+Enter to preview the quiz.
7
The Hot Spot Interaction (1) 1. Select the fifth frame of the Interactions layer. 2. Break the movie clip apart by 修改 打散. 3. Similar to that in the drag and drop interaction, open the 組件檢測器. The Hot Spot Interaction (2) 1. Delete the default hot spot objects from the stage. 2. Download cow.gif, cat.gif, snake.gif, and dog.gif from the course homepage. 3. Import the above files to the stage by selecting 檔案匯入匯入至舞台. 4. Place the gif images on the stage as shown on the figure. If the images are too large, use the 自由變形工具 to resize them. The Hot Spot Interaction (3) 1. Convert cat.gif to movie clip symbol and name it as cat. 2. In 屬性, type cat in 實體名稱. 3. Repeat the same for cow, snake, and dog.
8
The Hot Spot Interaction (4) The Hot Spot Interaction sets up an interaction in which the user responds by clicking an object(s) on screen. 1. Open the 熱門物件組件檢測器, change the fields according to the following: 問題：Which of the following animals is different from the
others? 熱門地點實體名稱：
- cat - cow - snake, and check 正確 - dog 2. Press Ctrl+Enter to preview the quiz. [Note: When you run the quiz, the hot spot areas are semi-transparent by default. Due to a bug in Flash MX 2004 trial version, you cannot change the alpha value of the hot spots.] [Note: After you have finished the Flash quiz, you can publish it as HTML and upload the resulting HTML and SWF files to a Web server.] Exercise Now you are familiar with the Flash interactions. Try to configure the Multiple Choice and the True of False interactions according to the following specifications: Multiple Choice: Question: Which of the following Internet protocols is intended for file upload/download? Choices: FTP, HTTP, SMTP, PHP [Where FTP is the correct answer.] Feedback for correct answer: Correct! Feedback for incorrect answers: The correct answer is FTP. True or False: Question: Is 91 a prime number? True (incorrect) / False (correct) Feedback for incorrect answer: Incorrect. 91 = 7 x 13 Feedback for correct answer: Correct.
9
Alternate Method You can include any one of the about interactions in a normal Flash movie (i.e. without using the template). Below is the highlight of the steps involved: 1. Choose 插入空白關鍵影格. 2. Choose 視窗其他版面內建元件庫課程互動. 3. Drag a learning interaction onto your movie Stage.
Once your learning interaction is on the Flash movie Stage, you can configure the interactions with the steps covered in Activity Four B. III. The SCORM and AICC standards for E-Learning Macromedia Flash MX 2004 and Macromedia Flash MX Professional 2004 are compliant to the SCORM and AICC standards for E-Learning. SCORM (Sharable Content Object Reference Model) and AICC (The Aviation Industry CBT Committee) are two main standards for E-Learning. SCORM (URL: http://www.altrc.org) is developed by Advanced Distributed Learning Initiative (ADL) since November 1997, and its first version is released in January 2000. It is a standard and specifications for high quality educational and training courseware development, packaging and delivery. Its idea is to enable courseware to be reusable, accessible, interoperable, and durable: Reusable: can be edited and interpreted by different authoring tools Accessible: the courseware is easily searchable, and be stored and retrieved by
learners and developers easily Interoperable: can be run on different hardware, operating systems, and Web browsers
10
Durable: in case of system changes, the courseware can still be run properly without severe modifications
AICC (http://www.aicc.org) is another E-Learning standard developed by the Aviation Industry Computer-Based Training Committee. Both SCORM and AICC specifies a Learning Management System, which is a server for launching learning contents, keeping track of learner progress, figuring out in what order (sequence) learning objects are to be delivered and reporting student mastery through a learning experience. Flash is compliant to the SCORM and AICC standards in the following ways:
Each individual Macromedia Flash learning interaction can send tracking information to a server-side learning management system (LMS) that complies with the Aviation Industry CBT Committee (AICC) protocol. The quiz templates track cumulative results from a sequence of interactions and can pass them along to the LMS using an enhanced data tracking functionality that
conforms to either AICC or Shareable Content Object Reference Model (SCORM) standards. The above can be set in the Quiz Options as well as the Component Inspector of individual interactions. Please refer to Chapter 19 – Creating E-Learning Content of Using Flash for more details.
11