The official web page for this course is http://www.austincc.edu/baldwin/Spring10/Itse1356WebPage/ITSE1356.htm.
Overview
To successfully complete this assignment, you should begin by studying the following documents:
While studying these documents, you should pay particular attention to the following Flex components:
Use Adobe Flex Builder 3
Although there may be other ways to satisfy the requirements of the assignment, the easiest way is probably through the use of an Adobe product named Flex Builder 3.
You must submit your complete project tree created by Flex Builder 3 in a zip file with the directory structure preserved. When I extract your files from the zip file, your original project tree must be reconstructed on my disk and I must be able to open your project in Flex Builder 3.
Your tree structure must include a folder named bin-debug. Among other things, this folder must contain an html file with a name that matches the name of the project. When I open your html file in a browser with an appropriate Flash Player plugin (version 9 or later), your application must run successfully in Flash Player.
Specifics
Create a new Flex Builder project named Asg08. Cause the behavior of your version of the application to match the behavior of my version.
Begin by downloading the file named Asg08.zip.
To run my version of the application, extract the files from the zip file into an empty folder. Then open the file named Asg08.html in your browser.
Required output
When you run the application using either your version or my version, the output shown in Figure 1 should be displayed in your browser. If you don't see this when you run my version, something is wrong and you may want to discuss it with me.
Figure 1. Beginning output.
|
|
Note that you may need to manually resize your browser window to the size shown above to get your output to match.
Move the handles
When you grab the handles with the mouse and move them, the size of the buttons on either side of the handle changes to keep the handle between the buttons as shown in Figure 2.
Figure 2. Output after moving the handles.
|
|
The black square is not affected
Note that the size and position of the black square in the center is not affected by moving the handles.
Click the black square
If you click the black square with the mouse, the color-selector image shown in Figure 3 appears on the screen. (Note that it may appear in a different location than that shown in Figure 3.)
Figure 3. Output after clicking the black square.
|
|
Select a color
If you click one of the small colored squares shown in Figure 3 to select a color, the color selector image goes away and the color of the black square changes to the selected color as shown in Figure 4.
Figure 4. Output after selecting a color.
|
|
Be sure to insert your name where indicated.
Note that the only colors specified in the XML for this project are red, green, blue, and yellow. All other colors are either default colors or colors produced by transparency or gradient effects.
-end-
File: Asg08.htm
