MSEUF HANDBOOK ANDROID APPLICATION

31
Manuel S. Enverga University Foundation MSEUF HANDBOOK ANDROID APPLICATION BY: Juan Andres L. Garcia William Ken A. Verzo Justine B. Pitalcorin Mia Kathleen A. Villaverde 1

Transcript of MSEUF HANDBOOK ANDROID APPLICATION

Manuel S. Enverga University Foundation

MSEUF

HANDBOOK

ANDROID APPLICATION

BY:

Juan Andres L. Garcia

William Ken A. Verzo

Justine B. Pitalcorin

Mia Kathleen A. Villaverde

1

Manuel S. Enverga University Foundation

Chapter I

THE PROBLEM AND ITS SETTING

Introduction

Information Technology students of Manuel S. Enverga

University Foundation has implement a Student Mobile Handbook.

Envergan’s through the use of Information Technology with

their Handbook by using smartphones and/or tablets. This

implementation helps every student to improve the use of their

Handbook from manual to Mobile Handbook using their

smartphones and/or tablets. All the features of the

traditional Student handbook of Manuel S. Enverga University

Foundation will be featured to this implementation in order to

improve the use of the Student handbook. Each and every

student, faculty and also the parents/guardians can use this

Student Mobile Handbook. This also includes interactive map of

the University Campus that you cannot find in the traditional

student handbook.

2

Manuel S. Enverga University Foundation

We have come up to conduct a study and develop and

Android based Student Mobile Handbook using Information

Technology and Utilizing.

Conceptual Framework of the Study

The researchers conducted interviews

and determine the problem that the students of Manuel S.

Enverga University Foundation usually use their handbook to

gather information about the University, the problem here is

they usually forgot to bring their Handbook and some of them

lost their ones. Some of the students finds that this Handbook

un-useful and not interesting but they are wrong, they will

use the information in this Handbook until the end of their

3

Manuel S. Enverga University Foundation

studies here in the University as their guide. In the first

day of school mostly when you are just a new student of the

University it’s hard for you to find the class rooms, faculty

room, dean’s office and other venue of school.

The researchers were able to conceptualize a system

that would be easier to use, interesting, interactive by using

their smartphones and/or tablets. Basically the students use

the manual handbook or the traditional mini book of the

University. The Information of the University are hard coded

they usually turn the pages to the page that they can find the

information they need. Usually the students just keep on

asking to the old students, the faculty or the school guards

to find the class rooms they cannot found.

When the system are ready to use the student will

find this easier and they will be interested to this new way

of exploring the University. The Interactive map can be used

not only with the new students but also it can be used by the

visitors and exchange students.

4

Manuel S. Enverga University Foundation

Objectives of the Study

The researchers cited the following objectives to attain

the goals of the study:

1. To know about mobile development, its tools and

requirements to make an application in android. From basic

functionality and activity.

2. To design the functions and features of the mobile app

using the Unified Modeling Language (UML) to specify,

build, document, and model the application, and the use

case to describe the application how it is used.

3. To develop a mobile application using Android Studio an

IDE beta for android app development and using Genymotion

as an emulator for testing and debugging.

Studentsdon’t bring

their student MSEUF

HANDBOOK

Students usetheir androidphone to use

GPS locationand GUI

navigation of

AdobePhotoshop Genymotion

5

Manuel S. Enverga University Foundation

Scope and Delimitation of the Study

The application will be for the students, personnel,

and vistors of the university. The project were entitled MSEUF

Handbook will cover the about the founder of Enverga, the

regulations or rules of the Manuel S. Enverga University

Foundation. Also it has the grading system that will help for

the Student what is the pattern or way of giving their grade

by their professors. By making this App the Envergans will

encourage to use it because it not just a Handbook it also has

a MAP of the Enverga and one thing there is also a GPS to

Figure 1. Paradigm of the Conceptual Framework of the Study

Manualnavigation of

AndroidStudio

6

Manuel S. Enverga University Foundation

locate where you are but you can only access the GPS if you

have an internet or data connection. The Enverga is a Free Wi-

Fi zone they can access the GPS in no time it can also access

had a “Find” button so that you can easily find where you want

to locate because of this map. Basically, the system will

process the MSEUF HANBOOK divided in the following steps: (1)

Download the Application or APK, (2) Open the app, (3) Choose

a categories if you want to know the history of the Enverga

just click the book logo or find the location that you are

going just click the Map logo, it also had a “Help” button so

that you had a guide to access it. These basic steps, the

system will also include a module. Specifically, there are no

Payment to afford it’s Free you just need an internet

connection or Wi-Fi it have it you will just download the apk

of the Mseuf handbook. References and information where base

on the OSA of the Enverga.

The system is not compatible with GINGERBREAD API or

API 11 it is compatible with api levels.

7

Manuel S. Enverga University Foundation

Significance of the Study

The researchers made this application for the old and

new students of the university and even for the personnel and

visitors. The design of the application is to assure that is

more reliable, faster and helpful for the students of Enverga.

It allows to get this app there is a relative, brother,

father, mother, sister and etc. where working or studying in

Enverga. This app is also an eco-friendly because we don’t use

papers most like a normal or ordinary handbook where made of

papers to make it.

The system will benefit the following stakeholders:

Newly enrolled students of MSEUF. Its main feature is

to give students information and knowledge about the

University where they will use smartphones/tablets. The

Interactive map that is includes here is very useful to the

8

Manuel S. Enverga University Foundation

new students of the University to find different locations

here.

Old students of MSEUF. It is not only for the new

students but also for the old students too because most of the

old students is not familiarize with the Information about the

University and the updated information of the University.

Professors of MSEUF. There are different professors

some are not Alumni of the University and some are just new in

teaching, they are not familiarize with the rules and the

grading system and also with the places in the University.

And most of the Professors uses Android phones and/or Android

gadgets that why we implanted this so this application will be

useful with the professor too.

Guardian/Parents of the Student of MSEUF.

Guardians/Parents of the students are also in concern with the

rules and information of the University they have chosen for

their child. They also can use this application as their guide

of Information with the University. Some of the

9

Manuel S. Enverga University Foundation

guardian/parents of the students visited the University to pay

tuition fees, get some important papers to the registrar and

even assist the clearance of their child, that’s why this

interactive map will be very useful to them.

Exchange Students of MSEUF. The University interacts

with different University’s from different countries, that’s

why we have exchange students in the University. Those

students can use this application as their guide of

Information with the University. The Interactive map that is

includes here is very useful to the exchange students of the

University to find different locations here.

10

Manuel S. Enverga University Foundation

Chapter II

REVIEW OF RELATED LITERATURES AND STUDIES

Review of related literatures and studies

Monash University The Monash University app provides convenient access to

important information and Australian campus services in the palmof your hand.Features include:

• eMaps of Berwick, Caulfield, Clayton, Gippsland, Parkville andPeninsula campuses with layers of points of interest includinglibraries, banks, eateries, faculty offices, lecture theatres andparking locations• Staff Directory• Monash News• Events guide that lists all upcoming activities on allAustralian campuses• Searchable unit entries from the official University Handbookfor all undergraduate and postgraduate offerings• Shuttle Bus Timetables

Many more features are planned for future releases, so staytuned.Monash University was established in Melbourne, Australia in1958. It is one of Australia’s top-ranked research-intensiveuniversities. Monash is a youthful organisation; enthusiastic, optimistic andaccessible. We believe outstanding education and research canchange the world for the better.Monash is Australia’s most international university and considersevery student to be a global citizen. It has campuses and centres

11

Manuel S. Enverga University Foundation

in Johannesburg, Mumbai, Kuala Lumpur and Prato, as well as itssix campuses in Melbourne and the local region.Monash specialises in offering powerful double degrees. Study isalso available online, part-time and via alternative pathways.Our researchers make highly significant contributions that bringreal and positive changes to the lives of people all over theworld.Monash University has approximately 62,000 student enrolments andmore than 7,000 staff. Pet project turns into state-of-the-art smartphone app - 15 February 2012

Monash University smartphone appMonash University students and staff now have access to one ofthe most advanced smartphone applications offered by auniversity.

What started as one student’s pet project has developed into afull-scale iPhone app that features building locations, unitentries from the official University Handbook, events, shuttlebus timetables, the staff directory and the latest Universitynews.During his last year of his degree, Computer Science graduandJames Eunson created an application that would allow him to moreeasily access information on his timetables and the location oflecture rooms.

“From there, I shared it with my friends and they made furthersuggestions on what information it could provide. I was really

12

Manuel S. Enverga University Foundation

excited about the possibilities but was limited by the formatsome of the information was in,” Mr Eunson said.

During this time, the University became aware of the work MrEunson had been doing and, with the encouragement from DeputyVice-Chancellor (Education) Professor Adam Shoemaker and crucialsupport from Mike Scott from the University’s Facilities andServices Division, explored ways to create an app that wouldbenefit all students at Monash.

Mr Scott said one of the greatest challenges in creating the appwas integrating the University’s detailed mapping data withGoogle Maps.

“James has had to come up with some ground-breaking coding tooverlay the mapping information Facilities and Services Divisionhad,” Mr Scott said.

“We have been able to utilise emerging technologies to create anew style of mapping during development - based on our previousGoogle maps work - which has enabled the map component of the appto load significantly faster and contain more detail thanpreviously available, while containing multiple levels ofinteractive information not seen before.

“The app has been designed so the user can locate themselves on acampus, then track their movement using their device, towardstheir destination identified on the map,” Mr Scott said.

With mapping of all Australian campuses complete, Facilities andServices is looking forward to developing the same level ofinformation for Monash University’s campuses in Malaysia, SouthAfrica and Prato. Additional features including studenttimetables are in development and access to the Library catalogueis being considered for future releases.

The Monash University app can be downloaded for free from theApple app store.

13

Manuel S. Enverga University Foundation

An Android version is currently in development. Trip Tracker Application on AndroidbySiddartha Sreenivasa ReddyMaster of Science in Computer ScienceSan Diego State University, 2011

Travel has always been a man’s best pass time, a method torejuvenate from the daily stress, a break from the monotonouslife and to experience the thrill of adventure. Until the lastdecade, camera was a traveller’s best friend but little did weknow things are going to change a lot better. In today’s world,life is always on the move. With the advancement of technology,smart phones today have immense capabilities to provide rich userexperience with interactive facilities.

Trip Tracker is an Android based application for travellersto obtain the geo-location and tag it with multimedia features.This application allows users to create, store and view theirtrips, trip related information and all the memories that bringwith it. Trip Tracker combines places visited, notes taken andthe images captured, and display all this information on a map atthe exact location where it all took place.

This application is developed to provide the users a richuser experience by having all the information in one place, easy-to-access and interactive. With the help of Google Maps, eachtrip can be drawn out on the map with all the locations visitedand the route taken. The user will also be able to view thedescription, the location address and the image captured if any.Trip Tracker, developed in Android, provides extensiveflexibility, supports many features and can be among the besttravel friendly app.

References:http://www.monash.edu.au/news/show/pet-project-turns-into-state-of-the-art-smartphone-app-1

14

Manuel S. Enverga University Foundation

https://play.google.com/store/apps/details?id=com.monashuniversity.monashuniversity&hl=enhttp://sdsu-dspace.calstate.edu/bitstream/handle/10211.10/1303/Sreenivasa.pdf?sequence=1

Chapter III

RESEARCH DESIGN AND METHODOLOGY

Phases of Research and Design

1. Concept Exploration

The researchers noticed that students don’t bring their

student’s handbook anymore and as for newly enrolled students

they have a difficulty of locating themselves in the campus. It

has occurred that the researchers agreed and decided to make a

student handbook and map in a mobile android application. Based

on the researcher’s observation and experience. We have our handy

student’s handbook but the idea of distributing copies to

students and for them not bring the handbook from our point of

view is a waste of the raw materials, labor, and the literature

itself. The researchers choose to develop a solution to this

15

Manuel S. Enverga University Foundation

problem. By creating a mobile android application that is capable

of addressing the problem, an easy to use, easy to carry handbook

in the users’ pocket.

2. Concept Development

Throughout the process of concept development, the

researchers made a use – case for the mobile application which

comprises the actor and its interaction to the system. A set of

scenarios describing each sequence of event which take place

during interaction with the user and system. The mobile app

interface is designed in Adobe Photoshop, Adobe Illustrator, and

Adobe Flash Catalyst.

3. Prototype Development

The researchers coded and designed the application in

Android Studio an IDE to develop the prototype. We used

Genymotion as an android virtual device instead of the default

because the emulator in Android Studio is cumbersome to use due

16

Manuel S. Enverga University Foundation

to its slow processing times being embedded into IDE making it

lag. The researchers first used Flash Catalyst to build and

create the campus map but compatibility issues arises when

integrating the flash file into the android application,

scaling was the biggest problem In the map. The researchers

migrated to use Google Maps Api v2 which makes a better

approach in coding and design.

4. Operational Infrastructure or System

The researcher will be deploy the application for free. A

beta application for testing and upgrades. Through this the

professors can give opinions and advice in the maintenance and

upgrading the features of the application.

Method Used in Developing the Software

The researchers used the Systems Development Life Cycle

(SDLC) in planning and managing the development process. The

researches choose the Waterfall Model. A traditional way of

17

Manuel S. Enverga University Foundation

developing in Software Engineering. The waterfall model is a

model which was developed for software development; that is to

create software. It is called as such because the model develops

systematically from one phase to other in a downward fashion,

like a waterfall.

The following are most probable phases through which it

progresses downwards are:

Definition Study / Analysis. During this phase research is

being conducted which includes brainstorming about the software,

what it is going to be and what purpose is it going to fulfill.

Basic Design. If the first phase gets successfully completed

and a well thought out plan for the software development has been

laid then the next step involves formulating the basic design of

the software on paper.

Technical Design / Detail Design. After the basic design

gets approved, then a more elaborated technical design can be

planned. Here the functions of each of the part are decided and

18

Manuel S. Enverga University Foundation

the engineering units are placed for example modules, programs

etc.

Construction / Implementation. In this phase the source code

of the programs is written.

Integration. In the phase of Integration, the company puts

it in use after the system has been successfully tested.

Management and Maintenance. Maintenance and management

is needed to ensure that the system will continue to perform as

desired.

Models, Tools, Techniques and Technologies Used in Developing the

Software

The researchers used Unified Modeling Language or UML.

The researchers can see how the system is divided and see how the

division interact as it progresses.

19

Manuel S. Enverga University Foundation

Use Case Diagram. Graphic depiction of the interactions

among the elements of a system. A use case is a methodology used

in system analysis to identify, clarify, and organize system

requirements.

Activity Diagram. Activity diagrams are graphical

representations of workflows of stepwise activities and actions

with support for choice, iteration and concurrency.

Class Diagram. A class diagram is an illustration of the

relationships and source code dependencies among classes in the

Unified Modeling Language (UML).

Data Gathering Techniques

The researchers gathered the data through research of

related literature and studies. The research comprises of

mobile app development designs and coding from basic to the map

navigation api on mobile application. The gathered data that

the researchers helped to create and develop the mobile app.

The related literature includes the finding, existing systems

20

Manuel S. Enverga University Foundation

created, and articles by other schools and apps. These studies

provides the researchers information and support for developing

the mobile application.

Chapter IV

PRESENTATION, ANALYSIS, AND INTERPRETATION OF DATA

The Design of the Proposed System

The researchers used Unified Modeling Language to design the

features and functionalities of the mobile application.

The Unified Modeling Language (UML) is a general-purpose modeling

language in the field of software engineering, which is designed

to provide a standard way to visualize the design of a system

which is commonly use to visualize the design of the system.

Below are Use Café, and Class Diagrams of the mobile application.

Figure 1. Use case of the mobile application

MSEUF Mobile Student Handbook Application

View Handboo

k

Select Menu

Select Handbook Chapters

ChaptersView Map

21

Manuel S. Enverga University Foundation

Figure 1. Use case diagram of the mobile application

Figure 1 shows the Use Case Diagram of the mobile application. The main use cases are the Select Menu, View Handbook, Select Chapters, View Map and Get directions.

START UP

Getting Directio

ns

User taps MSEUF Handbook icon

Application displays start

up screen

22

Manuel S. Enverga University Foundation

Figure 2. Start-up Activity Diagram

The start-up activity diagram shows the process of running

the application from tapping the application icon going to the

main interface.

Handbook

Application displays Main Interface

Go to Main Menu

User taps Handbook

23

Manuel S. Enverga University Foundation

Figure 3. Handbook Activity Diagram

Handbook Interface Displays

User swipe the screen for handbook

chapters

Back to Main Menu

24

Manuel S. Enverga University Foundation

The handbook activity diagram shows the process of

navigating handbook and its chapters.

Map

Go To Main Menu

Application displays Map Interface

User taps Map

User chooses campus areas

Back to Main Menu

25

Manuel S. Enverga University Foundation

Figure 4. Map Activity Diagram

The map activity diagram shows the process of navigating

the map.

Help

Go To Main Menu

Back to Main Menu

Application displays Help Interface

User taps Help

26

Manuel S. Enverga University Foundation

Figure 5. Help Activity Diagram

The help activity diagram shows the process of viewing the

tutorial on how to use the application.

About

Go To Main Menu

Application displays About

Interface

User taps About

27

Manuel S. Enverga University Foundation

Figure 6. About Activity Diagram

The About activity diagram views the details or

information about the author of the mobile application.

Bibliography

A. Internet Materials

Back to Main Menu

28

Manuel S. Enverga University Foundation

About Related Studies of MSEUF Handbook Mobile Application

http://www.monash.edu.au/news/show/pet-project-turns-into-

state-of-the-art-smartphone-app-

https://play.google.com/store/apps/details?

id=com.monashuniversity

http://sdsudspace.calstate.edu/bitstream/handle/10211.10/1303/

Sreenivasa.pdf?sequence=1

whatis.techtarget.com/definition/use-case-diagram

http://www.waterfall-model.com/

androidhive.info

https://developers.google.com/maps/documentation/android/

http://developer.android.com/index.html

https://github.com/javatechig/AndroidNavigationDrawer/tree/

master/res

https://developer.android.com/design/patterns/navigation-

drawer.html

http://developer.android.com/reference/android/widget/

SlidingDrawer.html

gps-coordinates.net

29

Manuel S. Enverga University Foundation

http://www.androidhive.info/2013/08/android-working-with-

google-maps-v2/

https://code.google.com/apis/console/?

noredirect#project:1013687916381:acces

en.wikipedia.org/wiki/Activity_diagram

searchsoa.techtarget.com/definition/class-diagram

30

Manuel S. Enverga University Foundation

DEPLOYMENT

<<Android Application Package>>

Whole Handbook.apk

<<Extensible Markup Language>>Whole Handbook app.xml

<<Android Application>>Whole Handbook.apk

<<Java file>>WholeHandbook java.java

<<deploy>>

<<device>>Android Smart

Device

<<artifact>>Android

External

31