BINUS INTERNATIONAL UNIVERSITAS BINA NUSANTARA. Major Computer Science Sarjana Komputer Thesis Semester [Even] year 2007

Size: px

Start display at page:

Download "BINUS INTERNATIONAL UNIVERSITAS BINA NUSANTARA. Major Computer Science Sarjana Komputer Thesis Semester [Even] year 2007"

Janis Harper
6 years ago
Views:

1 BINUS INTERNATIONAL UNIVERSITAS BINA NUSANTARA Major Computer Science Sarjana Komputer Thesis Semester [Even] year 2007 AN INTEGRATED MOBILE WEB SOLUTION FOR GAYA HIDUP SEHAT (GHS) TABLOID: THE IMPLEMENTATION OF WEB SERVICES Abstract Shierly Wiryadi ( ) At present, Gaya Hidup Sehat (GHS) tabloid only owns a website that can only be accessed from the computer that is connected to the Internet. The user cannot have anywhere and anytime access to the system. As the solution to this problem, we propose mobile application supported by web services solution as the intermediary application between the mobile and the database. The web services will be invoked only when it is required; only when the user invokes a process in the mobile application. In developing our application, we implement the Rapid Application Methodology as it the most appropriate with our situation which has limited time and possible to have some changes of scope during the creation of the application. The technique involved in developing this system contains several steps. First, we analyze what services are required by the mobile application, followed by identifying the functionality or operations of each the services, and what they provides. Then, we develop the application using ASP.NET and supported with MySQL server to manage database. In conclusion, an integrated mobile web solution is a better approach for the GHS current system and it is also expected that the GHS system will be more enhanced and widely used in the future. Key words Web services, services, SOAP, WSDL, platform-independent v

2 PREFACE We would like to gratitude all parties who have helped us so that we can finish this thesis on time and within scope. This thesis creates an integrated mobile web solution for the Gaya Hidup Sehat (GHS) tabloid. Furthermore, this thesis is created as a mandatory in order to be able 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 Bina Nusantara 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. Jakarta, July 2007 vi

3 TABLE OF CONTENTS COVER PAGE... I ABSTRACT...V PREFACE...VI TABLE OF CONTENTS...VII LIST OF FIGURES...XII LIST OF TABLES... XV CHAPTER INTRODUCTION BACKGROUND PERCEIVED PROBLEM PROPOSED SOLUTION SCOPE AIM AND BENEFITS STRUCTURE...6 CHAPTER THEORETICAL FOUNDATION THE MOBILE INTERNET WORLD WIDE WEB (WWW) Web Browser Uniform Resource Identifier (URI)...10 vii

4 viii Hypertext Markup Language (HTML) Hypertext Transport Protocol (HTTP) Multipurpose Internet Mail Extensions (MIME) extensible Markup Language (XML) Web Server DATABASE The Relational Model Entity, Attribute and Relationships Stored Procedure MySQL SERVICE ORIENTED ARCHITECTURE (SOA) Service Connection SOA Triangle (Bind/Publish/Find) Security WEB SERVICE The Advantages of Web Service Web Service: The Application-Centric Web Web Service Architecture Web Services Description Language (WSDL) RAPID APPLICATION DEVELOPMENT (RAD) PROCESS MODELING Data Flow Diagram (DFD) Context Diagram System Flowchart Use Case Activity Diagram NET...35

5 ix CHAPTER ANALYSIS ON THE EXISTING SYSTEM COMPANY HISTORY COMPANY ORGANIZATIONAL STRUCTURE POLICY AND PROCEDURE CONTEXT DIAGRAM Data Flow Diagram System Flowchart EXISTING PROBLEMS ALTERNATIVE SOLUTIONS FOR THE PROBLEMS...45 CHAPTER SOLUTION DESIGN THE PROPOSED POLICY AND PROCEDURES Policy Procedure DATA FLOW DIAGRAM Context Diagram Detailed Data Flow Diagram Level Detailed Data Flow Diagram Level System Flowchart SYSTEM DATA Data Dictionary Data Data Normalization and Entity Relationship (ER) Diagram File Specification PROCESS SPECIFICATION Use Case Diagram... 99

6 x Application Interface Design Class Diagram Sequence Diagram Activity Diagram STORED PROCEDURE SOA SERVICES CHAPTER SYSTEM IMPLEMENTATION SYSTEM SPECIFICATION OPERATIONAL PROCEDURE IMPLEMENTATION STRATEGY SERVICES DETAILS TEST PLAN INTEGRATION TESTING CHAPTER DISCUSSION SCOPE AIM AND BENEFIT COMPARISON BETWEEN.NET AND J2EE Loosely Tightly Coupled Developer Skills and Infrastructure Security Between.NET and J2EE USER ACCEPTANCE TESTING RESULT DEVELOPMENT DIFFICULTIES CHAPTER

7 xi CONCLUSION AND RECOMMENDATION CONCLUSION RECOMMENDATION REFERENCES...152

8 LIST OF FIGURES FIGURE 2.1 SERVICE-ORIENTED ARCHITECTURE BASICS [7]...17 FIGURE 2.2 THE SOA TRIANGLE [6]...17 FIGURE 2.3 A BASIC WEB SERVICE [10]...19 FIGURE 2.4 WEB SERVICES PROVIDES AN ABSTRACTION LAYER BETWEEN THE APPLICATION CLIENT AND THE APPLICATION CODE [15]...20 FIGURE 2.5 MESSAGE EXCHANGE PATTERN [6]...25 FIGURE 2.6 MAIN ELEMENTS OF XML SOAP MESSAGE [6]...26 FIGURE 2.7 SOAP REQUEST MESSAGE IS POSTED TO THE HTTP SERVER AND RESPONSE MESSAGE IS RETURNED OVER THE SAME HTTP CONNECTION [15]...27 FIGURE 2.8 STRUCTURE OF WSDL 1.1 [12]...28 FIGURE 2.9 OPERATION PATTERN SUPPORTED BY WSDL 1.1 [10]...30 FIGURE 2.10 RAD PROCESS MODEL [3]...31 FIGURE 2.11 MICROSOFT.NET FRAMEWORK ARCHITECTURE [9]...35 FIGURE 3.1 THE STRUCTURE OF KKG (K ELOMPOK KOMPAS GRAMEDIA)...39 FIGURE 3.2 ORGANIZATION STRUCTURE OF SENIOR (GAYA HIDUP SEHAT) TABLOID...39 FIGURE 3.3 CURRENT GHS CONTEXT DIAGRAM...41 FIGURE 3.4 CURRENT GHS DATA FLOW DIAGRAM...42 FIGURE 3. 5 CURRENT GHS SYSTEM FLOWCHART...43 FIGURE 4.1 GHS CONTEXT DIAGRAM...49 FIGURE 4.2 DETAILED DATA FLOW DIAGRAM LEVEL FIGURE 4.3 DETAILED DATA FLOW DIAGRAM LEVEL xii

9 xiii FIGURE 4.4 SYSTEM FLOWCHART...52 FIGURE 4.5 ENTITY RELATIONSHIP DIAGRAM (ERD) PART FIGURE 4.6 ENTITY RELATIONSHIP DIAGRAM (ERD) PART FIGURE 4.7 ENTITY RELATIONSHIP DIAGRAM (ERD) PART FIGURE 4.8 SYSTEM USE CASE DIAGRAM...99 FIGURE 4.9 APPLICATION INTERFACE DESIGN FIGURE 4.10 THE INTERACTION BETWEEN WEB SERVICES AND MOBILE APPLICATION FIGURE 4.11 CLASS DIAGRAM FIGURE 4.12 REGISTRATION SEQUENCE DIAGRAM FIGURE 4.13 LOGIN SEQUENCE DIAGRAM FIGURE 4.14 SEARCH ARTICLE SEQUENCE DIAGRAM FIGURE 4.15 ARTICLE SUBMISSION SEQUENCE DIAGRAM FIGURE 4.16 SEARCH TRAINING SEQUENCE DIAGRAM FIGURE 4.17 CHANGE PASSWORD SEQUENCE DIAGRAM FIGURE 4.18 REGISTER UML ACTIVITY DIAGRAM FIGURE 4.19 CHANGE PASSWORD UML ACTIVITY DIAGRAM FIGURE 4.20 SEARCH ARTICLE UML ACTIVITY DIAGRAM FIGURE 4.21 SEARCH TRAINING UML ACTIVITY DIAGRAM FIGURE 4.22 GET ARTICLE UML ACTIVITY DIAGRAM FIGURE 4.23 GET ARTICLE LIST UML ACTIVITY DIAGRAM FIGURE 4.24 GET TRAINING UML ACTIVITY DIAGRAM FIGURE 4.25 GET TRAINING LIST UML ACTIVITY DIAGRAM FIGURE 4.26 SERVICE CANDIDATES AND THEIR OPERATIONS...118

10 xiv FIGURE 4.27 GET ARTICLE PROCESS SERVICE MODEL FIGURE 4.28 GET SCHEDULE PROCESS SERVICE MODEL FIGURE 5.1 SERVICE INDEX SCREENSHOT FIGURE 5.2 GET ARTICLE LIST COUNT SERVICE FIGURE 5.3 GET ARTICLE LIST COUNT RESULT SCREENSHOT FIGURE 5.4 GET ARTICLE LIST SERVICE SCREENSHOT FIGURE 5.5 GET ARTICLE LIST RESULT SCREENSHOT FIGURE 5.6 GET ARTICLE SERVICE SCREENSHOT FIGURE 5.7 GET ARTICLE RESULT SCREENSHOT FIGURE 5.8 GET CATEGORY SERVICE SCREENSHOT FIGURE 5.9 GET CATEGORY RESULT SCREENSHOT FIGURE 5.10 SEARCH ARTICLE SERVICE SCREENSHOT FIGURE 5.11 SEARCH ARTICLE RESULT SCREENSHOT FIGURE 5.12 GET TRAINING LIST COUNT FIGURE 5.13 GET TRAINING LIST COUNT RESULT SCREENSHOT FIGURE 5.14 GET TRAINING LIST SERVICE SCREENSHOT FIGURE 5.15 GET TRAINING LIST SERVICE SCREENSHOT FIGURE 6.1.NET AND JAVA COMPARISON FIGURE 6.2.NET AND JAVA VULNERABILITIES [23] FIGURE 6. 3 THE APPLICATION RESULT ACCORDINGLY SURVEY FIGURE 6. 4 THE FUNCTIONALITY SURVEY RESULT FIGURE 6. 5 THE SATISFACTION WITH THE CURRENT FUNCTIONALITY...148

11 LIST OF TABLES TABLE 4.1 AUTHOR ATTRIBUTES TABLE...60 TABLE 4.2 BANNER ATTRIBUTES TABLE...61 TABLE 4.3 BANNER_EDIT ATTRIBUTES TABLE...62 TABLE 4.4 BANNERCLIENT ATTRIBUTES TABLE...62 TABLE 4.5 BANNERCLIENT_EDIT ATTRIBUTES TABLE...63 TABLE 4.6 COUNTER ATTRIBUTES TABLE...64 TABLE 4.7 DOWNLOAD ATTRIBUTES TABLE...64 TABLE 4.8 LBLOCKS ATTRIBUTES TABLE...65 TABLE 4.9 LBLOCKS_EDIT ATTRIBUTES TABLE...65 TABLE 4.10 MOD_ABOUT ATTRIBUTES TABLE...66 TABLE 4.11 MOD ABOUT_EDIT ATTRIBUTES TABLE...67 TABLE 4.12 MOD_CONTENT ATTRIBUTES TABLE...68 TABLE 4.13 MOD_CONTENT_EDIT ATTRIBUTES TABLE...69 TABLE 4.14 MOD_IKLANBARIS ATTRIBUTES TABLE...70 TABLE 4.15 MOD_IKLANBARIS_EDIT ATTRIBUTES TABLE...71 TABLE 4.16 MOD_IKLANBARIS_CATEGORIES ATTRIBUTES TABLE...72 TABLE 4.17 MOD_IKLANBARIS_CATEGORIES_EDIT ATTRIBUTES TABLE...72 TABLE 4.18 MOD_INFORMASI ATTRIBUTES TABLE...73 TABLE 4.19 MOD_INFORMASI_EDIT ATTRIBUTES TABLE...75 TABLE 4.20 MOD_INFORMASI_TYPE ATTRIBUTES TABLE...76 TABLE 4.21 MOD_INFORMASI_TYPE_EDIT ATTRIBUTES TABLE...77 xv

12 xvi TABLE 4.22 MOD_KATALOG ATTRIBUTES TABLE...77 TABLE 4.23 MOD_KATALOG _EDIT ATTRIBUTES TABLE...78 TABLE 4.24 MOD_KATALOG_CATEGORIES ATTRIBUTES TABLE...79 TABLE 4.25 MOD_KATALOG _CATEGORIES_EDIT ATTRIBUTES TABLE...80 TABLE 4.26 MOD_KATALOG _KATAKATE ATTRIBUTES TABLE...80 TABLE 4.27 MOD_KATALOG _RELATED ATTRIBUTES TABLE...81 TABLE 4.28 MOD_KATALOG _RELATED_EDIT ATTRIBUTES TABLE...82 TABLE 4.29 MOD_KATALOG _VALIDATE ATTRIBUTES TABLE...82 TABLE 4.30 MOD_KATALOG _VALIDATE_EDIT ATTRIBUTES TABLE...83 TABLE 4.31 MOD_POLL_COMMENTS ATTRIBUTES TABLE...84 TABLE 4.32 MOD_POLL_DATA ATTRIBUTES TABLE...85 TABLE 4.33 MOD_POLL_DATA_EDIT ATTRIBUTES TABLE...86 TABLE 4.34 MOD_POLL_FLAG ATTRIBUTES TABLE...86 TABLE 4.35 MOD_PUBLISHER ATTRIBUTES TABLE...87 TABLE 4.36 MOD_PUBLISHER_EDIT ATTRIBUTES TABLE...88 TABLE 4.37 MOD_PUBLISHER_CATEGORIES ATTRIBUTES TABLE...88 TABLE 4.38 MOD_PUBLISHER_CATEGORIES_EDIT ATTRIBUTES TABLE...89 TABLE 4.39 MOD_PUBLISHER_FRONTPAGE ATTRIBUTES TABLE...90 TABLE 4.40 MOD_PUBLISHER_FRONTPAGE_EDIT ATTRIBUTES TABLE...91 TABLE 4.41 MOD_PUBLISHER_TOPIK ATTRIBUTES TABLE...91 TABLE 4.42 MODULES ATTRIBUTES TABLE...92 TABLE 4.43 MODULES_EDIT ATTRIBUTES TABLE...93 TABLE 4.44 NEW_REFERER ATTRIBUTES TABLE...94 TABLE 4.45 NEW_REFERER_EDIT ATTRIBUTES TABLE...94

13 xvii TABLE 4.46 RBLOCKS ATTRIBUTES TABLE...95 TABLE 4.47 RBLOCKS_EDIT ATTRIBUTES TABLE...96 TABLE 4.48 USER_MENU ATTRIBUTES TABLE...96 TABLE 4.49 USER ATTRIBUTES TABLE...97 TABLE 4.50 USERS_EDIT ATTRIBUTES TABLE...98 TABLE 5.1 LIST OF TOOLS TABLE 5.2 HARDWARE AND SOFTWARE REQUIREMENT TABLE 5.3 REGISTRATION TEST CASE TABLE 5.4 VERIFY USER (LOGIN) TEST CASE TABLE 5.5 CHANGE PASSWORD TEST CASE TABLE 5.6 SEARCH ARTICLE TEST CASE TABLE 5.7 GET ARTICLE TEST CASE TABLE 5.8 GET TRAINING TEST CASE...139

BINUS INTERNATIONAL UNIVERSITAS BINA NUSANTARA. Computer Science Major. Multimedia Stream. Computer Science Thesis Bachelor

BINUS INTERNATIONAL UNIVERSITAS BINA NUSANTARA Computer Science Major Multimedia Stream Computer Science Thesis Bachelor Even Semester Year 2006/2007 School Support Integrated System An Approach to Improve