[SOLVED] Web Programming-Project

Description

• Register & Login pages

The user has to register in the site. The information needed for registration are:

• Name
• Email (unique)
• Password
• Date of Birth
• Photo (default can be set)

The login is done with email and password.

• Profile page:

This page displays the user Photo, if any, otherwise, default, name, a list of his posts, if any, info, skills, bio.

There are links to:

• Edit his account information (name, password, and photo).
• Show list of user posts.
• Home page.

• Notification Page:

Shows friends posts/friend requests

 Can be in a pop-up menu

• Home page contains:
  • Link to profile, notification, messages.
  • List of posts (all posts on the site arranged by date, recent first). “Based on post status”

• Post contains (image – optional, text) can be:
  • Contains # of likes.
  • Shared on user page.
  • Commented
  • Status: Public / friends only -> who can see the post

• When post is clicked: user can like and can start conversation with post owner.

• Messages with owner: can be:
  • New page 》 normal grades.
  • OR it can be a tab -> 3 grades bonus

The tools to be used are: HTML, CSS, Javascript, PHP, MySql, Bootstrap, jQuery. You are responsible of creating a database and the services to communicate with.

Design document is to be delivered next lab.

Project phases (Plan A):

1- System requirements and documents.

1. scope
2. purpose
3. User Classes and Characteristics.
4. Operating Environment.
5. Function requirement.
6. Non function requirement.
7. For all pages: (Content Structure Model – Content Behavior Model – Navigation

Structure Model – Navigation Access Model – Presentation Structure Model –

Presentation Behavior Model)

Choose at least 3 models. Each model can be repeated once. Each page is represented by only one model.

• Design (all pages front-end).
• Back-end (PHP & DB).
• The whole system up and running.

Project phases (Plan B):

1- System requirements and documents.

1. scope
2. purpose
3. User Classes and Characteristics.
4. Operating Environment.
5. Function requirement.
6. Non function requirement.
7. For all pages: (Content Structure Model – Content Behavior Model – Navigation

Structure Model – Navigation Access Model – Presentation Structure Model – Presentation Behavior Model)

Choose at least 3 models. Each model can be repeated once. Each page is represented by only one model.

• Front-end & Back-end of 3 pages.
• Front-end & Back-end of the rest of pages. 4- The whole system up and running.

Front-end 》 HTML, CSS, JS, PHP

Back-end 》 PHP services & DB