BCA Semester 3

Personal Blog site Project

Created By Jeel Bhatti

Jeel Bhatti BCA 3A

PERSONAL BLOG SITE

A
Project Report
Submitted by

BHATTI JEEL HASMUKHBHAI

FOR FULFILLMENT OF THIRD SEMESTER IN

BACHELOR OF COMPUTER APPLICATION

Under the Guidance Of

PROF.NIKHIL DAVE

PROF.VIHA UPADHYAY

Department of Computer Science & I.T

1
Jeel Bhatti BCA 3A

PREFACE

 Welcome to Personal Blog Site.

 You come and enjoy wonderful with us.

 If any question on personal blog service so, you are easily

contact.

 That first web page quickly grew into an entire website (the subject
and point of which I honestly can’t remember—I suspect it was just a
list of links to other sites). Mainstream adoption of CSS and
JavaScript was still a few years off, so I didn’t have scripts or style
sheets, but I had a handful of HTML files and a bunch of images (you
were nobody if you didn’t have a tiled, textured background on your
page of links).

2
Jeel Bhatti BCA 3A

ACKNOWLEDGEMENT

 It is our great Pleasure to Present our Project Report on

“Personal Blog site”.

 Firstly, we are Highly Thankful Head of department to Prof.

Karishma Rupani Mam. For giving Permission & allocation such
an Interesting Project.

 We have Special thanks to our guided PROF.NIKHIL DAVE &

PROF.VIHA UPADHIYAY is Constantly Motivated our to develop
best Project.

3
Jeel Bhatti BCA 3A

INDEX

 Preface........................................................................................................... 2

 Acknowledgement..................................................................................... 3

 Student Profile............................................................................................ 5

 Introduction of your Project.................................................................. 6

 Project Profile............................................................................................ 8

 Data Dictonary.......................................................................................... 10

 Data Flow Diagram…................................................................................ 13

 System Design............................................................................................ 14

 Conclusion................................................................................................... 26

 Bibliography………………………………………………………………………….. 27

4
Jeel Bhatti BCA 3A

Student Profile

Name:- Bhatti Jeel Hasmukhbhai

Stream:- BCA 3A

Mobile No:- 9106665871

E-mail:- [email protected]

Skills:-
HTML
CSS
PHP
JAVA SCRIPT
BOOTSTRAP
JQUERY

5
Jeel Bhatti BCA 3A

Introduction of Project

What is HTML?

HTML is the standard markup language for creating Web pages.

 HTML stands for Hyper Text Markup Language

 HTML describes the structure of a Web page
 HTML consists of a series of elements
 HTML elements tell the browser how to display the content
 HTML elements are represented by tags
 HTML tags label pieces of content such as "heading",
"paragraph", "table", and so on
 Browsers do not display the HTML tags, but use them to
render the content of the page.

 Hypertext Markup Language (HTML) is the standard markup

language for documents designed to be displayed in a web
browser.

 The main purpose of this vision document is to list the requirements

of the Books information System project. This document also helps us
to collect and analyze the ideas gathered for the project.

 This project is also use HTML language and HTML Codes .

6
Jeel Bhatti BCA 3A

What is a Blog?
Definition of blog
A blog (shortening of “weblog”) is an online journal or informational
website displaying information in the reverse chronological order, with
the latest posts appearing first. It is a platform where a writer or even a
group of writers share their views on an individual subject.

What is the purpose of a blog?

There are many reasons to start a blog for personal use and only a
handful of strong ones for business blogging. Blogging for business,
projects, or anything else that might bring you money has a very
straightforward purpose – to rank your website higher in Google SERPs,
a.k.a. increase your visibility.
As a business, you rely on consumers to keep buying your products and
services. As a new business, you rely on blogging to help you get to
these consumers and grab their attention. Without blogging, your
website would remain invisible, whereas running a blog makes you
searchable and competitive.

So, the main purpose of a blog is to connect you to the relevant

audience. Another one is to boost your traffic and send quality leads to
your website.

The more frequent and better your blog posts are, the higher the
chances for your website to get discovered and visited by your target
audience. Which means, a blog is an effective lead generation tool. Add
a great call to action (CTA), and it will convert your website traffic into
high-quality leads. But a blog also allows you to showcase your authority
and build a brand.

When you use your niche knowledge for creating informative and
engaging posts, it builds trust with your audience. Great blogging makes
your business looks more credible, which is especially important if your
brand is still young and fairly unknown. It ensures presence and
authority at the same time.

7
Jeel Bhatti BCA 3A

PROJECT PROFILE

(HARDWAER REQUIERMENT)

Project Title :- Personal Blog site

Client Side :- Any Network Supporting

Operating System

Documentation :- Microsoft Word-2007

Software Requirement:- Google Crome [Web Browser]

Mozila Firefox [Web Browser]

Language :- HTML,CSS,JAVASCRIPT

Hardware Requirement:- Intel Class CPU 700 Ghz or Higher,

512 RAM, 80 GB HDD.

Sotware Requirment:- xampp

Internet Connection Required

8
Jeel Bhatti BCA 3A

FEATURES

 HTML5 tags is use like header,footer,nav.

 CSS Animation is used.
 JAVASCRIPT Slide show is use in this project.
 GOOGLE Fonts is used.
 FONT AWESOME icon is used.
CDN :-

 ->Your Server Load will decrease: ...

 ->Content Delivery will become faster: ...
 ->Segmenting your audience becomes easy: ...
 ->Lower Network Latency and packet loss:
 ->Higher Availability and better usage analytics:
...
 ->Storage and Security:

 PHP include function is use in feature we can

easily update header and footer.
 So we need xammp,wammp any local server for
run site.
 User Can ask any question to expert therefore
we user chat widget.

9
Jeel Bhatti BCA 3A

Data Dictionary

 Total Four Table in blog_site Database.

1) blog_post (Size 16kib)

Field Name Data Type Field Size Description Example

id integer 11 Unique id for each 18

post

blog_img varchar 30 Name of image Html5.png

blog_title varchar 30 Blog Title Html

blog_des text - Blog Description -

author_name varchar 30 Author Name Jeel Bhatti

time text - Time when add 26 Dec,2020

post

10
Jeel Bhatti BCA 3A

2) blog_user (Size 16kib)

Field Name Data Type Field Size Description Example

user_id integer 11 Unique id for 12

each user

f_name Varchar 30 First name of Jeel

user

l_name Varchar 30 Last name of Bhatti

user

user_name Varchar 30 Username use Jeelbhatti@9

in admin login

password text - Password MD5 (Random)

function use

user_email Varchar 40 User email [email protected]

address

role integer 2 Role in website 1 or 2

user_image Varchar 40 Image name Jeel.jpg

11
Jeel Bhatti BCA 3A

3) feedback (Size 16kib)

Field Name Data Type Field Size Description Example

id Integer 11 Unique id for 1

each message

name Varchar 30 Sender name Jeel Bhatti

email Varchar 30 Sender email [email protected]

message Text - Sender Good Thought.

Message

4) subscribers (Size 16kib)

Field Name Data Type Field Size Description Example

id Integer 11 Unique id for 10

each mail

email_id varchar 40 Email address [email protected]

12
Jeel Bhatti BCA 3A

Data Flow Diagram

 Yourdon data flow diagram use.

(0 Level DFD)

Login / Logout
Admin Add Blog

Remove and Update

Blog

Add New User

Persona Contact to admin via

Feedback form
Remove and
update user l Blog
Read Blogs

Subscribe blog site with email

Reader
Response of contact form

13
 Jeel Bhatti BCA 3A

(1 Level DFD)

Modify Data

Admin/Author
Verify

blog_user

Authenti Check

cation Manage Users

Users
Data View
Check data
/Blog

Feedback and subscribers

Blog_post

Reader

14
Jeel Bhatti BCA 3A

SYSTEM DESIGN

1.Home Page
(Header And Slide Show)

15
Jeel Bhatti BCA 3A

(Services Section)

16
Jeel Bhatti BCA 3A

(Blog Section)

(About Section)

17
Jeel Bhatti BCA 3A

(Our Team Section)

18
Jeel Bhatti BCA 3A

(Contact Section)

(Footer With Social Icons)

(Admin Side)

19
Jeel Bhatti BCA 3A

(Log in)

(If Wrong Details)

20
Jeel Bhatti BCA 3A

(Successful Login)

21
Jeel Bhatti BCA 3A

(Dashboard)

(Add Blog)

22
Jeel Bhatti BCA 3A

(Remove/Delete Blog)

(Update/Modify Blog)

23
Jeel Bhatti BCA 3A

(Add User/Add Author)

(Delete and Update User Data)

24
Jeel Bhatti BCA 3A

(Show All User With Info)

(Logout Section)

25
Jeel Bhatti BCA 3A

(Logout Confirmation Pop-up Model)

26
Jeel Bhatti BCA 3A

CONCLUSION

This tutorial has taught you how to use HTML to create your own web
site.HTML is the universal markup language for the Web. HTML lets you
format text, add graphics, create links, input forms, frames and tables,
etc., and save it all in a text file that any browser can read and display.
You’ve learned how to create structured and functional HTML
documents (even if they are plain looking) – everything else builds on
this. You can easily look up more information on the other 90 (or so)
HTML tags we haven’t covered so far. We will be looking at more HTML
tags later in this tutorial series – introducing them as needed.

About 85% of people who consider themselves to be bloggers

are not earning more than the median household income, but
they do represent the future of the industry in that they are at
various stages of growing their businesses and surely some will
enter the “Pro” category in the next year.

About 15% of people who consider themselves to be bloggers

also earn more money than the median United States
household income based on 2015 census data; we call these
bloggers the pros

27
Jeel Bhatti BCA 3A

BIBLIOGRAPHY

 WWW.YOUTUBE.COM
 WWW.W3SCHOOLS.COM
 WWW.GOOGLE.COM
 WWW.GETBOOTSTRAP.COM
 WWW.ELFSIGHT.COM
 WWW.FONTS.GOOGLE.COM/

28