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 informasi‐
informasi yang dibutuhkan baik individu maupun perusahaan dapat ditampilkan secara menarik dan inovatif. PT. InTouch Innovate Indonesia adalah salah satu
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
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
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.
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 5.2
3.Dreamweaver CS5 dan Eclipse 3.6.2 4.Tomcat 7.0
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.
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.
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.
4. Insert Job Admin
Gambar.4 Halaman Insert Job Admin
Halaman Insert job digunakan untuk menambahkan destinasi tujuan pengiriman yang akan dikirim oleh courier.
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.
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.
7. User Management & Priviledge – Insert Admin
Gambar.7 Halaman User Management & Priviledge – Insert Admin Halaman User Management & Priveledge - Insert digunakan untuk menambahkan user baru.
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.
9. Halaman View Sign
Gambar.9 Halaman View Sign
Halaman View Sign untuk melihat tanda tangan costumer yang telah menerima barang.
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.
11.Halaman Delivery Route Planning
Gambar.11 Halaman delivery Route Planning
Halaman ini merupakan route planning pengiriman barang yang akan dilakukan oleh courier.
5.2 Tampilan home device Halaman Home
Gambar.12 Halaman Home Device - Portrait
Gambar.13 Halaman Home Device - Landscape
Berikut tampilan home device sebelum menjalankan aplikasi dari mobile tracking.
1. Tampilan Login Device
Gambar.14 Halaman Login - Portrait
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.
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”.
3. Tampilan Daftar Tugas Harian Courier
Gambar.17 Halaman Daftar Tugas Harian Courier - Landscape
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.
4. Tampilan Delivered
Gambar.19 Halaman Detail Pengiriman- Delivered -Portrait
Gambar.20 Halaman Detail Pengiriman- Delivered -Portrait
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.
Gambar.22 Halaman Consignee’s Sign
Berikut adalah tampilan ketika consignee melakukan pengisian pada form consignee’s sign.
Gambar.23 Halaman Consignee’s Sign
Pada tampilan diatas menunjukan warning, apakah consignee’s name dan consignee’s sign ingin di save atau tidak.
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.
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. 4th 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.
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.
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
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 CM S 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.
2. Methodology
The methodology we apply in this study as follows:
1. Data Collection M ethod
M ethods 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.
3. Design
The design method used to create mobile applications on
the android platform andweb applications for enterprise CM S and Reporting on t his expedition is to useobject-oriented model. In this case we use the UM L.
4. Implementation
In carrying out the implementation of an application to
consider the used computer specifications. Where
the system specification includes hardw are specifications(hardw are) and softw are (softw are). 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 :
• M emory : 4 GB
• Processor : Intel(R) Core 2 Duo E8400
• RAM :8 GB
• Hard Disk :1 TB
• internet connection: 1 M B
b. Software :
• Apache XAMPP version 1.7.3
• Windows XP Service Pack 2, Windows Vista, Windows Server, atau Windows 7.
2. User spesification a. Hardware
• Processor : Intel Pentium IV 2,26 GHz
• M emory : 2 GB
• internet connection : 1 M B b. Software
• Windows XP, Windows Vista, atau Windows 7
• Browser (M ozilla Firefox, Opera, Google Chrome)
5. Evaluation
Here are the steps the operation of the Application of M obile 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.
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.
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.
4. Insert Job Admin
Pictures.4 Insert Job Admin Page
Insert page job is used to add a destination to send to be sent by
courier.
5. User Management & Privilidge Admin
Pictures.5 User Management & Privilidge Page Admin
Pages User M anagement & 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.
6.
User Management & Priviledge – Update AdminPictures.6 User Management & Priviledge Page – Update Admin
On page User Management & Priviledge ‐ Update, admin can update user information.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 M anagement & Priveledge page - Insert is used to add a new user.
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.
8. View Sign Page
Pictures.9 View Sign Page
View the page to see the signature Sign costumer who has
received the goods.
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.
11.Delivery Route Planning Page
Pictures.11 Delivery Route Planning Guide
This page is a route planning the delivery of goods to be carried out by
courier.
5.2 Home device Page Home Page
Pictures.12 Home Device Page - Portrait
Pictures.13 Home Device Page- Landscape
Below the display device before running home from the mobile tracking
applications.
1. Display Login Device
Pictures.14 Login Page- Portrait
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.
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".
3. Display Task List Daily Courier
Pictures.17 Task List page Daily Courier - Landscape
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. M ark (V) green means goods to its destination
and mark (X) red means it has not been sent or the goods are not successfully
sent.
4. Display Delivered
Pictures 19 Delivery Detail Page- Delivered -Portrait
Pictures.20 Delivery Detail Page- Delivered -Portrait
5. Display Consignee’s Sign
