v
AN INTEGRATED MOBILE WEB SOLUTION FOR GAYA HIDUP SEHAT (GHS) TABLOID
THE IMPLEMENTATION OF MOBILE APPLICATION
Probosetyo Krishnadammananda Thioleu (0700713940)
Abstract
The thesis is about creating the mobile application for Gaya Hidup Sehat (Senior) tabloid as the complimentary application in order to get up to date with the current technology. Internet has become popular nowadays and it can be used as the media to popularize the tabloid among the Internet user. However, the current application can only be accessed by users who have computer and Internet connection, which means that it is lack of efficiency.
With the mobile application that we proposed, we seek to have GHS to be more widely accessed by the users as it can be accessed through the mobile devices. It will add more efficiency and effectiveness as people can use the application anytime and anywhere without any burden of time and place. In constructing the whole application, we implement the RAD methodology (Rapid Application Development) as our software development methodology. The reason we choose this methodology is because of the condition of our thesis that is limited of time but potential to have some changing of scope or requirements during the development of the application.
In conclusion, an integrated mobile web solution is a better approach for the current system in GHS and it is also expected that the GHS system will be more widely used in the future.
Key words
vi PREFACE
We would like to gratitude all parties who helped us in finishing this thesis punctually. This thesis creates an integrated mobile web solution for the Gaya Hidup Sehat (GHS) tabloid. This thesis is created as a compulsory in order to graduate from Bina Nusantara University and to gain Sarjana Komputer degree majoring in Computer Science.
The objective of the thesis is to apply what we have learned during our study in university. We also would like to thank to several persons who have, directly or indirectly, help us to finish this thesis:
1. Mr Tri Asih Budiono, MIT, our supervisor, who gives us with the idea about how to finish this thesis in a good way and give feedback and opinion regarding our thesis. 2. Mr Raymondus Kosala, Phd, our co-supervisor, who also helps us in solving the problems we face within development period and giving useful ideas.
3. Mr. Puri, the IT manager of GHS, who allows us to create this thesis within GHS and always gives opinion and requirements within development phase.
4. Friends, who helped us directly or indirectly throughout this thesis
In conclusion, we hope that our thesis could be an example of development in information technology as the implementation of what we have studied in this campus.
vii
Table of Contents
COVER PAGE ... I
ABSTRACT... V PREFACE...VI
TABLE OF CONTENTS ... VII
LIST OF FIGURES ...XIII
LIST OF TABLES ...XVIII
CHAPTER 1 ...2
INTRODUCTION ...2
1.1BACKGROUND...2
1.2PERCEIVED PROBLEM...2
1.3PROPOSED SOLUTION...3
1.4SCOPE...4
1.5AIM AND BENEFITS...5
1.6STRUCTURE...6
CHAPTER 2 ...8
THEORETICAL FOUNDATION ...8
2.1JAVA...8
2.1.1 Java Language ...8
2.1.2 Java Virtual Machine (JVM) ...9
viii
2.1.4 Java Application Program Interface (Java API) ...10
2.1.5 Java Development Kit (JDK) ...11
2.1.6 NetBeans IDE ...12
2.2OBJECT-ORIENTED...12
2.2.1 Inheritance ...13
2.2.2 Encapsulation...13
2.2.3 Polymorphism...13
2.2.4 Interface ...14
2.2.5 Thread ...14
2.3DATABASE...14
2.3.1 Entity Relationship (ER) Model ...15
2.3.2 Entity, Attribute and Relationship ...15
2.3.3 MySQL ...16
2.4GENERAL PACKET RADIO SERVICE (GPRS) ...16
2.5J2ME...17
2.5.1 Profiles ...18
2.5.1.1 Mobile Information Device Profile (MIDP) ...18
2.5.2 Configuration ...19
2.5.3 CLDC and Java Virtual Machine...19
2.5.4 Virtual Machine and Language Features ...20
2.5.4.1 Class Loading...20
2.5.4.2 Security Features...21
ix
2.5.4.2.2 Access to Native Code ...22
2.5.4.2.3 Class Verification...22
2.5.5 The CLDC Class Libraries...23
2.6MOBILE INFORMATION DEVICE PROFILE (MIDP) ...27
2.6.1 MIDP Specification ...28
2.6.2 MIDP Hardware Requirements ...29
B. DISPLAY...29
2.6.3 MIDP Software Requirements...29
2.6.4 MIDlet States and Lifecycle ...30
2.6.5 MIDlet User Interface ...32
2.6.5.1 Display and Displayable Classes...33
2.6.5.2 High – Level User Interface API...34
2.6.5.3 The Low-Level User Interface API...39
2.6.5.4 Multithreading and the User Interface ...42
2.6.5.4.1 Serialization of User Interface Events...42
2.7RECORD MANAGEMENT SYSTEM (RMS)...43
2.8MOBILE APPLICATION...43
2.9RAPID APPLICATION DEVELOPMENT (RAD) ...43
2.10DATA FLOW DIAGRAM (DFD) ...45
2.10.1 Context Diagram...45
2.10.2 System Flowchart ...45
2.10.3 Use Case...46
x
2.11MODEL VIEW CONTROLLER (MVC)ARCHITECTURE...46
CHAPTER 3 ...48
PROBLEM ANALYSIS ...48
3.1COMPANY HISTORY...48
3.2COMPANY ORGANIZATIONAL STRUCTURE...49
3.3POLICY AND PROCEDURE...50
3.4CONTEXT DIAGRAM...51
3.4.1 Data Flow Diagram ...52
3.4.2 System Flowchart ...53
3.5EXISTING PROBLEMS...53
3.6ALTERNATIVE SOLUTIONS...54
CHAPTER 4 ...56
SOLUTION DESIGN ...56
4.1THE PROPOSED POLICY AND PROCEDURES...56
4.1.1 Policy...56
4.1.2 Procedure ...57
4.2DATA FLOW DIAGRAM...58
4.2.1 Context Diagram...58
4.2.2 Detailed Data Flow Diagram Level 1...59
4.2.3 Detailed Data Flow Diagram Level 2...61
4.2.4 System Flowchart ...62
xi
4.4 User Interface Design ...65
4.4.1USE CASE DIAGRAM...67
4.4.2 Activity Diagram ...68
4.4.3 Class Diagram...72
4.4.4 Sequence Diagram ...76
CHAPTER 5 ...81
SYSTEM IMPLEMENTATION ...81
5.1SYSTEM SPECIFICATION...81
5.2 Operational Procedures ...82
5.3 Implementation Strategy ...83
5.4 Details ...84
5.4 Test Plan...109
5.6 Integration Testing ...112
CHAPTER 6 ...114
DISCUSSION ...114
6.1EVALUATION...114
6.2COMPARISON BETWEEN JAVA AND .NET ...114
6.3COMPARISON BETWEEN USING RMS AND.NOT USING RMS...115
6.5COMPARISON BETWEEN ONLINE MENU AND OFFLINE MENU...118
6.6USER ACCEPTANCE TESTING RESULT ...119
6.6HALLWAY TESTING RESULT...122
xii
CHAPTER 7 ...124
CONCLUSION AND RECOMMENDATION ...124
7.1CONCLUSION...124
7.2RECOMMENDATION...125
REFERENCES ...126
CURRICULUM VITAE...129
APPENDIX A ...131
xiii List of Figures
FIGURE 2.1JAVA PLATFORM,JDKDOCUMENTATION,2006...10
FIGURE 2.2JAVA APIHIERARCHY,2006 ...11
FIGURE 2.3J2MECONFIGURATIONS AND PROFILES,K.TOPLEY,2002 ...18
FIGURE 2.4MIDPROFILE ARCHITECTURE,J.W.MUCHOW,2002...28
FIGURE 2.5THE TRANSITION DIAGRAM OF MIDLET LIFECYLE,M.D.JODE,2004 ...32
FIGURE 2.6LCDUIARCHITECTURE,M.D.JODE,2004 ...33
FIGURE 2.7ATEXTBOX,J.W.MUCHOW,2002...34
FIGURE 2.8COMMANDS ON A TYPICAL CELL PHONE,K.TOPLEY,2002 ...35
FIGURE 2.9ALERT WITH IMAGE (LEFT) AND TEXT (RIGHT),J.W.MUCHOW,2002...35
FIGURE 2.10MULTIPLE AND EXCLUSIVE LIST,J.W.MUCHOW,2002 ...36
FIGURE 2.11AN EASY-TO-USE INTERFACE FOR UPDATING THE DATE AND TIME, J.W.MUCHOW,2002 ...37
FIGURE 2.12IMAGEITEMS AS SHOWN BY DEFAULT COLOR PHONE EMULATOR,K.TOPLEY, 2002...37
FIGURE 2.13ATEXTFIELD OBJECT,K.TOPLEY,2002...38
FIGURE 2.14AGAUGE,K.TOPLEY,2002 ...38
FIGURE 2.15ACHOICEGROUP,K.TOPLEY,2002 ...39
FIGURE 2.16THE CANVAS CLASS,K.TOPLEY,2002 ...40
FIGURE 2.17RADMODEL,R.S.PRESSMAN,2005...44
xiv
FIGURE 4.1CONTEXT DIAGRAM...58
FIGURE 4.2DETAILED DATA FLOW DIAGRAM LEVEL 1 ...59
FIGURE 4.3DETAILED DATA FLOW DIAGRAM LEVEL 2 ...61
FIGURE 4.4SYSTEM FLOWCHART...62
FIGURE 4.5USER INTERFACE DESIGN...65
FIGURE 4.6MENU STRUCTURE FOR MOBILE APPLICATION...67
FIGURE 4.7USE CASE DIAGRAMS...68
FIGURE 4.8MOBILE USER REGISTER ACTIVITY DIAGRAM...69
FIGURE 4.9MOBILE USER LOGIN ACTIVITY DIAGRAM...71
FIGURE 4.10MODEL CLASS DIAGRAM...72
FIGURE 4.11MODEL CLASS DIAGRAM (2) ...73
FIGURE 4.12VIEW CLASS DIAGRAM...74
FIGURE 4.13CONTROLLER CLASS DIAGRAM...75
FIGURE 4.14MAIN CLASS DIAGRAM...75
FIGURE 4.15SECURITY CLASS DIAGRAM...76
FIGURE 4.16SEQUENCE DIAGRAM MOBILE USER REGISTER...76
FIGURE 4.17LOGIN SEQUENCE DIAGRAM...77
FIGURE 4.18SEARCH ARTICLE SEQUENCE DIAGRAM...78
FIGURE 4.19CHANGE PASSWORD SEQUENCE DIAGRAM...78
FIGURE 4.20SEARCH TRAINING SEQUENCE DIAGRAM...79
FIGURE 4.21ARTICLE SUBMISSION SEQUENCE DIAGRAM...80
FIGURE 5.1MAIN PAGE SCREENSHOT...84
xvi
xvii
FIGURE 6.3THE EASE OF USE OF APPLICATION SURVEY...119
FIGURE 6.4THE NAVIGATION OF THE SYSTEM SURVEY...120
FIGURE 6.5THE APPLICATION RESULT ACCORDINGLY SURVEY...120
FIGURE 6.6THE FUNCTIONALITY SURVEY RESULT...121
xviii List Of Tables
TABLE 5.1LIST OF TOOLS...81
TABLE 5.2REGISTRATION TEST CASE...109
TABLE 5.3VERIFY USER (LOGIN)TEST CASE...110
TABLE 5.4 SEARCH ARTICLE TEST CASE...111
TABLE 5.5SEARCH TRAINING TEST CASE...111
TABLE 5.6SUBMIT ARTICLE TEST CASE...112
TABLE 6.1COMPARISON BETWEEN RMS AND NON-RMS IN TERMS OF COST...115
TABLE 6.2OFFLINE LOGIN PERFORMANCE TESTING...117
TABLE 6.3HALLWAY TESTING RESULT ...122