W4 introduction to al interface
-
Upload
nurbiha-a-shukor -
Category
Technology
-
view
150 -
download
0
description
Transcript of W4 introduction to al interface
![Page 1: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/1.jpg)
Dr. Nurbiha A ShukorEdu. Science, Maths & Creative
MediaFaculty of Education
![Page 2: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/2.jpg)
Discussion Topics
• Introduction to AL software• Screen size concepts in AL project– analyzing problems in AL projects
• Setting File Properties• Setting Background• Introduction to AL Interface• Functions of Icons• Basic Concepts of AL software – how
it works
![Page 3: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/3.jpg)
Introduction to AL Software
• Authorware is a multimedia authoring language which allows for rapid development of interactive multimedia software.
• It is icon-based; programming is done by placing icons onto a flowline in a particular order.
![Page 4: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/4.jpg)
Introduction to AL Software
FlowlineFlowline
![Page 5: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/5.jpg)
Practical: To start!
• What u see upon launching AA?• Design window?• Presentation window?
• What to do FIRST??
![Page 6: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/6.jpg)
How do you prefer your presentation window?
Use Full Screen?640 X 480?800 X 600?Variable?
There are different implications upon your decision. What are they?
![Page 7: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/7.jpg)
Defining Screen Size
• Authorware File – screen size - Use Full Screen -has been developed using a computer with 1024 X 768 resolution.
• What is the screen size of the Authorware file??
• __________________
![Page 8: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/8.jpg)
Defining Screen Size
• Authorware File – screen size – 800 X 600 –
• Courseware has been developed using a computer with 1024 X 768 resolution.
• What is the screen size of the Authorware file??
• _____________________
![Page 9: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/9.jpg)
Defining Screen Size
• Authorware File – screen size - Use Full Screen - has been developed using a computer with 1280 X 1024 resolution.
• What happen when the Authorware file is run on a computer with 1024 X 768 resolution???
• ___________________________
![Page 10: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/10.jpg)
Defining Screen Size
• The best decision?• Authorware file – screen size - 800 X
600• Computer resolution – 800 X 600 –
Your opinion??
![Page 11: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/11.jpg)
File Properties
• Center on Screen• Menu Bar, Title Bar• How to change Title Bar?• Background color• Chroma Key color
![Page 12: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/12.jpg)
File PropertiesWhat do we call this?
What do we call this?
![Page 13: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/13.jpg)
Background Color
• Does Authorware allows the use of more than one color as a background???
• If not, how to make your Authorware file has more than one background color???
• What if you want to put a graphic as background?
• Let us try!
![Page 14: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/14.jpg)
Who are they: Icons in AA
![Page 15: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/15.jpg)
![Page 16: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/16.jpg)
Try: Look out for these!!
–How to type text in Authorware??–What is Mode?–Type of Fonts that Appropriate for
Authorware File –Can text be a graphic file – when to
use?
![Page 17: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/17.jpg)
Inserting Text
–Ways to insert text:Copy & Paste from Word Processing
SoftwareWhat is Dynamic Text and RTF File?
–Type of Texts :Ordinary & ScrollingWhen to use Ordinary & Scrolling
Text?
![Page 18: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/18.jpg)
Types of Text
• Ordinary Text and Scrolling Text.• What is Scrolling Text?• When it is appropriate to use
Scrolling Text?• How to create Scrolling Text in
Authorware?
![Page 19: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/19.jpg)
Modes in AL
What is Mode??How many type of modes that Authorware
has?Why it is important?How to view Mode window?
![Page 20: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/20.jpg)
Font Concepts
• What is Font?• Situation 1:• Authorware File – use Font
Exoneration – run through Authorware in a computer that did not have the font – what will happen?
• In conclusion..?
![Page 21: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/21.jpg)
Font Concepts
• So can we still use Font Exoneration – and run through Authorware in a computer that did not have the font??
• How can you do it? Is it even possible?
![Page 22: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/22.jpg)
![Page 23: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/23.jpg)
Inserting Graphic
• How to import graphic into an Authorware file?
• Hints – 3 techniques
![Page 24: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/24.jpg)
Inserting Graphic
• What is the best format file for graphics – to import into Authorware - .gif, .jpg, .bmp etc.
• Can we resize graphics in Authorware?
• Tips – don’t resize graphics in Authorware – use graphics software such as Photoshop to resize the graphics.
![Page 25: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/25.jpg)
Animation in Authorware
• 2D or 3D??• How to create animation in Authorware• Animation concept in Authorware• Types of animation in Authorware• How to create animation - a bouncing
ball?
LET US TRY!
![Page 26: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/26.jpg)
Exercise 1: The bouncing ball
• Which icon did you used?• What kind of animation command
did you used? • How many animation command are
they?• Describe another possible way to
illustrate animation
![Page 27: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/27.jpg)
Animation in Authorware
• Importing Animation (Flash, GIF Animation, 3D Animation, etc.) File
• Flash – which file format is suitable? - .swf or .fla?
• Tips in Using Graphics and Animation File – size file, quality, image size
• Internal & External Concept of Graphics & Animation File.
![Page 28: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/28.jpg)
Importing Flash files
![Page 29: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/29.jpg)
Animation in Authorware
• When is the appropriate time to use Internal Concept of Graphics & Animation File?
• When the file size is small.• External Concept???• When the file size is big – such as >
1 MB and will be used more than one time.
![Page 30: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/30.jpg)
How do we insert video and audio in our courseware?
![Page 31: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/31.jpg)
Audio in AL
• How to import audio file into Authorware file?
• Audio: internal & external??• When to use internal and when to
use external??• Internal – when file size is small?• External – when file size is big??• Format file for audio – can be
imported in Authorware??• AIFF, WAVE, MP3, PCM, SWA etc.
![Page 32: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/32.jpg)
Video in AL
• How to import video file into Authorware?
Let us TRY!
• 2 techniques – digital movie icon & insert>media>Quicktime
• Video in AL – external only – why??• Video file size usually big• Format file for video – can be imported
in Authorware??• FLI, FLC, AVI, MOV, MPEG, WMV
![Page 33: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/33.jpg)
Library in AL
What is library???When to use library??Which icon can be inserted in library window?Extension for library file ?? .a6l
![Page 34: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/34.jpg)
Library in AL
![Page 35: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/35.jpg)
Library in AL
![Page 36: W4 introduction to al interface](https://reader033.fdocuments.net/reader033/viewer/2022061302/54907dabb4795942548b4683/html5/thumbnails/36.jpg)
Library in AL
• Benefits of using library in Authorware??– File size can be reduced– File modification – easier– Reduce production time.