[SOLVED] Web programming Project 1- Facebook website

1. 1-  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.
2. 2-  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.
3. 3-  Notification Page:
   Shows friends posts/friend requests  Canbeinapop-upmenu
4. 4-  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”
5. 5-  Post contains (image – optional, text) can be:
   • ●  Liked.
   • ●  Clicked.
   • ●  Contains # of likes.
   • ●  Shared on user page.
   • ●  Commented
   • ●  Status: Public / friends only -> who can see the post
6. 6-  When post is clicked: user can like and can start conversation with post owner.

7- Messages with owner: can be:
● New page 》 normal grades.
● ORitcanbeatab->3gradesbonus

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 – NavigationStructure 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.

2. 2-  Design
3. 3-  Back-end (PHP & DB).
4. 4-  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 – NavigationStructure Model – Navigation Access Model – Presentation Structure Model – Presentation Behavior Model)

(all pages front-end).

Choose at least 3 models. Each model can be repeated once. Each page is

represented by only one model.

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

Front-end 》 HTML, CSS, JS, PHP Back-end 》 PHP services & DB