technopunkss.blogspot.in
Project Report on HTML based Web development (Blog) Diploma
Computer Engineering
SAHEED BHAGAT SINGH STATE STATE TECHNICAL CAMPUS FEROEPUR
!nder the guidance o" Mr. Bohar #ingh
#!BM$TTE% B&
#'$'& #'$'& #$H'*+,-+/,,012 #$H'*+,-+ /,,012M'&'3*+,-+/,-//02 M'& ,-+4 1
technopunkss.blogspot.in
Certi!icate
Sinha and Mr. Mayank This is to certify that Mr. Savinay Sinha and base d Web Web have completed their project report on ‘ HTML based development(Blog) satisfactorily in partial fulllment under the department of Computer Engineering during academic year 2014-201!
"roject #uide $$$$$$$$$$$$$ 2
technopunkss.blogspot.in
Certi!icate
Sinha and Mr. Mayank This is to certify that Mr. Savinay Sinha and base d Web Web have completed their project report on ‘ HTML based development(Blog) satisfactorily in partial fulllment under the department of Computer Engineering during academic year 2014-201!
"roject #uide $$$$$$$$$$$$$ 2
technopunkss.blogspot.in
%r! &ohar 'ingh
(
technopunkss.blogspot.in
Acknowledgement We 5ould like to e6press our sincere thanks and gratitude to our guide Mr" Bo#ar Sin$# "or his valuable guidance and suggestions. We are highl7 indebted to him "or providing us an e6cellent opportunit7 to learn and present our studies in the "orm o" this pro8ect report.
We take this opportunit7 to thank the members o" the teaching and non*teaching sta"" o" #aheed Bhagat #ingh #tate Technical Campus "or the timel7 help e6tended b7 them. Lastl7 thanking our parents "or their morale support and encouragement
4
technopunkss.blogspot.in
TABLE OF CONTENTS Sr No"
+.
Content%
INTRODUCTION
P$ No"
Project De!inition Project Scope O&jecti'e% Tec#nolo$( )%e*
,.
PROJECT MANAGEMENT
++
Project Plannin$ Project Sc#e*)lin$
9.
SYSTEM ANALYSIS AND REQUIREMENTS
+0
Fea%i&ilit( St)*( F)nctional Re+)irement Har*,are an* So!t,are Re+)irement Feat)re% o! ne, S(%tem
0.
SYSTEM DESIGN
+
Cla%% Dia$ram Acti'it( Dia$ram U%e ca%e Dia$ram Data Flo, Dia$ram
4.
IMPLEMENTATION ENVIRONMENT AND TESTING
,,
Implementation Plannin$ Te%t Plan Important Screen %#ot%
/.
CONCLUSION AND FUTURE ENHANCEMENT
,2
technopunkss.blogspot.in
F)t)re En#ancement% Concl)%ion
.
BIBLIOGRAPHY
9-
C#apter-. INTRODUCTION Project De!inition Project Scope )
technopunkss.blogspot.in
O&jecti'e% Tec#nolo$( )%e*
." INTRODUCTION .
PRO/ECT 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 soft+are for +riting ,logs can ,e divided into user hosted soft+are application installed ,y +e, log authors to run on their o+n system. and developer hosted soft+are services operated ,y the developer/ reuiring no soft+are installation for the ,log author!.
Developer-hosted services are Blogger.
0
PRO/ECT SCOPE
The scope o" our pro8ect is to vastl7 e6pand the "ollo5ing "ield
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 ust communicate! they become a way to reflect on life, or works of art. Blogging can have a sentimental "uality. #ew personal blogs rise to fame and the mainstream but some personal blogs "uickly garner an e$tensive following. %ne type of personal blog, referred to as a microblog, is e$tremely detailed and seeks to capture a moment in time. &ome 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 e$ternally for marketing, branding or public relations purposes are called corporate blogs. &imilar 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 &ome blogs focus on a particular subect, such as political blogs, travel blogs (also known as travelogs), house blogs, fashion blogs, proect blogs, education blogs, niche blogs, classical music blogs, "ui''ing blogs and legal blogs (often referred to as a blawgs) or dreamlogs. 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. hile not a legitimate type of blog, one used for t he sole purpose of spamming is known as a &plog.
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 a sketchblog or one comprising photos is called a photoblog. Blogs with shorter posts and mi$ed 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 opher Protocol is known as a Phlog. Science
means of spreading data or discussing activities or results! Social
3sed to maintain social net+ors ,et+een people!
Consumer-generated advertising in blogs *onsumer+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.
any blogs provide commentary or news on a particular subect! others function as more personal online diaries. A typical blog combines te$t, images, and links to other blogs, eb 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. ost blogs are primarily te$tual, although some focus on art ( art blog), videos (video blogging), music (P/ blog), and audio (podcasting). icro blogging is another type of blogging, featuring very short posts.
."1
PRO/ECT OB/ECTI2E 0
:rovide Tips and Tricks related to computers
0
:rovide ;aming ne5s and 'rticles
0
'ndroid and i<# ne5s and apps
0
Target 'udience= :rovide latest ne5s to our audience and readers
0
#igni"icance= !ser >riendl7 language and screenshots to provide interaction.
The ob8ective o" our :ro8ect is to provide all in"ormation and ne5s related to latest gaming computer tips ? tricks and 'ndroid ? $<# application on a 5ebsite. 5
technopunkss.blogspot.in
."3
TECHNOLOG4 AND LITERATURE O2ER2IE5
Tool% An* Tec#nolo$(
= Windo5s @ Windo5s 2@ Linu6
!ser $nter"ace %esign
= HTML Aavascript
Web Bro5ser
= Moilla ;oogle Chrome $nternet E6plorer
Har*,are :rocessor 'M = Hard5are %evices Hard disk %ispla7
= :entium 'M% or Higher ersion. ,4/ MB = 3e7board 5ith mouse =
C#apter-0 PROJECT MANAGEMENT Project Plannin$ Project Sc#e*)lin$
10
technopunkss.blogspot.in
0" PRO/ECT MANAGEMENT .
PRO/ECT PLANNING OB/ECTI2ES The ob8ective o" pro8ect planning is to provide a #M'T=
#=*speci"ic M=*measurable '=*action*driven =*realistic T=*time*bound "rame5ork that enables the reader to make reasonable scheduling.
These estimates are made 5ithin a limited time "rame at the beginning o" pro8ect and should be updated regularl7 as the pro8ect progresses. 11
technopunkss.blogspot.in
There are man7 issues in the so"t5are planning as "ollo5s 0".". SOFT5ARE SCOPE
The "irst activit7 in the pro8ect planning is the determination o" so"t5are scope. >unction and per"ormance allocated to so"t5are during s7stem engineering should be assessed to establish a pro8ect scope that is unambiguous and understandable at the management and technical levels. #o"t5are scope describes the data and control to be processed "unction per"ormance constraints inter"aces and reliabilit7. >unctions described in the statement. The availabilit7 o" historical in"ormation has a strong in"luence on estimation risk. B7 looking back 5e can emulate things that 5orked and improve areas 5here problems arose. When comprehensive so"t5are metrics are available "or past pro8ects estimates can be made 5ith greater assurance schedules can be established to avoid past di""iculties and overall risk is reduced. %e"ining the so"t5are scope "or this pro8ect 5e have to collect in"ormation "rom the compan7 net5orking person b7 asking some Duestions. These Duestions includes like "rom 5hich server ho5 man7 clients solutions to connect client to server etc.
0"0
PRO/ECT SCHEDULING
0"0".
Ba%ic Principal
:ro8ect management is the process b7 5hich a proposed pro8ect is developed 5ithin a rigorous "rame5ork. The process b7 5hich the various activities that need to be undertaken during a pro8ects li"etime should be scheduled. There are a range o" activit7 management tools that are commerciall7 available.
12
technopunkss.blogspot.in :ro8ect scheduling is an activit7 that distributes estimated e""ort across the planned pro8ect duration b7 allocating the e""ort to speci"ic tasks. Project Sc#e*)lin$
:ro8ect scheduling is concerned 5ith the techniDues that can be emplo7ed to manage the activities that need to be undertaken during the development o" a pro8ect. #cheduling is carried out in advance o" the pro8ect commencing and involves= •
identi"7ing the tasks that need to be carried out
•
estimating ho5 long the7 5ill take
•
allocating resources (mainl7 personnel)
•
scheduling 5hen the tasks 5ill occur.
•
based on 5hat occurs during the development o"ten necessitates revision o" the plan.
E""ective pro8ect planning 5ill help to ensure that the s7stems are delivered= •
5ithin cost
•
5ithin the time constraint
•
to a speci"ic standard o" Dualit7.
Proper %c#e*)lin$ re+)ire% • • •
E""ort and timing are intelligentl7 allocated to each task. $nterdependencies bet5een tasks are properl7 indicated. esources are allocated "or the 5ork to be done. 1(
technopunkss.blogspot.in
C#apter-1
14
technopunkss.blogspot.in
SYSTEM ANALYSIS AND REQUIREMENTS Fea%i&ilit( St)*( F)nctional Re+)irement Har*,are an* So!t,are Re+)irement Feat)re% o! ne, S(%tem
1". Fea%i&ilit( St)*( Time Sc#e*)le Fea%i&ilit( 1
technopunkss.blogspot.in
•
The estimated time duration based on the comple6it7 o" the pro8ect reDuires about 4 months.
•
The organiation and The !niversit7 allo5 us to develop our pro8ect 5ork 5ithin the speci"ied time duration.
1"0 F)nctional Re+)irement% 1"0". U%er Re+)irement
'n7 5eb user can use this 5ebsite.
1"1 Har*,are an* So!t,are Re+)irement% These reDuirements are described belo5. We have $nclude hard5are and so"t5are inter"aces. 1"3". Har*,are Inter!ace%
:entium 'M% or Higher ersion o" processor. 'M o" ,4/ MB. o e6ternal storage is reDuired Color Monitor. F+-,0 6 /2 %ispla7 G 3e7board. Mouse. 4-- .' !:#. F!sed in case o" po5er "ailureG 1"3"0 So!t,are Inter!ace% So!t,are Con!i$)ration Operatin$ S(%tem
=
Microso"t Windo5s I:.
!ser $nter"ace %esign = HTML Aavascript Application So!t,are
= Moilla ;oogle Chrome $nternet E6plorer
1"6 Feat)re% O! Ne, S(%tem. 1)
technopunkss.blogspot.in
•
Tips "or the visitors.
•
•
Mailing s7stem and #ocial net5ork connectivit7 "or the users 5ho are seeking in"ormation.
• •
C#apter-3 SYSTEM DESIGN 1*
technopunkss.blogspot.in
Cla%% Dia$ram Acti'it( Dia$ram U%e ca%e Dia$ram Data Flo, Dia$ram
3 " S4STEM DESIGN 3". Acti'it( Dia$ram
1
technopunkss.blogspot.in
3"0" U%e ca%e Dia$ram7
15
technopunkss.blogspot.in
20
technopunkss.blogspot.in
3"1" Data Flo, Dia$ram7 3"1". DFD le'el 8
21
technopunkss.blogspot.in
C#apter-6 IMPLEMENTATION ENVIRONMENT AND TESTING Implementation Plannin$ Te%t Plan Important Screen %#ot%
22
technopunkss.blogspot.in
6" IMPLEMENTATION EN2IRONMENT 6".
IMPLEMENTATION EN2IRONMENT
•
Can be used b7 multiple egistered !ser and isitors.
•
!ni"orm ;!$ %esign
•
$nternet support.
5e&%ite In%pection 'nal7e and check the 5ebsite representations such as the reDuirements document design diagrams and the 5ebsite source code. The7 ma7 be applied at all the stages o" the process.
6"0 Te%t Plan ' test plan documents the strateg7 that 5ill be used to veri"7 and ensure that a product or s7stem meets its design speci"ications and other reDuirements Website is tested at various levels b7 various techniDues like on Windo5s I: Windo5s Windo5s 2 Linu6 in various 5eb bro5ser like ;oogle Chrome >ire"o6 $nternet E6plorer
2(
technopunkss.blogspot.in
6"1 Important Screen%#ot%7
6"1". Home Pa$e7
24
technopunkss.blogspot.in
6"1"0 Tip% 9 Tric:%7
2
technopunkss.blogspot.in
6"1"1 An*roi* 9 iOS7
2)
technopunkss.blogspot.in
6"1"3 Contact Pa$e7
2*
technopunkss.blogspot.in
C#apter-; CONCLUSION AND FUTURE ENHANCEMENT F)t)re En#ancement% Concl)%ion
;". F)t)re En#ancement% 2
technopunkss.blogspot.in
>uture enhancement means that the scope in the "uture o" the s7stem. Tr7 to make as more user "riendl7 as possible. 5e 5ould like to develop it "or our earning purpose and also give it a domain name !
;"0 CONCLUSION We have included as man7 "eatures as 5e can make the site viable and usable and also 5ebsite is ver7 eas7 to use "or all user.
25
technopunkss.blogspot.in
C#apter-< BIBLIOGRAPHY
(0