Jagannath University

Department of Computer Science and Engineering

Project Report
On
Online Newspaper
ewspaper “The Bangladesh News”

Title:Internet and Web Programming Lab

Course Title:Internet
Course Code: CSEL-4104

Submitted to:
Sajeeb Saha
Lecturer
Department of CSE

Submitted by:
Md. Ibn Zobayer Abdullah (108402)
Sajib Bhawal (108406)

Submission: th October, 2014

Date of Submission:19
The Bangladesh News
 Table of Contents

Chapter 1
1 Introduction------------------------------------------------------------------------ 1
1.1 Overview--------------------------------------------------------------------------- 1
1.2 Motivation-------------------------------------------------------------------------- 1
1.3 Objective -------------------------------------------------------------------------- 1
Chapter 2
2 Background Study--------------------------------------------------------------- 2
Chapter 3
3 Problem Description-------------------------------------------------------------3
3.1 Functional Requirement-------------------------------------------------------3
3.2 Non-Functional Requirement-------------------------------------------------4
Chapter 4
4 Solution Approach----------------------------------------------------------------5
4.1 Design Process Model --------------------------------------------------------5
4.2 Project Planning and Scheduling --------------------------------------------6
4.3 Architectural Designing -------------------------------------------------------7
4.3.1 System Architectural Diagram------------------------------------------------7

4.3.2EntityRelationshipDiagram----------------------------------------------------8

4.4 Testing ----------------------------------------------------------------------------9

4.5 Tools and Technology ----------------------------------------------------------11
Chapter 5
Result------------------------------------------------------------------------------------12
Chapter 6
Conclusion ----------------------------------------------------------------------------18
References-----------------------------------------------------------------------------19
 List of Figures

4.1 An iterative development process--------------------------------------5

4.2 Client-server architecture------------------------------------------7
4.3 E-R diagram------------------------------------------------------------------8
5.1 Admin Login--------------------------------------------------------12
5.2 Admin panel-------------------------------------------------------- 13
5.3 Economics panel----------------------------------------------------14
5.4 News insert page----------------------------------------------------15
5.5 Sports page----------------------------------------------------------16
5.6 Sports details news------------------------------------------------- 17
 List of Tables

4.1 Project Planning and Scheduling------------------------------------------ 6

 Chapter 1
Introduction

1.1 Overview

An online newspaper is the online version of a newspaper, either as a stand-alone publication or as the
online version of a printed periodical.Going online created more opportunities for newspapers, such as
competing with broadcast journalism in presenting breaking news in a more timely manner. The
credibility and strong brand recognition of well-established newspapers, and the close relationships
they have with advertisers, are also seen by many in the newspaper industry as strengthening their
chances of survival.The movement away from the printing process can also help decrease costs.

1.2 Motivation

The motivation of the project is to develop a site which gathers all types of news. There are many
online newspaper available in Bangladesh, but all of the newspapers do not contain all types of news.
From interest for online newspaper and try to share all types of news the project was chosen.

1.3 Objective

The online newspaper provides update news in different events. It contains local news, international
news, sports news, business news, entertainment news, photo gallery and comment section for a special
news. The primary goal is people can get update news from this newspaper. Many customer gives
advertisement in this site. It is easy to keep and manage and access all record from anywhere.

Page 1
 Chapter 2
Background Study

The project has been designed for Internet and Web Programming lab. So it has been needed huge
amount of background studies. The project has been designed by HTML,PHP,CSS,JavaScripts.

CSS has been used to design a nice view of the project. So it was required to understand rule of making
it.

To view a nice looking slideshow it is used query which is a cross-platform JavaScript library designed
to simplify the client-side scripting of HTML. In this project, it has designed such a nice looking
slideshow. So it was needed to understand query to design the slideshow.Finally, to provide an
interface for the client and to limit client access to proprietary databases or other data sources, it is used
Server-side scripting technique which involves embedding scripts in an HTML source code which
results in a user's (client's) request to the server website being handled by a script running on the
server-side before the server responds to the client's request. These Scripts are written in any of a
number of server-side scripting languages. In this project, the Server-side scripting technique has been
carried out by PHP which is a platform independent and allows creating dynamic content that interacts
with databases. In PHP, it is either followed procedural or object oriented coding style besides, a well-
designed object has only one specific function which means that all the code supporting that function is
located in one place which increases maintainability.

MySQL query language also used for insert data and retrieve data from database and show information
into the specific page.

For design process and know functional and non-functional requirements need knowledge of Software
Engineering.

To design this online newspaper has been needed to visit many online newspapers

Page 2
 Chapter 3

Problem Description

As this project is designed a platform to gather and include different news from all over the world. The
problem is defined based on its requirements. There are two types of requirements as functional and
non-functional requirements are applicable to this project.

3.1 Functional Requirement

Fordocumentingthefunctionalrequirements,thesetofunctionalitiessupportedbythesystemare
tobespecified.Afunctioncanbespecifiedbyidentifyingthestateatwhichthedataistobeinputtothesystem,itsin
putdatadomain,theoutputdatadomain,andthetypeofprocessingtobecarried on the input data to obtain the
output data.

 Add Article: New entries are entered in database.

 Delete Article: Wrong entry will be removed from system.
 Inquiry Issuance: Inquiry of all database articles.
 Check out Article: To issue any article must be checked out.
 Check In article: After receiving any article system reenter article by Checking.
 Prepare database: The data base has been prepared.

Page 3
3.2 Non-functional Requirement
Thesearetherequirementsthatarenotfunctionalinnature.Especiallythesearetheconstraints the system must
work within.

 Safety Requirements: To take the database and website backup.

 Security Requirements: The security has been ensured in such a way that any unauthorized user
can can not hamper any task.
 Project Quality Attributes: The Quality of the website is maintained in such a way so that it can
be very user friendly to the users.
 Hardware Constraints: The system has been required a database in order to store persistent data.
The database have a backup capabilities.
 Software Constraints: The development of the system is constrained by availability of required
software such as database and other web development tools.

Page 4
 Chapter 4

Solution Approach

The project is designed and implemented in a structured way so that it will be further modified with no
additional problems. It is followed Iterative process model for design and development of the proposed
project. The solution strategy is come forward according to this process model.

4.1 Process Model

As the project is developed according to Iterative development model(also called Rapid Software
Development model), the design process model is given below:

Define system
deli verab les

Design system Specify system Build system Validate

architectur e increment increment increment

NO

Deliver final System Valida te Integ rate

system complete? system increment
YES

Figure 4.1:An iterative development process[1].

Page 5
4.2 Project Planning and Scheduling

This is the first step of the process model where the whole work plane and duration is included.

Table 4.1: Project planning and scheduling

Stages/Tasks Duration

Stage 1 Analysis 20 days

1.1 Requirements analysis 15 days

1.2 Work plan 5 days

Stage 2 Work plan creation and prioritizing 49 days

works

2.1 Front end design using HTML, CSS, 25days

and JavaScript

2.2 Database creation on MySQL 2 days

2.3 Writing and testing various queries 8days

2.4 Embedding database to front end using 7 days

PHP

2.5 Designing admin panel and other 7 days

functionalities

Stage 3 Testing 2 days

3.1 Testing and bug fixing

Stage 4 Validation, Verification and Deployment 5 days

4.1 Meeting requirements specification to 3 days

the developed project

4.2 Hosting the developed project 2 days

Total duration: 2 Months 16 Days

Page 6
4.3 Architectural Design
This is the second step of the process model. This design strategy is carried out by the following
diagrams.

4.3.1 System Architectural Diagram

It defines the segregation of an application into tiers in which the developers acquire the option of
modifying or adding a specific layer, instead of reworking the entire application.

Figure 4.2:Client-server architecture [2]

Page 7
4.3.2 Entity Relationship Diag
iagram

It indicates the data or information aspects of its process requirements, in an abstract way that lends
itself to ultimately being implemented in a database such as a relational database. The main
components of ER models are entities and the relationships that can exist among them, and databases.

Figure 4.3:E-R
4.3:E diagram

Page 8
4.4 Testing

Testing phase is a very important for a successful system. In this phase before implementing the new
system into operation, for eliminating bugs a test run of the system is done. After completing codes for
the whole programs of the system, a test plan should be developed and run one given set of test data.
Using the test data subsequent test run are carried out:

Unit testing: It is a method by which individual units of source code, sets of one or more program
modules collectively with associated control data, usage procedures, and operating procedures, are
tested to determine whether they are fit for use. Intuitively, one can view a unit as the smallest test able
part of an application. In procedural programming a unit can be an entire module but is more
commonly an individual function. In object- oriented programming a unit is an entire interface but
could be an individual method. Unit test is created by programmers or by white box testers during the
development process[1].

Integration testing: It is the phase in software testing in which individual software modules are
combined and tested as a group. It occurs after unit testing and before validation testing. Integration
testing takes as its input modules that have been unit tested, groups them in larger aggregates, applies
tests defined in an integration test plan to those aggregates, and delivers as its output the integrated
system ready for system testing[1].

Program test: After the programs have been coded, compiled and carried out to working conditions,
they must be independently tested with the prepared test data. Any unwanted happening should be
noted and debugged[1].

Page 9
System test: When the program test for each of the programs of the system is written and errors are
removed then system test is complete. At this stage the test is done on actual data. The complete system
is put into execution on the actual data. At every stage of the execution, the output of the system is
studied. During the outcome analysis, it may be found that the outputs are not matching the estimated
output of the system. In such situation, the bugs or errors in the particular programs are recognized and
are fixed and further verified for the expected output. When it is confirmed that the system is running
error-free, the users are called with their own real data so that the system could be presented running as
per their requirements[1].

Page 10
 4.5 Tools and Technology

The proposed problem has been solved by the following tools and technology---

Languages-- HTML,CSS, PHP, SQL, JavaScripts.

a) HTML has been used to create web pages and displaying information.

b) CSShas been used for describing the look and formatting (font style, text color, background

color, etc) and applying those styles to all the pages within a website without having to repeatedly

write the code into the HTML document.

c) JavaScripthas been used for slide show designby jQuery which is a fast, small, and feature rich

JavaScript library.

d) PHPhas been used to connect the database server to fetch information from database.

e) SQL has been used for managing data held in relational database management system.

Database Server-- MySQL was used to performs tasks such as data analysis, storage, data
manipulation, archiving, and other non-user specific tasks.

Web Server-- Apache Web Server.

Editors-- Notepad++, Macromedia Dreamweaver.

Page 11
 Chapter 5
Result

After going through all the phase of System Development Life Cycleof this project, the portal is
designed successfully.

The result of the proposed project is demonstrated here by some screen shots as images.

5.1 For admin

Admin Login

To
o insert news must login an admin panel using email and password provided by admin.The login page

is as follows:

Figure 5.1 : Admin Login

Page 12
 After login , enter the admin panel and select an option to insert news.The admin panel is as

follows:

Figure 5.2 : Admin panel

Page 13
 From admin panel one can select an individual panel to insert news. If select Economics panel to insert

Economic news the page is as follows:

Figure 5.3 : Economics panel

Page 14
 Enter Economy news using this form:

Figure 5.4 : News insert page

Page 15
 5.2 For user

If an user enter this website can see the following page. From this webpage he can select various page

to read news.

Fig
Figure 5.5: Sports page

Page 16
 If one person select sports he can see the following page. If select a headline
adline details news can be seen

the user.

Figure 5.6 : Sports details news

Page 17
 Chapter 6
Conclusion

As the primary goal of the project is to collect and include various types of news all over the world, it
will be very helpful for the people . The features defined in the system have been implemented with no
difficult bugs. So the quality of the project has been maintained properly as compared to requirements
specification. By making such a web-based project, it has acquired a great experience to develop
complex web-based projects. After processing through all phases of the system development life cycle,
the portal is developed. In future it will be hosted on the internet server which will be accessed by all
people in the world and can view the site and learn as much as news and information about the world.
The Administrator or editor who will be assigned for editing or managing or controlling will be given
the secure login information and will change or modify the website as per the requirements. Besides, this
developed system can also be a learning project for the Internet and Web-Programming course.

Page 18
 References

[1] Ian Sommerville, Software Engineering, Addison-Wesley Longman Publishing Co., Inc, Eight

Edition, Iterative process model.

[2] Three tier client server architecture, http://en.kioskea.net/contents/151-networking-3-tier-client-

server-architecture, [Access Date: 13th June 2014].

Page 19