Scribd
Upload
23 views5 pages

FinalProjectExercise Ingroup

This document outlines the requirements for a final responsive website development project using Bootstrap. Students must create a website with responsive design and navigation, including a homepage with images, text, and buttons that link to additional pages. The website must allow admin access to add, edit, and remove records stored in database tables. The project aims to apply HTML, CSS, JavaScript, PHP and integrate a database. Students will present their projects and be evaluated on the presentation and quality of the developed website.

Uploaded by

Fide Ben Slimen
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
23 views5 pages

FinalProjectExercise Ingroup

This document outlines the requirements for a final responsive website development project using Bootstrap. Students must create a website with responsive design and navigation, including a homepage with images, text, and buttons that link to additional pages. The website must allow admin access to add, edit, and remove records stored in database tables. The project aims to apply HTML, CSS, JavaScript, PHP and integrate a database. Students will present their projects and be evaluated on the presentation and quality of the developed website.

Uploaded by

Fide Ben Slimen
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

Master of Engineering in Web Technologies and Systems

Web Programming
Final Project

Title: Responsive Website development in Booststrap with access to database tables

Objectives:

This activity intends to aggregate the different subjects taught in this UC in order to
provide students with a global vision of the Web development environment.
At the end of this work, students should be able to practice the basic components of the
elaboration of a website recurring to bootstrap framework. In addition, students should
be able to create access to a database to store and retrieve information.
Students must acquire basic knowledge of HTML, CSS, Javascript and PHP technologies.

Description:

The theme is free. Each group can define the theme you want as long as it respects the
minimum requirements listed below. It is intended to develop a website that provides a
responsive navigation through information related to activities regarding the chosen
theme. Use the bootstrap framework to accelerate development.

Minimum requirements:

• All pages should be responsive and have a responsive menu of options (at the
very least, these options should exist):

• The homepage should be composed by (at least) the following elements:

o “Carousel” with a slide of a minimum of three images (adapt the images


to your subject interests)

Page 1 of 5
Master of Engineering in Web Technologies and Systems

Web Programming

o The “carousel” of images should allow the navigation shown in the above
image (2 and 4).
o The “carousel” of images must allow the insertion of text to describe the
image (3).
o The “carousel” of images must present indicators to go directly to an
image (4).

o There must exist cards with 4 images and initial text (1)

o It should be possible to expand more information - expand / collapse


button effect (2)
o There should also be a 2nd button for the "Go to Airbnb" option (3)

o By clicking on the "About us" option (main menu) you should go to


the “About us” page of the homepage:

Page 2 of 5
Master of Engineering in Web Technologies and Systems

Web Programming

o This page should present text (1) and (3) Images (2)
o And a button that should allow to go to “Contact us” (4)

o The homepage should also have a footer with free information (whatever
the group wants to put there)

• The page “Gallery” should present a responsive table with images:

• On the “Contact us” page, there should be a contact form (to submit questions)
where you will be asked for the name, email address and the question to ask.

Page 3 of 5
Master of Engineering in Web Technologies and Systems

Web Programming
• On the “Contact us” page, there should be a contact form (to submit questions)
where you will be asked for the name, email address and the question to ask.

• When you select the "Admin" option, you should access a new menu that allows
you to insert a new record and list products, services, bookings, etc. (whatever
makes sense for the site).

• You can create as many tables as you need to make sense of your site, however,
one of these tables (products, services, bookings, etc.) must have a number and
types of fields approximately identical to the form below.

• The "Insert" option should allow records to be inserted into database tables using
the appropriate form.

• The list option should have the option to edit (for changes via a form) and remove
at the end of the record. The remove option should allow the entire record to be
shown in a form with disabled fields and 2 buttons (one for "continue" and delete,
and a second button for cancel).

Technologies:

Editor: Visual Studio Code


Programming languages: HTML + CSS + JavaScript / and the Bootstrap framework

Groups, Deliver and Presentation:

• The delivery and presentation should take place on: 16/Feb/2024


• Maximum presentation time: 15 minutes

Page 4 of 5
Master of Engineering in Web Technologies and Systems

Web Programming

Assessment:

• 30% Presentation
• 70 % Web project

Page 5 of 5

You might also like