Scribd
Upload
52 views5 pages

Homework For Ict Web Programming

This document outlines 6 homework assignments for an ICT web programming course. Homework 1 involves creating a personal profile webpage. Homework 2 involves designing an HTML form to collect information about a user and their partner. Homework 3 involves creating a page to browse uploaded files. Homework 4 involves using a MySQL database to store business and category data. Homework 5 builds on this by adding a shopping cart. Homework 6 involves completing previous assignments using JavaScript validation, CSS design, and security techniques.

Uploaded by

Học Sinh Nghiêm Túc
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
52 views5 pages

Homework For Ict Web Programming

This document outlines 6 homework assignments for an ICT web programming course. Homework 1 involves creating a personal profile webpage. Homework 2 involves designing an HTML form to collect information about a user and their partner. Homework 3 involves creating a page to browse uploaded files. Homework 4 involves using a MySQL database to store business and category data. Homework 5 builds on this by adding a shopping cart. Homework 6 involves completing previous assignments using JavaScript validation, CSS design, and security techniques.

Uploaded by

Học Sinh Nghiêm Túc
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

HOMEWORK FOR ICT WEB PROGRAMMING

Prepared: TrangNTT
Homework 1. Your profile ........................................................................................................................................ 1
Homework 2. You and your partner ........................................................................................................................ 1
Exercise 2.1. Design a HTML form ........................................................................................................................ 1
Exercise 2.2. Validate the input ........................................................................................................................... 2
Exercise 2.3. Display the result ............................................................................................................................ 2

Homework 1. Your profile


- Create a simple HTML page as your personal webpage
- The profile should include:
o Paragraph, text
o Images and hyperlinks
o Table for layout, list
o Many HTML elements as possible (which you have learned).
- Below are the suggested layout (very basic), you should make much information/creation as you wish

Personal Details Image


…

Educations
Working experiences
Society activities
Skills
Experiences
Certifications
Hobbies
Desire
…

Homework 2. You and your partner


Exercise 2.1. Design a HTML form
Design a form including all types of HTML inputs which request the user to fill the following information of the
user and his/her girlfriend/boyfriend:
- Full Name: Fill in a text box,
- Gender: Radio button to choose (Male or Female – default is Male)
- Job: Select from a combo box (only one option from the list),
- Birthday: Fill in a text box in the format dd/mm/yyyy,
- Hobbies: Choose multiple hobbies from checkboxes which list some common hobbies and others
1
- Skills: Select multiple options from a combo box
- Desires: Fill in a text area
- Secret code: Password textbox
- Confirm secret code: Password textbox
Allow the user to submit all information of both himself/herself and his/her girlfriend/boyfriend; then validate the
input and display the result as the Exercise 2.2 and Exercise 2.3.

Exercise 2.2. Validate the input

a. Validate all the inputs:


- Full name, Birthday, Secret code: Mandatory to fill
- Birthdays should be a valid date, check the birthday by yourself (~ the exercise in the Lab 03)
- Confirm secret code should be the same with Secret code

b. If there is any invalid input, display the message beside the invalid control in the red font.

Exercise 2.3. Display the result


If there is no invalid input, display the result
- Use heading 1 to display: “You and your boyfriend/girlfriend” (depends on the Gender is Male or Female)
- Both information in a table with the columns is the fullname of the user and his/her girlfriend/boyfriend;
the rows is the information of them:
o Calculate how old are they and display their ages
o Display in two dates in letter (E.g. Friday, December 12, 2008) for each person
o Display the hobbies and skills in a ordered list
o And other information
- In the end, display:
o the difference in days between two birthdays
o the difference years-old between two people
o if their secret code is the same or not
{{{Attentions:
• Print all screens which you use add-ons of Firefox including DOM Inspector, and Firebug for the above
exercise and paste to a MS Word document with a brief comment for each screen.
• You should write some codes to functions to re-use them (such as validate for mandatory fields or a
date…)

Homework 3. File browsing


Write a web page allowing users:
- View the detail information of uploaded files in a folder (create a folder in the project named “upload”
and copy some files to that folder) including: File Name, Type, Uploaded Date, Size by a table
(http://soict.hut.edu.vn/~trangntt/courses/WP/).

- Sort the list of file by File Name or Uploaded Date if the user click to the correspoding header (alternative
ascending/descending by continuous clicking).

- Design and programming using OOP

2
Homework 4. Business management
Using MySQL to store Category and Business information, knowing that one business can belongs to multiple
categories, and one category can include multiple business.

Exercise 4.1. Category Administration page


Design the following page for Category Administration to add a category:

Exercise 4.2. Business Registration page


Design the following page for Business Registration to add a business. Users can choose multiple categories for
the business in the list in the left of the page.

3
Exercise 4.3. Business listing page
Design the following page for Business Listing to display a list of businesses for a specific category. Users can click
to the list of categories in the left view the list of corresponding businesses.

Homework 5. Shopping cart


Building a shopping cart application which allows users to choose business in the Homework 4 then add them to
cart (after login, in the Business listing page). Then, users can view the cart; they can modify or delete a business
in the cart.

!Just for visualization! E.g. in MSDNAA Program.

4
Homework 6. Completing your homework
Complete your homework (at least for homework 4 and 5, recommending for all) by:
- Re-validate using JavaScript
- Re-design and re-layout using CSS
- Apply techniques for web security

You might also like