Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 87

1 | F i n a l Yea r P r o j e c t

BSCS FINAL PROJECT PROPOSAL

Din News (I Phone App)


Term: Fall 2010

Presented by:
Registration No:
Aleem ullah Toor
Ali Asad Hassan
Muhammad Ali Raza

Department
Science

of

Name:
B-14918
B-14907
B-14926

Computer

University of South Asia

2 | F i n a l Yea r P r o j e c t

Project Title
Din News Website and IOS Application

Project Advisor
Omar Rana

Particulars of the students:


S.N
o

Registration# Name in Full

B-14926

Muhammad Ali Raza

B-14918

Aleem ullah Toor

B-14907

Ali Asad Hassan

CGP
Signatures
A
2.9
8
2.8
9
2.8
0

Contact info :
Name

Email

Phone

Muhammad
Ali Ali_4092003@yahoo.co
Raza
m
Aleem ullah Toor Aleemtoor1@yahoo.co
m
Ali Asad Hassan
Aliasadhassan@rocket
mail.com

0300-0922228
0301-6249151
0334-4477275

Advisors Consent
I Mr. ________________________________________________ am willing to guide
these students in all phases of above-mentioned project / thesis as advisor. I
have carefully seen the Title and description of the project and believe that it
is of an appropriate difficulty level for the number of students named above.

Note:
Advisor cant be changed without prior
permission of the Manager Projects.

Signatures and Date

Advisor

3 | F i n a l Yea r P r o j e c t

ACKNOWLEDGEMENT
"First of all we humbly thank GOD Almighty, the Merciful
and the Beneficent, who gave us health, thoughts,
wisdom and co-operative people to enable us achieve this
goal."
We heartily thank to our supervisor, Mr. omar rana, whose
encouragement, guidance and support from the initial to
the final level enabled us to develop an understanding of
the project.
We also wanted to thank my parents who inspired,
encouraged and fully supported us for every trials that
comes our way, we are grateful for their never ending
moral support and prayers which always acted as a
catalyst in our academic life.
Im grateful to my seniors, who made available their
support in a number of ways. Who sincerely guide us and
service for every activity and task that boost our selfesteem and taught us to be more responsible for our own
good and as for as others.
Lastly, we offer our regards and blessings to all of those
who supported us in any respect during the completion of
the project.

Aleem Ullah Toor

4 | F i n a l Yea r P r o j e c t

Ali Asad Hassan


Muhammad Ali
Raza

TABLE OF CONTENT

CHAPTER 1:
GATHERING AND ANALYSIS
INFORMATION
1.1 PROJECT
BACKGROUND
__________________________07
1.2 Clear
Statement
of
the
Problem
___________________ 07
1.3 Development
Stages____________________________07
1.4 PROJECT
SCOPE________________________________09
1.5 UNIQUENESS AND MARKET IMPACT OF OUR
PROJECT______________________________________1
0
1.6 Objectives
___________________________________11
1.7 Functional Requirements And Non Functional
Requirements__________________________________
12
1.8 PROJECT
COST_________________________________14
1.9 Costing
Detail__________________________________15

5 | F i n a l Yea r P r o j e c t

1.10
Activity
Diagram________________________________16
1.11
USE
CASE
DIAGRAM_____________________________17
1.12
USAGE
SCENARIOS______________________________18
1.13
Use
case
For
iOS
App____________________________25
1.14
ADOPTED
METHODOLOGY________________________27
1.15
WORKING
DETAIL_______________________________30
1.16
Project
Structure
&
Team
Structure_________________33
1.17
Activity
Schedule________________________________34
1.18
WORK PLAN (GANTT
CHART)_______________________________________3
6
1.19
Work
Break
down
Structure_______________________37
1.20
PLATFORM
&
TECHNOLOGIES______________________38

CHAPTER 2:
DESIGNING THE PROJECT
2.1 INTRODUCTION
_______________________________39
2.2 DATA
FLOW
DIAGRAM
in
_________________40

website

6 | F i n a l Yea r P r o j e c t

2.3 DATA
FLOW
DIAGRAM
in
App_____________________41
2.4 Sequence
Diagrams
for
Website___________________42
2.5 Sequence Diagrams for
App_______________________47
2.6 Class
Diagrams
________________________________49
2.7 DATABASE
DESIGN
_____________________________52
2.8 TEST
CASES
For
Website__________________________53
2.9 TEST
CASES
For
App_____________________________59
2.10
JSON
DESIGN
AND
CONECTIVITY__________________62
2.11
Connection
from
I
phone
to
Json
___________________64

CHAPTER 3
3.1 Risk
Analysis___________________________________66
3.2 Risk
Management
Procedure______________________66
3.3 Testing________________________________________
70
3.4 Website
Testing
________________________________70
3.5 Waterfall
View__________________________________71

7 | F i n a l Yea r P r o j e c t

3.6 Connection
View________________________________72
3.7 Testing
iOS
Application
__________________________73
3.8 App
Store
Approval______________________________74
3.9 Beta
Testing
For
App_____________________________75
3.10
Commenting
system_____________________________76
3.11
Why
we
use
Disqus
Comment
System_______________78

Group Member Work in this porject:


Muhammad Ali Raza: I will make website using Php and
will work on database design and handling using MySQL
database.
Aleem Ullah Toor: I will work on application side,
objective c coding in x code application handling,
approving from iTunes and also connectivity to data base
from using the web services.
Ali Asad Hassan: I will work on designing Frameworks,
and I will also work on web services which is acts as a
bridge b/w the IOS Application and Website.
Client Name:

8 | F i n a l Yea r P r o j e c t

Din News Channel is media channel and newspaper


agency that provide news and updating environment of
world shared with people.
First chapter is Gathering and Analyzing Information
which includes SRS Document. Its sub sections include
Introduction and Scope of the project and Purpose, a
comprehensive detail about the Use Cases and Usage
Scenarios and Supplementary Requirements.
Second chapter is Designing the Project which
includes Design phase documents. Sections of this
chapter are Introduction of Design Document , data flow
diagram, entity relationship diagram, activity diagram,
Sequence Diagrams , Architecture Design Diagram, Class
Diagram, database diagram, deployment diagram and
Test Cases.

Third chapter includes Risk analysis, some portion of


the source code, Test Result of website and IOS app and
Comment System.

CHAPTER 1:
GATHERING AND ANALYSIS
INFORMATION
1.1 PROJECT BACKGROUND:
The Din News Network represents the private
television news & current affairs broadcasters. It is

9 | F i n a l Yea r P r o j e c t

the collective voice of the news & current affairs


broadcasters in Pakistan .It is an organization
funded entirely by its members. The din presents a
unified and credible voice before the Government,
on matters that affect the growing industry. We are
creating a website in Urdu and an IOS application
of Urdu news app for this media group.
1.2 Clear Statement of the Problem:
Din news is
very old media group in industry they have their
own newspaper and channel but on internet they
have no viewership. So our Project helps this media
group to attract Urdu viewers and we are sure that
our project will help in growth of this media group.
1.3 Development Stages:
This project develops and
evaluates world news and updating environments
of world including social connection and public
connection of the world. The traditional approach
has involved individual to all world consultation
and clarity of mind with situation in the world. This
project will use an interactive mobile application to
especial delivery to those people which have not
time to watch multimedia or reading the
newspaper. This application will provide networking
opportunities for individual interaction with world.

10 | F i n a l Y e a r P r o j e c t

It is sustainable and scalable because it will initially


focus on worlds data in the key area of assessment
quality. The project draws on design-based
research methods to examine early career
academics experiences of using the web services
and website and changing their practice over time.
The deliverables include the mobile application, a
project website featuring a blog for SET
coordinators and more gain access toward world
situation, and a project report.
This technical proposal has been produced for
designing, development and implementation of
new emerging media Channel into the market. The
Din News Network represents the private television
news & current affairs broadcasters. It is the
collective voice of the news & current affairs
broadcasters in Pakistan .It is an organization
funded entirely by its members. The Din News
presents a unified and credible voice before the
Government, on matters that affect the growing
industry.
why develop apps for iOS?
The iPhone market is just too big to ignore and
although the submission and approval process for
the iTunes store is strenuous, there are some
significant advantages to developing for the iOS

11 | F i n a l Y e a r P r o j e c t

platform as opposed to Android. One reason that


comes to mind is the lack of fragmentation of
devices and OS versions. This immediately makes
developing and testing iOS apps significantly
easier.

1.4 PROJECT SCOPE


This project develops and evaluates a website and
mobile application for supporting News in Urdu
toward world and clarity about environments of
world in every field of life.
This project, small-scale project but gathering
value all over world addresses an Innovation and
Development Program of minds clarity, priority by
evaluating the effectiveness of a mobile solution in
providing highly trusted news results to every
individual, and identifying relevant and appropriate
new media strategies linked directly to people.
This project also addresses a Seed Projects priority
by building the capacity of updating people
through an interactive mobile application that
personalizes recommended news media strategies
and delivers point of need support
The application will:
Anticipate fresh incidents
detail, immediate
professional media needs by harnessing DIN

12 | F i n a l Y e a r P r o j e c t

database information on class size, year level


and discipline;
Engage News through rich content, active control
and connectedness.
Provide just-in-time support by delivering
personalized, pedagogy-driven resources at the
same time as an event in life.
Provide networking opportunities for interaction,
a key strategy recommended for enhancing
traditional new emerging idea of media
strategies.
1.5 UNIQUENESS AND MARKET IMPACT OF
OUR PROJECT:
we know that Urdu language is 3rd in the world
according to popularity There are only 3 Urdu news
apps in iTunes and after the games the news apps
are most popular apps in market so we think there
is a huge room for the Urdu news app for iPhone
and we think our app will attract viewers and gain
popularity very fast By this project we promote the
media group. And we are sure that our project will
help in growth of this media group.

13 | F i n a l Y e a r P r o j e c t

1.6 Objectives:
The objective of Din News
Network is to provide
To promote, aid, help, encourage, develop,
protect and secure the interests of the News
Broadcasters in the Pakistani television Industry
and other related entities.
To promote awareness about the latest
developments in the television industry relating to
News Broadcasting and to disseminate knowledge
amongst its members and the general public
regarding such developments.
To provide for the members a place of meeting so
as to enable them to work in consensus to achieve
common goals for the overall betterment of their
industry and to have a common platform/forum at
which they may air their grievances and arrive at
solutions.
To promote the growth of friendly relations
amongst the members and amongst persons
engaged in the production and broadcasting of the

14 | F i n a l Y e a r P r o j e c t

television software and especially to encourage cooperation among the members so as to maximize
mutual benefits.
To protect all its members from persons or
entities who carry on unfair and/or unethical
practices or who discredit the television industry.
No objects of the Company will be carried out
without obtaining prior approval/ NOC from the
concerned authority, wherever required.
1.7 Functional Requirements:
this section gives a functional requirement that
applicable to the online website and iPhone
Application.
Specific Requirements:
The Main Features of the website are as under
Requirements for Website
Administrator:
Interface will provide the following features:
1.Login/ Logout
2.Add the new news
3.Edit new news
4.Delete old news
5.View all newss

15 | F i n a l Y e a r P r o j e c t

User:
Interface will provide the following features:
1.read newss
2.Give feed back
3.Comment

NON-FUNCTIONAL REQUIREMENTS:
User Friendly:
System will have a user friendly interface and
easy to use Environment.
Search News:
Website should have search engine to
search news.
Browser Support:
System should be able to work with each
type of internet browsers.
Hardware Compatibility:
System should easily acceptable on
Personal Computer.
Security:
Only those Admin are allowed to login the
system that are registered by the administrator.
Requirements for iOS App:

16 | F i n a l Y e a r P r o j e c t

User:
App will provide the following features:
1.read newss
2.Give feed back
3.Invite
NON-FUNCTIONAL REQUIREMENTS:
User Friendly:
App will have a user friendly
interface and easy to use Environment.
Hardware Compatibility:
App should easily acceptable on any
iPhone device or any generation of iPhone.
Security:
Only those Admin are allowed to login the
system that are
Specific Requirements from customer:
1.Font should be classic Urdu.
2.We dont want super admin panel we have our
own system.
3. The news should be update once and it will
show in app and website at the same time.

17 | F i n a l Y e a r P r o j e c t

4.Data base should be same of website and ios


app.
5.The website and app should have dominating
red color them.
6.Only ten news should show in one page in ios
app and website at a time.

1.8 PROJECT COST:


The project cost depends upon
all the hardware and devices you need. At the
initial stage for demonstration following devices
are required.

1.9 Costing Detail:


Software Cost based on four factors, which
are as follows:
1.
Software cost
2.
Hardware cost
1.
Software cost
Internet Connection Cost (Rs.2000 *4 months)
8,000
Electricity Cost 2,000
Printing and Documentations 2,000

18 | F i n a l Y e a r P r o j e c t

domain Cost 3,000


2.
Hardware cost
Cost for Computers 20,000
Printer Cost 8,000
Others 5,000
Total: 15,000+33,000=48,000

1.10 Activity Diagram:

19 | F i n a l Y e a r P r o j e c t

1.11) USE CASE DIAGRAM:

20 | F i n a l Y e a r P r o j e c t

1.12 USAGE SCENARIOS:

21 | F i n a l Y e a r P r o j e c t

1. ADMINISTRATOR:
Login:

Use case diagram: 1


Use
case
Login
title
Use case Id
01
Actions
Login functionality enable the
1.Administrator
2.User
Description:
This use case will help all the
users to login with
Alternative
Notthe
anysystem.
Pre-condition:
User must be registered to
Paths
Post-condition:
After performing their work
login the system.
Exceptions
Invalid user name or password or
user logout fromsystem.
both.
User
doesnt
account.

News Information:

have

registered

22 | F i n a l Y e a r P r o j e c t

Use case diagram: 1


Use
case
Add News
title
Use case Id
1
Actions
Admin use this to add new news in
Description: Database.
This use case will help the
administrator
enter
Alternative to
Not
any new record.
Pre-condition:
Administrator has accessed
Paths
Post-condition:
New
news has been added into
the System to add new
news.
Data Base and user .
are ready to
login the system.
Exceptions

Invalid user name or password.


Administrator may
operation any time.

Use case diagram: 2

abandon

the

23 | F i n a l Y e a r P r o j e c t

Use
case
Edit news
title
Use case Id
2
Actions
Admin use this to Edit news in Database.
Description:
This use case will help the
Administrator to modify the record of
.
Alternative Not any
Pre-condition:
News record already saved
Paths
Post-condition:
news record has been
in the Data Base.
Exceptions
Administrator
may abandon the
Updated into Data
Base.
operation any time.
User record not available.

Use case diagram: 3


Use
title

case

Delete User

24 | F i n a l Y e a r P r o j e c t

Use case Id
3
Actions
Admin use this to Delete news From
Description: Database.
With the help of this use case Admin
can delete the .
Record of news
from
the system.
Alternative
Not any
Pre-condition:
news must be already
Paths
Post-condition:
newsBase.
Record is Deleted/ Removed
added/Save to the Data
From Data Base .
and he has no
more
access to the
system.
Exceptions
Administrator
may abandon the
operation any time.
news is not Saved in Database or
user record not available

Use case diagram: 4

25 | F i n a l Y e a r P r o j e c t

Use
case
List View User
title
Use case Id
4
Actions
Admin use this to List View for news.
Description:
This use case will help the
Administrator to see the
.
Complete list of available news in the system.
Alternative Not any
Pre-condition:
Administrator has accessed
Paths
Post-condition:
the System to newsComplete
List View. List of news Should be
Display as a .
.....
Report so the
Admin can print this report if needed.
Exceptions
Invalid user name or password.
Administrator may
operation any time.

Use case diagram: 5


Use
title

case

Logout

abandon

the

26 | F i n a l Y e a r P r o j e c t

Use case Id
5
Actions
User to Logout
Description:
This use case is for the logoff
from
website. Not any
Alternative
Pre-condition:
you must be Logged in.
Paths
Post-condition:
User logout from system.
Exceptions User doesnt logged in.

User View:
Use case diagram: 1
Use
case
View News
title
Use case Id
1
Actions
User uses this to view a new news in
Description: website.
This use case will help the
user
to read new
Alternative
Notnews.
any
Pre-condition:
user has accessed the
Paths
System to read news.
Post-condition:
New news has been viewed
that added by the admin.
Exceptions

internet Connection error.

27 | F i n a l Y e a r P r o j e c t

Use case diagram: 2


Use
case
Give feed back
title
Use case Id
2
Actions
user use this to give feedback about a
news.
Description:
This use case will help the user to
make contact . .
.
and give
feedback with admin.
Alternative Not any
Pre-condition:
user has accessed the
Paths
Post-condition:
user feedback has been send
System to read news.
Exceptions
internet connection error
to admin.
email error

1.13) Use case For iOS App:


Use case diagram: 1
Use
title

case

View News

28 | F i n a l Y e a r P r o j e c t

Use case Id 1
Actions
User uses this to view a new news in
Description: App.
This use case will help the
user
to read news
Alternative
Not news.
any
Pre-condition:
user has accessed the App to
Paths
read news.
Post-condition:
that by
admin.
Exceptions

New news has been Added


.
the

internet Connection error.

Use case diagram: 2


Use
case
Give feed back
title
Use case Id
2
Actions
user use this to give feedback about a

29 | F i n a l Y e a r P r o j e c t

news And Application.


Description:
This use case will help the user to
make contact . .
.
and give
feedback with admin.
Alternative Not any
Pre-condition:
user has accessed the
Paths
Application to read news.
Post-condition:
user feedback has been send
Exceptions
internet connection error
to admin.
email error

1.14) ADOPTED METHODOLOGY


Web Development Life Cycle:Many models and
techniques are followed for software development
these days but most widely used is named as

30 | F i n a l Y e a r P r o j e c t

Software Development Life Cycle (SDLC) or


Waterfall Model. And we use this for our project.
1.Analysis we analyze that our project has
great impact on market and having great
interaction for user especially Urdu readers.
2.Initial Design Once the concept has been
approved, it is time for web designers and
developers to work together create a design.
This is where the first seeds of website and app
will be created. Constant revision should be
expected
since
developers
are
still
brainstorming.
3.Design Approval we need to have the
approval of the managers or even the
company owner to move on. But this is also an
initial design except that the design should be
more or less the same for the developers to
work on. Only additional features or work
around will be done in the website.
4.Web Development This time, developers
will work on the actual function of the website.
Although it is already an eye-candy for the
owner and different users, it is essentially a
shell with limited features. Constant
development, review of function and constant
revision are also expected in this stage.

31 | F i n a l Y e a r P r o j e c t

5.Prototype at last, by this time web


developers and designers will now come up
with a fair representation of the website.
Usually if a website and app will be used for
public use. This stage is aimed to gauge the
interest of those chosen to test the website.If
everything is good, the website will be going
out and will now be on open testing stage to
test if the website could handle such traffic or
if the website could handle thousands of users
at the same time. The hardware such as the
server will also be tested at this stage.
6.Launching Although a beta version of
website and application ready .then an open
invitation to everyone to check and use , it is
still buggy and revisions has to be done. But
when everything has been cleared out, it is
now time to formally launch the website,
telling the world about a great new website
and application that has been developed for
productive use. If the developing company or
the funding source is popular enough, it could
even be placed under serious scrutiny by
different tech bloggers.
7.Maintenance Just like in software, the
website and the application should have their
own maintenance crew. However, they will not

32 | F i n a l Y e a r P r o j e c t

be actively looking for bugs like in the beta


version, but the crew will essentially be on a
passive mode and their functions could be
limited to checking the website and answering
to problems instead of looking for them.

33 | F i n a l Y e a r P r o j e c t

Why we use waterfall model:


This model is simple and easy to
understand and use.
It is easy to manage due to the rigidity of
the model each phase has specific
deliverables and a review process.
In this model phases are processed and
completed one at a time. Phases do not
overlap.
Waterfall model works well for smaller
projects where requirements are very well
understood.
It is simple and disciplined approach.
Simple and easy to use.

1.15) WORKING DETAIL:


Phase
1:
(Gathering
&
Analyzing
Requirements)
Gathering & analyzing requirement phase is the
process of understanding the customer needs and
expectations from a proposed system or
application and is a well-defined stage in the

34 | F i n a l Y e a r P r o j e c t

Software Development Life Cycle model.


Requirements are a description of how a system
should behave or a description of system
properties or attributes. It can alternatively be a
statement of what an application is expected to
do.
At first phase we will define the
scope, vision and requirements for our project. As
well as the functional, nonfunctional requirements
in this phase are elaborated. Use cases for our
system and their scenarios will be defined.
Phase 2: (The Planning Phase)
The Planning Phase is the second phase in the
project life cycle. It involves creating of a set of
plans to help guide your team through the
execution and closure phases of the project.
The plans created during this phase will help you to
manage time, cost, quality, change, risk and
issues. They will also help you manage staff and
external suppliers, to ensure that you deliver the
project
on
time
and
within
schedule.
In this phase the information gathered in our
previous phase will be evaluated. Time line in
which this project should be completed, the cost
which will be allocated to our project and all the
basic planning activities will be done in this phase.
Phase 3: (Analysis and Design Phase)

35 | F i n a l Y e a r P r o j e c t

Analysis and Design Phase is a phase in Project


Management for Application or Software. During
this process, a consultant or analyst will do depth
analysis on the current situation and relate them
with the application, software, or systems that are
going to be implemented or enhanced.
This phase is
about working on the design of our system. We
define all the aspects of design of system. Our
work will focus on the architecture of the system,
internal and external entities, relations among
these entities and to the others, etc. After
completing the basic design phase we will build our
system here.
Phase 4: (Development Phase)
The most important task in the development phase
is to build the application. It is common wisdom
that it's easier to build an application when a clear
set of expectations and properly defined and
tested product architecture exists. The work in this
phase should be much more straightforward as a
result of the work done in the preceding phases.
Implementation of our
system is done. We start working on the system
deployment, installation, working etc.
Phase 5: (Operation & Maintenance Phase)

36 | F i n a l Y e a r P r o j e c t

More than half of the life cycle costs are attributed


to the operations and maintenance of systems. In
this phase, it is essential that all facets of
operations and maintenance are performed. The
system is being used and scrutinized to ensure that
it meets the needs initially stated in the planning
phase. Problems are detected and new needs arise.
Verification and testing system related activities
are performed in this phase. Different type of
testing is performed here and if some problem is
detected, we will solve that out.
This phase is related
to work on the maintenance of our system after
deploying it and if needed.
In all the above phases, we will be analyzing risks
for each phase at its start and will resolve them
before entering into next phase.

1.16)Project Structure:
It defines the approach the team will take to
organize and manage the project.
The key components of the project structure
document are:
o Team and structure
o Project schedules

37 | F i n a l Y e a r P r o j e c t

Team Structure:
Project Managers:
Muhammad Ali Raza ,Aleem ullah Toor and Ali
Asad (they will manage overall activities of project)

Developer:
Muhammad Ali Raza
Aleem Ullah Toor
Ali Asad Hassan

Tester:
Project manager
Muhammad Ali Raza
Aleem Ullah Toor
Ali Asad Hassan
Project Supervisor
Sir omar rana
(He will test / verify each & every stage / process of
project development)

38 | F i n a l Y e a r P r o j e c t

1.17) Activity Schedule:


Activity Schedule:

12

Market Research

Define Specification
Project Planning

13

Design Phase
Development Phase

12

Testing of Project
Project Documentation
Presentation

44

Task Name

Durati
on

Start

Finish

Final Project

120
Days

01-11-14

26-02-14

Market Research
Meeting with
People
Market Value of
Project

6 days
4 days

01-11-14
01-11-14

06-11-14
04-11-14

1 day

05-11-14

05-11-14

Scope in Market
Define
Specification

1 day
4 days

06-11-13
08-12-14

06-11-14
11-12-14

39 | F i n a l Y e a r P r o j e c t
Define Tasks
Define
Architecture
Project Planning
Functionality of
Software

2 days
2 days

08-12-14
10-12-14

09-12-14
11-12-14

8 days
1 day

12-12-14
12-12-14

20-12-14
12-12-14

Software Design
Design Result
Modules
Value of Project
Design Phase
Design
Specification
Mockup of Design
Approval of Design
Changes in Design
Final Design
Mockup
Development
Phase
Determine type of
Software

3 days
1 day
2 days
1 day
13 days
3 days

13-12-14
17-12-14
18-12-14
20-12-14
22-12-14
22-12-14

16-12-14
17-12-14
19-12-14
20-12-14
05-1-14
24-12-14

25-12-14
29-12-14
31-12-14
03-1-15

27-12-14
30-12-14
02-1-15
05-1-15

44 days

06-12-14

27-2-15

2 days

06-01-15

07-01-15

Define Content
Strategy

3 days

08-01-15

10-01-15

GUI Development
GUI for Admin
GUI for Employees
Database
Development

10 days
5 days
5 days
11 days

12-01-15
12-01-15
17-01-15
26-01-15

22-01-15
16-01-15
22-01-15
07-02-15

Database
Connectivity
Project
Programming
Testing of
Project
Unit Testing
Functional Testing
Testing of
Database
Operations
Project Proposal

3 days

09-02-15

11-02-15

14 days

12-02-15

27-02-15

12 days

28-02-15

11-02-15

2 days
3 days
3 days

28-02-15
01-02-15
04-02-15

30-02-15
03-02-15
07-02-15

4 days

08-02-14

11-02-15

3
2
3
2

days
days
days
days

40 | F i n a l Y e a r P r o j e c t
Resolve Issues
Project
Documentation

4 days
12 days

Presentation

1 day

1.18) Gantt chart:

14-02-15
18-02-15

17-02-15
30-02-15

41 | F i n a l Y e a r P r o j e c t

1.19) Work Break down Structure

42 | F i n a l Y e a r P r o j e c t

1.20) PLATFORM & TECHNOLOGIES:

43 | F i n a l Y e a r P r o j e c t

Objects
Development
hardware For App
Development
Software For App
Front-End
language
For App
Designing Language
Web
services
Language
Back-End Data Base
Language
Connectivity Links
Launching Web-server
For App
Development
Software For Web

Tools
Macintosh
X-Code
Mac IOS
Objective C
Json
MySQL Server
Java And PHP
Website
Apple Store
Dreamweaver

CHAPTER 2:
DESIGNING THE PROJECT

44 | F i n a l Y e a r P r o j e c t

2.1) INTRODUCTION:
In this chapter we will discuss each and everything
in detail of our project Din News website/IOS-app
in Urdu. Later on this file would help in developing
the right system. As in this file we will elaborate in
detail Data Flow Diagram, Entity Relationship
diagram, Activity Diagrams, Sequence Diagrams,
and Architecture Design Diagram, Database
Design, Interface Design, Deployment Diagram etc.
These diagrams are proved most effective in the
developing of any system or software.
Analysis and Design are considered very decisive in
the whole development cycle. The design phase
appears to be very expensive to solve in the later
stages of the software development. Special care
must be taken at this stage. The logical system of
the product is also developed in this phase.

45 | F i n a l Y e a r P r o j e c t

2.2) DATA FLOW DIAGRAM (DFD) In


Website:

46 | F i n a l Y e a r P r o j e c t

2.3)DATA FLOW DIAGRAM (DFD) In


IOS APPlication:

47 | F i n a l Y e a r P r o j e c t

2.4) Sequence Diagrams


Admin Login:

48 | F i n a l Y e a r P r o j e c t

2) Add Post:

49 | F i n a l Y e a r P r o j e c t

50 | F i n a l Y e a r P r o j e c t

3) Edit Post:

4) Delete Post:

51 | F i n a l Y e a r P r o j e c t

52 | F i n a l Y e a r P r o j e c t

5) Logout:

2.5) Use Case For iOS:


1)View news:

53 | F i n a l Y e a r P r o j e c t

2)View detail news:

54 | F i n a l Y e a r P r o j e c t

2.6) Class Diagrams:

55 | F i n a l Y e a r P r o j e c t

1) Login:

2) Add Post:

56 | F i n a l Y e a r P r o j e c t

3) Edit Post:

57 | F i n a l Y e a r P r o j e c t

58 | F i n a l Y e a r P r o j e c t

2.7) DATABASE DESIGN:


This term is used to describe many different parts of the
design of whole database system. Principally, it can be
thought of as the logical design of the base data
structures that is used to store the data. In the relational
model these are the tables and views. In an object
database the entities and relationships map directly to
object classes and named relationships. The Database
Design will display the detail of the tables used in the
project for the storage the data. Database design will not
only show the tables but also it shows the tables fields
along
with
their
relationships.

59 | F i n a l Y e a r P r o j e c t

2.8) TEST CASES for Website:


A Test Case specifies the pretest state of the IUT and its
environment, the test inputs or conditions as well as the
expected result. The expected result specifies what the
IUT should produce from the test inputs. This specification
includes messages generated by the IUT, exceptions,
returned values, and resultant state of the IUT and its
environment. Test cases may also specify initial and
resulting conditions for other objects that constitute the
IUT and its environment.

ADMINISTRATOR
Test case
title

Login

Test case
Id

01

Description:
functionality of the system.
Pre-condition:
system.

This will test login

User must be registered to login the

60 | F i n a l Y e a r P r o j e c t

Action:

Enter User ID

Enter password
Press Login button

Tested by
Result

Ali Raza
Pass/ fail

Post condition: User will be logged in the system.

Test case Add news


title
Test case 02
Id
Description:
functionality of the system.

This will test add news

Pre-conditions:
Administrator has accessed the System to Add News.
User must be registered.

61 | F i n a l Y e a r P r o j e c t

Actions:
Click New
Enter Post Title
Enter Post Author
Enter Post Keywords
Enter Post Image
Press /Click Save

Tested by
Result

Pass/fail

Post-condition:

News has been added

Test case Edit News


title
Test case 03
Id
Description:
This will test edit news functionality of the
system.
Pre-conditions:

62 | F i n a l Y e a r P r o j e c t

Administrator has accessed the System to Edit User.

News must be already added to the Data Base.


Action:
Click Edit
Enter Post Title
Enter Post Author
Enter Post Keywords
Enter Post Image
Press /Click Save

Tested by
Result

Ali raza
Pass/fail

Post-condition:
News information has been Updated.
Test case Delete News
title
Test case 04

63 | F i n a l Y e a r P r o j e c t

Id
Description:
This will test delete News functionality of
the system.
Pre-conditions:
Administrator has accessed the System to Delete
User.

User must be already added/Save to the Data Base.


Actions:
Select News
Click/Press Delete
Tested by

Result

Ali raza
Pass/fail

Post-condition:
News is Deleted/ Removed From
Database.

64 | F i n a l Y e a r P r o j e c t

Test case
title

List View news

Test case
Id

05

Description:
This module will help the Administrator to
see the complete list of news.
Pre-conditions:
Administrator has accessed the System to User List
View.

news

must be already added/Save into the Data

Base.
Action:

Select list view


Tested by
Result

Ali Raza
Pass/fail

Post-condition:

65 | F i n a l Y e a r P r o j e c t

Complete List of news Should be Display


as a Report if any Available.
Test case Log-Out
title
Test case 06
Id
Description:
This will test log-out functionality of the
system.
Pre-condition:
User must be Logged in.
Action:
Click on logout button on the home page of User
interface.
Tested by
Result

Ali Raza
Pass/fail

Post-condition:
User logout from system.

66 | F i n a l Y e a r P r o j e c t

2.9) Test Case for iOS Application:


Test case
title

List View news

Test case
Id

01

Description:
This module will help the user to see the
complete list of news in title form.
Pre-conditions:
He has accessed to application in the IPhone .

news

must be already added/Save into the Data

Base.
Action:

Open application
Tested by
Result

Aleem ullah toor


Pass/fail

Post-condition:

67 | F i n a l Y e a r P r o j e c t

Complete List of news Should be Display


as a Report if any Available.

Detail view news:


Test case
title

Detail View news

Test case
Id

02

Description:
This module will help the user to see the
complete detail view of news.
Pre-conditions:
He has accessed to application in the Iphone .

news

must be already added/Save into the Data

Base.
Action:

Open application
Click on desired news
Tested by

Aleem ullah toor

68 | F i n a l Y e a r P r o j e c t

Result

Pass/fail

Post-condition:
Detail of news Should be Display as a
Report if any Available.

2.10)
JSON
CONECTIVITY:

DESIGN

AND

What is JSON?
JavaScript Object Notation (JSON) is a lightweight
data-interchange format inspired by the object
literals of JavaScript. JSON values can consist of:

objects (collections of name/value pairs)

arrays (ordered lists of values)

strings (in double quotes)

numbers

69 | F i n a l Y e a r P r o j e c t

True, false, or null.


Although JSON is based on a subset of JavaScript, it
is a language-independent text format that makes
use of conventions familiar in many programming
languages facilitating data interchange among
them.[1]
JSON Support in PHP and JavaScript
JSON encode/decode functions have been available
in PHP since version 5.2. JavaScript's JSON
stringify/parse methods are supported by all
current browsers. JSON libraries and/or built-in
support are provided for many other programming
languages as well.
When passing data from PHP to JavaScript, the
PHP json_encode function is used to return a string
containing the JSON equivalent of the value passed
to
it.
You
can
then
use
the
JavaScript JSON.parse method to safely handle the
data and make it available in a form usable by
JavaScript.
Pass PHP Arrays to JSON and JS with
json_encode:
The PHP json_encode function translates the data
passed to it to a JSON string which can then be
output to a JavaScript variable. We demonstrate on
this page with single level arrays. Other pages

70 | F i n a l Y e a r P r o j e c t

demonstrate using json_encode with multidimensional arrays and scalar values.


The PHP json_encode function returns a string
containing the JSON equivalent of the value passed
to it as we demonstrate here with a numerically
indexed array:
<?php
$ar = array('apple', 'orange', 'banana',
'strawberry');
echo json_encode($ar); //
["apple","orange","banana","strawberry"]
?>

2.11)Connection from I phone to Json


The network call

71 | F i n a l Y e a r P r o j e c t

NSURL Connection is the object that handles the


HTTP request. You basically define the URL you are
connecting to, implement the required delegates,
and then get notified when the request is complete
in the connectionDidFinishLoading method.
Parsing the JSON
NSJSON Serialization seems to currently be the
best way to take your URL response and convert it
into an iOS JSON object.
With this object you can then parse the response,
looking at the keys and values, and then manually
determine which elements you want to extract.
Show in fig.

72 | F i n a l Y e a r P r o j e c t

CHAPTER 3:

3.1) Analysis
Risk analysis is a technique to identify and access
factors that may jeopardize the success of a
project or achieving a goal. This technique also
helps to define preventive measures to reduce the
probability of these factors from occurring and
identify countermeasures to successfully deal with
these constraints when they develop to avert
possible negative effects on the competitiveness of
the company.
Purpose of the Risk Management Plan
A risk is an event or condition that, if it occurs,
could have a positive or negative effect on a
projects objectives. Risk Management is the

73 | F i n a l Y e a r P r o j e c t

process of identifying, assessing, reporting and


monitoring risks. This Risk Management Plan
defines how risks associated with the project will
be identified, analyzed and managed. It outlines
how risk management activities will be performed,
recorded and monitored throughout the lifecycle of
the project and provides templates and practices
for recording and prioritizing risks.
3.2) Risk Management Procedure
Risk Identification
Risk identification will involve the project team,
appropriate
stakeholders
and
will
include
evaluation of environment factors, organizational
culture and the project management plan including
the project scope. Careful attention will be given to
the project deliverables, assumptions, constraints,
WBS, cost estimation, resource plan and other key
project documents.
A Risk Management Log will be generated and
updated as needed and will be stored electronically
in the project library.
Risk Analysis
All risks identification will be assessed to identify
the
range
of
possible
project
outcomes.
Qualification will be used to determine which risks

74 | F i n a l Y e a r P r o j e c t

are the top risks to pursue and respond to and


which risks can be ignored.
Qualitative Risk Analysis
The probability and impact of occurrence for each
identified risk will be assessed by the project
manager, with input from the project team using
the following approach:
Probability
High --- Greater than (70%) probability of
occurrence.
Medium --- Between (30%) and (70%)
probability of occurrence.
Low --- Below (30%) probability of occurrence.
Impact
High --- Risk that has the potential to greatly
impact project cost, project schedule or
performance.
Medium --- Risk that has the potential to
slightly impact project cost, project schedule or
performance.
Low --- Risk that has the potential to little
impact project cost, project schedule or
performance.
Quantitative Risk Analysis
Analysis of risk events that have been prioritized
using the qualitative risk analysis process and their
effect on project activities will be estimated, a

75 | F i n a l Y e a r P r o j e c t

numerical rating is applied to each risk based on


this analysis and then documented in this section
of the risk management plan.
Risk Response Planning
Each major risk will be assigned to a project team
member for monitoring purposes to ensure that the
risk will not fall through the cracks. For each
major risk, one of the following approaches will be
selected to address it:
Avoid Eliminate the threat by eliminating the
cause
Mitigate Identify ways to reduce the
probability or the impact of the risk
Accept Nothing will be done
Transfer Make another party responsible for
the risk (by insurance, outsourcing, etc.)
For each risk that will be mitigated, the project
team will identify ways to prevent the risk from
occurring or reduce its impact or probability of
occurrence. This may include prototyping, adding
tasks to the project schedule, adding resources,
etc.
For each major risk that is to be
mitigated or that is accepted, a course of action
will be outlined for the event that the risk does
materialize in order to minimize its impact.

76 | F i n a l Y e a r P r o j e c t

Risk Monitoring, Controlling & Reporting


The level of risk on a project will be tracked,
monitored and reported throughout the project
lifecycle.
A Top 10 Risk List will be maintained by the
project team and will be reported as a component
of the project status reporting process for the
project.
All project change
requests will be analyzed for their possible impact
to the project risks. Management will be notified of
important changes to the risk status as a
component to the Executive Project Status
Report.

Tools & Practices

A Risk Log will be maintained by the project


manager and will be reviewed as a standing
agenda item for the team meetings.

3.3) Testing:
3.4)Website Testing:

77 | F i n a l Y e a r P r o j e c t

We use http://www.websitetest.com/
and http://www.webpagetest.org/ for testing our website
and test results are showing down

3.5)Waterfall View

78 | F i n a l Y e a r P r o j e c t

Start Render

msFirstPaint

DOM Content
Loaded

On
Load

Document Complete

3.6)Connection View

79 | F i n a l Y e a r P r o j e c t
DNS Lookup

Initial Co

80 | F i n a l Y e a r P r o j e c t

3.7) Testing iOS Application:


Developing applications for iOS is not like
developing applications for Android OS. Google is
much more open to what can submit to the Google
Play store, whereas Apple has strict guidelines that
could stop your development efforts in their tracks;
this will become a balancing act of developing
useful mobile apps and garnering Apples approval.
If you were planning on
using that cool third-party API that worked on the
Android version of your own app, you can just
throw that out the window. Chances are it isnt
approved by Apple. It is enough to make many
mobile app developers weary of developing for iOS.
So then why develop apps for iOS?
The iPhone market is just too big to ignore and
although the submission and approval process for
the iTunes store is strenuous, there are some
significant advantages to developing for the iOS
platform as opposed to Android. One reason that
comes to mind is the lack of fragmentation of
devices and OS versions. This immediately makes
developing and testing iOS apps significantly
easier.
Fragmentation

81 | F i n a l Y e a r P r o j e c t

Due to the closed nature of iOS, fragmentation is


not as big of an issue as Android, however that
doesnt mean there isnt some work to be done in
this sector of testing. Apple currently has several
supported devices and your testing shouldnt just
include iPhone. The iTouch and iPad have access to
the same iTunes store as their iPhone counterpart,
but some of the requirements in screen resolution
and aspect ratio will differ.
Another important
difference across devices is different generations of
processors, memory and storage space available.
These are all important aspects to test. As with
other mobile platforms, you may use emulators for
testing, but keep in mind that emulators will only
give you a broad picture of how your app will
respond on a device. Batter life, processing power,
and memory will be allocated much differently in
an emulator than on an actual iOS device.
3.8)App Store Approval
We had to go through the approval process in with
Apple in order to be approved and certified. The
process has changed every year . Keeping up with
Apples requirements for app submission is work in
itself and if you dont meet their requirements,
which can be subjective at times, you can plan on
your project going into a holding pattern.

82 | F i n a l Y e a r P r o j e c t

Before you start


developing, and especially before you start testing
your application, you will need to check the
requirements to see if your app is even feasible on
the iTunes marketplace. Consider this: Apple will
even reject your app proposal if your app has no
perceived usefulness or if you are targeting a
specific market while leaving other markets out.
we can imagine a situation where a development
team spends a significant amount of time
developing an iOS app just to be denied any
chance of being accepted into the iTunes
marketplaceThat is a truly grimacing thought.
Of course, that
seems like a very grim view of the iTunes
marketplace, but there are some serious benefits
to this approval process. Firstly, security and
privacy is very important to all users in any market.
If your app willingly grabs users information
without their consent, you can bet you will get a
rejection letter from Apple.
Before you even
start to develop an app, it will be wise to check out
the App Review Guidelines. Keep in mind that there
are different guidelines for Mac and iOS.
3.9)Beta Testing

83 | F i n a l Y e a r P r o j e c t

Beta testing is where we will need to start using


the App Distribution Guide provided by Apple. An
Ad Hoc provisioning profile will need to be created
for distribution of the beta version of your mobile
application.
This will allow your beta
users to use your app without needing access to
Xcode (the only development IDE for iOS
applications).
This is also a great way to
get your team use to the submission process that
Apple uses.

Conclusion
Unlike Android, Apple has gone to great leaps to
make sure that apps provided on the iTunes store
are of the utmost integrity, so the hassle does
force your app to have a better chance of being
well-received.
Of course, bugs can still make
it passed the submission process and that is on you
to use processes, such as manual testing and test
automation when necessary to maintain mobile
app quality. Remember, app quality equals user
acceptance and thats the road to app success.

84 | F i n a l Y e a r P r o j e c t

3.10)Commenting system:

Disqus is a mature comment management system


and perhaps the most used amongst bloggers and
website owners. Introduced back in 2007, it is
currently serving more than 750,000 websites.
According to a recent study done by folks at Lijit,
75% of the websites using 3rd party commenting
system are powered by Disqus.
Whether you are using
Disqus for the first time or migrating from other
commenting systems, integrating Disqus with your
website can be fairly simple.
Disqus is mobile friendly; its interface swaps
according to different media so commenting is not
affected even if your readers are on mobile
browser. On top of that, Disqus also offers a mobile
app for the convenience of site owners to manage
comments and their communities on the go. Disqus
apps are currently available for iPhone and
Android.
Leaving
comments or responding to a comment on a
Disqus-powered system is a bliss, it is almost real
time. Latest comments are reflected instantly
without the need to refresh the entire page. For
site owners, you can (optionally) be notified via
email when a comment has been made on your

85 | F i n a l Y e a r P r o j e c t

website, and the best part is you can respond to


it right away from your email. And for commenters,
you can even attach additional media (photo, link,
video, etc) along with your comments.
Disqus core
platform is free, but if you need more out of your
commenting system, Disqus offers 3 subscriptionbased paid packages, each with their own
respective of premium tools.
Here are more Disqus features worth
knowing:
Compatible with search engines, in another
word SEO friendly.
Integrates with Akismet.
Allows commenters to post as guest, or login
via OpenID or social networks IDs (Facebook,
Twitter, Google and Yahoo).
Allows user to flag comments.
Easy comment moderation via admin panels.
Supports blacklist/ whitelist and word filtering.

86 | F i n a l Y e a r P r o j e c t

Allows site owner to display Tweets and other


reactions
3.11) Why we use Disqus Comment System:
1. Compatible with most web platforms such as
Blogger, Tumblr and Drupal, not just WordPress
2. Looks and feels more professional
3. Smart at detecting spam, no need for
additional plugins (Since integrating Disqus on
my blogs, spam have been almost non-existent.)
4. Integrates social media engagement into your
blog, which to me is a pretty big deal.
5. Built-in reply to comment email notification
6. Google indexing of comments
7. Responsive
8. Comments are backed up to your WP database
9. Users dont need to have a Gravatar account
to use a Gravatar image!
10. Other fantastic built in features such as share
comments, vote for comments, make a comment
featured

87 | F i n a l Y e a r P r o j e c t

11. Related articles widget at bottom of


comments allows users to explore more of your
content or should you prefer, other content from
around the web
12. Ability to monetize (Make money)
13. Have I missed anything out?
14. Ability to upload and share images in
comments!

You might also like