Overview of a news portal system

1. 1
DEVELOPMENT OF ONLINE NEWS PORTAL SYSTEM
Rajib Kumar Roy
PROJECT SUBMITTED IN FULFILMENT OF THE DEGREE OF
BACHELOR OF COMPUTER SCIENCE AND ENGINEERING
FACULTY OF COMPUTER SCIENCE AND ENGINEERING
PATUAKHALI SCIENCE AND TECHNOLOGY UNIVERSITY
December 2017

2. i
DECLARATION OF ORIGINAL WORK
I declare that the work presented in this project titled “Development of Online News Portal System”,
submitted to the Patuakhali Science and Technology University, for the award of the Bachelor of
Science in Computer Science and Engineering degree, is my original work. I have not plagiarized or
submitted the same work for the award of any other degree. In-case this undertaking is found
incorrect, I accept that my degree may be unconditionally withdrawn.
December 2017
Place: Patuakhali.
………………..………………
Rajib Kumar Roy

3. ii
LETTER OF APPROVAL
Certified that the work contained in the project titled “Development of Online News Portal System”,
by Rajib Kumar Roy (ID: 1302002) have been carried out under my supervision and that this work
has not been submitted elsewhere for a degree.
…………………………………
Signature:
Supervisor Name: Professor Dr. S.M.Taohidul Islam
Department Name: Electrical and Electronics Engineering (EEE)

4. iii
ACKNOWLEDGEMENTS
At first, I show my deepest gratitude to the Almighty Lord to allow me to complete this project
report in time.
I am deeply indebted to my project supervisor Dr. S.M.Taohidul Islam, Professor, Department of
EEE, faculty of Computer Science and Engineering, Patuakhali Science and Technology University,
for letting me choose this topic and providing with his invaluable comment on each chapter of this
report and provided me his wholehearted support to prepare the report in a well-organized manner.
I am also grateful to my honorable teachers of the faculty of Computer Science and Engineering for
their guidance and providing valuable information as well as helping me by their valuable supportive
opinions.
Finally, thanks to all my friends of the CSE 11th batch for their overall support and co- operation to
complete my project report in time.

5. iv
CONTENTS
Page
Declaration of Original Work………………………………………………………………... i
Letter of Approval…………………………………………………………………………… ii
Acknowledgements………………………………………………………………………….. iii
Contents……………………………………………………………………………………… iv
CHAPTER 1 INTRODUCTION
1.1 Introduction………………………………………………………………… 1
1.2 Project Motivation…………………………………………….…………… 1
1.3 Objectives……………………..…………………….....……...…………... 2
1.3.1 Specific Objectives………………………………………………….
1.3.2 Overall Objectives….……………………………….......……………
2
1.4 Challenges…………………..…………………………………………… 2
1.5 Limitations………………….…………………………………………… 2
CHAPTER 2 SOFTWARE DEVELOPMENT LIFE CYCLE (SDLC)
2.1 Introduction…………………………………….………………………….. 3
2.2 SDLC Models……………………………………………………………… 3
2.3 Waterfall Model Design…………………………………………………… 4
2.4 Requirements Modeling And Specification…………………………… 5
2.4.1 Requirement Analysis………………….………………………… 5
2.4.2 Functional Requirements…………………………………………….. 5
2.4.3 Nonfunctional Requirements…………………………………… 5
2.4.4 Performance Requirements…………………………………. 5
2.5 Data Flow Diagram……………………………………………………… 6
2.6 Entity-Relationship Diagram………………………………………… 7
2.7 Relational Database Design for News System…………………………... 8

6. v
2.8 Use Case Diagram of News Website …………… 9
2.9 Logical Database Requirements………………………….. 11
2.9.1 Design Constraints ……………………….. 11
2.9.2 Reliability …………………………….. 11
2.9.3 Availability …………………………………. 11
2.9.4 Security …………………………….. 11
2.9.5 Maintainability ………………….. 11
2.10 Software Requirement ………………………… 12
2.10.1 User side requirement ……………………………… 12
2.10.2 Server side requirement ………………………………………….. 12
2.10.3 Tools/Platform …………………………………………………… 12
CHAPTER 3 DOCUMENTATION
3.1 Introduction ……………………………………………………. 13
3.2 Modules of Software ………………………………………………. 14
3.3 Project Layout and Features………………………………………….. 15
3.4 Forget Password on User’s Panel …………………………………….. 19
3.5 Database Tables …………………………………………………………… 22
3.6 Appendix …………………………………………………………………. 23
3.7 References……………………………………………………………….. 27

7. 1
CHAPTER 1
OVERVIEW OF ONLINE NEWS SYSTEM
1.1 Introduction
The purpose of the project is to develop an Online news system and provides news for all viewers.
All the news regarded to the category will be updated regularly by admin. Users satisfaction related
to news will be fulfilled. The idea is anyone can send a news item to the news website which is
managed by the administrator to whom the editor’s panel kept in charge for this to make it visible for
the masses. The project is developed by using PHP framework (CodeIgniter) and MySQL on the
back end. For the front end, we use HTML5, twitter bootstrap, and CSS.
1.2 Project Motivation
a) The first motivation is to build a dynamic newspaper system that will be helpful for all the people.
A dynamic web based news system exclusively developed for the viewers may be helpful for record
keeping and processing of activities related to news.
b) Another motivation behind choosing this topic is that from the very beginning of pursuing this
honours in Information Technology course, I had a plan to do a project using web based
programming technology. But it needed some up gradation. So i planned to upgrade the news
system.

8. 2
1.3 OBJECTIVES
1.3.1 SPECIFIC OBJECTIVE
i) Introducing a new dynamic website for online news portal system, which is full of relevant
information and easy to use where admin and editor have different user panel for the fulfillment of
different purpose.
ii) Developing the comments reply and its feedback system.
1.3.2 OVERALL OBJECTIVES
i) To be acquainted with the Web Development tools, namely, HTML5, CSS, JavaScript and PHP
for database connection and relating what we have been taught in the classes.
1.4 CHALLENGES
i) The proposed system is challenging and I trying my best to develop a newspaper system.
ii) Besides, this is my first web based application development project.
1.5 LIMITATIONS
1. The user reply system has not developed.
2. Language changing system has not developed.

9. 3
CHAPTER 2
SOFTWARE DEVELOPMENT LIFE CYCLE (SDLC)
2.1 INTRODUCTION
Software Development Life Cycle (SDLC) is a well-defined and structured sequence of stages in
software engineering to develop the intended software product. It provides a series of steps to be
followed to design and develop a software product efficiently. SDLC framework includes the
following steps:
Fig 2.1: SDLC
2.2 SDLC Models
There are various software development life cycle models defined and designed which are followed
during the software development process. These models are also referred as Software Development

10. 4
Process Models". Each process model follows a Series of steps unique to its type to ensure success
in the process of software development.
Following are the most important and popular SDLC models followed in the industry:
 Waterfall Model
 V-Model
 Iterative Model
 Spiral Model
Here we follow waterfall Model to build our software
2.3 WATERFALL MODEL DESIGN
Waterfall approach was first SDLC Model to be used widely in Software Engineering to ensure the
success of the project. In "The Waterfall" approach, the whole process of software development is
divided into separate phases. In Waterfall model, typically, the outcome of one phase acts as the
input for the next phase sequentially.
Following is a diagrammatic representation of different phases of the waterfall model.
Fig 2.2: Water Fall Model

11. 5
2.4 REQUREMENTSMODELING & SPECIFICATION
2.4.1 RequirementAnalysis
1. Requirement analysis is a softer engineering task that bridges the gap between the system
level software allocation and software design.
2. It enables the system engineering to specify software function and performance indicate
software interface with other system elements.
3. It provides the software designer with a representation of information and function that can
be translated to data, architectural and procedural design.
2.4.2 Functional Requirements
Functional requirements define the fundamental actions that system must perform. The functional
requirements for the system are divided into various categories as admin, editors and users. For
further details, refer to the use cases.
Admin’s id
Admin’ name
Access level
Email address
Department etc.
User’s id
User’ name
Activation Status
2.4.3 NonfunctionalRequirements
Nonfunctional requirements define the needs in terms of performance, logical database, design
constraints, standard compliance, reliability, availability, maintainability.
2.4.4 Performance Requirements
Performance requirements define the acceptable response times for system functionality. The load
time user interface screen shall take no longer than for two seconds. The log in information shall be
verified within five seconds. Queries shall results within five seconds.

12. 6
2.4 Data Flow Diagram
Fig 2.1: Data Flow Diagram of News Section

13. 7
2.5: ENTITY RELATIONSHIP DIAGRAM:
Fig 2.2: Entity Relationship Diagram of News Portal System

14. 8
2.6 Relational Database Design of News System
Fig 2.3: News Panel Database Relation

15. 9
2.8 USE CASE DIAGRAM
2.8.1 Use Case Diagram of news website
Use cases have been used here to provide more details user interaction with the process.
Actor: Admin
Fig 3.1: Admin Use Case Diagram

16. 10
Actor: User
Figure 3.2: User Use Case Diagram

17. 11
2.9 Logical Database Requirements
The logical database requirements include the following data elements.
2.9.2 DesignConstraints
This is a multi-user server side and client side website provide various types of Facilities
2.9.3 Reliability
This specifies the factors required to establish the required reliability of the website system at time of
response and proper security of authentication login.
2.9.4 Availability
This system will be available through all the time.
2.9.5 Security
All users will see the respective news without any security check. But if any user want to comment
on a specific news article, then the user have to be login with security check. There is a email
verification when a new user is registered. If any user forget their password, there is option to
recover the password using security check system. Admin also can change the password of their
login system if they forgot.
2.9.6 Maintainability
This website is being developed in PHP Framework. PHP is an object oriented programming
language and it is easy to maintain.

18. 12
2.10 Software Requirement
2.10.1 User side requirement
Operating System: Windows/other compatible OS
Web Browser: Mozilla Firefox, Google Chrome/other compatible browser.
2.10.2 Serverside requirement
Front End: PHP 5.3.0
Back End: MYSQL 5.1.36
Web Server: XAMPP 3.2.2
Web Server: APACHE
2.10.3 Tools/Platform
This project is developed using the tools, which are most suited for development of the PSTU Web-
based System. These tools are as follows: -
1. HTML5 (For the front end).
2. CSS3 (Cascading style for all page).
3. JAVASCRIPT
4. PHP (For Back end programming)
5. MYSQL (For Database Storage as Back end)
6. TWITTER BOOTSTARP
7. JQuary

19. 13
CHAPTER 3
DOCUMENTATION
3.1 Introduction
The title of the project is “DEVELOPMENT OF ONLINE NEWS PORTAL SYSTEM”. This
project will handle whole the activities of a news portal system. The development of a portal for web
based newspaper generally means creating a website in which the management of all news item is
done by the admin where all people (viewers) can view and know all the relevant information about
the knowledge which they seek. This project is about the designing of a newspaper which displays
the news which a normal person want to show. This portal provides dynamic news for all the
viewers. All the news regarded to the category will be updated regularly by admin. The portal
system has basically three user parts where one is registered user (authentication required) who can
view, add comment and can have a general discussion with another user and another is admin (has
an authentication) who will manage or control the website and another is unregistered user (no
authentication required) can only view and search. The project is developed by using PHP
framework (CodeIgniter) and MySQL on the back end. For the front end, I use HTML5, twitter
bootstrap, and CSS.

20. 14
3.2 MODULES OF SOFTWARE
This project includes the following modules. These are given below.
 Manage News category wise.
 Add / edit / delete news.
 Manage breaking news.
 Add / edit / delete breaking news.
 Individual login system (Admin, Editor, Registered User)
 Manage comments.
 Edit / delete comments respect to situation.
 Admin can change the password.
 Admin can select the various role of access level.
 Admin can add the others people to the database section for performing news section.
 Admin can edit or delete the whole system from the database.
 Only registered users can login into the system.
 Admin can view and give feedback all the things requested from users.
 Featured News Slider.
 All types of settings are managed by admin.
 Create backup and restore data anytime.
 Access accounts from anywhere, by any device like desktop, laptop, Smartphone and
tablet.
 Have option for searching specific news article.

21. 15
3.3 PROJECT LAYOUTAND FEATURES
Fig 3.1: Breaking News Slider
Fig 3.2: Footer

22. 16
Fig 3.3: Popular News Section
Fig 3.4: Search News
Fig 3.5: Pagination with News
Fig 3.6: News with Category

23. 17
Fig 3.7: User Registration Form
Fig 3.8: Email Verification for User Registration

24. 18
Fig 3.9: User Login Form
Fig 3.10: Comment Box

25. 19
3.4 FORGOT PASSWORD ON USERS PANEL
Forgot password is now one of the important feature of the web applications of websites. I have also
complete the feature of forgot password in my application.
If any user forget his/her present password he can update his own password. At first, his/her email
will be checked with the database. If the email is available, then he/she can reset his/her password.
Here are some screenshots of forgot password:
Fig 3.11: User input to check the availability of email
Fig 3.12: Update Previous password

26. 20
Fig 3.13: Admin Panel
Fig 3.14: News’s Panel

27. 21
Fig 3.15: Admin Change Password Panel
Fig 3.16: User’s Panel

28. 22
3.5 Database Table
Fig 3.17: Database Table Layout
Fig 3.18: Comments Table Layout

29. 23
3.6 Appendix
3.6.1 Coding with Quality Management
Developing error-free executable programs.
Code for Add News
Add Bangladesh News (View Page)
INCEPTION:
<div>
<ul class="breadcrumb">
<li>
<a href="#">Home</a> <span class="divider">/</span>
</li>
<li>
<a href="#">Add Bangladesh News</a>
</li>
</ul>
</div>
<div class="row-fluid sortable">
<div class="box span12">
<div class="box-header well" data-original-title>
<h2><i class="icon-edit"></i> Add Bangladesh News</h2>
<div class="box-icon">
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
</div>
</div>
<!–- to show category successful message ––>
<h3>
<?php
$msg = $this->session->userdata('message');
if ($msg) {
echo $msg;
$this->session->unset_userdata('message');
}
?>

30. 24
</h3>
<div class="box-content">
<form class="form-horizontal" enctype="multipart/form-data" action="<?php echo
base_url(); ?>super_admin/save_bangladesh_news" method="post" onsubmit="return
validateStandard(this)">
<fieldset>
<div class="control-group">
<label class="control-label" for="typeahead">News Title(<span
style="color:red">*</span>) </label>
<div class="controls">
<input type="text" class="span6 typeahead" id="typeahead" err="Enter valid
Category Name" name="news_title" required >
</div>
</div>
<div class="control-group">
<label class="control-label" for="typeahead">Category Name(<span
style="color:red">*</span>) </label>
<div class="controls">
<select name="category_id">
<option>Select Category........</option>
<?php
foreach ($all_published_bd_category as $v_category) {
?>
<option value="<?php echo $v_category->category_id; ?>"><?php echo
$v_category->category_name; ?></option>
<?php } ?>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="textarea2">News Short Description</label>
<div class="controls">
<textarea name="news_short_description" class="cleditor" id="textarea2"
rows="3"></textarea>
</div>
</div>
<div class="control-group">
<label class="control-label" for="textarea2">News Long Description</label>
<div class="controls">

31. 25
<textarea name="news_long_description" class="cleditor" id="textarea2"
rows="3"></textarea>
</div>
</div>
<div class="control-group">
<label class="control-label" for="typeahead">News Image </label>
<div class="controls">
<input type="file" class="span6" name="news_image">
</div>
</div>
<div class="control-group">
<label class="control-label" for="textarea2">Publication Status(<span
style="color:red">*</span>)</label>
<div class="controls">
<select name="publication_status" err="Please select Publication Status" required
exclude=" ">
<option value=" ">Select Publication Status</option>
<option value="1">Published</option>
<option value="0">Un Published</option>
</select>
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-primary">Add Bangladesh News </button>
<button type="reset" class="btn btn-danger">Cancel</button>
</div>
</fieldset>
</form>
</div>
</div>
</div>
Add Bangladesh News (Controller)
public function save_bangladesh_news() {
$data = array();
$data['news_title'] = $this->input->post('news_title', true);
$data['category_id'] = $this->input->post('category_id', true);
$data['news_short_description'] = $this->input->post('news_short_description', true);
$data['news_long_description'] = $this->input->post('news_long_description', true);

32. 26
$data['publication_status'] = $this->input->post('publication_status', true);
$data['author_name'] = $this->session->userdata('full_name_admin');
/*
* ......start image upload.............
*/
$config['upload_path'] = 'images/bangladesh_news_images/';
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size'] = '';
$config['max_width'] = '';
$config['max_height'] = '';
$this->load->library('upload', $config);
$this->upload->initialize($config);
$error = '';
$fdata = array();
if (!$this->upload->do_upload('news_image')) {
$error = $this->upload->display_errors();
echo $error;
exit();
} else {
$fdata = $this->upload->data();
$data['news_image'] = $config['upload_path'] . $fdata['file_name'];
}
/*
* ......end image upload.............
*/
$this->super_admin_model->save_bangladesh_news_info($data);
$sdata = array();
$sdata['message'] = 'Save Bangladesh News Information Successfully !';
$this->session->set_userdata($sdata);
redirect('super_admin/add_bangladesh');

33. 27
3.7 REFERENCES
1. http://www.w3schools.com/
2. http://stackoverflow.com/
3. https://www.tutorialpoint.com/
4. www.codeigniter.com/user_guide/