Scribd
Upload
34 views61 pages

Faceback - Social Networking Site

The document outlines a project titled 'Faceback', a social networking site developed using various web technologies including HTML, CSS, JavaScript, AJAX, PHP, and MySQL. It includes sections on project profile, feasibility study, system design, and user interface, detailing the functionalities and requirements of the site. The project aims to facilitate user connections and interactions similar to existing platforms like Facebook and Twitter.

Uploaded by

RAYANSH SANGHAVI
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
34 views61 pages

Faceback - Social Networking Site

The document outlines a project titled 'Faceback', a social networking site developed using various web technologies including HTML, CSS, JavaScript, AJAX, PHP, and MySQL. It includes sections on project profile, feasibility study, system design, and user interface, detailing the functionalities and requirements of the site. The project aims to facilitate user connections and interactions similar to existing platforms like Facebook and Twitter.

Uploaded by

RAYANSH SANGHAVI
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 61

Faceback 1

- Social Networking site


B.Sc(IT) Sem-5
Faceback 2

No Subject Title Page No


1 Project Profile 5
2 Introduction to Front and Back End Tools 6
i. HTML
ii. CSS
iii. JavaScript
iv. AJAX
v. PHP
vi. MySql
3 Project Introduction 14
4 Analysis 15
5 Feasibility study 17
i. Economic analysis
ii. Technical feasibility
iii. Operational feasibility
6 System design 18
i. Dataflow diagram
ii. E-R Diagram
iii. Data Dictionary
7 Project Management 30
8 User interface 31
i. Screen layout
9 Testing 59
10 Limitations 60
11 Future Scope 61
12 Bibliography 62
Faceback 3

Project Title: Faceback


Platform: Windows XP,7,8

Client Side: Any Network.

Technology: PHP.

Front End: Html, JavaScript, css, ajax.

Back End: MYSQL.

Server: XAMPP Server.

Documentation Tool: Microsoft Word.

Period of Project Working:


Project Guide:
Developed By:
Submitted To:
Faceback 4

What is HTML?
HTML is a language for describing web pages.

 HTML stands for Hyper Text Markup Language.


 HTML is a markup language.
 A markup language is a set of markup tags.
 The tags describe document content.
 HTML documents contain HTML tags and plain text.
 HTML documents are also called web pages.

HTML Tags
HTML markup tags are usually called HTML tags

 HTML tags normally come in pairs like <b> and </b>


 The first tag in a pair is the start tag, the second tag is the end tag
 The end tag is written like the start tag, with a forward slash before the
tag name
 Start and end tags are also called opening tags and closing tags

HTML Elements
"HTML tags" and "HTML elements" are often used to describe the same thing.

But strictly speaking, an HTML element is everything between the start tag and
the end tag, including the tags:

Web Browsers
The purpose of a web browser (such as Google Chrome, Internet Explorer,
Firefox, Safari) is to read HTML documents and display them as web pages.

The browser does not display the HTML tags, but uses the tags to determine how
the content of the HTML page is to be presented/displayed to the user:
Faceback 5

HTML Versions
Since the early days of the web, there have been many versions of HTML:

Version Year

HTML 1991

HTML+ 1993

HTML 2.0 1995

HTML 3.2 1997

HTML 4.01 1999

XHTML 1.0 2000


HTML5 2012

XHTML5 2013

HTML Page Structure

<html>

<body>

<h1>This a heading</h1>

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

</body>

</html>
Faceback 6

What is CSS?
 CSS stands for Cascading Style Sheets
 Styles define how to display HTML elements
 Styles were added to HTML 4.0 to solve a problem
 External Style Sheets can save a lot of work
 External Style Sheets are stored in CSS files

Styles Solved a Big Problem


HTML was never intended to contain tags for formatting a document.

HTML was intended to define the content of a document, like:

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

When tags like <font>, and color attributes were added to the HTML 3.2
specification, it started a nightmare for web developers. Development of large
web sites, where fonts and color information were added to every single page,
became a long and expensive process.

To solve this problem, the World Wide Web Consortium (W3C) created CSS.

In HTML 4.0, all formatting could be removed from the HTML document, and
stored in a separate CSS file.

All browsers support CSS today.

CSS Saves a Lot of Work!


CSS defines HOW HTML elements are to be displayed.

Styles are normally saved in external .css files. External style sheets enable you
to change the appearance and layout of all the pages in a Web site, just by
editing one single file!
Faceback 7

CSS Syntax
A CSS rule has two main parts: a selector, and one or more declarations:

The selector is normally the HTML element you want to style.

Each declaration consists of a property and a value.

The property is the style attribute you want to change. Each property has a
value.

CSS Example
A CSS declaration always ends with a semicolon, and declaration groups are
surrounded by curly brackets:

p {color:red;text-align:center;}
Faceback 8

What is JavaScript ?
A scripting language is a lightweight programming language.

JavaScript is programming code that can be inserted into HTML pages.

JavaScript inserted into HTML pages, can be executed by all modern web
browsers.

Did You Know?


JavaScript and Java are two completely different languages, in both concept and
design.
Java (invented by Sun) is a more complex programming language in the same
category as C.

ECMA-262 is the official name of the JavaScript standard.

JavaScript was invented by Brendan Eich. It appeared in Netscape (a no longer


existing browser) in 1995, and has been adopted by ECMA (a standard
association) since 1997.

JavaScripts in HTML must be inserted between <script> and </script> tags.

JavaScripts can be put in the <body> and in the <head> section of an HTML
page.

The <script> Tag


To insert a JavaScript into an HTML page, use the <script> tag.

The <script> and </script> tells where the JavaScript starts and ends.

The lines between the <script> and </script> contain the JavaScript:
Faceback 9

What is AJAX?
AJAX = Asynchronous JavaScript and XML.

AJAX is a technique for creating fast and dynamic web pages.

AJAX allows web pages to be updated asynchronously by exchanging small


amounts of data with the server behind the scenes. This means that it is possible
to update parts of a web page, without reloading the whole page.

Classic web pages, (which do not use AJAX) must reload the entire page if the
content should change.

Examples of applications using AJAX: Google search engine

How AJAX Works?

Google Suggest
AJAX was made popular in 2005 by Google, with Google Suggest.
Faceback 10

What is PHP?

 PHP stands for PHP: Hypertext Preprocessor

 PHP is a widely-used, open source scripting language

 PHP scripts are executed on the server

 PHP is free to download and use

What Can PHP Do?


 PHP can generate dynamic page content
 PHP can create, open, read, write, and close files on the server
 PHP can collect form data
 PHP can send and receive cookies
 PHP can add, delete, modify data in your database
 PHP can restrict users to access some pages on your website

Why PHP?
 PHP runs on different platforms (Windows, Linux, Unix, Mac OS X, etc.)
 PHP is compatible with almost all servers used today (Apache, IIS, etc.)
 PHP has support for a wide range of databases
 PHP is free. Download it from the official PHP resource: www.php.net
 PHP is easy to learn and runs efficiently on the server side
Faceback 11

What is MySQL?
 MySQL is a database system used on the web
 MySQL is a database system that runs on a server
 MySQL is ideal for both small and large applications
 MySQL is very fast, reliable, and easy to use
 MySQL supports standard SQL
 MySQL compiles on a number of platforms
 MySQL is free to download and use
 MySQL is developed, distributed, and supported by Oracle Corporation

The data in MySQL is stored in tables. A table is a collection of related data, and it
consists of columns and rows.

PHP + MySQL
 PHP combined with MySQL are cross-platform (you can develop in
Windows and serve on a Unix platform)

Queries
A query is a question or a request.

We can query a database for specific information and have a recordset returned.

Look at the following query (using standard SQL):

SELECT LastName FROM Employees

The query above selects all the data in the "LastName" column from the
"Employees" table.

Download MySQL Database


If you don't have a PHP server with a MySQL Database, you can download MySQL for free
here:http://www.mysql.com
Faceback 12

Faceback.com an internet social network service designed to help users


meet new friends and maintain existing relationships. The main goal of the
service is to make your social life and that of your friends. Faceback helps you
connect and share with the people in your life.

The project work is about social networking site like facebook twitter,
orkut. my project name is Faceback.

The project developed using HTML, JAVASCRIPT, CSS, ajax, PHP and
MYSQL.

The project designed same as facebook design so very easy to


understand. In this project include online facility you can view who is online. In
this project include search Engine so you can easily find your friend and show
your friend profile.
Faceback 13

When I started My Project First of all I had seen Top Social Networking
Web Sites Like www.Facebook.com , www. Twitter.com , www.orkut.com etc.
And seen their Facility which they provide.

Then i collected the Information about Top Social Networking Web Sites
then I collect information which i want for my Website.

I have Seen Facebook’s Create Page Facility and Then I have Created
Faceback Social Networking.

I given following facilities in My website.

 Ajax Search engine


 Upload image
 Update status
 Like
 Comment
 Profile
 Group chat
 online
Faceback 14

System requirement

 SOFTWARE REQUIREMENT
 Windows XP,7
 Mozilla Fire Fox latest version
 Xammp web server latest version
 PHP 5.4.19
 MySQL 5.5.32
 Microsoft word
 Macromedia Dreamweaver

 HARDWARE REQUIREMENT
 Pentium –IV Processor 550 MHz or Above
 Minimum 80 GB Hard disk
 Minimum 256 MB RAM
 Mouse, Keyboard
 4x CR-ROM drive OR USB port
Faceback 15

Feasibility study is a process to check possibilities of system


development. It is a method to check various different requirements and
availability of financial & technical resources.

Before starting the process various parameters must be checked


like estimated finance is there or not? The man power to operate the
system is there or not? The man power is trained or not?

All the above conditions must be satisfied to start the project. This
is why in depth analysis of feasibility is carried out.

There are three different ways feasibility can be tested:

 Economical Feasibility:

In this Field There is no cost for me Because This the part of Study.

 Technical Feasibility:

Faceback.com Web site is basically used to see existing computer,


hardware and software etc., weather it is sufficient or additional equipment’s
are required? Minimum System Requirements such that it can be affordable
by of the user who is having computer. All the user requires is compatible
browser installed so our system is fully technical feasible

 Operational Feasibility:

Once the system is designed there must be trained and expert operator.
If there are not trained they should give training according to the needs of the
system. From the user’s perspective our system fully operational feasible as it
just requires some knowledge of computer.
Faceback 16

 Context Level (0 Level)

Delete users,post and comment Add post and comment

Login Login

Admin Facebac Client


k

View all users , All post and Comment View all users , All public post and Comment
Faceback 17

 Level 1

 Client Side

Visitor

Register Login

Home Timeline Search Feedback GroupMessage

Update Edit Profile Name


status and Photo
View all
Add photo
View user messages
Show and info
View All Delete Own
User Public post
View photos
post Sent
Message
Edit About
Comment Information View public
post

Logout
Faceback 18

 Admin Side
Admin

Decode

Login

Home Search Feedback GroupMessage

Delete All Name


Public Post
View View
Edit User Feedback messages
Delete All
Profile
Comment

Notice to All Delete all Delete Delete


users timeline post Feedback Message
and comment

View Users
and Delete Warning

Logout
Faceback 19

users

user_profile_pic

user_secret_quotes

user_cover_pic

user_info

user_post

user_id user_post_comment post_id

user_post_status

user_status

group_chat

feedback

users_notice

user_warning
Faceback 20
users user_info

user_id
user_id

job
Name

school_or_collage

Email
current_city

Password
hometow

Gender
relationship_status

Birthday_Date
user_id mobile_no_priority

FB_Join_Date mobile_no

website

Facebook_ID

user_secret_quotes
user_profile_pic

profile_id user_id

Question1

user_id
Answer1

image
Question2

Answer2
Faceback 21

post_pic

post_txt post_time

user_post

user_id
priority

post_id

post_id

status_id post_id post_id Post_id

user_post_status user_post_comment

status Post_id
Post_id
user_id
Faceback 22

group_chat feedback

chat_id feedback_id

user_id user_id

chat_txt
feedback_txt

time
star

Date
user_id

users_notice user_warning

notice_id user_id

user_id warning_txt

notice_txt

notice_time
Faceback 23

Database Name: faceback

 admin_info Table
Field Type Size
Username varchar 200
Password varchar 200

 users_notice Table
Field Type Size
notice_id int 7
user_id int 7
notice_txt varchar 120
notice_time varchar 30

 user_warning Table
Field Type Size
user_id int 7
warning_txt varchar 200
Faceback 24

 users Table
Field Type Size
user_id int 7
Name varchar 25
Email varchar 30
Password varchar 30
Gender varchar 6
Birthday_Date varchar 11
FB_Join_Date varchar 30

 user_profile_pic Table
Field Type Size
profile_id int 7
user_id int 7
image varchar 150

 user_secret _quotes Table


Field Type Size
user_id int 7
Question1 varchar 50
Answer1 varchar 20
Question2 varchar 50
Answer2 varchar 20
Faceback 25

 user_cover _pic Table


Field Type Size
cover_id int 7
user_id int 7
image varchar 150

 user_info Table
Field Type Size
user_id int 7
job varchar 100
school_or_collage varchar 100
current_city varchar 100
hometown varchar 100
relationship_status varchar 30
mobile_no varchar 15
mobile_no_priority varchar 10
website varchar 100
Facebook_ID varchar 100
Faceback 26

 user_post Table
Field Type Size
post_id int 7
user_id int 7
post_txt text
post_pic varchar 150
post_time varchar 30
priority varchar 8

 user_post _comment Table


Field Type Size
comment_id int 7
post_id int 7
user_id int 7
comment text

 user_post _status Table


Field Type Size
status_id int 7
post_id int 7
user_id int 7
status varchar 7
Faceback 27

 user_status Table
Field Type Size
user_id int 7
status varchar 8

 group_chat Table
Field Type Size
chat_id int 10
user_id int 7
chat_txt text
time varchar 30

 feedback Table
Field Type Size
feedback_id int 7
user_id int 7
feedback_txt varchar 120
star varchar 1
Date varchar 30
Faceback 28

Faceback.com social networking site had manage two sides.


1. Client Side

2. Admin side

 Client side

 Add and Delete own public and private status and photos
 Add and Delete own comment
 Add and Edit own Information
 Send Group chat message and Delete own Message
 Give feedback and Delete own feedback
 Deactivate own Account.

 Admin side

 Delete All Public and Private Status and Photos


 Delete All Comment
 Edit all user Information
 Send warning to user
 Send Notice to All users
 Delete user
 Offline user
 Delete All feedback
 Delete All Group chat message
Faceback 29

 user side

 index page

Page: http://localhost/fb/index.php
Use: Login/Register User
Faceback 30

 step 1 Upload Profile picture

Page: http://localhost/fb/fb_files/fb_step/fb_step1/Step1_Male.php
Use: Upload Profile picture.
Faceback 31

 Step 2 Secret Question 1

Page: http://localhost/fb/fb_files/fb_step/fb_step2/Secret_Question1.php
Use: if you forgot your password that time use full this
Secret Question to recover your password
Faceback 32

 Step 3 Secret Question 2

Page: http://localhost/fb/fb_files/fb_step/fb_step3/Secret_Question2.php
Use: if you forgot your password that time use full this
Secret Question to recover your password
Faceback 33

 Home Page

Page: http://localhost/fb/fb_files/fb_home/Home.php
Use: view all public post, you can add your status, photos
and you can comment on All public post.
Faceback 34

 Profile Page

Page: http://localhost/fb/fb_files/fb_profile/Profile.php
Use: Edit your Profile picture, Add and Edit your Cover Picture,
view and delete your Public and Private post, you can delete
your friend comment on your status , view your basic
Information.
Faceback 35

 About Page

Page: http://localhost/fb/fb_files/fb_profile/about.php

Use: Edit your Profile picture, Add and Edit your Cover
Picture, Add and Edit Your Information.
Faceback 36

 Photos Page

Page: http://localhost/fb/fb_files/fb_profile/photos.php

Use: Edit your Profile picture, Add and Edit your


Cover Picture, view Your Albums and Your All
photos.
Faceback 37

 Settings Page

Page: http://localhost/fb/fb_files/fb_home/Settings.php

Use: you can change your name and password and you
delete your faceback Account.
Faceback 38

 Search Engine

Use: Search Engine is use to find your friend. Search


Engine Use any page.
Search more Results when you click. Then go on this page
http://localhost/fb/fb_files/fb_home/Search_Display_submit.php?se
arch1=d
Faceback 39

 View user profile,about and photos

Page: http://localhost/fb/fb_files/fb_view_profile/view_profile.php?id=18
Page: http://localhost/fb/fb_files/fb_view_profile/about.php?id=18
Page: http://localhost/fb/fb_files/fb_view_profile/photos.php?id=18
Use: view your friend information and public post.
Faceback 40

 Group Chat

Page: http://localhost/fb/fb_files/fb_home/Group_Message.php

Use: view all messages in faceback group chat and you can
chat in faceback group.
Faceback 41

 Online

Use: you can see who is online. You can view online any page.
Faceback 42

 Feedback page

Page: http://localhost/fb/fb_files/fb_home/feedback.php

Use: view all feedback and you can give your feedback.
Faceback 43

 Shortcut and Logout

Use: Shortcut is use fast access page. You can access Shortcut
any page. Go to logout is close your faceback account.
Faceback 44

 Admin side

 Index page

Page: http://localhost/fb/admin/index.php
Use: Login Admin.
Faceback 45

 Home page

Page: http://localhost/fb/admin/fb_home/Home.php
Use: view and handle all public post and comment.
Faceback 46

 Settings page

Page: http://localhost/fb/admin/fb_home/Settings.php
Use: admin change password.
Faceback 47

 Search Engine

Use: Search Engine is use to find user. Search Engine use


any page.
Search more Results when you click. then go on this page
http://localhost/fb/admin/fb_files/fb_home/Search_Display_submit.php?sear
ch1=d
Faceback 48

 View user Profile page

Page: http://localhost/fb/admin/fb_view_profile/view_profile.php?id=25
Use: view all public and private post and handle it. Change profile
Picture and cover picture. Admin can Delete user, warning
user and set offline user.
Faceback 49

 View user about page

Page: http://localhost/fb/admin/fb_view_profile/about.php?id=25
Use: view and Edit user Information. Change profile picture and
cover picture. Admin can Delete user, warning user and set
offline user.
Faceback 50

 View user photos page

Page: http://localhost/fb/admin/fb_view_profile/photos.php?id=25
Use: view All user Albums and photos. Change profile picture and
cover picture. Admin can Delete user, warning user and set
offline user.
Faceback 51

 Online

Use: admin can see who is online. admin can view online any page.
Faceback 52

 Group chat

Page: http://localhost/fb/admin/fb_home/Group_Message.php
Use: handle Group chat messages.
Faceback 53

 Notice Page

Page: http://localhost/fb/admin/fb_home/Notice.php

Use: admin can send Notice to all User.


Faceback 54

 feedback Page

Page: http://localhost/fb/admin/fb_home/feedback.php

Use: handle feedback.


Faceback 55

 Users Page

Page: http://localhost/fb/admin/fb_home/users.php

Use: admin can see how many user use faceback. And admin can
delete users.
Faceback 56

 shortcut and Logout

Use: shortcut is use fast Access Page. You can Access shortcut any
page. Go to logout is close your faceback admin Account.
Faceback 57

 white box testing


White Box Testing is the testing of a software solution's internal coding
and infrastructure. It focuses primarily on strengthening security, the flow of
inputs and outputs through the application, and improving design and
usability. White box testing is also known as clear, open, structural, and glass
box testing.

I had tested Registration form and there validation. It works properly as


well as all the facilities of our website like upload image, searching, Comment
and like are works properly.

i had tested admin side as well client side. I had Tested All Pages and
No Query about That.
Faceback 58

 There are some limitations for the current system to which


solutions can be provided As a future development

 Screen resolution problem


If you show proper output then you must set your system
this resolution 1366x768.

 Browser platform problem


If you show proper output then you want to install Mozilla Firefox
latest version.

 Photo and status not share.


You can not share your friend status and photos

 Private chatting
faceback site is public site. You can not private chat with your
friend.

 Blocking.
You can not block any user.
Faceback 59

 Screen resolution problem


In future Screen resolution problem will be solved.

 Browser platform problem


In Future The Browser Platform Problem Will Be Solved.

Photo and status not share.


In Future You can share your friend status and photos.

 Private chatting
In Future You can private chat with your friend.

 Blocking.
In Future You can block any user.
Faceback 60

Sites Visited:
www.google.com
www. Youtube.com
http://www.facebook.com
http://www.twitter.com
www.w3schools.com

Books Referred:

1. PHP Manuals.
2. Learning web design 4th edition.
Faceback 61

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy