CS2623: Server-Side Programming
SSP07: Arrays

Objective:

• Manipulate array elements
• Utilize associative arrays
• Find and extract elements from arrays
• Use array in web forms.

Points

• Full Credit: 40 Points
• Late/Resubmit Credit: 36 Points

Situation

Need a Visual Reference?
View the following video on YouTube of past student sites. In most of the cases the entire web page is not included in the screen shot, just enough to let you see the functionality of each project assignment. These videos are in a restricted area and intended for use only by students in this class.
Disclaimer: If you see something that is contradictory to our class assignments, please ask. Do not assume that since it is on the video that it is 100% correct.

• Discovery Project 6-1: Footer: Dragon Image
  
• Discovery Project 6-2: Web Forms: Alphabetize Signs
• Discover Project 6-3: Web Forms: Image Gallery
• Discovery Project 6-4: Control Structures: Multidimensional Array

Specifications

• Discovery Project 6-1 Follow the instructions in the text.
  
  
• Discovery Project 6-2
  
  
  • The following may be used for descriptive text in the "inc_web_forms.php" includes file. If you prefer, you may write your own.
    Web Forms and User Input
    User input for Web pages is done through Web forms. Web forms involve two components. The first is the actual Web form with fields for the user to enter data. The second is a form processor, which reads the entered data and responds appropriately.
    User input for Web pages can also be done through links using the <a> tag. Web browsers automatically process user input when a link is clicked, and send a request to the Web server.
    
    
  • The following may be used for descriptive text in the "inc_web_forms.php" includes file. If you prefer, you may write your own.
    This all-in-one Web form prompts the user to enter the twelve Chinese zodiac sign names, separated by commas. The browser validates, sorts and displays the list.
    
    
  • You may also copy/paste this list of zodiac signs into the text box. It may save you a little typing time. Again, you are free to type them in on your own.
    Rat,Ox,Tiger,Rabbit,Dragon,Snake,Horse,Goat,Monkey,Rooster,Dog,Pig
    
    
• In Discovery Project 6-3 It is not a good web practice to change the size of an image by using the height and width properties. However, for this assignment, you may follow the text's instructions.
  • The following may be used for descriptive text in the "inc_web_forms.php" includes file. If you prefer, you may write your own.
    This page displays thumbnail images of the twelve Chinese zodiac signs. When clicked, the thumbnail will cause the browser to display the full-sized image.
    
    
• For Discovery Project 6-4 When creating the multidimensional array, the first element would be declared as the following: (p. 374 might also help)
  
                $AnimalSigns = array("Rat" => array( "Start Date" => 1900, "End Date" => 2020,"President" => "George Washington"),
  
  ...... and so on......Upload the new or modified files in the ChineseZodiac folder to Apollo1

Recurring Specifications:

• XHTML must validate STRICT on all pages
• CSS must validate for CSS3 Standards
• Code must be easy to read and properly indented.
• Documentation must be appropriate and meaningful.
• Meta Tags including the following must be included on all pages. The content must be revised to information that is meaningful to the page.

  <meta name="author" content="Your Name" />
  <meta name="revised" content="12/18/2015" />
  <meta name="description" content="Description of web page" />
  <meta name="keywords" content="Add appropriate key words" />

• Tables may not be used for general layout and only when specifically indicated in an assignment.
• JavaScript may not be used in assignments unless specifically indicated. One exception is the date late modified at the bottom of the web page.

Assignment Submission

• Follow the Assignment Submission requirements outlined in http://apollo.occc.edu/chyde/CS2623/Handouts/CS2623_CodingStandards.htm.
• Upload the files/folder to your apollo1 account.
• View the web page/s in Firefox, Chrome, Safari, and Internet Explorer.
• Revalidate and double check to make sure all items are visible from all computers.
• Note: The include files will not validate because they do not have complete DTD's and tags. However, index.php when it is displaying ANY and ALL of the dynamic content must validate.
  
• Submit the URL of your web page in the LMS.
• The URL will be
  • http://apollo1.occc.edu/user#####/ChineseZodiac/index.php
• Submission links must open web page in a new window (not inside of MoodleRooms) and display the page (and not a directory)
• XHTML code must validate STRICT and CSS must also validate for CSS3 or earlier. The Web Developer Toolbar in Firefox will be used for grading.
• Assignments not meeting the previous requirements (opening in a new window and XHTML/CSS Validation) cannot be graded. If it is still within the late/resubmit period, they can be re-uploaded and resubmitted (10% penalty). If it is after the final deadline, the work can no longer be submitted.