Complete Questionnaire

Forward Saddelback e-mail to an account you check, login to Saddleback e-mail , settings, options - forward.

Finally login in to blackboared and take Quiz 0

You should complete H2-H4 before H1

Complete a Index Page on your cim.saddleback.edu, blackboard has Videos to get you started. Right Click and save this index.html page to your desktop. You may start off using either dreamweaver, fileZilla or Flash Index Page Generator; In Second week of class we will start creating a Flash Site.

Discuss Current CIM Designs or Post Favorite Flash Site

On blackboard discussion board post your favorite flash site: either a pure flash Web site, a flash exchange site, or movie site. We will be discussing these sites frist three weeks.

sitepal is my pick, but it would be hard to reproduce.

Chapter 9 CS5 9-40..9-43 Skills Review, Errata in Book page 9-42 Step 10, don't use the name convert for the event Handler, convert is reserved use...

convertBtn.addEventListener( MouseEvent.CLICK, convert1 );

function convert1( e : MouseEvent ) {

... step 11... }

Chapter 9 Page 9-34..9-35 Seasons (CS3 & CS4 Version of Book)

CS5 Code to Create a Box...

import flash.display.Shape;

var my_square:Shape = new Shape();
my_square.graphics.beginFill(0x000099);
my_square.graphics.drawRect(100, 100, 50, 80);
addChild(my_square) ;

Errata

The file fl9_5.fla shoud have only one key frame for each button. On buttons layer
make sure you have key frames at frames: 1, 5, and 10; Don't want extra key frames between 1..5. Note when you add action script to a button on key frame 1, if the same button exists on key frame 2, it will not have the actionscript of key frame 1.

on 2nd part work with targets and movie clip symbols, the hint on 4. should say only use on and play.

Spoilers you should be able to complete all actionScript code if not you can use these spoiler scripts...

Spoiler on 3 On Frame1 Start Button

On( release )

{ gotoAndStop( “seasonChange” ); }

Spoiler work with targets 4.

On( release )

{  change.play( ); }
//note change is the instance name of the movie that plays the four seasons

// don’t use the with command

For create an interactive movie Clip symbol

attach code to the scarf movie

5. code is...

on( press )
{ startDrag("" ); }

on( release ) {
stopDrag( );

if( _dropTarget == "/winter_mc" ) _visible = false;
//note if you given the instance name scarf you can use _root.scarf._visible=false;
}

Extra Credit Ultimate Tours of Portfolio

10-30...10-32

Note voice is too soft, the easiest way to fix this if for all background music use the sound editor to set its volume lower. In the properties panel with the backgroudn music select, click edit next to effect and set both the right and left channel at a lower volume. This is covered in chapter 10 viewgraphs.

If you are daring you can load all sounds using ActionScript, and set the volume of all sounds indepently, this is also covered in chapter 10 viewgraphs. To do this....

• Right^Click Sound Name In Library Panel Select Linkage
• This Give you Link Properties Panel
• In Linage Properties Panel Click Export for ActionScript
• Enter a Name for the Indentifier - by default flash enter class name
• In your first frame enter ActionScript code to load sounds
• For Example, music = new Sound(); music.attachSound( "identifier");
• music.start( ); music.setVolume( 10 );

Hints corresponding to each item number

1. Right button is on first frame
2. Add stopAllSounds( ); right above gotoAndPlay( "jukebox" );
3. Frame 14 has the jukebox frame label in the actions layer
4. Make sure you select song1 in the library panel. Right^click song1 linkage. The song layer was created in steps 9 an 10 page 10-30
5. Check Export of ActionScript in Linkage Properties
6. Click the mute button on the main stage (Frame 15) - Actions panel should show Actions-Button, add the ActionScript...
   on(release) {
   stopAllSounds( );
   waveform.gotoAndPlay( "mute" );
   }
   /* Note you can doubleclick the waveform on the stage and see the waveform movie clip which has the frame label mute at frame 15 */
   
7. On the start button you need to add this code...
   on( release ) {
   stopAllSounds( );
   waveform.gotoAndPlay("start");
   /* note MovieClip waveform has a e frame label start. You can goto the movie clip frame waveform to verify that the label is start. */
   m = new Sound( );
   m.attachSound( "song1" );
   m.start( );
   }
8. See Above ActionScript Code
9. Test Your Movie

Extra Credit Ultimate Tours or Portfolio

Chapter 11 Page 11-34..11-35 skillsdemo11.fla(CS3 and Studio 8 version of Book)

Step 4a: after entering the code for onLoadMovieNum you need to play frame 2;
your movie will play from frame 2 to frame 50, during this time either easy_level.swf or hard_level.swf will play.

Extra Credit: Ultimate Tours and Portfolio 11

For Fall 2011 complete assignments h0..h6, we didn't cover chapter 12

These assignments from here down will not be used Fall/2009

Trapped Puzzle

Flash Review you may pick any one of these assignments:

1. Create Flash Advertizement for Next Generation Web Design comes to saddleback.
2. Create a good index page for Student professional work
3. Create a good background image for cim.saddleback.edu (more JPEG than SWF)
4. Do anything for My Class Web-Sites
5. Create a set of images similar to the Flash Review on lecture Source Code
6. Do two objects described in Flash Class (i.e., 2 fish, or 2 Train Objects or 2 Casino Objects)
7. Create Objects for a Future Interface to Battleship Simulator
   • Plan on adding a JSP (server-side) front-end to simulator
   • Will be using Flash/Actionscript at the client side
   • Need buttons that have 5 states, empty, miss, hit, sunk, bad guess
   • Need images of Ships
8. Create a Flash Logo for one of my classes: 7B, 7A, CIM246B, SQL; I have created logos for PHP and Flash I like my flash & PHP class logo. PS you can also create flash logos, for other parts of my class web-site.

Create an Index Page on cim.saddleback.edu, having the following key Components:

1. Some Action Script, (e.g., Dynamically Create Buttons, Display Date, Change background relative time of Day) On-Going More Advance: Nasa Satellite Information, also have NTP on cim, Curl library Integration, RSS Feeds (Flash feed), Remote Web Cam, DataSource, etc.
2. See Some Flash
3. List Favorite Flash Sites or Some Flash Hints
4. Links to Other Homework Assignments
5. Frames are also worth considering

Place your index page in your public_html directory, with the name index.html; You can view the page from the Web using http://cim.saddleback.edu/~username Use WinSCP to transfer files to To view other students sites goto cim.saddleback.edu and click the Student Web-Sites and then select the class to preview.

Optional Sign up for lynda.com Videos Information on blackboard, students enrolled in more than one of my Classes (CSS, PHP or ActionScript) have been e-mailed the access codes.

or Try out these free demo tutorials Creating Action Script Movies They actually have several free tutorials (Site seems to have more up todate titles and longer videos than Lynda.com) but also more expensive.

Deprecated, your personal web-site should have interesting flash links. On Blackboard under Discussion board is located a discussion board for placing your favorite links. At a later date we will have a survey on the best links. For your links list your name and link type....

1. Movies or Just a General Website with a Good Flash Movie
   Keep in mind a lot of the Web flash animation is often a time consuming process. However, we may discuss the "design" of some the better Movies.
   
2. Actionscripts
   During the 5th-7th week of class we will try to reproduce or talk about the high level design of the script.
   
3. Clipart
   Looking for a good PNG clipart site.
   
4. API or Help
   
   
5. Tutorials

Properties & Button Events

For C grade, Modify whoSeesMouse so that all four elements send both rollOver and rollOut events to the trace box; the trace output should also be sent to a dynamic text box (i.e., the black text on the right swift movie). ActionScript has a bug, you need to pass the instance name and not the this pointer when using buttons. For B grade, Modify whoSeesMouse so that object properties are printed in the dynamic text Box, (i.e., the red text in the image to the right). For A Grade, the dynamic text box should have formatting and the buttons should be functional.

Finish write this simple infix calculator, you should be able to do +, -, *, / and % "mod"; I'm not supplying you with the flash file; But some of the source code is in the viewgraphs.

Detailed instructions....

• Write a flash welcome screen, you initial screen should print out, hello Welcome to CIM264C, what is your name.
  
  
• You should have one input text box for entering the Persons name and a enter button for proceeding to next screen.
  
  
• The enter button should respond to two events release and key down enter, both events can be inserted using the action script + icon. Use + icon goto Global Functions goto Movie Clip Control goto On; Note you can then enter an argument event relative to when user is on your button, once your first event (i.e., on( release ) is selected just type a comma and you will get a screen to continue adding the next argument.
  
  
• Note you separate multiple arguments to the on function with a comma. In general when you pass more than one argument to a function, one uses a comma to separate arguments.
  
  
• For the body of the on event, you can enter a trace function for debugging but you need to have a way to advance to the next frame, either use nextFrame or gotoAndPlay( frame number).
  
  
• In addition you need to create a action layer, with the stop(); command in the first keyframe. I have a action layer with stop() at frame 1 and a stop() at frame 5, Frame 5 has its own layer with the second screen. You can insert a Movie clip as the second screen layer. But accessing the input name will require a full path name (e.g., _root.name ).
  
  
• On the second screen, access the input text box, and print its value in the dynamic text box.
  
• This screen should read "Hello Persons Name ..." note you can use the same variable name for both the dynamic and the input text box. Why is this beneficial?
  
  
• In this screen also list four buttons: class web-site, blackboard, your favorite flash site, & favorite site found by examining other student in sites in P2. Note you will need to use the getURL function.
  
  
• If you have a strong html knowledge, then you favorite flash sites can be a list of links. To do this you may need to embed your swf file inside an html file. Look at publish html file, and insert part of it into your html document.

PS we will be expanding on this assignment in CIM264D.

Code enhancements to consider...

• You don't have to use a comboBox for the month selection, you may use a input text box. However, how can a comboBox (drop down list box) give you intrinsic information.
• Write your own horoscope.as.
• Add Year and look up on Web what happened the day your were born.
• Send all your output to different frames. To this create an html file with frames, and use UIComponent TextField and set the the appropriate URL and target.

Chapter 4 Review : Modify myNumber.swf so that it also computes square, square root, prime, and prime factors. The input box for number is restricted to only two digits, how was this done? . You output should be sent to both a trace windows and a dynamic output box. Will release partial action script source code.

For extra credit also output if the number between 0..99 is a Fibonacci number

For web-based teams we may implement a check out procedure, when you want to work on the code, Check out the project file, make changes to the code and resubmit. When you resubmit add a message briefly identifying what you have done, (e.g., created better buttons, add trigonometry, financial functions, etc.). In the event two people have flash file out at same time a librarian will be responsible for for merging all changes into a single active project file. The librarian serves dual rolls as both Quality Assurance and librarian. For QA, librarian is responsible for verfying integrity of changes. If you want to be the librarian/QA, let me know.

Goal is to reproduce a HP-29c or HP-19c, this is a full list of HP RPN calculators. To implement the programmable features of the calculator one would link the flash ouptut to a python server module. One could also considering adding advance functions using server side JSP or PHP. To send data to server one uses the LoadVars class. The midterm in PHP is using a swf front end client interface.

Tutorial on Flash/PHP/XML Database

http://www.macromedia.com/devnet/flash/articles/flash_xmlphp.html

On Flash 2004 MX tutorials seem to be under
Help -> How do I -> Quick Start

In addition useful sites has some tutorial links

On Flash MX version 6.0

Complete the help->tutorials on Flash MX