Академический Документы
Профессиональный Документы
Культура Документы
Introduction
Technology is now playing a big role in our daily life, thus human life
do business and to live in comfort (Ramey, 2012). It give great help to the
websites have different purposes depending on who the intended audience is.
Some of it are geared towards selling products and other are geared towards
(Ambra, 2018). In addition, there are some websites that the purpose is to
information in a way of publishing some articles and posts about the news.
1
News Portal has been in common in this generation since practical
digital will change the economic model of news selections, make your interest
play a bigger role, and, in fact, use pieces from the cutting-room floor that did
not make the cut on popular demand”. Online newspapers are a critical case
capabilities. At the end of the twentieth century, they exhibited profit margins
higher than most industrial sectors and the largest share of advertising
paper as a delivery vehicle since the 1960s, such as rising newsprint and
surprising that many print papers launched online editions on the web during
the second half of the 1990s. A handful of U.S. papers had published on the
web before 1995, but this was a small number compared to the 175 that had
built sites by the end of that year. Developments continued to move at a fast
2
There are some popular news portals worldwide such as CNN, New
York Times, Fox News, Washington Post, etc. Their existence is never new in
today’s generation. The main goal is to deliver the important and latest news
to the press either happening or happened. Those news websites have been
best in disseminating the news. Attractive web designs are one of their asset.
aim. There are lots of design parameters that play an effective role on website
Aside from the popularity of the website, the mobile application is also
in demand those who use mobile phones. A mobile application or mobile app
devices. Without doubt, the world has accepted the fact that apps are the way
to get the most of the smartphones. Therefore, it will be riveting to trace the
history mark-up for the mobile apps development. Most people have smart
phones and iPhones today, so apps are easy to access and simply make your
life better as a result. There are millions of mobile apps at present (Rajput,
provide a much faster alternative than mobile web browsing. Web browsing
requires a user to launch a web browser, enter a URL and wait for the site to
to launch a mobile app because the majority of the information is stored in the
application itself making it possible to function offline ( Jason, 2016). Not only
3
websites can be use for news dissemination, mobile application is also known
for updating because it can notify you that there is an update about the news.
Popular news portal and websites have their own mobile app, such as CNN,
New York Times, MSN, BBC News. In relation to the study, the proponents
will create a mobile application in which, the students, staff and anyone who
since like other mobile application, it will notify them about the updates
happened.
you an advantage than those that are not aware of the current situation
happening around them. There are some advantages and benefit aside from
providing important educational value, it also it also helps you to open your
will help the An Lantawan staff to have a convenient and easy way of
updating the guest about the happenings about Leyte Normal University.
Through this, the guest do not have to type and search about the events nor
type the website’s URL and browse for a new update. It will also help to
4
depend on the result of the survey to have gather an information on improving
Project Context
in which they are responsible for the updates happening such as events in the
Normal University. It covers almost all of the events and activities that
Even though An Lantawan has the tools for online special publication,
the website are said to be the problem. They also suggested features about
5
what the proponents are going to develop. The proponents already know that
the system they want to be develop but the staff said that they do not want to
depend in any CMS. So these are the following features they suggested:
information.
and personnel.
3. Admin can store and upload important files for back up.
especially the students in Leyte Normal University for them to hear about their
proponents come up with the following result. There are 100 out of 100
students know An Lantawan in Leyte Normal University, in that case, they are
aware about the role and responsibilities of An Lantawan in the University yet
there are 40 out of 100 were able to answer the following questions. There
are only 40 out of 100 students are aware about the existence of An
6
Lantawan website. These students were able to answer the follow-up
when they visit An Lantawan website. Base from their experience in visiting
the website, most students said that the website is user friendly but the
contents are not properly organized, but when it comes to the information
browsing website, there are 90 out of 100 prefer to use their mobile phones.
Their purpose when they visit the An Lantawan website is for school updates
stated that partially she is satisfied with the website for they provide the
For additional, there are 70 out of 100 students did not visit yet the An
Lantawan website. According to their answers, they are only aware that there
is An Lantawan website but they did not try to visit the said website. However,
they would be able to visit every day the said application for a reason that it
can be access via mobile phones. They also said that it is more efficient to
Another student said that so that they can visit the website anytime, because
bringing their laptop just to visit the website would be hassle so it would be
7
Well according to the overall result of the survey, students are not
One of the staff said, that there is an instances that their documents
and files were being misplaced and being lost. She also added that, they
saved all their soft copy files in to the PC without a back up. And having a
hard time waiting for the website to load or inaccessibility of the website is a
problem.
The proponents grab the opportunity to design a system that will store
and back up files so that the documents and files in An Lantawan would totally
have a backup. For this system to be possible, we will use HTML for coding it
system for the admin save their files and document. Systems are created in
such a way that if one part of the system fails, the system as a whole will still
2017).
services to the public especially to those who want to be updated about the
8
publication and news dissemination. Some of the advantages of the system
being online are; real-time monitoring and update and the ease of access for
any viewer or guest. For the guest side, the faculties, personnel, and students
can access the system even though they are traveling or just staying in their
implemented, for the clients truly need the proposed system. An Lantawan
the updates and innovation of the university since today’s generation all
Thus, base from the result of our survey there are only few students
that are aware about the existence of the website of An Lantawan. As a result,
opportunity to solve the problem. In order for the students to be aware, the
download at Google Play and can be shared via ShareIt because it is an apk.
9
advantage because whenever that their mobile phones are connected to the
internet, the students can view the latest update of An Lantawan. As a result,
the students would be aware about the existence of updates and information
proponents research and used some theories that will surely improve and
support their study. Before they come up with some theories, they choose the
best theory that will perfectly help in developing the said system.
Organizational Theory
The study of how organizations function and how they affect and
and change organizations so that they can create resources effectively. The
with each other to perform the activities intended towards the accomplishment
design and change are able to analyze the structure and culture of the
organization for which they work (or which they wish to help, such as charity
10
an organization in Leyte Normal University, the proponents concluded this
theory to support their study. The proponents believe that this theory is
definitely related to their study in a way like, how An Lantawan affects the
people in Leyte Normal University. And how the proponents will help the said
Back-up Theory
could be used to restore the original data when the original information is lost
or damaged. You can make backups of your data manually, by copying your
files to another place: a CD, another disc, another machine, to a tape device,
copy should be stored on another physical place and should not be stored on
the same room where the original is. In case of disaster, like a fire, having
both the original data and the backup on the same physical place could be
fatal. I recommend you to make multiple copies of your valuable data: for
example, you can have a copy stored on another hard drive and another copy
on some remote FTP server, for maximum security (Cobian, 2009). This
11
research topics such as how IT-reliant systems operate in organizations, how
phase answers the questions of who will use the system, what the system will
do, and where and when it will be used”. And that the design phase decides
how the system will operate, in terms of hardware, software, and network
infrastructure; the user interface, forms and reports; and the specific
consider the same version of the same work system. The WSC model
represents the iterative process by which work systems evolve over time
work systems and because product/services take shape within work systems.
system even though they often have direct effects within work systems and
12
therefore are part of a basic understanding of those systems (Alter, Work
assumption that the internet poses the most direct current challenge to
and educators are all vitally involved in coming to terms with the Internet.
range of text, voice and video-based mass media content. Other so-called
new media are still in varying stages of convergence, and do not pose the
1996). This theory supports and relate to our study in terms to the An
University and how will the proponents will make a solution. So, the
13
proponents are creating an “An Lantawan Website with Mobile Application”,
3. A system that admin-the staff of An Lantawan can publish post like for
stated in which the main purpose of the system is elaborated. The system will
The mobile application can be download on Google Play or Play Store. Guest
14
announcements, news, and publication of An Lantawan. Guest can browse
There are only limited staffs of An Lantawan that will serve as an admin
of the system that will be able to: Publish a post, with different categories like
tips, announcements, special publication, articles and news. Upload files like
soft copy documents, photos and videos. Manipulate (add, edit, view and
Chapter II
are more likely related to the present study, as well as the operational
15
Related Literature
app store, of course, but the phone came preloaded with several apps
like Address Book, Calculator, Calendar, Mail, Note Pad, and Sketch Pad.
Those things were not called apps before, they were generally referred to as
“features” found in the ‘Mobile Office’ section of the phone. For example, this
alarm clock application (Shah, 2017). Cell phones are not just a means of
communication anymore. All sorts of facilities can be availed from them and
music, watching online movies, making online transactions etc. As the needs
meet those needs. The need to display data on mobile devices continues to
grow - especially with the seamless extension of enterprise data onto the
implementation cycle are on the rise, and so the need for mobile development
develop the application that best meets the user’s needs. The purpose of
16
According to Dionicio D. Gante in his study A proposed Web Portal for
University Cauayan Campus, Cauayan City, Isabela. Web portals have risen
enable the creation and management of these web portals have evolved, it is
not only information content that is being offered, but application functionality
both useful and meaningful to the end user. Mainly, web portal is simply an
usefulness has come at the expense of the usability of these devices in some
overlooked in the usability models that are most prominent despite their likely
2013).
Related Systems
17
Online news portal system
and journalist identity is scrutinized and then the news is uploaded. Editors
and Journalists must have id and password to access the portal. All the
shared between this site, editor and member who upload news. Examples: -
author, brief, and publication information. It publishes related web links and
contributing writers can submit stories for editorial review and publication.
story archives with powerful search capabilities. Simple, dynamic front page
and section page publication presentation controls (Sharma , Tomer, Tyagi , &
Garima).
provide articles most relevant to them. There are many other apps in
existence that also customize news for their readers, but require more effort
18
than persoNews. Other apps may ask you to go through tens, or even
hundreds, of topics to select which ones you are interested in before they can
provide your news, and if your interests change you would have to deselect
and choose new topics. With the amount of time and thought this takes, you
might as well just scroll through a news site and find your own articles. This
A mobile application for incident and disaster notification for Metro Manila,
addition, people can notify others of the danger ahead through AppLERT and
Facebook so that they can avoid the area where the danger is through
unit using the user's mobile phone built-in GPS (Fabito, Balahadia, &
Cabatlao, 2016).
Philippine time. “One of our overriding goals is to serve the Filipino diaspora
to the best of our ability,” said Philippine Ambassador to the United States
Jose L. Cuisia, Jr. “The app increases our presence in the lives of overseas
Filipinos and helps further our digital public diplomacy goals.” Radyo Tambuli
19
makes its digital debut through the app and will continue to offer daily news
notifications. The app also features live and recorded content from premier
Catholic Media Network as well as other radio and television stations in the
videos, event calendars (music, sports, arts, academic),” its creator, the UP
DILC said it developed the mobile app since UP is teeming with academic,
cultural, musical, and artistic events. The mobile app makes it convenient for
UP students, faculty, staff, alumni, and the community at large to stay updated
20
Chapter III
Technical Background
Current System
updates about the school through the booklet, facebook page and their
website. In where they compile all their gathered information and save it in
their device which is their PC. Before they post the article, they have a
softcopy of their work, which they used to copy and paste and post it into
website and their pages so that the viewer knows what is the updates and
events happens in school. They posted the past events, even the current. As
mentioned, they have their own website account in which they post their
articles, but their website is limited. As what the staff told us, they want the
website to have other feature in which they can upload their file for security
purpose. Their website also is not user friendly and they are unsatisfied with
the design of their website. In terms of disseminating the literary works of the
organization, they use the booklet also. In where each works is divided by
categories, and the name of the author is shown. They also have their own
webpage in Facebook where they use to share the link from their website for
more viewer. All their articles are also posted in the Facebook with the videos
and pictures.
21
Proposed System
reaching users especially within the Leyte Normal University. The system is a
hybrid version a web and android portal that will be covering the news inside
the university and some outside events related to the university that will be
only one who has the privilege to post files on the website. The admin will also
be the one to review those literary pieces sent by the users and schedule the
posting of the selected files. Archiving some document from previous year up
of viewers. The admin has all the privileges to access anything inside the
proposed system.
to the users or viewers for their real-time update. Guest or viewer especially
students of Leyte Normal University can easily access this site. Viewing the
22
Hardware
administrator and personal computers through the web and android phones
Hardware Specification
computer work.
2.2GHz
RAM: 2048MB
● Keyboard – set of keys that are used for a computer to type symbols
and letters.
23
● Mouse – a device that is mostly connected to a computer that use to
● Mobile or Smart Phone and Tablet – a device used for testing the
Software
The tools that are needed for the proposed system are PHP which is
tool for making dynamic and interactive web pages, a PHP Framework which
database with the help of PHP, which this will serve as the backend of the
proposed system. The proponents will also be using Phone Gap to design
and develop the mobile application for the proposed system. The frontend of
the proposed system is HTML that will serve as creator of website, CSS will
programing languages in creating the propose system with the help of sublime
app which is one of the code editor in creating the website. With regard in
through the web browser and mobile application hence it will be published
online.
Peopleware
Admin/Staff – who operates and the one who updates the system.
24
Viewer/Guest – the visitor of the system, and the viewer of the update
Network
The system will be published online that will make it reachable even
connection.
Chapter IV
Methodology
In this chapter, we will discuss the proposed system and its process
that we will be using. This chapter describe the flow of the system works,
Requirements Analysis
what the software is supposed to do. The software requirements serve as the
basis for all the future design, coding, and testing that will be done on the
Requirements are further defined through performance, look and feel, and
25
a new or modified product. (Washington D.C Patent No. U.S Patent No.
7,219,034, 2007)
proponent proposed, they gather all information from their staff to their
website that they currently using including the relevance of the system in An
Lantawan Publisher.
Performance Requirements
assumptions about the logic of the program that do not match the
programmer’s assumption.
response time, scalability, and workload which is necessary for developing the
proposed system.
Response The response time in our system will depend on the load
26
The system is responsible to provide the user’s requests
Office.
Safety Requirements
All access and privileges will be decided by the admin only to make
monitored by the admin, making sure everything that will be posted is by the
admin’s decision.
The table show the safety requirements needed for developing the
proposed system.
27
There is no needed hardware in implementing this
Database Backup all the data from the database of the proposed system
Security Requirements
the only accounts that is recorded in the database aside from the information
of other members of An Lantawan. Only the two staffs will be able to have a
username and password and can access the website’s admin page. That is
why we used a PHP framework which is CodeIgniter for the security of the
System Design
28
Google Play and Play Store. The proposed system can publish news, articles,
siday or poems, short stories, archive documents, can store and back up file.
Everytime that the application connect to the internet the mobile application
will automatically be updated by means that all the news or article will show in
the application. So that the user will not take time to update the application,
while in admin part this will be less hassle in publishing article and news even
they are not in school they cannot use the computer so that they can still
defined and distinct work phases that are used by systems engineers and
systems developers to plan for design, build, test, and deliver information
through each clearly defined phase, within scheduled time frames and cost
29
The so-called Sashimi model was developed by Peter DeGrace, as a
modified version of the waterfall model. The key feature of the Sashimi model
into the classical waterfall model. The idea on which the model based is
progress. For instance, errors made in the design phase are identified during
of the problems associated with the Big Design Up Front philosophy of the
waterfall model. After choosing the methodology, the proponents will create
diagram and input-output diagram which used to discuss about the design of
has its shortcomings. These are, above all, unclear key development
30
milestones, difficult monitoring of individual activities, and communication
and requirements that is related to the proposed system. This model will also
Phase 1: Requirements
confirming what will be the content of the proposed system to develop. The
31
scope of the study and what the proposed system’s limitations and also
system.
Phase 2: Design
there are some instances that the phases will overlap, sashimi is the type of
acted upon during phases that would typically, in the pure waterfall model,
precede others.
Phase 3: Development
design flow then develop the design through coding or writing code in the
32
proposed system. This phase is the most important in the study for this is
Phase 4: Testing
which is way to test if the proposed system function in a good state, this is
also the another way of identifying if the codes is working properly. In this
phase, the proponents test the proposed system by performing different kind
of testing. First is the developer must test their own codes if the codes of
developer function properly the second tester which who did not code the
proposed system will test it. If the testing of proposed system will go smoothly
Test Plan
Accuracy and reliability of the proposed system will be the main priority,
the proponents prepared test plan with different approach on how it totally
used. Knowing of the system qualification will be covered by the test plan. By
test planning, the proponents will determine the scope, schedule of testing the
requirements of changes regarding the bug fixing, design, and codes. The
proponents willingly change the plan directly. Testing the software is essential
because this will be serve as the guide if the software is ready to deploy.
33
The system must be functional in terms of
Phase 5: Implementation
system which is the web based or the proposed system. During the
the proposed system will do, after checking the proposed system, the
Phase 6: Maintenance
maintenance, in this phase the proposed system must maintain like adding
feature of the project, fixing bugs, and modifying code to make it easier to
maintain in future.
34
Security Plan
Security plan deals about the security of the proposed system in terms
Maintenance Plan
GANTT CHART
35
36
37
38