technopunkss.blogspot.

in

Project Report
on
HTML based Web development
(Blog)

Diploma

Computer Engineering

SAHEED BHAGAT SINGH STATE TECHNICAL CAMPUS,

FEROZEPUR

Under the guidance of

Mr. Bohar Singh

SUBMITTED BY

SAVINAY SINHA-120716224980
MAYANK-120716206648
MAY 2015

1
technopunkss.blogspot.in

Certificate

This is to certify that Mr. Savinay Sinha and Mr. Mayank have completed
their project report on ‘HTML based Web development(Blog) satisfactorily
in partial fulfillment under the department of Computer Engineering
during academic year 2014-2015.

Project Guide

_____________
Mr. Bohar Singh
2
technopunkss.blogspot.in

Acknowledgement

We would like to express our sincere thanks and gratitude to our guide
Mr. Bohar Singh for his valuable guidance and suggestions. We are highly
indebted to him for providing us an excellent opportunity to learn and present
our studies in the form of this project report.

We take this opportunity to thank the members of the teaching and non-teaching
staff of Saheed Bhagat Singh State Technical Campus for the timely help
extended by them. Lastly thanking our parents for their morale support and
encouragement

3
technopunkss.blogspot.in

TABLE OF CONTENTS
Sr No. Contents Pg
No.

1. INTRODUCTION 7

 Project Definition
 Project Scope
 Objectives
 Technology used
2. PROJECT MANAGEMENT 11

 Project Planning
 Project Scheduling
3. SYSTEM ANALYSIS AND REQUIREMENTS 14

 Feasibility Study
 Functional Requirement
 Hardware and Software Requirement
 Features of new System
4. SYSTEM DESIGN 17

 Class Diagram

 Activity Diagram
 Use case Diagram
 Data Flow Diagram

5. IMPLEMENTATION ENVIRONMENT AND TESTING 22

 Implementation Planning
4
technopunkss.blogspot.in

 Test Plan
 Important Screen shots
6. CONCLUSION AND FUTURE ENHANCEMENT 28

 Future Enhancements
 Conclusion
7. BIBLIOGRAPHY 30

Chapter-1

INTRODUCTION
5
technopunkss.blogspot.in

Project Definition

Project Scope

Objectives

Technology used

1. INTRODUCTION

1.1 PROJECT DEFINITION

A blog (a blend of the term web log) is a type of website or part of a website, which is the
publication of regular articles over time in some area of personal or professional interest.
Blogs are usually maintained by an individual with regular entries of commentary,

6
technopunkss.blogspot.in

descriptions of events, or other material such as graphics or video. Blog can also be used as
a verb, meaning to maintain or add content to a blog.

There are many different types of blogs, differing not only in the type of content, but also in
the way that content is delivered or written.

The software for writing blogs can be divided into user hosted (software application installed by web
log authors to run on their own system) and developer hosted (software services operated by the
developer, requiring no software installation for the blog author.)

Developer-hosted services are Blogger.

1.2 PROJECT SCOPE

The scope of our project is to vastly expand the following field

Personal blogs
The personal blog, an ongoing diary or commentary by an individual, is the traditional,
most common blog. Personal bloggers usually take pride in their blog posts, even if their
blog is never read. Blogs often become more than a way to just communicate; they
become a way to reflect on life, or works of art. Blogging can have a sentimental quality.
Few personal blogs rise to fame and the mainstream but some personal blogs quickly
garner an extensive following. One type of personal blog, referred to as a microblog, is
extremely detailed and seeks to capture a moment in time. Some sites, such as Twitter,
allow bloggers to share thoughts and feelings instantaneously with friends and family,
and are much faster than emailing or writing.

Corporate and organizational blogs

A blog can be private, as in most cases, or it can be for business purposes. Blogs used
internally to enhance the communication and culture in a corporation or externally
for marketing, branding or public relations purposes are called corporate blogs. Similar
blogs for clubs and societies are called club blogs, group blogs, or by similar names;
typical use is to inform members and other interested parties of club and member
activities.
By genre
Some blogs focus on a particular subject, such as political blogs, travel blogs (also
known as travelogs), house blogs, fashion blogs, project blogs, education blogs, niche
blogs, classical music blogs, quizzing blogs and legal blogs (often referred to as a
blawgs) ordreamlogs. Two common types of genre blogs are art blogs and music blogs.
A blog featuring discussions especially about home and family is not uncommonly called
7
technopunkss.blogspot.in

a mom blog. While not a legitimate type of blog, one used for the sole purpose of
spamming is known as a Splog.

By media type
A blog comprising videos is called a vlog, one comprising links is called a linklog, a site
containing a portfolio of sketches is called asketchblog or one comprising photos is
called a photoblog. Blogs with shorter posts and mixed media types are
called tumblelogs. Blogs that are written on typewriters and then scanned are called
typecast or typecast blogs; see typecasting (blogging).
A rare type of blog hosted on the Gopher Protocol is known as a Phlog.
Science

A means of spreading data or discussing activities or results.

Social

Used to maintain social networks between people.

Consumer-generated advertising in blogs

Consumer-generated advertising is a relatively new and controversial development and

it has created a new model of marketing communication from businesses to consumers.
Among the various forms of advertising on blog, the most controversial are the
sponsored posts. These are blog entries or posts and may be in the form of feedbacks,
reviews, opinion, videos, etc. & usually contain a link back to the desired site using a
keyword/s.

Many blogs provide commentary or news on a particular subject; others function as

more personal online diaries. A typical blog combines text, images, and links to other
blogs, Web pages, and other media related to its topic. The ability of readers to leave
comments in an interactive format is an important part of many blogs. Most blogs are
primarily textual, although some focus on art (art blog), videos (video blogging), music
(MP3 blog), and audio (podcasting). Micro blogging is another type of blogging, featuring
very short posts.

1.3 PROJECT OBJECTIVE

• Provide Tips and Tricks related to computers

• Provide Gaming news and Articles
• Android and iOS news and apps
• Target Audience: Provide latest news to our audience and readers
• Significance: User Friendly language and screenshots to provide interaction.
8
technopunkss.blogspot.in

The objective of our Project is to provide all information and news related to latest
gaming, computer tips & tricks and Android & IOS application on a website.

1.4 TECHNOLOGY AND LITERATURE OVERVIEW

Tools And Technology

Operating System : Windows 7/ Windows 8/ Linux

User Interface Design : HTML, Javascript

Web Browser : Mozilla, Google Chrome, Internet Explorer

Hardware

Processor : Pentium, AMD or Higher Version.

RAM : 256 MB
Hardware Devices : Keyboard with mouse
Hard disk : Only space used by browser
Display : Standard Output Display

Chapter-2

PROJECT MANAGEMENT
 Project Planning
9
technopunkss.blogspot.in

 Project Scheduling

2. PROJECT MANAGEMENT

2.1 PROJECT PLANNING OBJECTIVES

The objective of project planning is to provide a SMART:

S:-specific
M:-measurable
A:-action-driven,
R:-realistic

10
technopunkss.blogspot.in

T:-time-bound framework that enables the reader to make reasonable scheduling.

These estimates are made within a limited time frame at the beginning of project and
should be updated regularly as the project progresses.

There are many issues in the software planning as follows

2.1.1 SOFTWARE SCOPE

The first activity in the project planning is the determination of software scope.
Function and performance allocated to software during system engineering should be
assessed to establish a project scope that is unambiguous and understandable at the
management and technical levels.

Software scope describes the data and control to be processed, function, performance,
constraints, interfaces, and reliability. Functions described in the statement.

The availability of historical information has a strong influence on estimation risk. By

looking back, we can emulate things that worked and improve areas where problems
arose.

When comprehensive software metrics are available for past projects, estimates can
be made with greater assurance, schedules can be established to avoid past
difficulties, and overall risk is reduced. 

Defining the software scope for this project we have to collect information from the
company networking person by asking some questions. These questions includes like
from which server, how many clients, solutions to connect client to server etc.

2.2 PROJECT SCHEDULING

2.2.1 Basic Principal

Project management is the process by which a proposed project is developed within a

rigorous framework.
The process by which the various activities that need to be undertaken during a projects
lifetime should be scheduled.

11
technopunkss.blogspot.in

There are a range of activity management tools that are commercially available.
Project scheduling is an activity that distributes estimated effort across the planned project
duration by allocating the effort to specific tasks.

Project Scheduling
Project scheduling is concerned with the techniques that can be employed to manage the
activities that need to be undertaken during the development of a project.
Scheduling is carried out in advance of the project commencing and involves:

 identifying the tasks that need to be carried out;

 estimating how long they will take;
 allocating resources (mainly personnel);
 scheduling when the tasks will occur.

Once the project is underway control needs to be exerted to ensure that the plan continues to
represent the best prediction of what will occur in the future:

 based on what occurs during the development;

 often necessitates revision of the plan.

Effective project planning will help to ensure that the systems are delivered:

 within cost;
 within the time constraint;
 to a specific standard of quality.

Proper scheduling requires

 Effort and timing are intelligently allocated to each task.

 Interdependencies between tasks are properly indicated.
 Resources are allocated for the work to be done.

12
technopunkss.blogspot.in

Chapter-3

SYSTEM ANALYSIS AND

REQUIREMENTS
 Feasibility Study

 Functional Requirement
13
technopunkss.blogspot.in

 Hardware and Software Requirement

 Features of new System

3.1 Feasibility Study

Time Schedule Feasibility

 The estimated time duration based on the complexity of the project requires about 5
months.
 The organization and The University allow us to develop our project work within the
specified time duration.

3.2 Functional Requirements

3.2.1 User Requirement

Any web user can use this website.

14
technopunkss.blogspot.in

3.3 Hardware and Software Requirements

These requirements are described below.

We have Include hardware and software interfaces.

3.4.1 Hardware Interfaces

Pentium, AMD or Higher Version of processor.

RAM of 256 MB.

No external storage is required

Color Monitor. [1024 x 768 Display ]

Keyboard.

Mouse.

500 V.A UPS. [Used in case of power failure]

3.4.2 Software Interfaces

Software Configuration

Operating System : Microsoft Windows® XP.

User Interface Design : HTML, Javascript

Application Software : Mozilla, Google Chrome, Internet Explorer

3.5 Features Of New System.

 Tips for the visitors.

 Online comments.
 Mailing system and Social network connectivity for the users who are seeking
information.
 Optimized search for all users about any Blog.
 Simple and effective service to all its user in very less amount of time.

15
technopunkss.blogspot.in

Chapter-4

SYSTEM DESIGN

 Class Diagram

 Activity Diagram

 Use case Diagram

 Data Flow Diagram

16
technopunkss.blogspot.in

4 . SYSTEM DESIGN

4.1 Activity Diagram

17
technopunkss.blogspot.in

4.2. Use case Diagram:

18
technopunkss.blogspot.in

19
technopunkss.blogspot.in

4.3. Data Flow Diagram:

4.3.1 DFD level 0

Registered
User

View Blog

Feedback Logout
Login(Username,Password)
Create Blog
Change Setting

Write Comment
Manage UserProfile

Visitor View Blog Blogger Get Login Admin

Feedback Other Opration

Get Result

20
technopunkss.blogspot.in

Chapter-5

IMPLEMENTATION
ENVIRONMENT AND
TESTING
 Implementation Planning

 Test Plan

 Important Screen shots

21
technopunkss.blogspot.in

5. IMPLEMENTATION ENVIRONMENT

5.1 IMPLEMENTATION ENVIRONMENT

 Can be used by multiple Registered User and Visitors.

 Uniform GUI Design

 Internet support.

Website Inspection

Analyze and check the website representations such as the requirements document, design diagrams
and the website source code. They may be applied at all the stages of the process.

5.2 Test Plan

A test plan documents the strategy that will be used to verify and ensure that a product or
system meets its design specifications and other requirements

Website is tested at various levels by various techniques like on Windows XP, Windows 7,
Windows 8, Linux in various web browser like Google Chrome, Firefox, Internet Explorer,
Opera and etc.

5.3 Important Screenshots:

22
technopunkss.blogspot.in

5.3.1 Home Page:

23
technopunkss.blogspot.in

5.3.2 Tips & Tricks:

24
technopunkss.blogspot.in

5.3.3 Android & iOS:

25
technopunkss.blogspot.in

5.3.4 Contact Page:

Chapter-6
26
technopunkss.blogspot.in

CONCLUSION AND

FUTURE ENHANCEMENT

 Future Enhancements

 Conclusion

6.1 Future Enhancements

Future enhancement means that the scope in the future of the system.
Try to make as more user friendly as possible.

we would like to develop it for our earning purpose and also give it a domain name.
27
technopunkss.blogspot.in

6.2 CONCLUSION

We have included as many features as we can make the site viable and usable and also

website is very easy to use for all user. Our proposed website is online and real time based on

Internet, which is very much ahead to go so, user would like to use this.

Chapter-7

28
technopunkss.blogspot.in

BIBLIOGRAPHY

7. BIBLIOGRAPHY

[1] www.google.com

[2] www.blogger.com
29
technopunkss.blogspot.in

[3] www.facebook.com

[4] http://allin1-web.blogspot.com

[5] www.addthis.com

30