iii
BINUS INTERNATIONAL UNIVERSITAS BINA NUSANTARA
Major Computer Science Stream Multimedia
Bachelor of Computer Science Thesis Even Semester Year 2006 / 2007
ONLINE JOB DATABASE WITH MOBILE APPLICATION Guest and Jobseeker Subsystem
Ivan Wijaya 0700715164 08THE - GROUP
Abstract
CareersOp.com was started in December 2006 as a private business based on the demands from employers looking for prospective staffs and from applicants looking for good companies to work for.
In achieving this goal, CareersOp.com will be developed into a web application system which enable users; jobseekers to search for an employment and employers to post an available job in looking for a potential employee. However, an issue regarding the mobile users has arisen. Users with high mobility might not have the time or have limited access to the application, therefore CareersOp.com have decided to build a mobile application for the highly mobile users.
This thesis will be about building an online job database accompanied with a mobile application. The web application system will enable users to search for an employment through the website. To further enhance the application regarding mobility issues, mobile application is developed so that users can access the system through mobile phones from anywhere and anytime.
CareersOp.com has been successfully implemented. The survey has been conducted and the respondents gave positive response for the services that is provided by CareersOp. The mobile application can provide service for users with high mobility to access CareersOp through mobile phone.
Keywords
iv
Preface
Hereby, I would like to give the highest gratitude to every one that has contributed to the completion of this thesis. First, I would like to express our gratitude to God for His blessing during the development of this thesis, which allows me to be able to complete this whole thesis in the given time
I also would like to thank to the following people for their support and contribution in the development of this thesis:
• Ir. Tri A. Budiono. M.I.T. as Head of School of Computer Science, BiNus
Internatio nal, Universitas Bina Nusantara.
• Mr. Fredro Harjanto, M.Sc. as my thesis supervisor.
• All the lecturers who have shared their knowledge with us during our study. • Bina Nusantara University as our main place for getting knowledge within these
past four (4) years.
• Adrian Loe, my partner in this thesis.
• My family who have supported me during the completion of the thesis.
• My colleagues who have given their supports directly or indirectly.
This thesis is primarily dedicated to myself in completing my study in Bina Nusantara University as one of the prerequisites to graduate.
Jakarta, July 20th 2007
v
Table of Contents
Title Page ... i
Certificate of Approval...ii
Abstract ...iii
Preface ... iv
Table of Contents ... v
List of Figures ...vii
List of Tables... ix
Chapter 1 INTRODUCTION ...1
1.1 Background ...1
1.2 Scope ...2
1.3 Aims and Benefits ...3
1.4 Structure ...4
Chapter 2 THEORETICAL FOUNDATION ...5
2.1 Theoretical Foundation ...5
2.1.1 Internet ...5
2.1.2 Web Programming language ...10
2.1.3 Wi-fi ...10
2.1.4 GPRS ...11
2.1.5 EDGE ...11
2.1.6 WCDMA ...12
2.1.7 Flowchart...12
2.1.8 Data Flow Diagram...13
2.1.9 Use Case Modeling ...13
2.1.10 Web Service ...17
2.1.11 Java ...28
2.1.12 Database ...33
2.1.13 Client/Server Architecture...39
2.1.14 Apache Web Server...39
2.1.15 MySQL...40
2.1.16 Dreamweaver ...41
2.2 Theoretical Framework ...41
2.2.1 Rapid Application Development ...41
Chapter 3 SYSTEM DESIGN ...44
3.1 Organizational Chart ...44
3.2 Current Condition...44
3.3 Existing Problem...45
3.4 Alternative Solution ...45
3.5 Software Design ...45
3.5.1 Web Application Flowchart ...46
3.5.2 Mobile Application Flowchart ...48
3.5.3 System Architecture ...49
Chapter 4 DESIGN OF THE PROPOSED SYSTEM ...50
4.1 The Proposed Policies and Procedures...50
vi
4.2.1 Use Case Narrative for CareersOp System ...54
4.3 Data flow diagram...67
4.3.1 Context Diagram ...67
4.3.2 Data Flow Diagram level 1 ...69
4.3.3 Data Flow Diagram Level 2 ...71
4.4 Flow Chart ...77
4.5 Class Diagram ...81
4.5.1 Mobile Application Class Diagram...81
4.5.2 Web Service Class Diagram...82
4.6 System Data...83
4.6.1 Entity Relationship Diagram...83
4.6.2 Data Dictionary...84
4.7 Site map ...93
4.8 User Interface Design Plan...94
4.8.1 CareersOp Website Design Plan...94
Chapter 5 SYSTEM IMPLEMENTATION...123
5.1 System Specification...123
5.1.1 Hardware Specification...123
5.1.2 Software Specification ...124
5.2 Operational Procedures ...124
5.3 Implementation Strategy ...125
5.4 Test Plan...127
Chapter 6 DISCUSSION...140
6.1 Discussion Summary...140
6.2 Results ...141
6.3 System Performance Test ...142
6.4 Survey...143
Chapter 7 CONCLUSION ...151
7.1 Conclusion...151
7.2 Recommendation...152
Reference...153
Appendix A...158
vii List of Figures
Figure 2. 1 Http Request-Response Behavior ...8
Figure 2. 2 Example of Data Flow Diagram...13
Figure 2. 3 Use Cae [15] ...14
Figure 2. 4 Actor Symbol [15] ...14
Figure 2. 5 Association Relationship [15]...15
Figure 2. 6 Example of an Extends Relationship [15] ...15
Figure 2. 7 Example of Includes Relationship [15] ...16
Figure 2. 8 Example of Depends on Relationship [15]...16
Figure 2. 9 Example of Use Case Narrative [14] ...17
Figure 2. 10 Example of an XML document [16]...19
Figure 2. 11 Analogy Between XSD and a Programming Langua ge [16]...22
Figure 2. 12 Built- in Datatype Hierarchy [19] ...23
Figure 2. 13 SOAP Over HTTP [16]...24
Figure 2. 14 SOAP Message [16]...26
Figure 2. 15 The Components of a WSDL Document [16] ...27
Figure 2. 16 Typical Web Service Architecture [16]...28
Figure 2. 17 Java 2 Platform Architecture ...30
Figure 2. 18 Example of Relationship between two entities [14] ...36
Figure 2. 19 Cardinality Notations [14] ...37
Figure 3. 1 CareersOp Orga nization Chart...44
Figure 3. 2 CareersOp Web Application Flowchart...46
Figure 3. 3 CareersOp Web Application Flowchart...47
Figure 3. 4 CareersOp Mobile Application Flowchart...48
Figure 3. 5 CareersOp System Architecture...49
Figure 4. 1 Use Case Diagram for CareersOp Web Application System ...53
Figure 4. 2 Use Case Diagram for CareersOp Mobile Application System ...54
Figure 4. 3 Context Diagram...67
Figure 4. 4 Data Flow Diagram Level 1 - Web Application for Jobseeker and Guest ....69
Figure 4. 5 Data Flow Diagram Level 1 - Mobile Application for Jobseeker ...70
Figure 4. 6 Data Flow Diagram Level 2 - Guest Registration ...71
Figure 4. 7 Data Flow Diagram Level 2 - Guest Contact Us...72
Figure 4. 8 Data Flow Diagram Level 2 - Jobseeker Login...72
Figure 4. 9 Data Flow Diagram Level 2 - Edit Personal Info ...73
Figure 4. 10 Data Flow Diagram Level 2 - View and Edit Resume ...74
Figure 4. 11 Data Flow Diagram Level 2 - Search and Retrieve Job ...74
Figure 4. 12 Data Flow Diagram Level 2 - Apply Job...76
Figure 4. 13 Data Flow Diagram Level 2 - View Invitation...77
Figure 4. 14 Guest Web Application System Flow Chart...78
Figure 4. 15 Jobseeker Web Application System Flow Chart ...79
Figure 4. 16 Jobseeker Mobile Application System Flow Chart ...80
Figure 4. 17 Mobile Application Class Diagram ...81
Figure 4. 18 Web Service Class Diagram ...82
viii
Figure 4. 20 Sitemap ...93
Figure 4. 21 Homepage Interface Design Plan ...94
Figure 4. 22 Contact Us Interface Design Plan...95
Figure 4. 23 Jobseeker Registration Form Interface Design Plan...96
Figure 4. 24 Jobseeker’s Homepage Interface Design Plan...97
Figure 4. 25 View Resume Interface Design Plan...98
Figure 4. 26 View Formal Education Interface Design Plan ...99
Figure 4. 27 View Informal Education Interface Design Plan...100
Figure 4. 28 View Certification Interface Design Plan...101
Figure 4. 29 View Work Experience Interface Design Plan...102
Figure 4. 30 View Skill Interface Design Plan...103
Figure 4. 31 View Other Information Interface Design Plan...104
Figure 4. 32 Add New Formal Education Form Interface Design Plan...105
Figure 4. 33 Add New Informal Education Form Design Plan...106
Figure 4. 34 Add New Certification Design Plan ...107
Figure 4. 35 Add New Work Experience Form Design Plan...108
Figure 4. 36 Add Skill Form Design Plan...109
Figure 4. 37 Add Other Information Form Design Plan...110
Figure 4. 38 View Job Vacancies Design Plan ...111
Figure 4. 39 Advanced Search Form Design Plan...112
Figure 4. 40 Search Result Interface Design Plan...113
Figure 4. 41 Job Detail Interface Design Plan ...114
Figure 4. 42 Update Personal Info Form Design Plan ...115
Figure 4. 43 View Applied Job Design Plan...116
Figure 4. 44 Received Invitation Interface Design Plan ...117
Figure 4. 45 Change Password Form Design Plan...118
Figure 4. 46 Login Page Design Plan...118
Figure 4. 47 Jobseeker Main Menu Design Plan ...119
Figure 4. 48 View Jobs List Design Plan...119
Figure 4. 49 Search Job Form Design Plan...120
Figure 4. 50 View Applied Job Design Plan...120
Figure 4. 51 Job Detail Design Plan...121
Figure 4. 52 View Invitations Design Plan...122
Figure 6. 1 Chart of Question No. 1...144
Figure 6. 2 Chart of Question No. 2...145
Figure 6. 3 Chart of Question No. 3...146
Figure 6. 4 Chart of Question No. 4...147
Figure 6. 5 Chart of Question No. 5...148
Figure 6. 6 Chart of Question No. 6...149
ix List of Tables
Table 2. 1 Web Server Survey per April 2007 [29] ...40
Table 4. 1 Use Case Narrative - Register...55
Table 4. 2 Use Case Narrative - Contact Us ...56
Table 4. 3 Use Case Narrative - Login...57
Table 4. 4 Use Case Narrative - Logout ...58
Table 4. 5 Use Case Narrative - Change Password...59
Table 4. 6 Use Case Narrative - View Resume ...60
Table 4. 7 Use Case Narrative - Edit Resume ...61
Table 4. 8 Use Case Narrative - Edit Personal Info ...62
Table 4. 9 Use Case Narrative - View Recently Posted Job ...62
Table 4. 10 Use Case Narrative - Search Job ...63
Table 4. 11 Use Case Narrative - Apply Job...64
Table 4. 12 Use Case Narrative - View Job Detail ...65
Table 4. 13 Use Case Narrative - Cancel Job Applied...66
Table 4. 14 Use Case Narrative - View Received Invitation ...67
Table 4. 15 administrator Table ...84
Table 4. 16 certification Table ...84
Table 4. 17 coverletter Table ...84
Table 4. 18 emp_regapproval Table...84
Table 4. 19 emp_registrationinfo Table ...85
Table 4. 20 employer Table ...86
Table 4. 21 job Table ...86
Table 4. 22 jobapplied Table ...87
Table 4. 23 jobseeker Table ...87
Table 4. 24 js_certification Table...88
Table 4. 25 js_formaledu Table ...88
Table 4. 26 js_informaledu Table ...88
Table 4. 27 js_otherinfo Table ...89
Table 4. 28 js_reference Table ...89
Table 4. 29 js_regapproval Table ...89
Table 4. 30 js_registrationinfo Table ...90
Table 4. 31 js_resume ...90
Table 4. 32 js_skill Table ...90
Table 4. 33 js_workexp Table ...91
Table 4. 34 news Table ...91
Table 4. 35 receivedinvitation Table ...91
Table 4. 36 skillrequired Table ...92
Table 4. 37 unapprove_news Table ...92
Table 5. 1 Test Plan for CareersOp Web Application...136
Table 5. 2 Test Plan for CareersOp Mobile Application...139
