Web programming-Project Solved

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-      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-      Notification Page:

Shows friends posts/friend requests

 Can be in a pop-up menu  

 

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-      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-      When post is clicked: user can like and can start conversation with post owner.  

 

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

a.       scope

b.      purpose

c.       User Classes and Characteristics.

d.      Operating Environment.

e.       Function requirement.

f.        Non function requirement.

g.      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.

 

2-      Design (all pages front-end).

3-      Back-end (PHP & DB).

4-      The whole system up and running.

Project phases (Plan B):

1- System requirements and documents.

a.       scope

b.      purpose

c.       User Classes and Characteristics.

d.      Operating Environment.

e.       Function requirement.

f.        Non function requirement.

g.      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.

 

2-      Front-end & Back-end of 3 pages.

3-      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

Project final delivery deadline will be announced soon, it can be after exams based on the schedule.