ANALISIS DAN PERANCANGAN APLIKASI MOBILE PADA PLATFORM ANDROID DAN APLIKASI WEB UNTUK CMS DAN REPORTING PADA PERUSAHAAN EKSPEDISI

Transkripsi

1 ANALISIS DAN PERANCANGAN APLIKASI MOBILE PADA PLATFORM ANDROID DAN APLIKASI WEB UNTUK CMS DAN REPORTING PADA PERUSAHAAN EKSPEDISI Wilius Setiawan Binus University, Jakarta, DKI Jakarta, Indonesia Jefri Binus University, Jakarta, DKI Jakarta, Indonesia dan Rikky Binus University, Jakarta, DKI Jakarta, Indonesia 1. Pendahuluan Dalam menghadapi era globalisasi saat ini, kebutuhan akan teknologi informasi dalam sebuah perusahaan tidak dapat di pandang sebelah mata dan telah menjadi suatu kebutuhan yang mendesak, karena dengan adanya teknologi informasi dengan internet maka dapat memberikan suatu solusi bagi perusahaan tersebut untuk bertindak sesuai keadaan. Selain itu, dengan adanya informasi yang cepat, tepat, dan akurat dapat membantu perusahaan dalam menghindari atau memecahkan masalah yang sedang atau yang akan dihadapi nantinya. Kemajuan teknologi yang berkembang pesat telah membuat informasiinformasi yang dibutuhkan baik individu maupun perusahaan dapat ditampilkan secara menarik dan inovatif. PT. InTouch Innovate Indonesia adalah salah satu

2 perusahaan penyedia solusi inovatif mobile dengan lebih dari 10 tahun terbukti track record. PT. InTouch Innovate Indonesia, merupakan salah satu anak perusahaan dari PT. Skybee. Basis usaha dari PT. InTouch Innovate Indonesia merupakan perusahaan yang bergerak dalam bidang IT khususnya dalam bidang teknologi Mobile. Dan salah satu pengembang mobile software ternama di Indonesia. Sampai saat ini PT. InTouch Innovate Indonesia banyak mengembangkan aplikasi yang di bundle di dalam ponsel Nokia dan bekerjasama dengan operator selular di Indonesia untuk menyediakan layanan Mobile. Untuk memperkuat posisi sebagai penyedia layanan mobile, PT. InTouch Innovate Indonesia akan mengembangkan aplikasi mobile di berbagai platform dengan mempertimbangkan perkembangan pasar dan teknologi. Untuk saat ini, PT. InTouch Innovate Indonesia mengembangkan aplikasi untuk sistem telekomunikasi yang inovatif dan solusi ke dalam empat kategori yaitu utilities, entertainment, personal productivity, dan mobile reward system. Dalam hal ini PT. InTouch Innovate Indonesia dibantu untuk membuat aplikasi mobile tracking pada platform Android dan aplikasi web untuk CMS dan reporting pada perusahaan ekspedisi barang. Dimana pembuatan aplikasi mobile dan web ini juga sebagai dasar dalam penyususan skripsi. Kendala yang sering terjadi pada perusahaan ekspedisi barang adalah dalam hal proses ketepatan dan kecepatan dalam proses pengiriman barang. Latar belakang dipilihnya judul skripsi ini adalah kompleksitas masalah dalam proses pengiriman. Di dalam proses pengiriman, tahapan tahapan yang harus dilalui mulai dari penerimaan jobdesc, form delivery, delivery route planning, user & management privilege, tanda tangan pengiriman barang, dan delivery list report yang merupakan suatu rangkaian proses yang panjang. Selama proses pengiriman dilakukan timbul banyak masalah, seperti pengiriman barang oleh courier yang lewat dari deadline, tidak jelasnya hak akses dalam pengeditan

3 pengiriman barang. Dengan adanya sistem komputerisasi yang baik, maka permasalahan akan dapat teratasi. 2. Metodologi Metodologi yang kami terapkan dalam penelitian ini sebagai berikut : 1. Metode Pengumpulan Data Metode pengumpulan data yang dilakukan adalah dengan melakukan wawancara langsung dengan staf staf dan karyawan di PT. InTouch Innovate Indonesia yang terkait untuk mendapatkan dan mengumpulkan data data yang dibutuhkan seperti sistem yang sedang berjalan dan laporan. 2. Metode Analisis Metode analisis yang digunakan adalah dengan merinci kebutuhan sistem dan mencoba mencari solusi yang tepat sesuai dengan kebutuhan perusahaan. 3. Metode Perancangan Metode perancangan dilakukan setelah analisis masalah. Pada metode perancangan yang digunakan adalah merancang solusi pemecahan masalah, dari mulai perancangan aplikasi, basis data, struktur menu, hingga perancangan layar. 4. Studi Literatur Adapun studi literatur yang dilakukan yaitu dengan cara mempelajari literatur yang berhubungan dengan sistem perancangan yang menggunakan Dreamweaver, Eclipse dan MySQL. Selain itu mencari informasi-informasi lain baik dari internet, artikel atau sumber-sumber

4 lainnya sebagai data pendukung pembuatan aplikasi dan pengetahuan tentang bahasa pemrograman yang akan digunakan. 5. Implementasi Terdiri dari 2 tahapan, yaitu : 5.1 Melakukan pengkodean program. 5.2 Melakukan tes pada program. 3. Perancangan Perancangan metode yang digunakan untuk membuat aplikasi mobile pada platform android dan aplikasi web untuk CMS dan Reporting pada perusahaan ekspedisi ini yaitu dengan menggunakan model berorientasi objek. Dalam hal ini kami menggunakan UML. 4. Implementasi Dalam melakukan implementasi terhadap suatu aplikasi perlu diperhatikan spesifikasi komputer yang digunakan. Dimana spesifikasi system tersebut mencakup spesifikasi perangkat keras (hardware) dan perangkat lunak (software). Spesifikasi ini bertujuan agar aplikasi dapat berjalan dengan optimal. Spesifikasi Perangkat Keras dan Perangkat Lunak Berikut ini adalah spesifikasi yang disarankan untuk dapat menjalankan system secara optimal.

5 i. Spesifikasi Hardware Hardware yang digunakan pada percobaan implementasi Sistem Aplikasi Mobile Tracking pada perusahaan ekspedisi barang dengan spesifikasi sebagai berikut : 1. Processor : Pentium IV 3.0 Ghz 2. Harddisk : 160 GB 3. RAM : 1GB 4. Monitor : 14 inch ii. Spesifikasi Software Selain hardware, juga diperlukan software agar dapat menjalankan Sistem Aplikasi Mobile Tracking pada PT. Intouch Innovate Indonesia. Spesifikasi software yang digunakan pada percobaan antara lain: 1.Sistem Operasi Windows 7 dan XP Profesional 2.Database MySQL WorkBench Dreamweaver CS5 dan Eclipse Tomcat 7.0

6 5. Evaluasi Berikut adalah langkah-langkah pengoperasian Sistem Aplikasi Mobile Tracking pada perusahaan ekspedisi barang: 5.1 Tampilan pada Web 1. Login Gambar.1 Halaman Login Tampilan halaman login digunakan untuk login agar dapat menggunakan sistem ini dan setiap user memiliki hak aksesnya sendiri. Tombol Login digunakan untuk mencocokkan kebenaran dari username dengan password yang dimasukkan.

7 2. Delivery Tracking Admin Gambar.2 Halaman Delivery Tracking Admin Halaman ini adalah tampilan utama jika login dengan menggunakan hak akses admin dimana. Tampilan terhadap user lain berbeda tergantung pada hak aksesnya. Setelah admin login, dimunculkan menu-menu yang tersedia untuk Admin. Admin dapat memasukkan, melihat, merubah dan menghapus semua data pada setiap menu, tergantung dari transaksi yang diijinkan pada menu-menu tersebut.

8 3. Halaman Delivery Route Planning Admin Gambar.3 Halaman Delivery Route Planning Admin Halaman ini menampilkan admin dapat melihat alamat penerima yang akan dilalui oleh courier nanti, lalu admin juga dapat melihat map yang berisi destinasi yang akan dituju oleh courier. Setelah itu admin juga bisa menambahkan destinasi tujuan pengiriman yang akan dituju oleh courier nantinya.

9 4. Insert Job Admin Gambar.4 Halaman Insert Job Admin Halaman Insert job digunakan untuk menambahkan destinasi tujuan pengiriman yang akan dikirim oleh courier.

10 5. User Management & Privilidge Admin Gambar.5 Halaman User Management & Privilidge Admin Halaman User Management & Priveledge ini admin dapat melihat semua daftar list user yang ada, lalu admin juga bisa mengupdate informasi user, dan juga bisa menghapus daftar list user yang ada.setelah itu admin bisa menambahkan user baru.

11 6. User Management & Priviledge Update Admin Gambar.6 Halaman User Management & Priviledge Update Admin Pada Halaman User Management & Priviledge Update, admin dapat mengupdate informasi user.

12 7. User Management & Priviledge Insert Admin Gambar.7 Halaman User Management & Priviledge Insert Admin Halaman User Management & Priveledge - Insert digunakan untuk menambahkan user baru.

13 8. Delivery List Report Admin Gambar.8 Halaman Delivery List Report Admin Halaman Delivery List Report digunakan Admin untuk melihat list status pengiriman / laporan pengiriman oleh courier. Admin juga dapat menghapus list laporan pengiriman dan juga bisa melihat tanda tangan penerima.

14 9. Halaman View Sign Gambar.9 Halaman View Sign Halaman View Sign untuk melihat tanda tangan costumer yang telah menerima barang.

15 10. Halaman Delivery Tracking 11. H a l a m a Gambar.10 Halaman Delivery tracking Halaman berikut untuk melihat route yang dilalui oleh Courier.

16 11.Halaman Delivery Route Planning Gambar.11 Halaman delivery Route Planning Halaman ini merupakan route planning pengiriman barang yang akan dilakukan oleh courier.

17 5.2 Tampilan home device Halaman Home Gambar.12 Halaman Home Device - Portrait

18 Gambar.13 Halaman Home Device - Landscape Berikut tampilan home device sebelum menjalankan aplikasi dari mobile tracking.

19 1. Tampilan Login Device Gambar.14 Halaman Login - Portrait

20 Gambar.15 Halaman Login - Landscape Berikut adalah tampilan halaman login pada device, Tampilan halaman login digunakan untuk login agar dapat menggunakan sistem ini. Dimana courier akan login menggunakan hak aksesnya. Tombol Login digunakan untuk mencocokkan kebenaran dari username dengan password yang dimasukkan.

21 2. Tampilan Halaman Login apabila username dan password tidak diisi Gambar.16 Halaman Login jika tidak diisi Tampilan Halaman Login apabila username dan password tidak diisi, maka akan muncul alert username or password is Incorrect.

22 3. Tampilan Daftar Tugas Harian Courier Gambar.17 Halaman Daftar Tugas Harian Courier - Landscape

23 Gambar.18 Halaman Daftar Tugas Harian Courier -Portrait Berikut adalah tampilan daftar tugas harian courier untuk mengirimkan barang ke alamat costumer yang berisi konos, alamat penerima, nama penerima serta icon yang melambangkan status pengiriman. Tanda (V) hijau berarti barang sampai ke tujuan dan tanda (X) merah berarti barang belum di kirim atau barang tidak berhasil di kirim.

24 4. Tampilan Delivered Gambar.19 Halaman Detail Pengiriman- Delivered -Portrait

25 Gambar.20 Halaman Detail Pengiriman- Delivered -Portrait

26 5. Tampilan Consignee s Sign Gambar.21 Halaman Consignee s Sign Pada halaman consignee s sign ini berisi tombol cancel, clear, dan save, selain itu terdapat form untuk menuliskan consignee s name, juga satu form untuk mengcapture consignee s sign.

27 Gambar.22 Halaman Consignee s Sign Berikut adalah tampilan ketika consignee melakukan pengisian pada form consignee s sign.

28 Gambar.23 Halaman Consignee s Sign Pada tampilan diatas menunjukan warning, apakah consignee s name dan consignee s sign ingin di save atau tidak.

29 6. Kesimpulan Dari hasil analisis, perancangan, implementasi dan evaluasi maka dapat ditarik simpulan sebagai berikut : 1. Dengan pembuatan Sistem Aplikasi Mobile tracking dan aplikasi Web untuk CMS dan reporting ini, maka sistem kerja pada perusahaan ekspedisi barang dapat terkomputerisasi dengan cara yang mudah bagi user. 2. Sistem Aplikasi Mobile tracking dan aplikasi Web untuk CMS dan reporting ini sangat membantu Perusahaan ekspedisi barang untuk memantau dan mengatur jalannya proses kerja pengiriman barang. 3. Sistem Aplikasi mobile tracking dan aplikasi Web untuk CMS dan reporting ini membantu mengurangi terjadinya human error pada sistem kerja manual yang sebelumnya diterapkan perusahaan. Aplikasi ini lebih memudahkan pencatatan, pengiriman, dan pengaturan tanggal deadline yang diberikan pada setiap courier dalam pengiriman barang.

30 DAFTAR PUSTAKA Blank.(2004). TCP/IP Foundation. Sybex. USA: Inc. Brooks, David R.(2007). The Bayesian Choice. Second Edition. London: Springer. Callihan, Steve.(2003). Learn HTML 4 in a Weekend. 4 th Edition. USA: Premier Press. Colmer, Rebecca Sharp(CSA).(2006). The Senior s Guide to Easy Computing. Seri Update. USA: ELEKTIKA Press. Comer, Douglas E.(2007). The Internet Book. Wireless & Wikis Inside. Pearson Education. USA: Inc. Connolly, Thomas M., Begg, Carolyn E. (2005). Database Systems: A Pratical Approach to Design, Implementation and Management. London: Addison-Wesley. Juju, Dominikus. Studio, MataMaya.(2008). Join Multilpy. Seri Premium Praktis. Jakarta: PT. Elex Media Computindo. McFarland, David Sawyer.(2008). Javascript. The Missing Manual. Seba: O Relly Media.Inc. Okin, J. R(2005). The information revolution: the not-for-dummies guide to the history, technology, and use of the World Wide Web. USA : Ironbound Press. Peltzer, Dwight.(2004)..NET & J2EE Interoperability. Osborne: McGraw Hill. Pressman, Roger S. (2001). Software Engineering: A Practitioner s Approach, Fifth Edition. McGrawHill, New York.

31 Price, Cheryl. Wix, Nee.(2002).Operat a Personal Computer (windows XP). Computing. Australia: Software Publication. Richardson, Gary.(2005). The HTML & ASP Handbook. Springer, London. Saleh, Rahmat. Sulistyawan. & Rubianto.(2008). Modifikasi Blog Multiplyt dengan CSS. Jakarta: PT.Elex Media Komputindo. Sardiman, Drs, M.Pd.(2008). Sejarah 3 SMA kelas XII IPA. Jakarta: Quandra. Shneiderman, Ben.(1998).Designing the User Interface : Strategic for Effective Humman-Computer Sunarto, S.Kom.(2005).Teknologi Informasi & Komunikasi Seri 3. Jakarta: Grasindo. Supardi, Ir. Yuniar.(2009). Belajar Semua Edisi Java2 Untuk Segala Tingkat. Jakarta: PT. Elex Media Computindo,. Suyanto, M.(2003). Strategi Periklanan pada e-commerce Perusahaan Top Dunia.Yogyakarta: Andi. Syafrizal, Melwin.(2005). Pengantar Jaringan Komputer. Yogyakarta: Andi. Wong, Clinton.(2000). HTTP Pocket Reference. USA: O Reilly. Zaki, Ali. Smitdev, Community.(2008). AJAX Untuk Pemula. Seri Penuntun Praktis. Jakata: PT.Elex Media Kumpotindo.

32 ANALISIS DAN PERANCANGAN APLIKASI MOBILE PADA PLATFORM ANDROID DAN APLIKASI WEB UNTUK CMS DAN REPORTING PADA PERUSAHAAN EKSPEDISI Wilius Setiawan Binus University, Jakarta, DKI Jakarta, Indonesia Jefri Binus University, Jakarta, DKI Jakarta, Indonesia dan Rikky Binus University, Jakarta, DKI Jakarta, Indonesia 1. Preface In the era of globalization, the need for information technology within a company can not be in the view of one eye and has become an urgent need, due to the presence of information technology with the internet, it can provide a solution for these companies to act according to circumstances. In addition, the presence information fast, precise, and accurate information can help companies avoid or solve problems that are being or will be encountered later. Rapidly evolving technological advances have made the information needed for both individuals and companies can be displayed in an interesting and innovative.pt. InTouch Innovate Indonesia is one company providing innovative

33 mobile solutions with over 10 years of proven track record. PT. InTouch Innovate Indonesia, is a subsidiary of PT. Skybee. Business base of the PT. InTouch Innovate Indonesia is a company engaged in the IT field, especially in the field of mobile technology. And one of the leading mobile software developer in Indonesia. Until now PT. Innovate Indonesia InTouch application in many developing bundle in cooperation with Nokia and mobile operator in Indonesia to provide mobile services. To strengthen its position as a provider of mobile services, PT. InTouch Innovate Indonesia will develop mobile applications on various platforms by considering the market and technological developments. For now, PT. InTouch Innovate Indonesia to develop applications for innovative telecommunication systems and solutions into four categories: utilities, entertainment, personal productivity, and mobile reward system. In this case the PT. InTouch Innovate Indonesia helped to create a mobile tracking application on the Android platform and web applications for CMS and reporting on goods freight forwarders. Where the manufacture of mobile and web applications as well as the basis for this thesis penyususan. Constraints that often occur in goods shipping company is in terms of the accuracy and speed in the delivery process. The background of this thesis is the title chosen complexity of problems in the delivery process. In the delivery process, the stages that must be passed from receipt jobdesc, form delivery, delivery route planning, user and privilege management, signature delivery, and delivery of reports that list a long series of processes. During the process of sending a lot of problems do arise, such as the delivery of goods by a courier passing of the deadline, he said no editing privileges in the delivery of goods. With the computerized system is good, then the problem will be solved.

34 2. Methodology The methodology we apply in this study as follows: 1. Data Collection Method Methods of data collection is done is by conducting interviews with staff andemployees at PT. InTouch Innovate Indonesia related to acquiring and collectingthe necessary data such as the system is running and reports. 2. method of Analysis The analytical method used was to specify the system requirements and try to findsolutions appropriate to the needs of the company. 3. The design method Design method after analysis of the problem. In the design method used is adesign problem-solving solutions, ranging from application design, database, menu structures, to design the screen. 4. A Literature Review The review of literature that is by studying the literature related to the systemdesign using Dreamweaver, Eclipse and MySQL. Besides seeking oth er information from the Internet, articles or other sources as the data supportingknowledge creation and application programming language to be used. 5. implementation Consists of two stages: 5.1 Perform program coding. 5.2 Conduct the test on the program.

35 3. Design The design method used to create mobile applications on the android platform andweb applications for enterprise CMS and Reporting on t his expedition is to useobject-oriented model. In this case we use the UML. 4. Implementation In carrying out the implementation of an application to consider the used computer the system specification includes hardw are specifications. Where specifications(hardware) and software (software). These specifications are intended to allow applications to run optimally. Hardware and software spesification. This is the recommended specification to be run in an optimal system for server and user. 1. Server spesification a. Hardware : Memory : 4 GB Processor : Intel(R) Core 2 Duo E8400 RAM :8 GB Hard Disk :1 TB internet connection: 1 MB

36 b. Software : Apache XAMPP version Windows XP Service Pack 2, Windows Vista, Windows Server, atau Windows User spesification a. Hardware Processor : Intel Pentium IV 2,26 GHz Memory : 2 GB internet connection : 1 MB b. Software Windows XP, Windows Vista, atau Windows 7 Browser (Mozilla Firefox, Opera, Google Chrome)

37 5. Evaluation Here are the steps the operation of the Application of Mobile Tracking System on goods freight forwarders: 5.1 Display on the Web 1. Login Pictures.1 Login Page Login page is used to log in before you can use this system and each user has its own access rights. The "Login" is used to match the truth of the username with a password is entered.

38 2. Delivery Tracking Admin Pictures.2 Delivery Tracking Admin Page This page is the main display if login with admin permissions where. Different view to other users depending on access rights. After the admin login, raised the menus available to Admin. Admin can enter, view, modify and delete all data on every menu, depending on the transactions that are allowed on these menus.

39 3. Delivery Route Planning Admin Page Pictures.3 Delivery Route Planning Admin Page This page shows the admin can see the address of the recipient to be traversed by courier later, then the admin can also see the folder that contains the destination to be addressed by the courier. After that the admin can also add a destination to send by courier to be addressed later.

40 4. Insert Job Admin courier. Pictures.4 Insert Job Admin Page Insert page job is used to add a destination to send to be sent by

41 5. User Management & Privilidge Admin Pictures.5 User Management & Privilidge Page Admin Pages User Management & Priveledge this admin can view the full list of existing user list, then the admin can also update the user information, and also can clear the list of users who ada.setelah the list admin can add a new user.

42 6. User Management & Priviledge Update Admin Pictures.6 User Management & Priviledge Page Update Admin On page User Management & Priviledge Update, admin can update user information.

43 User Management & Priviledge Page Insert Admin Pictures.7 User Management & Priviledge Page Insert Admin Delivery List Report page is used to view the list status Admin User Management & Priveledge page - Insert is used to add a new user.

44 7. Delivery List Report Admin Page Pictures.8 Delivery List Report Admin Page Delivery List Report page is used Admin to view the delivery status list / report delivery by courier. Admin can also delete the list and report delivery can also see the signature of the recipient.

45 8. View Sign Page Pictures.9 View Sign Page View the page to see the signature Sign costumer who has received the goods.

46 9. Delivery Tracking Page 10. H a l a m a Pictures.10 Delivery Tracking Page The following pages to see the route taken by Courier.

47 11.Delivery Route Planning Page Pictures.11 Delivery Route Planning Guide courier. This page is a route planning the delivery of goods to be carried out by

48 5.2 Home device Page Home Page Pictures.12 Home Device Page - Portrait

49 applications. Pictures.13 Home Device Page- Landscape Below the display device before running home from the mobile tracking

50 1. Display Login Device Pictures.14 Login Page- Portrait

51 Pictures.15 Login Page - Landscape Here is the login page on the device, display the login page is used to log in before you can use this system. Where the courier will login using access rights. The "Login" is used to match the truth of the username with a password is entered.

52 2. Login page display when username and password are not filled Pictures.16 Login page if not filled Login page display when the username and password are not filled, it will display alert "username or password is Incorrect".

53 3. Display Task List Daily Courier Pictures.17 Task List page Daily Courier - Landscape

54 Pictures.18 Task List page Daily Courier -Portrait Here is a daily task list view courier to deliver goods to the customer that contains konos address, address of the recipient, recipient's name and the icon that represents the delivery status. Mark (V) green means goods to its destination and mark (X) red means it has not been sent or the goods are not successfully sent.

55 4. Display Delivered Pictures 19 Delivery Detail Page- Delivered -Portrait

56 Pictures.20 Delivery Detail Page- Delivered -Portrait

57 5. Display Consignee s Sign Pictures.21 Page Consignee s Sign Consignee's sign on the page contains the cancel button, clear, and save, but it's there to write the form consignee's name, is also a form to capture consignee's sign.

58 Pictures.22 Page Consignee s Sign Here is a view as to charge the consignee form consignee's sign.

59 Pictures.23 Page consignee's Sign In the view above shows a warning, if the consignee's name and consignee's sign like in the save or not.

60 6. Conclusion From the analysis, design, implementation and evaluation of the conclusions can be drawn as follows: 1. With the manufacture of Mobile Systems Applications and Web applications for tracking and reporting of this CMS, then the system is working on goods freight forwarders can be computerized in a way that is easy for the user. 2. Application of Mobile tracking system and Web applications for CMS and reporting is very helpful to monitor the Company's expedition of goods and set the course of the work process of goods delivery. 3. Tracking systems and mobile applications for the Web application and CMS reporting helps reduce the occurrence of human error in manual labor system that previously applied to the company. These applications make it easier for recording, transmission, and setting the deadline date given on every courier in the delivery of goods.