CMPE/ISYE/SWEN233 Internet Programming
Term Project
2023-2024 Fall
Due Date: 12th January 2024 at 23:00
Submission: Upload your Term Project source files to Moodle ([Link] together with your
Progress Report. Compress (zip) all your folder and files before submission. No email submission
will be accepted.
I. General Principles
• Project will be done in teams. At most three students can be in a project group.
• Each group are going to design a website given in “Term Project Details” as below:
• A progress report has to be filled up and uploaded to moodle.
• Any sort of cheating and/or plagiarism will be punished by failure from the course and a report to the
disciplinary committee of the University.
• Project concerns Web software development. Outcome should be demonstrated as Web site.
• Use external .css file(s) for all of your styles.
• All necessary JavaScript functions will be at external .js file(s).
• Try to design with good graphical elements. Use styles and pictures/images/etc.
• Due date of the project is strict there will be no postponing of the project. Get your projects ready
before the due date.
Grading:
External Css 5
External JS 5
Navigation Menu with CSS 5
Home Page 5
Detailed Info. On Workshop Page 5
Registration Form 10
Total Payment Calculation 30
Calculate discount 10
Contact Us page 5
Form Validation 10
Confirmation Message 10
Total 100
II. Term Project Details
You need to prepare a web site to announce and give details about an organized workshop during 2024. You are
free to choose the workshop content/topic, the country and its time period that will be held in. Assume that,
the workshop has four sessions. The web site will include the following 4 pages which should be connected with
links through navigation menu done using CSS:
• Page 1: Homepage
You need to provide general information about the conference details and some attractive images as a
home page.
• Page 2: Detailed Information on Workshop
Design a page with general information, description and images for the organized workshop and its
facilities.
• Page 3: Registration
Design a page for calculating the registration cost of the workshop with the selected sessions,
participant type and the time period selected for workshop attendance. You can take the below
Registration Cost Calculation table as a reference to design it.
• Page 4: Contact Us
User should be able to fill the contact form and system should validate each form element.
Registration Cost Calculation
o User should be able to select multiple sessions with checkboxes and participant type with radio buttons.
o Use a calendar that a participant will able to select the date for workshop attendance.
o Cost of the selected session should appear on the last column after both dates (from/to) of the session is
chosen.
o Cost: The price for each session regarding participant type may vary but you need to multiply the
session price, and participant type with the selected number of days. Note that, number of days
has to be calculated automatically (i.e. assume that Presenter as “Participant Type” with
“Session 1” is selected for the time period from 22/01/2024 – 26/12/2024 (= 5 days); then the
Cost = (price of participant type) * (price of Session 1) * 5.
o Total cost is the summation of selected sessions’ cost and it should appear after the “Calculate” button
is clicked. If the participant will attend more than 2 sessions and the total cost is more than 1000 € apply
15% discount (=total cost*0.15). Note that, you are free to apply any fee for participant type and
sessions.
o After the total cost appears, a confirmation message will be prompted to ask the visitor if s/he
accepts the calculated total cost for payment. In case of acceptance; a thank you message will be
alerted, otherwise application withdraw message will be alerted.
GOOD LUCK!