put Empty into field Lname put Empty into field ID put Empty into field PW

Transcription

1 CONTRIBUTOR : Mohd Khairil Ashraf Bin Mohamad Karid Main Menu Page Stage size = 1024 x Button -> Navigate to personal info Script = Jump to movie filename.dir 2 Text Area 3 Button ->Submit Data Script = put Empty into field Fname put Empty into field Lname put Empty into field ID put Empty into field PW

2 4 Button Info if data is correct Script = On mouse up Global gfname, flname, gid, gpw put field Fname into gfname put field Lname into glname put Caya laa &&gfname&&glname into field greeting End 5 Field Text 6 Button ->Clear Personal Info Page Buttons For this page, the buttons have been created but the script for the buttons we have not learnt yet

3 CONTRIBUTOR : Nuraini Bt Mat Zin Size of e-portfolio 1024 * 768 1) 2-3 seconds of introduction (quick preview) Attention Getter 2) Personal information page *make it only 5 frame. It is dynamic number because it is only a static page. It s no use to make the sprite longer since it s not an animation FIRST NAME: Text Area LAST NAME: STUDENT ID: PASSWORD: SUBMIT Field Push Button Field 1- Fname 2-Lname 3-ID 4-PW 5-Greeting In the Message Window (at the right top) put Empty into field Fname put Empty into field Lname put Empty into field ID put Empty into field PW In internal cast Cast Member Script On mouse up Global gfname, flname, gid, gpw

4 put field Fname into gfname put field Lname into glname put Caya laa &&gfname&&glname into field greeting End 3) Main Menu MAIN MENU WELCOME AGAIN Field Push Button ebanner Photo Album Mp3 collection (oldies) eresume ISD Chapter? PERSONAL e-portfolio Back to Information Page Push Button My Video Clips MIP Text How to link from 1 director movie to another movie -In script window -Go to categorized window -Navigation -Go to movie

5 CONTRIBUTOR : Azidatun-Noor Bt Saidin Notes week 6 How to create personal info stage for the e-portfolio 1. Chose Text tool to type and named it as Label at the cast member. 2. Chose Field tool to draw line for the first name, last name, student id, and password also greeting space. 3. Name the member of the cast with: Fname Lname ID PW Greeting 4. Chose Push Button tool to create this button

6 5. Don t forget also to name all the member of the cast! How to type words on the field 1. Chose Message Box tool from the toolbar at the top of the stage. 2. Write the script such as below: 3. Type EMPTY to empty it. To enable write on the field when playing the Personal Info banner 1. Chose Field option at the Property Inspector 2. Tick at Editable and Tab

7 To appear the greeting after clicking the Submit button 1. Click at the submit button cast 2. Chose Script tool at the top of the cast window. 3. type the script such as below: To clear all the words at the field 1. Click at the Clear cast 2. Chose Script tool at the top of the cast window. 3. Type the script such as below:

8 How to link from one personal info director to main menu director 1. Click at the chosen button on the stage 2. Chose one of the empty cast at the cast window 3. Chose Script tool at the top of the cast window. 4. Type the script such as below: # Standardize the length of each frame.

9 # Differentiate the color of button frame and field frame by choosing one of the color at the color option at the bottom of score window

10 CONTRIBUTOR: SUAIDAH BT MOHAMAD LGB3B 16 AUGUST 2007 How to build an E-portfolio which has connection to other different director files? - the standard size of a stage is 1024 x remember to conclude an element of attention gather as stated by Gagne o it is like a quick introduction as simple as time bomb How to make a personal info stage - Initially, you can change the size of the stage into 50% if you want to - Click the text tool, in the toolbox. - Type first name, last name, student ID and password and save the cast member as label o Always remember to name each member of your cast!!! - Then, click field tool, in the toolbox. - Click 5 times and them as fname, lname, id, password and greeting - Click button tool, in the toolbox and name it submit o You can indicate your buttons by paint it with same colour using at the bottom of the score window - Type submit and the words will appear on your submit button o Always remember to standardized your sprite to same end frame - select submit cast member and click - The script box will appear. Then type these script as below:

11 - Then, make another button and named it clear - select clear cast member and click - the clear script box will appear and type script as below: - Then, make a pause button at the end frame - Make another button, named it main_menu and script it as below:

12 CONTRIBUTOR : Elevona Bt Jusitim How to create e-portfolio? d Fname Lname ID PW Label ( Text A ) Greeting Stage size : 1024 x 768 1). Start your e-portfolio in macromedia. 2). Create your e-portfolio by using all the criteria above. 3). To change the color of the stage and boxes: (i) Click at the sprite in the cast window. Ex: Fname sprite (ii) Go to and change the color you prefer.

13 How to make clear button? 1). Click at the toolbar. 2). This window will appear: 3). Type this detail inside the window stage: How to make a clear button access by other user ( other user detail )? 1). Go to the.

14 2). Type EMPTY in: How to make button? 1). Go to Tool 2). Name it as submit button. 3). In the cast window, click the submit cast 4). Put these details in cast member script: How to make clear button editable ( for other user s detail ) 1). At the cast window, click Fname 2). Go to Property Inspector Field choose Editable (except for greeting field)

15 How to make greeting field? 1). Select at the Tool bar. 2). Name it as greeting 3). Go to cast member click greeting script 4). Fill it with:- Save your work and name it as Personal_info. How to link from one director movie to another director movie? 1). Create MyDirector button at the Personal_info stage. 2). At the cast window select MyDirector Script Categorize lingo

16 3). A list of item will appear select Navigation choose go to movie

17 CONTRIBUTOR: HAFIZATUN HABSAH BINTI ZAINUDIN Stage size: 1024 x 768 Attention Getter- introduction - how to gain learners attention - time bomb Personal information page First Name Last Name Student No Password Field of frame Button: Submit and Clear Caya laa. Field for GREETING First name = Fname Last name = Lname Student no = ID Password = PW How to change the background color? - go to foreground and background colors - click at the background then choose color Message window Click at the message window then type your name Type (put Hafizatun into field) Type (put EMPTY into field Fname ) do the same way for other frames Button: Type Submit and Clear Click empty cast-window to put Submit_button

18 Script Click script the type On mouse up: gfname, glname, g ID, Gpw put field Fname into gfname put field Lname into glname put field ID into gjd put field PW into Gpw put (Caya Laa ) &&gfname&&glname into field GREETING Important!!! GREETING do not have editable only the other four fields have editable How to link from one director movie to another movie? -go to categorize lingo then find navigation -click navigation then find go to movie (which movie?) -go to what movie that you looking for -type dir

19 CONTRIBUTOR : SHARINA BINTI MOHD MOKHTAR HOW TO CREATE THE LABEL Go to tools select text A type first name, last name, student ID and password Name it as LABEL Make it in 5 sprites HOW TO CREATE THE FIELD Go to tools select field Go back to stage then make a straight line beside each text Make a big line under all these and name it as greeting Make it in 5 sprites HOW TO MAKE THE BUTTON Go to tools select push button Go back to stage and write down Submit, Clear, Click to Proceed to the Main Menu Make it in 5 sprites The script for the greeting button : on mouseup global gfname, glname, gid, gpw put field "Fname" into gfname put field "Lname" into glname put "Caya Laa.."&&gFname&&gLname into field "greeting" end MAIN MENU E-banner Photo Album

20 MP3 collection eresume ISD Chapter My Video Clips MIP Back to Personal Information Page Quit

21 CONTRIBUTOR: NUR SYAMIMI BINTI MOHAMAD YOHYI NOTES WEEK 6 1. HOW TO CREATE A BUTTON Click on the Push Button Drag it into the stage Type on the script on mouseup global gfname, glname, gid, gfw end put field "Fname" into gfname put field "Lname" into gfname put "<Text>"&&gFname&&gLname into field "greeting" 2. HOW TO LINK FROM ONE DIRECTOR MOVIE TO ANOTHER DIRECTOR MOVIE Descripting window Categorized lingo button Navigation Go to Movie 3. HOW TO USE LABEL BUTTON Click on the Label Drag on the stage Type text in it 4. HOW TO MAKE THE BUTTON CHANGE TO MAIN MENU WINDOW Type on the script on mouseup put EMPTY into field "Fname" put EMPTY into field "Lname" put EMPTY into field "ID" put EMPTY into field "PW" put EMPTY into field "Greeting" go to movie "Main Menu.dir" CONTRIBUTOR: NOR AMALINA BINTI OTHMAN LGB3B

22 WEEK 6 E-PORTFOLIO HOW TO MAKE YOUR MULIMEDIA PERSONAL INFO? 1) Open Macromedia Director MX Go to property inspector Change stage size (1024 x 768) 2) Click on the icon (A) in the tool bar drag it on the stage and type: First name, Last name, Student ID and Password.

23 e it * if you want to change the style, font, color and size of the text double click on the score window of the text and [name the text ( Label ) ]. 3) Click on the Field and drag it beside each items of the label. Fname Lname ID Name all your work PW Greeting 4) Click and type - put EMPTY into field Fname - put EMPTY into field Lname - put EMPTY into field ID - put EMPTY into field PW - put EMPTY into field Greeting

24 5) 5) Click at Editable, Wrap and tab into each of the labels: Fname, Lname, ID, PW. 6) Click on wrap at the Greeting 7) Click on the Push Button to create button on the stage. Name it as Submit. 8) Go to cast member and click at the button Submit and go to script. 9) Save your work.

25 CONTRIBUTOR: NURUL AQILAH BINTI HASHIM HOW TO CREATE THE PERSONAL INFO PAGE

26 Click to insert texts: first name, last name, student id & password Click 5 times to create 5 fields where the typed info will be appeared HOW TO INSERT PARTICULAR WORD TO PARTICULAR FIELD - Click (message box) - On the appeared window, type: put qilah into field Fname (name set at cast window) - Repeat step to all four fields. HOW TO EMPTY THE FIELD OUT - On the message box, replace (put qilah into field Fname ) with (put Empty into field Fname ) - Repeat the step to other 3 fields. - So, we can type our personal info when we play the movie. HOW TO MAKE SUBMIT BUTTON - Click on tools palette, place a button on stage. - Put a word submit on the button. - On script window, type: 2) global gfname, glname, gid, gpw 4) put field Fname into gfname 5) put field Lname into glname 8) put field hey you. &&gfname&&glname into

27 greeting field indicate space - On property inspector, mark field as editable and tab, for all 4 fields HOW TO MAKE CLEAR BUTTON - Click on tools palette, place a button on stage. - Put a word clear on the button. - On script window, type: put Empty into field Fname - Repeat the step to another 3 fields. HOW TO LINK FROM ONE DIRECTOR MOVIE, TO ANOTHER DIRECTOR MOVIE - On script window of the button, type: go to movie the movie file name.dir CONTRIBUTOR: ONALIZA BINTI SATIMIN WEEK 6

28 HOW TO MAKE A PERSONAL INFORMATION PAGE: Use push button tool to create a button to other pages Use field tool to create space to enter characters HOW TO PUT INFO INTO FIELD AND TO EMPTY IT OUT: Go to message window: 1. Put Onaliza into field Fname 2. Put EMPTY into field Fname HOW TO PUT ANY CHARACTERS INTO FIELDS:

29 Global: can be used in any frame Whatever in gfname and glname will be in greetings CONTRIBUTOR: NUR ZAHIRA BT SAMSU TAUFIQ LESSON: PERSONAL INFO PORTFOLIO How to create personal info portfolio by using Macromedia Director MX

30 1. Go to the tool bar Click on the Text icon Drag the to the stage window Type First Name, Last Name, Students ID, and Password in each boxes one by one. 2. Click on the Field icon on the tool bar Draw four (4) fields and put them next to the four (4) identity boxes created in the previous step to make it like a form to fulfill. 3. Open the Property Inspector window Go to the Field note that all the four(4) fields on the stage must have Editable and Tab by clicking the white box on the left. 4. Creating a Submit button Go to the Push Button Draw and drag the Submit button under the four(4) fields created before Type the submit button By applying this step, create Clear button. 5. Create a long field and place it under all the fields and buttons created in the previous steps. 6. Open the Cast Window Make sure you name all the components created The first field Fname, second field Lname, third field ID, and the last field as ID. For the long field at the bottom, name it as greeting. 7. Click the cast window for the Submit button Open the Cast Member Script Window At number 2, type global gfname, glname, gid and gpw Press the Enter key twice For number 4, type put field Fname into gfname At number 5, type put field Lname into glname Press the Enter key twice At number 8, type put your own greeting &&gfname&&glname into field greeting and press the Enter key once. 8. Click the cast window for the Clear button Open the Cast Member Script Window At number 2, type put EMPTY into field Fname Copy the script for the rest of the fields by changing the four(4) fields names. 9. Arrange all the sprite on the Score Window accordingly to make it at the same length Go to the last sprite Double click on the Script Channel Go to the Behaviour Script Window, type go to THE frame at no.2

31 10. Creating a Main Menu page By using Text box, type Main Menu to the center of the stage Create another buttons that you want to present, ebanner button, Photo Album button, mp3 Collection (Oldies) button, eresume button. 11. Create Back to the Personal Information button Click on the Back to the Personal Information cast at the Cast Window and open the Script Window Click the Categorized Lingo Go to Navigation and select Movie Go to the script window, the go to movie whichmovie will appear Go to the personal information page director that you have saved for the whichmovie Apply this step for Back to Main Menu button. 12. Draw a field and type Welcome Again Name the cast as greeting At the first sprite, double click on the Script Channel. Type global gfname, glname, gid, gpw Press the Enter key twice and type put Welcome Again &&gfname&&glname into field greeting. 13. Go to the last sprite for every sprite Double click on the Sprite Channel Type go to THE frame. Close the window. Save. 14. Create a Projector by creating a link( because of the global) between Main Menu director and Personal Information page director. CONTRIBUTOR: NUR IRYANI BT HASHIM E-PORTFOLIO

32 Attention Getter PI Personal information First name Last name Student id Password field tool text A (label) greeting fname lname id psw How to use field tool Click on field tool > draw the box > give a name (internal window) Message window (Script in field tool) Type in = put NUR in field fname = put IRYANI in field lname Change = put EMPTY in field lname = put EMPTY in field lname How to write other text in the field Click on the particular field > tick on tab, editable, wrap How to do button Click push button > type clear > click out of the box > give name at internal window How to do script in submit button Script > global gfname, glname, gid, gpsw put field fname into gfname put field lname into glname put caya la &&gfname&&glname into field greeting (&& stands for space) How to change font, style Double click on the frame that you want to change the font. CONTRIBUTOR : Nurul Aini Bt Mohd Shah 1. Create a stage as below:

33 Text Tool is used to create First Name, Last Name, Student ID, Password box. (to edit the Font, Font Size, color and etc double click inside the box) (Right click once to move the box) To create blank lines select Field button. (to edit the Font, Font Size, color and etc double click inside the box) (Right click once to move the box) Click to produce button for example: Submit, Clear, Click to proceed to the Main Menu. 2. How to fill in the details inside the Field. Create messages to empty the Field. Click (message tool) and type the message as below: to give instruction for all field selected Scripting for Greeting Field.

34 Greeting Field (Pink in color) Details in the Greeting Field will appear when the user created below script. 3. Scripting for CLEAR button 4. How to create PAUSE scripting?

35 5. How to write QUIT scripting? 6. Create stage as follow using Text tool, Field and Button.

36 7. How to create script to appear First Name and Last Name in the Welcome again Field? 8. How to link one director movie file to another director movie file? CONTRIBUTOR : SITI MUHARRAMAH BINTI MAZLAN

37 NOTES (16 AUGUST 2007) PERSONAL INFO_PAGE & MAIN MENU_PAGE 9. Create a stage as below: Use Text Tool to create First Name, Last Name, Student ID, Password box. (Double click inside the box to edit the Font, Font Size, color and etc) (Right click once to move the box) Select Field button to create blank lines. (Double click inside the box to edit the Font, Font Size, color and etc) (Right click once to move the box) Click to produce button ie: Submit, Clear, Click to proceed to the Main Menu. 10. How to fill in the details inside the Field. Create messages to empty the Field. Click (message tool) and type the message as below: to give instruction for all field selected

38 Scripting for Greeting Field. Greeting Field (Pink in color) Details in the Greeting Field will appear when the user create below script.

39 11. Scripting for CLEAR button 12. How to create PAUSE scripting? 13. How to write QUIT scripting?

40 14. Create stage as follow using Text tool, Field and Button. 15. How to create script to appear First Name and Last Name in the Welcome again Field?

41 16. How to link one director movie file to another director movie file? NUR HASLINDA AZEZE BINTI ABDUL AZIZ LGB3B MARCOMEDIA PERSONAL INFO PAGE (6) Click to (1) Proceed to the FIRST NAME : Main Menu LAST NAME LAST NAME : (2)

42 (3) STUDENT ID : Submit PASSWORD : (4) Clear (5)

43 (1) Click T in Tools Write First Name, Last Name, Student ID and Password * rename every Cast member as LABEL (2) Click Field in Tools drag to each label * rename every Cast member as Fname, Lname, ID and PW (3) Click Push Button in Tools name as Submit * rename in Cast as Submit_Button (4) Click Push Button in Tools name as Clear * rename in Cast as Clear_Button (5) Repeat step (2) and rename in Cast as Greetings (6) Repeat step (4) and rename in Cast as Proceed_MM_Button (7) To clear the info for every Field Click on Clear_Button Cast click on Script type in on mouse up put EMPTY into field Fname put EMPTY into field Lname put EMPTY into field ID put EMPTY into field PW put EMPTY into field Greeting end (8) To fill in the profile Click Script on the Submit Button Cast on mouse up global gfname, glname, gid, gpw type in end put field Fname into gfname put field Lname into glname put Caya laa &&gfname&glname into field Greeting (9) Go to Property Inspector

44 Click Field tick right at the boxes of Tab, Editable for every Cast except for Greetings (10) Be sure that the number of Sprite for every item is 5. (11) Create a Pause button (12) To link Proceed_MM_Button to other relevant pages Go to Cast click Script type in on mouseup end put EMPTY into field "Fname" put EMPTY into field "Lname" put EMPTY into field "ID" put EMPTY into field "PW" put EMPTY into field "Greeting" go to movie "MainMenu.dir"

45 MAIN MENU PAGE (1) MAIN MENU (2) Welcome Again.Linda Aziz (3) (12) (10) (4) (5) (6) ebanner Photo Album Mp3 Collection eresume Requirement for your PERSONAL e-portfolio Personal Information Page Main Menu Page Back to Personal Info Page (11) Quit (7) (8) (9) ISD Chapter My Video Clips MIP Also needed Navigation Page Credit Page Acknowledgement Page Others (Anything you want to add)

46 (1) Use T in Tools (2) Use Script (3) (11) Use the Push Button in Tools (12) Use T in Tools * Quit button must exist to make a return button back to original page * (11) to link other relevant pages Go to (11) Cast click Script delete existing information type in on mouseup end go to movie "Personal_Info.dir" * to create projector with the links Open new window of Director MX click File Projector import (sequential) 1- Personal Info 2- Main Menu 3- eb ann er select for Play every movie Animat e to every backgr ound Creat e