GRABJOBS : PART TIME FOR STUDENT APPLICATION FAUZAN ILIYA BINTI KHALID

Transcription

1 GRABJOBS : PART TIME FOR STUDENT APPLICATION FAUZAN ILIYA BINTI KHALID BACHELOR OF COMPUTER SCIENCE (SOFTWARE DEVELOPMENT) WITH HONOURS UNIVERSITI SULTAN ZAINAL ABIDIN 2018

2 GRABJOBS : PART TIME FOR STUDENT APPLICATION FAUZAN ILIYA BINTI KHALID BACHELOR OF COMPUTER SCIENCE (SOFTWARE DEVELOPMENT) WITH HONOURS FACULTY OF INFORMATICS AND COMPUTING UNIVERSITI SULTAN ZAINAL ABIDIN AUGUST 2018 i

3 DECLARATION I hereby declare that this report is based on my original work except for quotations and citations, which have been duly acknowledged. I also declare that it has not been previously or concurrently submitted for any other degree at Universiti Sultan Zainal Abidin or other institutions. Name :... Date :... ii

4 CONFIRMATION This is to confirm that the project title GrabJobs : Part Time for Student Application was prepared and submitted by Fauzan Iliya binti Khalid, matrix number BTAL and has been found satisfactory in terms of scope, quality and presentation as partial fulfilment of the requirement for the Bachelor of Computer Science (Software Development) in Universiti Sultan Zainal Abidin (UniSZA). The research conducted and the writing of this report was under my supervisor. Supervisor : Prof. Madya Dr. Syadiah Nor binti Wan Shamsuddin Date :... iii

5 DEDICATION First and foremost, praised be to Allah, the Most Gracious and the Most Merciful for blessing me and giving me the opportunity to undergo and complete my final year project, a prototype of GrabJobs: Part Time for Student Application. I would like to take this opportunity to express my utmost and heartiest gratitude to my supervisor, Prof. Madya Dr. Syadiah Nor binti Wan Shamsuddin for her teaching, kindness, patience and motivations toward this project. I was so proud to be supervised by her with her guidance and invaluable advices. A lot of thanks to Faculty of Informatics and Computing for given me a chance to expose and explore myself with this project. I would like to thanks to my family, especially to my father and mother for giving me endless support to complete my project. I would like to express my gratitude also to all the lecturers in Faculty Informatics for giving me a great opportunity to complete my final year project. Not to forget to all of my friends in SMSKPP Batch 2015/2019 for their teaching, high technical supports and good skills. I was very appreciating for their kindness. iv

6 ABSTRACT Nowadays in the era of globalization, students are encouraged to have work part time that would give them chances for more real life experience, to be more independent and mature in real life. Some students need to work through college life to afford tuition and to help fund their studies. Student also want to find an extra source of income. Unfortunately, student did not get enough time to survey proper part time jobs. Student also did not have sources to find the jobs. To overcome this problem, an application will be developed for student to find part time jobs that can be access anytime and anywhere with data and smartphone. This application also can save their time and provide space for students to accept jobs and people to offer any jobs. The main objectives of this application is to design and develop platform for students and companies to offer part time jobs for students and to develop a mobile application to help students find their part time job easily. Database platform used in this application is MySQL. MySQL is used to store student s data and companies s information. As a result, this application can ease students to find a proper part time jobs according to their desire job scope. v

7 ABSTRAK Pada masa kini dalam era globalisasi, para pelajar adalah digalakkan untuk bekerja sambilan untuk memberi peluang kepada mereka menghadapi situasi kehidupan yang sebenar, menjadi lebih berdikari dan matang dalam kehidupan. Sesetengah pelajar terpaksa bekerja sambilan semasa belajar demi membiayai dan membantu membayar yuran pengajian mereka. Pelajar juga ingin mencari sumber pendapatan tambahan. Malangnya para pelajar tidak mempunyai masa yang mencukupi untuk mencari kerja yang sesuai. Pelajar juga tidak mempunyai sumber kenalan dan informasi untuk mereka mencari kerja. Untuk mengatasi masalah ini, satu aplikasi akan dibangunkan untuk memudahkan golongan pelajar mencari kerja separuh masa yang boleh diakses pada bila-bila masa dan dimana sahaja dengan menggunakan data dan telefon pintar. Aplikasi ini akan menjimatkan masa pelajar dan menyediakan platform untuk pelajar menerima pekerjaan dan orang lain menawarkan pelbagai pekerjaan. Objektif utama aplikasi ini adalah untuk merekabentuk dan membangunkan sebuah platform bagi para pelajar dan syarikat untuk menawarkan sebarang kerja sambilan dan juga melaksanakan aplikasi mudah alih untuk membantu pelajar mencari kerja separuh masa dengan mudah. Platform pangkalan data yang digunakan dalam aplikasi ini adalah MySQL. MySQL digunakan untuk menyimpan data pelajar dan syarikat. Sebagai kesimpulannya, aplikasi ini akan memudahkan para pelajar mencari kerja sambilan yang tepat bersesuaian dengan keinginan mereka sendiri. vi

8 TABLE OF CONTENT CHAPTER /TITLE PAGE FRONT PAGE... Error! Bookmark not defined. DECLARATION... ii CONFIRMATION... iii DEDICATION... iv ABSTRACT... v ABSTRAK... vi TABLE OF CONTENT... vii LIST OF FIGURES... x LIST OF TABLES... xii LIST OF APPENDICES... xiii LIST OF ABBREVIATIONS / TERMS / SYMBOLS... xiv CHAPTER INTRODUCTION Background Problem Statement Objectives Scopes Limitation Of Work Expected Result Added Value Milestone Gantt Chart vii

9 CHAPTER LITERATURE REVIEW Introduction Research On Existing System And Application Jobstreet.Com Comparison Research Review Of Comparison (3 Best Part Time Job Apps) Upal-Part Time And Internship Malaysia Part Time Jobs Indeed Research On Android Operating System Introduction To Android Comparison Between Native Mobile Application And Hybrid Mobile Application In Android Added Value Chapter Summary CHAPTER METHODOLOGY Introduction Project Methodology Initial Planning Phase Planning Phase Requirement Phase Analysis And Design Phase Implementation Phase Testing Phase Evaluation Phase Deployment Phase Software And Hardware Requirement Software Requirement Hardware Requirement System Design Framework Design Context Diagram viii

10 3.4.3 Data Flow Diagram (Level 0) Data Flow Diagram (Level 1) Entity Relationship Diagram Data Dictionary Database And Table Attribute Chapter Summary CHAPTER IMPLEMENTATION AND RESULT Introduction Interface Design Administrator s Module Company s Module Student s Module (Mobile Application Interface) Technique Chapter Summary CHAPTER TESTING Introduction Administrator s Module Company s Module Student s Module Summary CHAPTER DISCUSSION AND CONCLUSION Introduction Project Contribution Project Constraints Future Works Conclusion REFERENCES ix

11 LIST OF FIGURES FIGURE TITLE PAGE Figure 1.1 Hybrid Technique 9 Figure 2. 1 JobStreet.com Web Based System 13 Figure 2. 2 JobStreet.com Website 14 Figure 2. 3 JobStreet Mobile Application 14 Figure 2. 4 UPal Application 18 Figure 2. 5 Malaysia Part Time Jobs Application 19 Figure 2. 6 Indeed Application 20 Figure 2. 7 MySQL Workbench Version 5.2 : SQL Database GrabJobs 26 Figure 3. 1 Iterative model 31 Figure 3. 2 Framework Design GrabJobs: Part Time for Student Application 39 Figure 3. 3 Context Diagram GrabJobs: Part Time for Student Application 40 Figure 3. 4 Data Flow Diagram (DFD Level 0) 43 Figure 3. 5 DFD Level 1 Manage User 48 Figure 3. 6 DFD Level 1 Manage Job 51 Figure 3. 7 DFD Level 1 Apply Job 52 Figure 3. 8 Entity Relationship Diagram (ERD) 54 Figure 3. 9 Table Admin 76 Figure Table Student 77 Figure Table Company 78 Figure Table User 78 Figure Table Job 79 Figure Table Application 80 Figure 4. 1 Main Homepage 82 Figure 4. 2 Login Form For Admin 83 Figure 4. 3 Homepage For Admin 83 Figure 4. 4 Update Profile Form for Admin 84 Figure 4. 5 Update Profile Process 84 Figure 4. 6 Admin Profile 85 Figure 4. 7 Change Password For Admin 85 x

12 Figure 4. 8 Student Registration List 86 Figure 4. 9 Student Registration Approval 86 Figure Student Certification Letter 87 Figure Student Is Approved By Admin 87 Figure Student Is Rejected By Admin 87 Figure Report Company 88 Figure Report Student 88 Figure Report Job 89 Figure Report Application 89 Figure Login Form For Company 90 Figure Homepage For Company 90 Figure Update Profile Form 91 Figure Update Profile Process 91 Figure Company Profile 92 Figure Change Password Form 92 Figure Manage Job (Add Job Form) 93 Figure Manage Job (Add Job Process) 93 Figure Manage Job (View Job List) 94 Figure Manage Job (Job Details) 94 Figure Manage Job (Update Job Process) 95 Figure Manage Job (Delete Job Process) 95 Figure Job Response 96 Figure Job Description for Company To View 96 Figure Student Profile for Company To View 97 Figure Student Application Approval Process 97 Figure Slide Navigation for Student and Figure 4.34 Student Registration Form 98 Figure Student Registration Form and Student Login Form 99 Figure Student Homepage and Student Slide Navigation 100 Figure Student Update Profile Form and Student Profile 101 Figure Student Change Password and Job Lists 102 Figure Student can search the job by job title and type of work and Job Description 103 Figure Student Apply Job and Job Status 104 Figure Cancellation job application process and Job Status 105 Figure Hybrid Mobile Application Technique 106 xi

13 LIST OF TABLES TABLE TITLE PAGE Table 2. 1 Research 1 16 Table 2. 2 Research 2 17 Table 2. 3 Differences between Native and Hybrid Technique 24 Table 3. 1 Software Requirement Table 3. 2 Hardware Requirement Table 3. 3 Table Admin Table 3. 4 Table Student Table 3. 5 Table Company Table 3. 6 Table User Table 3. 7 Table Job Table 3. 8 Table Application Table 5. 1 Administrator s Login Table 5. 2 Administrator s Update Profile Table 5. 3 Approval Student Registration By Admin Table 5. 4 Company s Registration Table 5. 5 Company s Login Table 5. 6 Company s Update Profile Table 5. 7 Company s Manage Job Table 5. 8 Job Application Response Table 5. 9 Student s Register Table Student s Login Table Student s Update Profile Table Job Lists Table Job Status xii

14 LIST OF APPENDICES APPENDIX TITLE PAGE A Milestone 8 B Gantt Chart 9 xiii

15 LIST OF ABBREVIATIONS / TERMS / SYMBOLS CD DFD ERD FYP Context Diagram Data Flow Diagram Entity Relationship Diagram Final year project xiv

16 CHAPTER 1 INTRODUCTION 1.1 BACKGROUND As technology has evolved in recent times, finding temporary jobs has never turn that easy and become a new challenges for students as they have to compete with others. Searching for a part time jobs via a website can help reaching more users but in comparison to mobile application, it is more portable and reachable to any users as it can be access quickly at anytime and anywhere by using smartphones and data rather than stuck in the google search traffic. While taking much longer time searching for the jobs through websites, definitely other people might grab the jobs in a blink. This will put students in a troublesome situation to find a good part time job. Mobile application is way more convenient, faster to access and keeps students up to date with notifications about the availability of the part time job. In the case of performance, the user s experience will be the best when using mobile application. 1

17 GrabJobs: Part Time for Students Application is an application that can help students to find their proper part time job according to their expertise. This application is an easy app intended to connect students who needs temporary jobs and companies that needs workers for any type of work and offers a quality available employment and social solution. Apart from that, this application stores data and information of the students that can be review by the companies. This application will give a detailed information about the job scope provided by the companies so it is not difficult for students seeking the information. Companies which are registered to this application can post a part time job in which they mention the details of the work required, such as type of work, working time, salary, age group suitable and the location where the job vacancy will occur. 3

18 1.2 PROBLEM STATEMENT This GrabJobs: Part Time for Students Application is proposed and developed to overcome several problem which are: a. Students do not have plenty of leisure time to survey proper part time job Many students struggle to search for a part time job but with time that is limited due to the studies, they failed to get the jobs. Thus, this application is a quick medium that help students to find the most suitable job that fit their skills. b. Students do not have information to find the jobs Searching for short-term jobs is very complicated when student does not know who to contact in order to find the jobs. Most of the students use newspaper, radio and sent letter to find jobs which is time consuming. Students may search through the internet but internet provides much of the same job information that is available through libraries, career centers, and guidance offices. However, no single network or resource will contain all the desired information. Hence, students can easily find the jobs via this application. c. Companies need to hire part timer in a short period of time with the right talent It is hard for companies to find part timer with their required qualifications that companies needed in a short period of time. So, this application can help companies to find their suitable part timers. 4

19 1.3 OBJECTIVES There are three main objectives for this proposal. These objectives are derived to overcome problems that stated before. The objectives of this project are shown as below: a) To design and develop a platform for students seeking part time employments and companies to offer part time jobs for students b) To implement a mobile application (android) technique to help students find their part time job easily c) To produce an application that is able to access and respond in a short time at any place and anytime 5

20 1.4 SCOPES The scope is going to outline the users and functions of this application system. This application system focuses on students who want to seek part time jobs and companies who is responsible to provide job vacancy in the system. A platform for students seeking part time jobs and companies to offer part time jobs for students. a. Admin Able to login to the application system Able to manage profile and changed password Able to approve student registration to the system Able to view all the report b. Student Able to register and log into the application system Able to update profile and change password Able to search part time jobs by job title and type of the works Able to view details information about the job extent Able to apply the part time jobs Able to view status of the job s application Able to cancel the job s application before it has been approved 6

21 c. Company Able to register and log into the application system Able to update profile and change password Able to add, delete and update part time job vacancy Able to approve student s application of the job Able to view student s information 1.5 LIMITATION OF WORK There are several limitation and constraint that occurred throughout the development of this application system which are: i. This project is only focusing on students who want to find a part time job excluded full time jobs and not for users other than students. ii. Due to limited knowledge about Mobile Application technique used in this project, some difficulties and obstacles to achieve goals of project recognized. As a beginner, Mobile Application technique is quite difficult to handle for project of Android implementation. 7

22 1.6 EXPECTED RESULT This GrabJob for Students: Part Time Application System is able to help students searching the desired part time jobs and enable companies to post any part time jobs with the details of the job. This project is able to implement a mobile application which is android technique to help students find their part time job easily and have a quick access to the application. Besides that, this application is able to be a platform that can access and respond in a short time at anywhere and anytime. 8

23 HYBRID TECHNIQUE: Figure 1.1 Hybrid Technique 1.7 ADDED VALUE This application is a hybrid mobile application This application can integrate with web based and android by using phpmyadmin 9

24 1.8 MILESTONE Milestone Date Status Responsible Topic Discussion and Week 1 Completed All students semester 6 Determination Project Title Proposal Week 2 Completed All students semester 6 Proposal Writing Week 3 Completed All students semester 6 Introduction Proposal Writing Week 4 & Week Completed All students semester 6 Literature Review 5 Proposal Progress Week 6 Completed All students semester 6 Presentation & Evaluation Discussion & Week 7 Completed All students semester 6 Correction Proposal & Proposed Solution Methodology Proposed Solution Week 8 Completed All students semester 6 Methodology (Continued) Proof of Concept Week 9 Completed All students semester 6 Drafting Report of the Week 10 & Completed All students semester 6 Proposal Week 11 Submit draf of report Week 12 Completed All students semester 6 to supervisor Seminar Presentation Week 13 Completed All students semester 6 Report Correction Week 14 Completed All students semester 6 Final Submission Report Week 15 Completed All students semester 6 10

25 1.9 GANTT CHART 11

26 CHAPTER 2 LITERATURE REVIEW 2.1 INTRODUCTION This chapter will continue with the discussion and idea from the previous research focuses on the fact and the finding, which basically reviews on the related existing system and application and making comparison for both existing and new system that will develop. In term of this project, the comparison between native mobile application and hybrid mobile application is also being reviewed in order to know what mobile application approach is suitable to be implemented in this project. The documentation of android technique also helps to understand the android application technology and guide on how to implement it. 12

27 2.2 RESEARCH ON EXISTING SYSTEM AND APPLICATION JobStreet.com JobStreet.com is a company with huge web based and mobile platform that help facilitating the matching and communication of job opportunities between job seekers and employers. JobStreet.com has a huge coverage from Philippines, Malaysia, Singapore, India, Indonesia, Japan and Thailand. JobStreet.com offers a comprehensive suite of interactive recruitment services [1]. JobStreet.com is an online e-recruitment Company and one of the most established internet business model. Figure 2. 1 JobStreet.com Web Based System 13

28 Figure 2. 2 JobStreet.com Website Figure 2. 3 JobStreet Mobile Application JobStreet.com is a job portal founded in According to Forbes, JobStreet.com is founded in Malaysia, it is now Southeast Asia's largest online employment company. It currently serves about corporate customers and 11 million jobseekers. It became a public listed entity in 2004 when parent company JobStreet Corporation Berhad was listed on the MESDAQ Market of Bursa Malaysia Securities on 29 Nov Thereafter, JobStreet.com was listed on the Main Board in October 2007 under stock short name, JOBST [2]. 14

29 Advantages of JobStreet.com: Matching with relevant candidates who are looking for the same salary range that a company offers Provide a detailed description of the benefits that companies offer to the employees Provide work location Provide an overview of company s business, goals and vision Disadvantages of JobStreet.com: Due to worldwide coverage of JobStreet which are Philippines, Malaysia, Singapore, India, Indonesia, Japan and Thailand, it will increase the chances of getting hundreds of job applications which is many of the applications will not be relevant and may contain a fake information from the job applicant. 15

30 2.2.2 Comparison Research Author P Ng Hooi Min and Lau hui Keng Title Partimor Web: A Web-Based System For Part- Time Jobs. [3] Year 2015 Description A platform like the Partimor Web which is a web-based system that specially designed for the youth or student who wishes to earn money during the vacation or to seek for a flexible part time job which can easily fit into their packed schedule is desirable. Technique/Model Prototyping-based methodology Objectives To develop a web-based system for people to advertise To apply for part-time jobs, to create modules and interfaces for user to update and manage data stored in the proposed relational database by using HTML5, CSS and Java Script programming languages To test and evaluate the developed system for user acceptance. Advantages Help part time job seeker and freelancer whom only promotes full time works and long term temporary works. Apply different methods of searching in the search job modules such as pay rate, location, date and also expertise Disadvantages No specific method and technique has been used in the system Lack the information about the method Table 2. 1 Research 1 16

31 Author Saw Seow Hui, Phan Koo Yuen and Robithoh Annur Title An Interactive Location Based App for Part Time Job. [4] Year 2016 Description This article presents the ios mobile app for the use of both employers and part time job seekers. Technique/Model IOS mobile app and Location Based Service (LBS) Objectives To provide a user-friendly location based service (LBS) experiences. To ease the process of part time job searching, and also simplify the hiring process for the employers. Advantages The proposed prototype captures user s current location, and returns the information to the nearest neighbourhood that offers a part time job instantly. Unlike the conventional job listing board, this app is able to sort the order of the listed job based on either the distance or the wages offered. Disadvantages These existing location-based systems require user intervention such as typing in their queries. It is quite bothersome and slow for user to get what they are requesting. Table 2. 2 Research 2 17

32 2.3 REVIEW OF COMPARISON (3 BEST PART TIME JOB APPS) UPal-Part Time and Internship UPal is a latest university student part time and internship search job portal in Malaysia. UPal is a Short Term Jobs Platform that efficiently matches employer with job seekers who need a part time. UPal present a community of 15,000+ part time students and young graduates. UPal bringing solution to resolve university students' financial problem by providing University Student Part Time/Internship Job Mobile App platform. UPal also is a medium for an employer that wants the most efficient way to get a part timer, an employer that need a temporarily extra helping hands or employer who tries to help out the youngster in our community to earn extra income. Figure 2. 4 UPal Application 18

33 2.3.2 Malaysia Part Time Jobs Malaysia Part Time Jobs aggregates popular Malaysia part time job sites in one single app for job seekers convenience. People no longer need to download multiple apps to get access to many different sites. Search for part time jobs for retail, events, design, sales, marketing, tutoring and general jobs is the easiest way when using this application. Just click on the respective links and automatically it will be directed to the part time job site. The Malaysia Part Time Jobs app is continuously adding new jobs sites as the administrator find any new jobs left by any employer s comment then the administrator will add in the new jobs into a new site. This app is a one-stop place for anyone to search for Malaysia Part Time Jobs with a single click. Figure 2. 5 Malaysia Part Time Jobs Application 19

34 2.3.3 Indeed Indeed is an American worldwide employment-related search engine for job listings. Indeed is currently available in over 60 countries and 28 languages. Indeed began allowing job seekers to apply directly to jobs on Indeed's app and offering resume posting and storage. People usually find jobs using Indeed, the most comprehensive search engine for jobs. In a single search, Indeed offers free access to millions of jobs from thousands of company websites and job boards. From search to apply, Indeed's Job Search app helps people through the entire process of finding a new job. Figure 2. 6 Indeed Application 20

35 2.4 RESEARCH ON ANDROID OPERATING SYSTEM Introduction to Android Android is software for mobile phones, tablets and a growing range of devices encompassing everything from wearable computing to in-car entertainment. It launched in 2003 and is the world s most popular mobile operating system (OS).[8] Android is an open source project that led by Google but it does not belong to them and it is called AOSP (Android Open Source Project). Google uses this project as a base to create its version of Android, which is then used by the other manufacturers. Android is a mobile operating system based on a modified version of the Linux kernel and other open source software and designed primarily for touchscreen mobile devices such as smartphones and tablets. As an OS, Android's job is to act as a translator between users and their gadgets. It is like Windows, but for mobile devices. Android is developed and supported by Google, often considered a more open platform compared to Apple. 21

36 In fact, Android is an open source operating system, which means that anyone can use their code to run a device. Google sells a few devices of its own, but Android normally runs on devices built by other companies like Samsung, Huawei, LG, HTC, Sony, Lenovo and many others and it is currently operational on more than one billion devices.[7] Comparison between Native Mobile Application and Hybrid Mobile Application in Android Native Mobile Application A native app is a program that has been coded in a specific programming language, for devices having specific OS. For instance, Objective C is used for ios or Java for Android Phones. These apps can take advantage of OS features and other software tools that are installed on that platform. They also have access to various phones functions such as camera, gallery, contact list etc. Mostly Native apps are compiled into machine code. These provisions help native apps perform the best in a mobile device.[9] The native development is easy and there are innumerous resources available, but it might not be understandable to everyone. Since the code has to be written specifically for each platform, it has to be rewritten for each one. Only the logic remains same but the language, APIs and the development process might be different. Sometimes, this process becomes quite long for complex applications.[9] 22

37 The majority of the apps on mobile device are native apps. Unlike web apps that are written primarily in Javascript, native apps are written in languages that the platform accepts. For example, Swift or Objective-C is used to write native ios apps, Java is used to write native Android apps, and C# for the most part for Windows Phone apps. Apple and Google offer app developers their own development tools, interface elements and standardized the code. This allows any professional developer to develop a native app relatively easily.[7]5 Hybrid Mobile Application A hybrid app is a mobile app that contains a web view (essentially an isolated browser instance) to run a web application inside of a native app, using a native app wrapper that can communicate with the native device platform and the web view.[10] This means web applications can run on a mobile device and have access to the device, such as the camera or GPS features.[11] Hybrid apps are possible because of tools that have been created that facilitate the communication between the web view and the native platform. These tools are not part of the official ios or Android platforms, but are third party tools such as Apache Cordova.[10] When a hybrid app is built, it will be compiled, transforming the web application into a native app. A hybrid app is a program that is built using HTML 5, CSS and JavaScript and wrapped in native container. The native container loads maximum information on the page as soon as the user navigates the application. There are plenty of native web frameworks available, which can help to build a hybrid app. 23

38 The main features of Native App and Hybrid App: Native app High degree of reliability Simple but fast performance and better user experience Supports both online and offline transactions Native features can best be exploited Hybrid app Faster app development Simple and easy to maintain Cross platform UI (User Interface) Integrate with device file system Easy to tap into wider functionality Less expensive app development and cost effective maintenance Have push notifications Single code management for multiple mobile platforms Table 2. 3 Differences between Native and Hybrid Technique 24

39 2.5 ADDED VALUE MySQL MySQL is an open source relational database management system (RDBMS). SQL is the abbreviation for Structured Query Language. MySQL is the world s most popular open source database, enabling the cost-effective delivery of reliable, highperformance and scalable Web-based and embedded database applications. This application used MySQL Workbench and phpmyadmin as the database server. MySQL Workbench is a unified visual tool for database architects, developers, and DBAs. MySQL Workbench provides data modeling, SQL development, and comprehensive administration tools for server configuration, user administration, backup, and much more. MySQL Workbench enables a DBA, developer, or data architect to visually design, model, generate, and manage databases. It includes everything a data modeler needs for creating complex ER models, forward and reverse engineering, and also delivers key features for performing difficult change management and documentation tasks that normally require much time and effort. MySQL Workbench delivers visual tools for creating, executing, and optimizing SQL queries. The SQL Editor provides color syntax highlighting, auto-complete, reuse of SQL snippets, and execution history of SQL. The Database Connections Panel enables developers to easily manage standard database connections. 25

40 Figure 2. 7 MySQL Workbench Version 5.2 : SQL Database GrabJobs Syntax for creating database grabjobs for GrabJobs : Part Time for Students Application and creating table ADMIN. 26

41 2.5.2 Syntax for creating table COMPANY and table USER Syntax for creating table JOB and table APPLICATION 27

42 2.5.4 Syntax for creating table STUDENT 2.6 CHAPTER SUMMARY In this phase, the information is delivered about the study on the past research, current application or system, and article on the websites. This research is more to focus to do the development and guide to the successful project. This research can help to come out with the new application that will benefits to all user especially students in order to find a part time jobs. 28

43 CHAPTER 3 METHODOLOGY 3.1 INTRODUCTION This chapter will discuss about the methodology that used to develop this application system. For this project, iterative and incremental model approach has been chosen and it also explains more detail about every phase that involve in this project development to make sure this system can be accomplished successfully. Furthermore, it also explains justification for the use of methods and technique as well as hardware and software requirement during this project. Besides, this chapter contain Context Diagram (CD), Data Flow Diagram (DFD) and Entity Relationship Diagram (ERD) to build this GrabJobs: Part Time for Students Application. 29

44 3.2 PROJECT METHODOLOGY Methodology is the process, step or stages used to collect information and data for the purpose of making decisions. The methodology is chosen from the software development life cycle model (SDLC). A good planning and methodology must be used to accomplish the objectives of this project. Iterative and incremental model has been chosen as the methodology to develop this application. In this model, the project is designed, implemented and tested incrementally with improvement is added each time until the project is finished. The benefits of iterative and incremental development are it has the opportunity and improving the product step by step. Hence, it easier to manage risk and can track the defects at early stages. This avoids the downward flow of the defects. Besides, in iterative model less time is spent on documenting and more time is given for designing. The flexibility of the model makes the project easy to implement at a very little cost because of the frequency of new increments that are produced. Hence, iterative and incremental model is saving of time and cost. GrabJobs: Part Time for Students Application is developed by using Iterative and Incremental Model approach. By using this approach, it allows the developer to develop the system phase by phase and it is also possible return to the previous phase even though the deliverables had been done. There are 8 phases in this approach which are, initial planning, planning, requirements, analysis and design, implementation, testing, evaluation and deployment phase. For each iterations, any additional features can be designed, developed, implemented and tested until the application system is fully functional and ready to be deployed. 30

45 Figure 3. 1 Iterative model Initial Planning Phase In the initial planning phase, all the activities will be planned according to the given period to complete the proposal of the system. I have started with my supervisor in brainstorming and proposed the title of the project. GrabJobs: Part Time for Students Application has been selected as the title of the project besides deciding the added value that wants to be used. This project is a hybrid mobile application. The planning phase is the most important phase since during this phased all the planning on project development is properly planned. In the planning phase, the detailed about this proposed system was discussed. The background analysis of the GrabJobs: Part Time for Students Application was conducted by reviewing the journal about the mobile application technique. 31

46 3.2.2 Planning Phase During this phase, the detailed about the title was discussed. Problem statements, objectives, system s scope and limitation of work were defined as well. The data about similar application system and web-based system to Part Time Job for Students System and mobile application android technique had been collected. I had conducted feasibility study to understanding the problem statements and the solution. Therefore, the objectives are figured out within the scope of the application system Requirement Phase The requirement phase is to collect and gather information about the existing and related system and application. The user requirement and who is involved in this application is identified throughout this phase. All the requirement and module for Part Time Job for Students Application System is identified such as register, searching and applying in order to develop a complete system. All the data related to the topic is collecting by referring to the related system such as JobStreet, Indeed Application, Malaysia Part Time Job Application, UPal Application and other existing web based system that is related to part time job in order to gather information and identify the weakness of these current systems. Some research has been done to get overview about mobile application techniques by referring to the internet, articles and books. 32

47 3.2.4 Analysis and Design Phase In the analysis phase and design phase, the prototype design of the application is created based on the requirements that have been collected and analyzed from the requirement phase and the development of the prototype is considered based on the functionalities that will be built. In the design phase, the data or requirement obtained during the requirement phase is transformed into a design. The Context Diagram (CD), Data Flow Diagram (DFD) and Entity Relation Diagram (ERD) and framework model are design to represent the detail in order to describe the operation and flow of the application. During the system development, the interface of this application is designed with the connection to the table database in MySQL PhpMyAdmin Implementation Phase The implementation phase is also known as code generation phase. This phase involves real system s development based on the system s design that has been planned in the previous phase. In this phase, all the informal specification is interpreted into formal specification which required the design to be translated into code. Firstly, I started with the module 1 which is database administrator management module. Database administrator can login, add, update and delete information using web based system. 33

48 3.2.6 Testing Phase Testing phase is needed to be done in order to ensure that the application runs correctly. Test cases are used to test the system and checking the system for an error. It is important to ensure that the functionality of the system are meet the user requirement. For the testing phase, after each increment, regression testing should be conducted. If there are any errors for example fail to add information into database or unable to update information, coding will be revised to identified and find the bug and thus fix the bug. During the testing, the error found will be refer back to the background analysis, modelling and implementation phase in order to understand the problem better and improve to make a better system. Then the cycle of methodology is repeated until the project is well functioning Evaluation Phase In the evaluation phase, the application is evaluated first before deploy it to the end users. The system must fulfil the entire system requirement before it is able to be deployed. A group of user will be asked to use the application. Any best practices and technique that were used in the first iteration then can be used for the next requirements and iterations. 34

49 3.2.8 Deployment Phase In the deployment phase, the application will be released to end users to implement whether the application is functioning correctly or not. The system will be in steady state in which meets all the objectives of the GrabJobs: Part Time for Students Application requirement. In the making of this project, software and hardware tools are very important and essential. The application cannot be developed successfully without these software and hardware requirements. 3.3 SOFTWARE AND HARDWARE REQUIREMENT The requirement of hardware and software are the most important part of a project because it will lead to the success of the project. In order to complete the project, the facilities from software and hardware must be used. The software and hardware requirements used in this project are shown in Table and Table below: SOFTWARE REQUIREMENT NO SOFTWARE PURPOSE 1. Microsoft Words Tools that are used for documentation of the project, creating report and making diagram. 2. EDraw Max Tools that are used for making diagram such as ERD, DFD, CD and Framework. 35

50 3. Microsoft Power Point Tools that are used for presentation slide 4. Google Chrome Tools that are used as a platform to run a system. 5. Netbeans and Notepadd++ Tools that are used to create coding 6. XAMPP Web Server Local server to run and test the system and database connection. 7. MySQL Workbench Tools that are used to run SQL statement. 8. Snipping Tools Tools that are used to capture image diagram. 9. Android Studio, Node.js, APK Platform port for making mobile Cordova application 10. Adobe Reader PDF Tools that are used to view documents, journals and research paper. Table 3. 1 Software Requirement HARDWARE REQUIREMENT NO HARDWARE SPECIFICATION 1. Laptop Laptop HP ProBook 4331s 2. Printer HP Deskjet 2130 series 3. Pendrive Kingston 4. System Type 64-bit 5. Operating System Windows Android Samsung Table 3. 2 Hardware Requirement 36

51 3.4 SYSTEM DESIGN Modelling and design are a diagram that built to scale which is represent the detail in order to explain more about the system functioning in designing of database, the interface that are build and the way of implementation method in this system. System design is explained by Framework Design, Context Diagram (CD) and Data Flow Diagram (Level 0 and 1) and Entity Relationship Diagram (ERD). Data modelling is needed because it can facilitate interaction among the designer, application programmer and the end user. Early modelling and analysis help stakeholders to understand their needs and problems with potential solutions FRAMEWORK DESIGN A framework is a real or conceptual structure intended to serve as a support or guide for the building of something that expands the structure into something useful. A framework may be for a set function within a system and how they interrelate (the layers of an operating system), the layers of an application subsystem (how communication should be standardized at some level of a network). The framework shown in Figure 3.2 below shows how the application system will be used by the user of this application system which are student, company and admin of the system. The student can use this system through mobile application android and student must register through this application and need to verify by the admin to approve the registration of the student. Once the register is approved by the admin, student can login to the application. Student can search the part time jobs 37

52 by the job name and location. Student can view the details of the jobs and apply the jobs. Student can also view the job status that retrieve from the database. Company and admin can use this system through web based system. Company is needed to login into the system. If they use this system for the very first time, they need to sign up or register. Then, company can login into the system to manage job in order to provide job vacancy in the system. Company can also manage the application made by the student. Admin is needed to login in the system. Admin can generate report which are company report, student report, job report and application report from the database. 38

53 Figure 3. 2 Framework Design GrabJobs: Part Time for Student Application 39

54 3.4.2 CONTEXT DIAGRAM Context Diagram is a diagram that define the boundary between the system or part of a system, and its environment, showing the entities that interact with it and its inputs and outputs from or to the external factors. It is used in a project to get agreement on the scope under investigation. Context diagram is beneficial because it depicts the project scope at a high level of abstraction. Figure 3. 3 Context Diagram GrabJobs: Part Time for Student Application Description: The context diagram for GRABJOBS: PART TIME FOR STUDENT APPLICATION is shown in the figure above. The GRABJOBS: PART TIME FOR STUDENT APPLICATION process is at the center of the diagram. The three entities (ADMIN, COMPANY and STUDENT) are placed around the central process. Twenty eight data flows are involved in the interaction between the central process and the entities. The ADMIN entity has four incoming data 40

55 flow, LOGIN CONFIRMATION, STUDENT INFORMATION, ADMIN CONFIRMATION and REPORT INFORMATION. The outgoing data flows are REPORT DATA, ADMIN DETAILS, REGISTER APPROVAL and ADMIN ID AND PASSWORD. The COMPANY entity has five incoming data flow and six outgoing data flow. The incoming data flows are COMPANY CONFIRMATION, LOGIN CONFIRMATION, COMPANY CONFIRMATION, JOB CONFIRMATION and JOB APPLICATION INFORMATION. The outgoing data flows are COMPANY DATA, COMPANY ID AND PASSWORD, COMPANY DETAILS, JOB DATA, JOB STATUS and JOB CONFIRMATION. The STUDENT entity has five incoming data flow which are STUDENT CONFIRMATION, LOGIN CONFIRMATION, STUDENT CONFIRMATION, JOB CONFIRMATION and JOB STATUS. The outgoing data flows consists of four data flows which are STUDENT DATA, STUDENT ID AND PASSWORD, STUDENT DETAILS and JOB APPLICATION DETAILS. 41

56 3.4.3 DATA FLOW DIAGRAM (LEVEL 0) Company Data Company Confirmation Student Data STUDENT Student Confirmation 1.0 REGISTER Company Information Company Confirmation Student Confirmation D1 STUDENT Student Information 2.0 Student Information AdminID and Password 3.0 AdminID and Password D3 ADMIN Login Confirmation CompanyID and Password Login Confirmation LOGIN Login Confirmation CompanyID and Password COMPANY Company Details 4.0 Login Confirmation Company Information ADMIN Admin Details Admin Confirmation Admin Information Admin Confirmation ADMIN STUDENT Student Details Student Confirmation Student Information Student Confirmation Job Confirmation 5.0 Job Information Job Confirmation D4 JOB Job Information Job Confirmation APPLY JOB Job Information Job Confirmation D5 APPLICATION Job Application Information Job Application Information 42

57 Figure 3. 4 Data Flow Diagram (DFD Level 0) GrabJobs: Part Time for Student Application 43

58 Description : The DFD shown above has three entities which are ADMIN, STUDENT and COMPANY. REGISTER, STUDENT APPROVAL, LOGIN, MANAGE USER, MANAGE JOB, APPLY JOB, UPDATE JOB STATUS and GENERATE REPORT are eight processes involved in the application system. There are five data stores created in the application system which are COMPANY, STUDENT, ADMIN, JOB and APPLICATION. 1. COMPANY register by entering COMPANY DATA into REGISTER process which output COMPANY INFORMATION into COMPANY data store. Then, COMPANY data stores send COMPANY CONFIRMATION to REGISTER process. REGISTER process sends back COMPANY CONFIRMATION to COMPANY. 2. STUDENT register by entering STUDENT DATA into REGISTER process which output STUDENT INFORMATION into STUDENT data stores. STUDENT data stores send STUDENT INFORMATION to STUDENT APPROVAL process and STUDENT APPROVAL process send STUDENT INFORMATION to ADMIN for admin to approve the student s registration. Then, ADMIN sends REGISTER APPROVAL to STUDENT APPROVAL process. STUDENT APPROVAL process sends REGISTER APPROVAL to STUDENT data stores and STUDENT data stores send STUDENT CONFIRMATION to REGISTER process. Then, REGISTER process send STUDENT CONFIRMATION back to STUDENT. 44

59 3. ADMIN inputs the ADMIN ID AND PASSWORD into LOGIN process. LOGIN process send ADMIN ID AND PASSWORD to ADMIN data stores. ADMIN data stores confirm LOGIN CONFIRMATION into LOGIN process and LOGIN process send LOGIN CONFIRMATION to ADMIN. 4. A COMPANY enters COMPANY ID AND PASSWORD and processes by LOGIN. The COMPANY ID AND PASSWORD then is store in COMPANY data store. COMPANY data stores send LOGIN CONFIRMATION to LOGIN process. Then, LOGIN process sends LOGIN CONFIRMATION to COMPANY. 5. STUDENT inputs the STUDENT ID AND PASSWORD into LOGIN process. LOGIN process send STUDENT ID AND PASSWORD to STUDENT data stores. STUDENT data stores confirm LOGIN CONFIRMATION into LOGIN process and LOGIN process send LOGIN CONFIRMATION to STUDENT. 6. AN ADMIN enters ADMIN DETAILS and processes by MANAGE USER. The ADMIN INFORMATION then is store in ADMIN data store. ADMIN data stores send ADMIN CONFIRMATION to MANAGE USER process. Then, MANAGE USER process sends ADMIN CONFIRMATION to ADMIN. 45

60 7. A COMPANY enters COMPANY DETAILS and processes by MANAGE USER. The COMPANY INFORMATION then is store in COMPANY data store. COMPANY data stores send COMPANY CONFIRMATION to MANAGE USER process. Then, MANAGE USER process sends COMPANY CONFIRMATION to COMPANY. 8. When STUDENT inputs the STUDENT DETAILS, a process named MANAGE USER will sends STUDENT INFORMATION to the STUDENT data store. STUDENT data stores send STUDENT CONFIRMATION to MANAGE USER process. Then, MANAGE USER process sends STUDENT CONFIRMATION to STUDENT. 9. A COMPANY enters the JOB DATA into MANAGE JOB process. The MANAGE JOB process sends the JOB INFORMATION to the JOB data store. JOB data stores send JOB CONFIRMATION to MANAGE JOB process. Then, MANAGE JOB process send JOB INFORMATION to APPLY JOB process. MANAGE JOB process sends JOB CONFIRMATION to COMPANY. 46

61 10. JOB INFORMATION is retrieve from MANAGE JOB process into APPLY JOB process. When a STUDENT enters JOB APPLICATION DETAILS and processes by APPLY JOB process, the JOB INFORMATION then is store in APPLICATION data store. APPLICATION data stores sends JOB CONFIRMATION to APPLY JOB process and JOB APPLICATION INFORMATION into UPDATE JOB STATUS process. Then, APPLY JOB process sends JOB CONFIRMATION to STUDENT and UPDATE JOB STATUS process send JOB STATUS to STUDENT. 11. COMPANY enters the JOB STATUS. The UPDATE JOB STATUS process sends the JOB STATUS to the APPLICATION data store. APPLICATION data stores send JOB CONFIRMATION to UPDATE JOB STATUS process. Then, UPDATE JOB STATUS process sends JOB CONFIRMATION to COMPANY. 12. ADMIN enters REPORT DATA into GENERATE REPORT process. COMPANY data stores send COMPANY INFORMATION, STUDENT data stores send STUDENT INFORMATION, JOB data stores send JOB INFORMATION and APPLICATION data stores send JOB APPLICATION INFORMATION to GENERATE REPORT process. Then, GENERATE REPORT process sends REPORT INFORMATION to ADMIN. 47

62 3.4.4 DATA FLOW DIAGRAM (LEVEL 1) MANAGE USER Figure 3. 5 DFD Level 1 Manage User Description: 1. When ADMIN inputs the ADMIN DATA, a process named UPDATE PROFILE will send ADMIN INFORMATION to the ADMIN data store. ADMIN data stores send ADMIN INFORMATION to UPDATE PROFILE process. Then, UPDATE PROFILE process sends ADMIN INFORMATION to ADMIN. 48

63 2. When STUDENT inputs the STUDENT DATA, a process named UPDATE PROFILE will send STUDENT INFORMATION to the STUDENT data store. STUDENT data stores send STUDENT INFORMATION to UPDATE PROFILE process. Then, UPDATE PROFILE process sends STUDENT INFORMATION to STUDENT. 3. When COMPANY inputs the COMPANY DATA, a process named UPDATE PROFILE will send COMPANY INFORMATION to the COMPANY data store. COMPANY data stores send COMPANY INFORMATION to UPDATE PROFILE process. Then, UPDATE PROFILE process sends COMPANY INFORMATION to COMPANY. 4. When ADMIN inputs and updates the OLD PASSWORD AND NEW PASWORD, a process named CHANGE PASSWORD will send PASSWORD INFORMATION to the ADMIN data store. ADMIN data stores send PASSWORD INFORMATION that to CHANGE PASSWORD process. Then, CHANGE PASSWORD process sends PASSWORD INFORMATION to ADMIN. 5. When STUDENT inputs and updates the OLD PASSWORD AND NEW PASWORD, a process named CHANGE PASSWORD will send PASSWORD INFORMATION to the STUDENT data store. STUDENT data stores send PASSWORD INFORMATION that to CHANGE PASSWORD process. Then, CHANGE PASSWORD process sends PASSWORD INFORMATION to STUDENT. 49

64 6. When COMPANY inputs and updates the OLD PASSWORD AND NEW PASWORD, a process named CHANGE PASSWORD will send PASSWORD INFORMATION to the COMPANY data store. COMPANY data stores send PASSWORD INFORMATION that to CHANGE PASSWORD process. Then, CHANGE PASSWORD process sends PASSWORD INFORMATION to COMPANY. 50

65 MANAGE JOB Figure 3. 6 DFD Level 1 Manage Job Description: 1. When COMPANY inputs the JOB DATA, a process named ADD JOB will send JOB INFORMATION to the JOB data store. JOB data stores send JOB INFORMATION to ADD JOB process. Then, ADD JOB process sends JOB INFORMATION to COMPANY. 2. When COMPANY inputs and updates the JOB DATA, a process named UPDATE JOB will update JOB INFORMATION to the JOB data store. JOB data stores send JOB INFORMATION that to ADD JOB process. Then, UPDATE JOB process sends JOB INFORMATION to STAFF. 51

66 3. When COMPANY inputs to deletes the JOB DATA, a process named DELETE JOB will update JOB INFORMATION to the JOB data store to delete the job. JOB data stores send JOB INFORMATION that to ADD JOB process. Then, DELETE JOB process sends JOB INFORMATION to COMPANY that the job has been deleted. APPLY JOB Figure 3. 7 DFD Level 1 Apply Job Description: 1. When STUDENT keys in the JOB DETAILS, a process named SEARCH JOB will send JOB DETAILS to the JOB data store. JOB data stores send JOB 52

67 INFORMATION to VIEW JOB process. Then, VIEW JOB process sends JOB INFORMATION to STUDENT. 2. When STUDENT enters the JOB APPLICATION DETAILS, a process named APPLY JOB will send JOB APPLICATION INFORMATION to the APPLICATION data store. APPLICATION data stores send JOB CONFIRMATION to APPLY JOB process. Then, APPLY JOB process sends JOB CONFIRMATION to STUDENT and JOB APPLICATION INFORMATION to COMPANY. 3. When COMPANY keys in the JOB STATUS, a process named JOB STATUS will send JOB STATUS to the APPLICATION data store. APPLICATION data stores send JOB STATUS to JOB STATUS process. Then, JOB STATUS process sends JOB STATUS to STUDENT. 53

68 3.4.5 ENTITY RELATIONSHIP DIAGRAM Figure 3. 8 Entity Relationship Diagram (ERD) GrabJobs: Part Time for Student Application The figure above shows the Entity Relationship Diagram (ERD) for the GrabJobs : Part Time for Student Application. There are six entities in the ERD shown above which is the ADMIN, STUDENT, COMPANY, USER, JOB and APPLICATION. The relationship is the interaction between the entities. For the example, the ADMIN approve STUDENT. STUDENT apply JOB, and COMPANY manage JOB. 54

69 Interaction of ADMIN and STUDENT One to Many Relationships ADMIN can approve 1 or more than 1 STUDENT But 1 STUDENT can only be registered by 1 ADMIN In ADMIN : adminid (PK) In STUDENT : student (PK) Interaction of COMPANY and JOB One to Many Relationships COMPANY can manage 1 or more than 1 JOB But 1 JOB can only be managed by 1 COMPANY In COMPANY : company (PK) In JOB : jobid (PK) 55

70 Interaction of STUDENT and JOB Many to Many Relationships STUDENT can apply 1 or more than 1 JOB JOB can be applied by 1 or more than 1 STUDENT Thus, the relationship between entity STUDENT and entity JOB is Many to Many relationships Hence, an associative entity is created, named APPLICATION entity and cardinality many to many is removed The data in associative entity show amount of STUDENT apply for each JOB In STUDENT : student (PK) In JOB : jobid (PK) Entity APPLICATION Associative entity created from Many to Many Relationships Contain information relationship between STUDENT and JOB Contain jobid (PK & FK), student (PK &FK), applydate (PK), company (FK) and statusapp 56

71 3.4.6 DATA DICTIONARY 1. TABLE ADMIN 2. TABLE STUDENT 3. TABLE COMPANY 4. TABLE USER 5. TABLE JOB 6. TABLE APPLICATION 57

72 1. TABLE ADMIN NO ATTRIBUT DESCRIPTION TYPE KEY LENGTH DE NULL ES FA UL T 1 adminid adminid represents the unique ID that holds by admin. It will be used to identify the admin details. e.g adminid in the system is A001 VARCHAR PRIMARY 10 NO 2 represents the of the registered admin of the system. It will be used to verify their authorization to the system. e.g in the system is admin1@yahoo.c om phoneno 3 phoneno represents the phone number or VARCHAR - 50 NO VARCHAR - 12 NO 58

73 mobile number of the admin. e.g houseno houseno represents the specific house number in address of the admin. e.g houseno in the system is Lot 123 VARCHAR - 10 NO 5 roadname roadname represents the specific road name in address of the admin. e.g roadname in the system is Jalan Kenanga VARCHAR - 20 NO 6 posscode posscode represents the posscode in address of the admin. e.g posscode in the system is VARCHAR - 5 NO 7 city city represents the specific city in address of the admin. e.g city in the system is Kota Bharu VARCHAR - 30 NO 59

74 8 state state represents the specific state in address of the admin. e.g state in the system is Kelantan VARCHAR - 15 NO Table 3. 3 Table Admin 60

75 2. TABLE STUDENT N O ATTRIBUTES DESCRIPTION TYPE K E Y LENGTH DEFAULT NULL 1 student student VARCHAR P 50 NO represents the R unique that I holds by student. M It will be used to A identify the R student details. Y e.g student in the system is aliya@gmail.co m 2 icnum icnum represents the identification card of the registered student in the system. IC number used to retrieve the data of date of birth and age of the student. e.g icnum in the system is VARCHAR - 12 NO 61

76 3 Sname Sname represents the full name as in identification card of the student which is the user of the system. e.g Nor Aliya binti Rasid VARCHAR - 30 NO 4 matricno matricno VARCHAR U 20 NO represents the N unique matric I number of the Q student in order to U verified that the E user is a student. It will be used to verify their authorization to the system. e.g matricno in the system is BTAL studstatus studstatus represents the status of student that has been approved or rejected by admin in order to use the system. e.g CHAR - 1 X YES 62

77 studstatus in the system is Y/N 6 phoneno phoneno represents the phone number or mobile number of the student. e.g VARCHAR - 12 NO 7 gender gender represents the gender of the student. e.g gender in the system is M CHAR - 1 NO 8 approvalletter approvalletter represents the evidence of the student in order to verified the identification as a student. approvalletter is an attachment of file or image. VARCHAR - 20 NO 9 houseno houseno represents the specific house number in address of the student. e.g VARCHAR - 10 NO 63

78 houseno in the system is Lot roadname roadname represents the specific road name in address of the student. e.g roadname in the system is Jalan Kenanga VARCHAR - 20 NO 11 posscode posscode represents the posscode in address of the student. e.g posscode in the system is VARCHAR - 5 NO 12 city city represents the specific city in address of the student. e.g city in the system is Kota Bharu VARCHAR - 30 NO 13 state state represents the specific state in address of the student. e.g state in the VARCHAR - 15 NO 64

79 system Kelantan is 14 adminid adminid VARCHAR F represents the O unique ID that holds by admin. It will be used to R E I identify the G admin details. N e.g adminid in the system is A001 Table 3. 4 Table Student 10 YES 65

80 3. TABLE COMPANY N O ATTRIBUTES DESCRIPTION TYPE K E Y LENGTH DEFAULT NULL 1 company company VARC P 50 NO represents the HAR R unique that I holds by company. M It will be used to A identify the R company details. Y e.g company in the system is ali@gmail.com 2 Cname Cname represents the full name as in identification card of the company which is the user of the system. e.g Mohd Ali bin Abu VARC HAR - 30 NO 3 phoneno phoneno represents the phone number or mobile number of the company. e.g VARC HAR - 12 NO 66

81 4 houseno houseno represents the specific house number in address of the company. e.g houseno in the system is Lot 123 VARC HAR - 10 NO 5 roadname roadname represents the specific road name in address of the company. e.g roadname in the system is Jalan Kenanga VARC HAR - 20 NO 6 posscode posscode represents the posscode in address of the company. e.g posscode in the system is VARC HAR - 5 NO 7 city city represents the specific city in address of the company. e.g city in the system is Kota Bharu VARC HAR - 30 NO 67

82 8 state state represents the specific state in VARC HAR - 15 NO address of the company. e.g state in the system is Kelantan Table 3. 5 Table Company 68

83 4. TABLE USER N O ATTRIBUTES DESCRIPTION TYPE K E Y LENGTH DEFAULT NULL 1 userid userid VARC P 50 NO represents the HAR RI unique id that M holds by admin, A student and R company. It will Y be used to identify the admin, company and student details that use the system. e.g userid in the system is A passwords passwords represents the key VARC HAR - 30 abcde NO to allowed authorized user to login into the system. e.g password in the system is 123 Table 3. 6 Table User 69

84 5. TABLE JOB N O ATTRIBUTES DESCRIPTION TYPE K E Y LENGTH DEFAULT NULL 1 jobid jobid VARCHAR P 10 NO represents the R unique ID that I holds by job. It M will be used to A identify the job R details. Y e.g jobid in the system is J001 2 jobname jobname represents the name of the job. e.g House Keeping VARCHAR - 30 NO 3 typeofwork typeofwork represents the type of the job from the name of job. E.g Household VARCHAR - 30 NO 70

85 4 description description represents the details explanation of the job. e.g description in the system is The job scope is to clean every room and toilets VARCHAR - 50 NO 5 timework timework represents the time duration of the job. e.g timework in the system is 8.00 am 9.00 pm VARCHAR - 20 NO 6 salary salary represents the amount of salary or allowance that provided for a job. e.g salary in the system is 100 VARCHAR - 10 NO 7 startdate startdate represents the initial date of the job or the date that the job is assigned. e.g DATE NO 71

86 8 enddate startdate represents the initial date of the job or the date that the job is assigned. e.g DATE NO 9 houseno houseno represents the specific house number in address of the job. e.g houseno in the system is Lot 123 VARCHAR - 10 NO 10 roadname roadname represents the specific road name in address of the job. e.g roadname in the system is Jalan Kenanga VARCHAR - 20 NO 11 posscode posscode represents the posscode in address of the job. e.g posscode in the system is VARCHAR - 5 NO 12 city VARCHAR - 30 NO 72

87 city represents the specific city in address of the job. e.g city in the system is Kota Bharu 13 state state represents the specific state in address of the job. e.g state in the system is Kelantan VARCHAR - 15 NO 14 company company VARCHAR F represents the O unique that R holds by E company. It will I be used to G identify the N company details. e.g company in the system is ali@gmail.com Table 3. 7 Table Job 50 YES 73

88 6. TABLE APPLICATION N O ATTRIBUTES DESCRIPTION T Y P E KEY LENGTH DEFAULT NULL 1 jobid jobid V PRIMARY, 10 NO represents the A FOREIGN unique ID that R holds by job. It C will be used to H identify the job A details. R e.g jobid in the system is J001 2 student student V PRIMARY, 50 NO represents the A FOREIGN unique that R holds by student. C It will be used to H identify the A student details. R e.g student in the system is aliya@gmail.co m 3 applydate applydate represents the date that student apply for the job. e.g D A T E PRIMARY NO 74

89 4 statusapp statusapp represents the status for the application. e.g statusapp in the system is APPROVE V A R C H A R - 10 Pending YES 5 company company V FOREIGN 50 YES represents the A of the R company C H A R Table 3. 8 Table Application 75

90 3.4.7 DATABASE AND TABLE ATTRIBUTE 1. DATABASE ADMIN Figure 3. 9 Table Admin This table is used to store the details of the admin. This table has eight fields which are adminid as primary key, , phoneno and address (houseno, roadname, posscode, city and state). 76

91 2. DATABASE STUDENT Figure Table Student This table is used to store the information of the student. This table has forteen fields which are student as primary key, icnum, Sname, matricno as unique, studstatus, phoneno, gender, approvalletter, adminid as foreign key and address (houseno, roadname, posscode, city and state). 77

92 3. DATABASE COMPANY Figure Table Company This table is used to store the information of the company. This table has eight fields which are company as primary key, Cname, phoneno and address (houseno, roadname, posscode, city and state). 4. DATABASE USER Figure Table User This table is used to username and password for users which are admin, student and company. This table has three fields which are userid as primary key, passwords and userlevel. 78

93 5. DATABASE JOB Figure Table Job This table is used to store the information of the job. This table has forteen fields which are jobid as primary key, jobname, typeofwork, description, timework, salary, startdate, enddate, company and address (houseno, roadname, posscode, city and state). In this table, company is a foreign key. 79

94 6. DATABASE APPLICATION Figure Table Application This table is used to store the information of the application. This table has five fields which are jobid, student , applydate, statusapp and company . In this table, jobid, student amd applydate is a primary key while jobid, student and company is foreign key. 3.5 CHAPTER SUMMARY In this chapter, it explained more about the technical part of this project. Those technical parts are explained in Framework Design, Context Diagram, Data Flow Diagram, and Entity Relationship Diagram. It also explained the table and data dictionary of the system. 80

95 CHAPTER 4 IMPLEMENTATION AND RESULT 4.1 INTRODUCTION An implementation and result is to construct the product as design specifications developed in previous phase, methodically verified to ensure that they are error-free and fully meet user requirements. Implementation and result should be done before a system is fully utilized. System implementation consider that the hardware and software system components are installed, the selected software is configured and tested, the software may be customized to meet local functional requirement, data mapping, signed off and becoming a fully operational production system. 81

96 4.2 INTERFACE DESIGN The interface design is a structure of an interface for the system.grabjobs :Part Time for Student Application consists of three modules which are administrator s module, company s module and student s module. Figure 4. 1 Main Homepage Figure 4.1 shows the main homepage of the system. User can click the button register or login in this page. 82

97 4.2.1 ADMINISTRATOR S MODULE In this module, there are a few process involved, such as admin s login, manage profile, student s registration and report. Figure 4. 2 Login Form For Admin Figure 4.2 above shows the login page for the admin. Admin can log into the system by entering user ID and password. Figure 4. 3 Homepage For Admin Figure 4.3 above shows the homepage for administrator 83

98 Figure 4. 4 Update Profile Form for Admin Figure 4.4 shows form for admin to update their information in the system. Admin can update their new information in the system. Figure 4. 5 Update Profile Process Figure 4.5 shows the process successfully updated once the admin update their information. 84

99 Figure 4. 6 Admin Profile Figure 4.6 shows the page that display profile of the admin. Figure 4. 7 Change Password For Admin Figure 4.7 shows change password page. Admin can change their old password into the new password. 85

100 Figure 4. 8 Student Registration List Figure 4.8 shows system display the information about the student and action to view student details Figure 4. 9 Student Registration Approval Figure 4.9 shows system display the details information about the student and action to approve or reject student registration 86

101 Figure Student Certification Letter Figure Student Is Approved By Admin Figure Student Is Rejected By Admin 87

102 Figure Report Company Figure 4.13 shows system display report student for admin to view Figure Report Student Figure 4.14 shows system display report student for admin to view 88

103 Figure Report Job Figure 4.15 shows system display report job for admin to view Figure Report Application Figure 4.16 shows system display report application for admin to view 89

104 4.2.2 COMPANY S MODULE In this module, there are a few process involved, such as company s register, login, manage profile, manage job and job response. Figure Login Form For Company Figure 4.17 above shows the login page for the company. Company can log into the system by entering user ID and password. Figure Homepage For Company Figure 4.18 above shows the homepage for company 90

105 Figure Update Profile Form Figure 4.19 shows form for company to update their information in the system. Company can update their new information in the system. Figure Update Profile Process Figure 4.20 shows the process successfully updated once the company update their information. 91

106 Figure Company Profile Figure 4.21 shows the page that display profile of the company. Figure Change Password Form Figure 4.22 shows change password page. Company can change their old password into the new password. 92

107 Figure Manage Job (Add Job Form) Figure 4.23 shows manage job page. Company can fill the add job form to add new job. Figure Manage Job (Add Job Process) Figure 4.24 shows add job process which the job is successfully added after company clicked the submit button. 93

108 Figure Manage Job (View Job List) Figure 4.25 shows the lists of jobs posted by the company that login. Company can view the details of the job by clicking the View button. Figure Manage Job (Job Details) Figure 4.26 shows the details of the job. Company can update the job details by clicking the edit button or delete the job posted by clicking the delete button. 94

109 Figure Manage Job (Update Job Process) Figure 4.27 shows the update job form. Company can edit the details of the job in the field provided. Figure Manage Job (Delete Job Process) Figure 4.28 shows the job posted is being deleted once the company click the delete button. 95

110 Figure Job Response Figure 4.29 shows lists of student that applied the job posted by the company. Company can view the details of the job, details of the student and the job application by the student. Figure Job Description for Company To View Figure 4.30 display the details of the job posted by the company after company clicked view job details button in previous page. 96

111 Figure Student Profile for Company To View Figure 4.31 display the profile of the student that applied the job posted by the company after company clicked view student profile button in previous page. Figure Student Application Approval Process Figure 4.32 shows student application page thst display the job application status of the student. Company can update the job application status of the student whether to approved or decline the application. 97

112 4.2.3 STUDENT S MODULE (Mobile Application Interface) In this module, there are a few process involved, such as student s registration, login, manage profile, job lists and job status. Figure Slide Navigation for Student and Figure 4.34 Student Registration Form Figure 4.33 shows navigation menu in mobile application for student. Figure 4.34 shows student registration form. Student need to register first before use this application and wait for confirmation from admin. 98

113 Figure Student Registration Form and Student Login Form Figure 4.34 above shows the login page for the student. Student can log into the application by use ID and IC number as passwords. 99

114 Figure Student Homepage and Student Slide Navigation Figure 4.35 above shows the homepage for student after student log into the application.and navigation menu in order to navigate student to use this application. 100

115 Figure Student Update Profile Form and Student Profile Figure 4.36 shows the update profile page for the student. Student can edit their profile and after student click the submit button, the application will display the profile of the student. 101

116 Figure Student Change Password and Job Lists Figure 4.37 shows the page for student to change their password and display the job lists that post by all the companies that registered in this application. Student can view the job extent by clicking the View button. 102

117 Figure Student can search the job by job title and type of work and Job Description Figure 4.38 shows student can search the job by the job name, type of work,date amd job salary and the description of the job. 103

118 Figure Student Apply Job and Job Status Figure 4.39 shows student can apply the part time job. The apply date display is the current date and after student apply the job, the job that applied will be display in the job status page and the status of the job will automatically become pending. 104

119 Figure Cancellation job application process and Job Status Figure 4.40 shows the process of cancelling the job that has been applied. Student can cancel the job if only the status of the job is pending. Once the company has approved or decline the job application of the student, student cannot cancel anymore. 105

120 4.3 TECHNIQUE HYBRID TECHNIQUE IMPLEMENTATION Figure Hybrid Mobile Application Technique Use Cordova to build apk App-debug.apk install in the android 106