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
_____________
2

technopunkss.blogspot.in

Mr. Bohar Singh

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

technopunkss.blogspot.in

TABLE OF CONTENTS
Sr No.

1.

Contents

INTRODUCTION

Pg
No.
7

Project Definition
Project Scope
Objectives
Technology used
2.

PROJECT MANAGEMENT

11

Project Planning
Project Scheduling
3.

SYSTEM ANALYSIS AND REQUIREMENTS

4.

5.

Feasibility Study
Functional Requirement
Hardware and Software Requirement
Features of new System

SYSTEM DESIGN

14

17

Class Diagram
Activity Diagram
Use case Diagram
Data Flow Diagram

IMPLEMENTATION ENVIRONMENT AND TESTING

22

Implementation Planning
Test Plan
Important Screen shots
6.

CONCLUSION AND FUTURE ENHANCEMENT

28
5

technopunkss.blogspot.in

Future Enhancements
Conclusion
7.

BIBLIOGRAPHY

30

Chapter-1
INTRODUCTION

Project Definition

Project Scope
6

technopunkss.blogspot.in

Objectives

Technology used

1. INTRODUCTION
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,
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.

technopunkss.blogspot.in
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.

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 a mom blog. While not a legitimate type of blog, one used for the sole purpose of
spamming is known as a Splog.

technopunkss.blogspot.in
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.

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

technopunkss.blogspot.in

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
RAM
:
Hardware Devices
Hard disk
Display

: Pentium, AMD or Higher Version.

256 MB
:
Keyboard with mouse
:
Only space used by browser
:
Standard Output Display

Chapter-2
PROJECT MANAGEMENT
Project Planning
Project Scheduling

10

technopunkss.blogspot.in

2. PROJECT MANAGEMENT
1

PROJECT PLANNING OBJECTIVES

The objective of project planning is to provide a SMART:
S:-specific
M:-measurable
A:-action-driven,
R:-realistic
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.
11

technopunkss.blogspot.in

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.
There are a range of activity management tools that are commercially available.

12

technopunkss.blogspot.in
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.
13

technopunkss.blogspot.in

Chapter-3

14

technopunkss.blogspot.in

SYSTEM ANALYSIS AND

REQUIREMENTS
Feasibility Study
Functional Requirement
Hardware and Software Requirement
Features of new System

3.1 Feasibility Study

Time Schedule Feasibility
15

technopunkss.blogspot.in

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.

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.

16

technopunkss.blogspot.in

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.

Chapter-4
SYSTEM DESIGN
17

technopunkss.blogspot.in

Class Diagram
Activity Diagram
Use case Diagram
Data Flow Diagram

4 . SYSTEM DESIGN
4.1 Activity Diagram

18

technopunkss.blogspot.in

4.2. Use case Diagram:

19

technopunkss.blogspot.in

20

technopunkss.blogspot.in

4.3. Data Flow Diagram:

4.3.1 DFD level 0

21

technopunkss.blogspot.in

Chapter-5
IMPLEMENTATION
ENVIRONMENT AND
TESTING
Implementation Planning

Test Plan
Important Screen shots

22

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.

23

technopunkss.blogspot.in

5.3 Important Screenshots:

5.3.1 Home Page:

24

technopunkss.blogspot.in

5.3.2 Tips & Tricks:

25

technopunkss.blogspot.in

5.3.3 Android & iOS:

26

technopunkss.blogspot.in

5.3.4 Contact Page:

27

technopunkss.blogspot.in

Chapter-6
CONCLUSION AND
FUTURE ENHANCEMENT
Future Enhancements
Conclusion

6.1 Future Enhancements

28

technopunkss.blogspot.in

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.

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.

29

technopunkss.blogspot.in

Chapter-7
BIBLIOGRAPHY

30

technopunkss.blogspot.in

7. BIBLIOGRAPHY
[1]

www.google.com

[2]

www.blogger.com

[3]

www.facebook.com

[4]

http://allin1-web.blogspot.com

[5]

www.addthis.com

31