APLIKASI LINTAS KEMENTERIAN UNTUK PERIZINAN KAPAL LAUT ASING DI WILAYAH INDONESIA MENGGUNAKAN PLATFORM WINDOWS 8 Arini Binus University, Jakarta, DKI Jakarta, Indonesia
Adhitya Hernadian Pradita Nugroho Binus University, Jakarta, DKI Jakarta, Indonesia
Andrew Steven Puika Binus University, Jakarta, DKI Jakarta, Indonesia
Derwin Suhartono Binus University, Jakarta, DKI Jakarta, Indonesia Abstrak Tujuan dari penelitian ini ialah membuat aplikasi lintas kementerian Clearance Approval For Indonesian Territory (C.A.I.T) yang akan digunakan oleh pihak Kementerian Luar Negeri, Mabes TNI, dan Kementerian Perhubungan dalam melakukan pengawasan dan pemberian izin kapal laut asing dengan menggunakan platform Windows 8 dengan fitur register new agent account, change agent account status, create new request, confirm request, reject request, undo reject, approval automatic, give notes, check in, view request list, view agent detail, view statistic, change route, notification (live tile, badges, and toast). Metodologi yang digunakan dalam penelitian adalah Scrum methodology meliputi analisis yang terdiri dari studi pustaka, wawancara, analisis sistem yang sedang berjalan, analisis aplikasi sejenis, analisis aplikasi yang telah dibangun, serta analisis teknologi. Selain analisis, penelitian ini juga melakukan perancangan aplikasi yang akan dibuat, yaitu perancangan struktur menu, perancangan product backlog, perancangan kamus data, perancangan UML, dan perancangan user interface. Hasil yang dicapai adalah menghasilkan aplikasi C.A.I.T menggunakan platform Windows 8 yang akan digunakan pada lintas kementerian untuk mempermudah pengawasan dan pemberian izin kapal laut asing. Simpulan yang didapat ada lima. Pertama, aplikasi C.A.I.T sudah memenuhi kebutuhan perizinan kapal laut asing. Kedua, aplikasi sudah memenuhi kebutuhan pengawasan langsung terhadap data perizinan. Ketiga, memiliki fitur yang tidak dimiliki aplikasi sejenis dan yang telah dibangun seperti memberikan nomor approval dan statistic. Keempat, aplikasi C.A.I.T berbasis Windows 8 memiliki kinerja yang lebih cepat. Kelima, pengembangan aplikasi dengan Windows 8 memiliki potensi digunakan pada pemerintahan. Kata Kunci: Clearance Approval, Windows 8, Lintas Kementerian, Perizinan Kapal Laut Asing
1. Pendahuluan Indonesia dikenal sebagai negara maritim dikarenakan memiliki perairan laut yang luas. Hal positif dari hal tersebut adalah melimpahnya sumber daya laut, wisata laut yang beraneka ragam, dan lain-lain. Namun negatifnya, banyak kapal laut asing melakukan aktifitas ilegal seperti Human Trafficking, People Smuggling, Illegal Fishing, Illegal Logging, Illegal Mining dan Narcotic Distribution di wilayah perairan Indonesia. Hal ini dapat terjadi karena adanya penyalahgunaan izin. Saat ini Indonesia sudah memiliki aplikasi online yang memenuhi kebutuhan pengawasan perizinan pesawat milik negara asing yang ingin beraktifitas di Indonesia. Aplikasi tersebut dapat memenuhi kebutuhan pemerintah terkait dalam memberikan dan mengawasi izin pesawat di wilayah teritorial Indonesia sehingga dapat mengurangi aktifitas ilegal akibat penyalahgunaan izin. Dengan adanya aplikasi yang berfungsi dalam melakukan pengawasan perizinan pesawat, maka diperlukan aplikasi sejenis yang dapat memfasilitasi perizinan kapal laut secara online yang disebut aplikasi Clearance Approval for Indonesian Territory (C.A.I.T). Terdapat 3 jenis izin yang diperlukan kapal asing untuk memperoleh C.A.I.T, yaitu Diplomatic Clearance yang diberikan oleh Kementerian Luar Negeri (Kemlu), Security Clearance yang diberikan oleh Markas Besar TNI (Mabes TNI), dan Technical Clearance yang diberikan oleh Kementerian Perhubungan (Kemhub). Selain itu, kapal laut yang melewati pelabuhan di wilayah perairan Indonesia diawasi oleh Port Administrator. Port Administrator melakukan pengecekan terhadap data perizinan kapal berdasarkan dari kondisi lapangan yang dihadapi, seperti pengecekan untuk kelengkapan data kapal laut, crew, rute berlayar, port tujuan, dan maksud berlayar ke Indonesia.
Gambar 1 Diagram Operating System Market Share December 2012
Berdasarkan diagram di atas, dapat disimpulkan bahwa pangsa pasar terbesar di dunia dimiliki oleh sistem operasi Windows dari berbagai versi. Hal ini merupakan peluang yang sangat besar untuk pengguna Windows versi sebelumnya seperti Windows 7, Windows XP, atau Windows Vista agar pindah ke Windows 8 dikarenakan memiliki kemampuan mobile dengan arsitektur Windows 8 didalamnya dan tidak menghilangkan fungsionalitas versi Windows sebelumnya. Melihat kebutuhan dan teknologi yang ada, maka dibutuhkan aplikasi perizinan yang handal, di mana aplikasi tersebut dapat digunakan secara mobile dan general untuk digunakan di mana saja dan kapan saja. Pembuatan aplikasi menggunakan platform Windows 8 merupakan jawaban yang dapat memenuhi kebutuhan tersebut.
2. Metodologi Ruang lingkup aplikasi yang dibahas mencakup perancangan aplikasi berbasis Windows 8 yang terdiri dari aplikasi client dan server, fitur aplikasi dan pembahasan ilmu verifikasi yang digunakan untuk menentukan keputusan kapal yang diizinkan berlayar maupun berlabuh. Metodologi yang digunakan adalah Scrum Methodology. Scrum dipilih karena memiliki keunggulan untuk mengembangkan fitur yang banyak, saling terhubung satu sama lain dan lebih fokus untuk penyelesaian fitur dengan menggunakan skala prioritas. Pembahasan selanjutnya meliputi 3 bagian, yaitu: a. Metode Analisis b. Metode Perancangan c. Evaluasi Aplikasi
2.1.
Metode Analisis Metode analisis yang digunakan sudah mencakup metode pengumpulan data, antara lain adalah studi pustaka, wawancara, analisis sistem yang sedang berjalan, analisis aplikasi sejenis, analisis aplikasi yang telah dibangun, dan analisis teknologi. Studi pustaka dilakukan untuk mendapatkan dasar penulisan skripsi dengan cara mempelajari buku, artikel, dan jurnal. Wawancara dilakukan untuk mendapatkan data, informasi, serta evaluasi mengenai aplikasi yang ingin dikembangkan. Wawancara pertama kali dilakukan terhadap Bapak Linardi Utama selaku Kepala Sub Divisi Bidang Pengembangan dan Pengelolaan Sistem Informasi dan Komunikasi untuk mendapatkan requirement yang dibutuhkan. Kesimpulan dari wawancara tersebut adalah dibutuhkannya aplikasi perizinan kapal laut asing secara online untuk mempercepat proses perizinan, mengurangi hardcopy, dan memudahkan Kementerian Luar Negeri, Mabes TNI, Kementerian Perhubungan serta Administrator Pelabuhan untuk memantau data perizinan kapal laut asing. Analisis sistem yang sedang berjalan dilakukan untuk mendapatkan data berupa prosedur dan form yang digunakan dalam proses perizinan kapal laut asing yang sedang berjalan saat ini.
Gambar 2 Prosedur Clearance Approval For Indonesian Territory
Berdasarkan gambar 2, kapal yang ingin mengunjungi wilayah Indonesia harus melengkapi dokumen terlebih dahulu dan mengirimkannya ke Tourism Agent yang ada di Indonesia. Kemudian Agent mengisi formulir dan mengurus perizinan secara berurutan dimulai dari Diplomatic Clearance yang diberikan oleh Kementerian Luar Negeri (Foreign Affair), Security Clearance yang diberikan oleh Mabes TNI (Navy), dan Technical Clearance yang diberikan oleh Kementerian Perhubungan (Sea Comm). Setelah semua clearance telah diberikan, dokumen tersebut diberikan copynya ke kapal laut asing sehingga bisa secara legal masuk ke wilayah Indonesia. Setelah mendapatkan data diatas, mulai dirancang aplikasi C.A.I.T berbasis web dengan skema seperti berikut.
Gambar 3 Skema dan Alur Aplikasi CAIT Setelah aplikasi C.A.I.T berbasis web selesai, maka dilakukan wawancara kedua untuk mendapatkan feedback yang dilakukan terhadap Bapak Linardi Utama (Kepala Bidang Pengembangan dan Pengelolaan Sistem Informasi dan Jaringan Kementerian Luar Negeri), Bapak Benton Basuki Padmanegara (Kepala Sub Bidang Jaringan dan Sistem Informasi Kementerian Luar Negeri), serta Bapak Puspa Bangun Subekti (Staff Pusat Pengembangan Sistem Informasi dan Komunikasi Kementerian Luar Negeri). Didapatkan kesimpulan bahwa aplikasi C.A.I.T berbasis web telah memenuhi kebutuhan yang ada saat ini baik dari business flow dan fitur, walau dalam implementasinya masih menunggu hasil keputusan bersama antar instansi yang berkepentingan yaitu Kementerian Luar Negeri, Mabes TNI, dan Kementerian Perhubungan dalam sebuah surat Perjanjian Kerjasama. Setelah mendapatkan feedback, dilakukan wawancara ketiga untuk analisis kebutuhan aplikasi selanjutnya. Simpulan wawancara ini adalah diperlukan aplikasi pendukung dari aplikasi C.A.I.T berbasis web yang mampu melakukan proses clearance dimana dan kapan saja user inginkan. Kemudian dibutuhkan aplikasi yang memiliki akses lebih cepat dan ringan dibandingkan aplikasi C.A.I.T berbasis web. Analisis berikutnya dilakukan dengan membandingkan 3 (tiga) platform teknologi yang dapat menjawab kebutuhan dari kebutuhan aplikasi selanjutnya. Teknologi yang dibandingkan yaitu web, jQuery Mobile, dan Windows 8. Kesimpulan dari analisis ini dapat dilihat pada tabel berikut.
Tabel 1 Perbandingan Fitur Teknologi
Pada tabel 2, dapat disimpulkan bahwa teknologi Windows 8 lebih menjawab kebutuhan aplikasi selanjutnya dan lebih unggul dibandingkan teknologi yang lain. Setelah melakukan analisis terhadap teknologi, maka diperlukan kembali untuk pengambilan data melalui wawancara untuk mendukung penggunaan teknologi dengan Windows 8. Wawancara dilakukan terhadap Bapak Linardi Utama (Kepala Bidang Pengembangan dan Pengelolaan Sistem Informasi dan Jaringan Kementerian Luar Negeri), Bapak Benton Basuki Padmanegara (Kepala Sub Bidang Jaringan dan Sistem Informasi Kementerian Luar Negeri), serta Bapak Puspa Bangun Subekti (Staff Pusat Pengembangan Sistem Informasi dan Komunikasi Kementerian Luar Negeri) membuahkan kesimpulan bahwa Windows 8 lebih hidup dengan fitur live tile, toast notification, dan lebih memudahkan aksi dengan fitur app bar, charm bar. Dengan potensi yang dimiliki, maka tidak akan jadi masalah apabila dibuatkan C.A.I.T berbasis Windows 8.
2.2.
Metode Perancangan Perancangan sistem yang dilakukan ada 4 (empat), yaitu perancangan struktur menu, product backlog, kamus data, unified modelling language (UML) dan user interface. Secara garis besar perancangan sistem dibagi menjadi 2 (dua) yaitu Front End (Agent) dan Back End (Government Staff, Ministry of Foreign Affair, Ministry of Defense, Ministry of Transportation dan Port Administrator). Pada perancangan struktur menu, dirancang 3 struktur menu yang berbeda yaitu struktur menu front end, back end dengan fitur create new request (khusus untuk Ministry of Foreign Affair) dan back end tanpa fitur create new request. Pada perancangan product backlog, dirancang backlog items yang diurutkan menurut skala prioritas untuk menentukan produk yang akan diselesaikan terlebih dahulu. Backlog items yang akan dikerjakan pada Front End untuk role Agent adalah Register Account, Log In/Log Out, Create New Request dan View Request List. Backlog Items pada Back End dibagi menjadi 5 role user. Pertama, backlog items yang akan dibuatkan pada role Staff adalah Log In/Log Out, Change Agent Account Status, View Request List, Confirm Request, Reject Request, Undo Reject, View Agent Detail, dan View Statistic. Kedua, backlog items yang akan dibuatkan pada role Ministry of Foreign Affair adalah Log In/Log Out, View Request List, Approve Request, Reject Request, Undo Reject, View Agent Detail, View Statistic, dan Create New Request. Ketiga, backlog items yang akan dibuatkan pada role Ministry of Defense adalah Log In/Log Out, View Request List, Approve Request, Reject Request, Undo Reject, View Agent Detail, dan View Statistic. Keempat, backlog items yang akan dibuatkan pada role Ministry of Transportation adalah Log In/Log Out, View Request List, Approve Request, Reject Request, Undo Reject, View Agent Detail, View Statistic, dan Change Route. Kelima, backlog items yang akan dibuatkan pada role Port Administrator adalah Log In/Log Out, View Request List, Give Check In Notes, dan View Statistic.
Perancangan kamus data bertujuan untuk menentukan tabel apa yang digunakan untuk menyimpan data perizinan kapal laut asing. Tabel yang digunakan adalah MsStaff, MsBank, MsFee, MsLoging, MsAgent, MsCompany, MsMinister, MsMinisterType, RequestApproval, MsRequest, MsNation, RequestCC, RequestPort, dan MsPort. Perancangan UML yang digunakan terdiri dari use case diagram, use case narrative, activity diagram, class diagram, dan sequence diagram yang didalamnya juga dibuat segmentasi secara Front End dan Back End. Perancangan User Interface dilakukan terhadap aplikasi client dengan menggunakan teknologi Windows 8. Perancangan ini juga dibagi menjadi 2 segmen yaitu Front End dan Back End sebagai berikut: 1.
User Interface Front End a. Index Page
Gambar 4 Index Page Halaman index memiliki dua tombol yaitu Get Account untuk masuk ke register page dan Log In untuk masuk ke login page. b.
Register Page
Gambar 5 Register Page
Halaman register menampilkan form yang harus diisi oleh Agent untuk mendaftarkan dirinya kedalam sistem. c.
Login Page
Gambar 6 Login Page Front End
Halaman login memungkinkan user untuk masuk kedalam sistem dengan mengisi username, password dan role supaya bisa masuk ke home page. d.
Home Page
Gambar 7 Home Page Front End
Pada home page terlihat langsung civil dan military request. Pada kanan atas terdapat account bar yang berisi nama user dan photonya. Selain itu terdapat beberapa tombol yang ada pada app bar seperti new request, view request, refresh data, ship rate, home, dan log out.
e.
Create Request Page
Gambar 8 Create Request Page
Tampilan layar create new request berisi form permohonan izin yang dapat diswipe ke kanan/kiri, lalu terdapat app bar yang berisi tombol submit, cancel, home, dan log out.
f.
View Request Page
Gambar 9 View Request Page Front End
Layar fitur view request berisi form permohonan izin yang telah diisi sebelumnya. Layar pada halaman ini dapat di-swipe ke kanan/kiri, selain itu terdapat app bar yang berisi tombol edit, home, dan log out.
g.
View Request List Flyout
Gambar 10 View Request List Flyout View request list flyout terdapat form yang dapat diinput oleh user untuk mendapatkan request list yang diinginkan. h.
Ship Rate Flyout
Gambar 11 Ship Rate Flyout Ship rates flyout terdapat combo box ship type yang dapat dipilih oleh user untuk mendapatkan tarif kapal yang ingin diketahui. 2.
User Interface Back End 1. Index Page Sama dengan gambar 3. 2.
Login Page
Gambar 12 Login Page Back End
Berikut adalah login page, user harus mengisi username, password dan memilih salah satu role. Role yang ada ialah Government Staff, Ministry of Foreign Affairs, Ministry of Defense, Ministry of Transportation, Port Administrator pada halaman ini untuk bisa masuk ke home page. 3.
Home Page
Gambar 13 Home Page Back End
Tampilan home page ini berbeda dengan front end, jika halaman di-swipe ke kanan/kiri maka akan terlihat fitur lain seperti agent list, statistic selain dari civil dan military request. Selain itu terdapat beberapa tombol pada app bar seperti new request (yang ditampilkan hanya untuk Ministry of Foreign Affairs), view request, refresh data, ship rate, home, dan log out. 4.
Create Request Page Sama dengan gambar 7.
5.
View Request Page
Gambar 14 View Request Page Back End View request berisi form permohonan izin yang telah diisi sebelumnya. Layar disini dapat di-swipe ke kanan/kiri, dan terdapat app bar yang berisi tombol accept, reject payment confirmation, home, dan log out.
6.
View Agent Detail
Gambar 15 View Agent Detail View agent detail terdapat informasi lengkap mengenai agent yang ingin diketahui. Terdapat app bar yang berisi tombol active, freeze, deactive, dan home. 7.
Payment Flyout
Gambar 16 Payment Flyout Flyout fitur payment confirmation terdapat form yang dapat di-input oleh Staff yang bekerja di Ministry of Transportation dalam memberikan konfirmasi pembayaran.
8.
View Request List Flyout Sama dengan gambar 9.
9.
Ship Rate Flyout Sama dengan gambar 10.
10. Check In Notes Flyout
Gambar 17 Check In Notes Flyout Pada tampilan rancangan layar flyout fitur Check In terdapat text area notes yang dapat di-input oleh user untuk memberikan catatan mengenai kapal yang berlabuh. 11. Undo Reject Request
Gambar 18 Undo Reject Flyout Pada tampilan rancangan layar flyout fitur Undo Reject Request terdapat undo reject button yang berfungsi untuk mengembalikan status request dari rejected menjadi approved kembali.
2.3.
Evaluasi Aplikasi Aplikasi C.A.I.T dengan basis Windows 8 sudah memenuhi evaluasi 8 Golden Rules of Interface Design dengan rules seperti berikut: 1. 2. 3. 4. 5. 6. 7. 8.
Berusaha untuk konsisten Memenuhi kegunaan yang universal Memberikan umpan balik yang informatif Memberikan dialog untuk menghasilkan keadaan akhir Memberikan penanganan kesalahan yang sederhana Memberikan tempat kontrol internal Memberikan pembalikan aksi yang mudah Mengurangi beban ingatan jangka pendek
Evaluasi juga dilakukan terhadap aplikasi sejenis yaitu F.C.I.S dan aplikasi yang telah dibangun yaitu C.A.I.T berbasis web. Dari perbandingan dapat diambil simpulan bahwa C.A.I.T dengan platform Windows 8 memiliki keunggulan dalam memberikan nomor approval secara otomatis dan memiliki fitur statistic untuk melihat persebaran perizinan yang ada di Indonesia.
Evaluasi juga dilakukan terhadap alat ukur dengan Windows App Certification Kit (ACK) untuk menentukan kelayakan aplikasi berdasarkan faktor uji seperti crashes and hang test, app manifest compliance test, windows security features test, supported API test, performance test, app manifest resources test, debug configuration test, file encoding, direct3d feature support, app capabilities test, dan windows runtime metadata validation.
Gambar 19 Summary of Windows App Certification Test Result Berdasarkan hasil yang diperoleh dari wawancara setelah demo aplikasi C.A.I.T Windows 8 dapat disimpulkan bahwa keseluruhan fitur pada aplikasi telah memenuhi kebutuhan dalam memberikan perizinan sampai dengan pengawasan kapal laut asing. Dari wawancara ini juga didapat saran yang berguna untuk pengembangan aplikasi selanjutnya. Evaluasi terakhir yaitu performance test yang dilakukan dengan membandingkan kecepatan eksekusi fitur C.A.I.T berbasis web dengan C.A.I.T berbasis Windows 8. Pengujian ini bertujuan untuk membuktikan bahwa platform Windows 8 lebih cepat dari web. Pengujian dilakukan 10 kali pada kondisi dan banyak data yang sama dan semakin kecil angkanya berarti semakin cepat. Tabel 2 Performance Test Summary Aplikasi C.A.I.T
Dapat disimpulkan menurut tabel diatas bahwa secara keseluruhan aplikasi C.A.I.T dengan platform Windows 8 lebih cepat dan ringan dibandingkan dengan aplikasi C.A.I.T platform web. Aplikasi C.A.I.T dengan platform Windows 8 lebih cepat karena hanya mengambil data-data yang diperlukan dalam memproses fitur tersebut. Sedangkan pada web yang diambil tidak hanya data, tetapi juga interface.
3. Simpulan Berdasarkan analisis terhadap hasil evaluasi, maka hal-hal yang dapat disimpulkan dari pengembangan aplikasi Clearance Approval For Indonesian Territory (C.A.I.T) dengan platform Windows 8 ini adalah: 1. Aplikasi C.A.I.T sudah memenuhi kebutuhan perizinan kapal laut asing yang dapat dilakukan oleh Agent, Kementerian Luar Negeri, Mabes TNI, dan Kementerian Perhubungan baik dari business flow dan fitur walaupun pada implementasinya masih menunggu hasil keputusan bersama Kementerian Luar Negeri, Mabes TNI dan Kementerian Perhubungan. 2. Aplikasi C.A.I.T dengan platform web dan Windows 8 sudah memenuhi kebutuhan pengawasan langsung terhadap kapal asing dengan fitur Give Check In Notes dan View Request List. 3. Aplikasi C.A.I.T Windows 8 memiliki fitur yang tidak dipunyai aplikasi sejenis dan aplikasi yang telah dibangun seperti: a. Memberikan nomor approval secara otomatis untuk menghindari kesalahan dalam pengisian nomor approval. b. Statistic yang berguna untuk mendukung pengambilan keputusan terhadap segi pariwisata. 4. Dengan adanya aplikasi C.A.I.T berbasis Windows 8 dapat membantu dan melengkapi aplikasi C.A.I.T berbasis web, disamping itu didapat kinerja aplikasi berbasis Windows 8 lebih cepat dan ringan dibandingkan dengan C.A.I.T berbasis web melalui performance test. 5. Pemanfaatan aplikasi dengan platform Windows 8 pada pemerintahan memiliki potensi yaitu: a. Lebih ringan, dibuktikan dengan analisis teknologi Windows 8 dan evaluasi performance test yang hanya mengambil data yang diperlukan dalam memproses fitur atau informasi. b. Lebih jelas menampilkan konten daripada web dengan konsep chromeless. c. Lebih membantu dengan adanya fitur notifikasi dalam bentuk toast, live tile, dan badges. d. Memiliki tampilan yang lebih menarik sehingga user lebih semangat dalam bekerja.
Referensi [1] Anonim1. (2012). Operating System Market Share. Retrieved January 21, 2012, from http://www.netmarketshare.com/operating-system-market-share.aspx?qprid=10 [2] Anonim2. (2012, Oct 30). Will Windows 8 Boost Advanced Business Use of Tablets and Smartphones. Computer News Middle East, Retrieved January 27, 2013 from Proquest: http://search.proquest.com/docview/1119172998 [3] Anonim3. (2012). Maritime Distress & Safety Telecommunication Data Elements, Retrieved January 27, 2013 from U.S Department of Homeland Security Navigation Center: http://www.navcen.uscg.gov/pdf/gmdss/GMDSS_Data_Elements.pdf [4] Anonim4. (2013). Create a chart from start to finish, Retrieved January 28, 2013 from Microsoft Office Online: http://office.microsoft.com/en-us/excel-help/create-a-chart-from-start-to-finishHP010342356.aspx
[5] Anonim5. (2013). Present your data in scatter or a line chart, Retrieved January 28, 2013 from Microsoft Office Online: http://office.microsoft.com/en-us/excel-help/present-your-data-in-a-scatterchart-or-a-line-chart-HA010227478.aspx [6] Anonim6. (2013). Creating a bubble chart, Retrieved January 28, 2013 from Microsoft Office Online: http://office.microsoft.com/en-us/excel-help/creating-a-bubble-chart-HA001117076.aspx [7] Bright, P. (2012, Oct 22). Turning to the past to power Windows' future: An in-depth look at WinRT, Retrieved January 27, 2013 from arstechnica: http://arstechnica.com/features/2012/10/windows-8-andwinrt-everything-old-is-new-again/ [8] Brockschmidt, K. (2012). Programming Windows 8 Apps with HTML, CSS, and JavaScript (2nd Preview). Redmond, Washington: Microsoft Press [9] Cervone, H. F. (2011). Understanding agile project management methods using scrum. OCLC Systems and Services, 27(1), 18-22. doi: http://dx.doi.org/10.1108/10650751111106528 [10] Connolly, T. M., Begg, C. E. (2010). Database System: a practicional approach to design, implementation and management (5th ed.). New Jersey: Pearson Education [11] Crockford, D. (2008). JavaScript: The Good Parts. Gravenstein Highway North, Sebastopol, Canada: O’Reilly Media, Inc. [12] Carey, P. (2009). New Perspectives on HTML, XHTML and XML (3rd ed.). Boston: Cengage Learning [13] Drake, Stephen D., Boggs, R., Jaffe, J. (2009). Worldwide Mobile Worker Population 2009 – 2013 Forecast. Retrieved January 27, 2013, from IDC: http://www.gotomypc.com/remote_access/images/pdf/How_to_Equip_Your_Company_for_the_New_M obile_Workforce.pdf [14] Dodge, Y. (2006). The Oxford Dictionary of Statistical Terms. Retrieved January 30, 2013. USA: Oxford University Press. [15] Esposito, D. (2012). Microsoft's JavaScript Move. Information Week, 29-30. Retrieved January 27, 2013 from Proquest: http://search.proquest.com/docview/1220459067 [16] Galitz, W. O. (2011). The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques (3rd edition). New York: John Wiley & Sons [17] Harwani, B. M. (2010). Developing Web Application in PHP and AJAX. New York, United States of America: The McGraw-Hill Companies, Inc. [18] Honeycutt, J. (2012). Introducing Windows 8: An Overview for IT Professionals. Redmond, Washington: Microsoft Press [19] MacDonald, M. (2011). HTML5: The Missing Manual. Gravenstein Highway North, Sebastopol, Canada: O’Reilly Media, Inc. [20] MacIntyre, P. B. (2010). PHP The Good Parts (1st ed.). Gravenstein Highway North, Sebastopol, Canada: O’Reilly Media, Inc. [21] Mistry, R., Misner, S. (2012). Introducing Microsoft SQL Server 2012. Redmond, Washington: Microsoft Press [22] Patterson, D.A, Hennessy, J.L. (2008). Computer Organization and Design, Fourth Edition: The Hardware/Software Interface. Waltham, United States of America: Elsevier, Inc.
[23] Pressman, R. S. (2010). Software Engineering: A Practitioner's Approach (7th ed.). New York, United States of America: The McGraw-Hill Companies, Inc. [24] Rainer, R. K., Cegielski, C. G. (2011). Introduction to Information Systems: Enabling and Transforming Business (3rd ed.). New York: John Wiley & Sons [25] Reid, J. (2011). jQuery Mobile (1st ed.). Gravenstein Highway North, Sebastopol, Canada: O’Reilly Media, Inc. [26] Rothaus, D. (2012). Design case study: Enterprise line of business Windows Store app (Windows). Retrieved November 23, 2012, from Microsoft MSDN: http://msdn.microsoft.com/enus/library/windows/apps/jj659079.aspx [27] Sells, C., Satrom, B., Box, D. (2012). Building Windows 8 Apps with JavaScript. Boston: AddisonWesley [28] Shneiderman, B., & Plaisant, C. (2010). Designing The User Interface: Strategies For Effective Human-Computer Interaction (5th ed.). USA: Pearson Education, Inc. [29] Stair, R. M., Reynolds, G., Reynolds, G. W. (2010). Principles of Information Systems (9th ed.). Boston: Cengage Learning [30] Whitten, J. L., & Bentley, L. D. (2007). Systems Analysis and Design Methods (7th ed.). New York: The McGraw-Hill Companies, Inc. [31] Williams, B. K., Sawyer, C. (2011) Using Information Technology: A Practicional Introduction to Computers & Communications (9th ed.). New York: McGrawHill
Riwayat Penulis Arini lahir di kota Tangerang pada tanggal 2 Desember 1991. Penulis menamatkan pendidikan S1 di Universitas Bina Nusantara dalam bidang ilmu Computer Science pada tahun 2013. Saat ini bekerja sebagai Top Executives-Chief Operation Officer di YellowBlue IT Solutions. Penulis aktif di organisasi kemahasiswaan bernama HIMTI Binus University sebagai Care Council. Adhitya Hernadian Pradita Nugroho lahir di kota Semarang pada tanggal 10 Oktober 1990. Penulis menamatkan pendidikan S1 di Universitas Bina Nusantara dalam bidang ilmu Computer Science pada tahun 2013. Saat ini bekerja sebagai Chief Executive Officer di YellowBlue IT Solutions. Penulis aktif di organisasi kemahasiswaan bernama HIMTI Binus University sebagai External Vice President. Andrew Steven Puika lahir di kota Bekasi pada tanggal 31 Mei 1991. Penulis menamatkan pendidikan S1 di Universitas Bina Nusantara dalam bidang ilmu Computer Science pada tahun 2013. Penulis aktif di organisasi kemahasiswaan bernama HIMTI Binus University sebagai Internal Vice President. Derwin Suhartono lahir di kota Pekalongan pada tanggal 24 Januari 1988. Penulis menamatkan pendidikan S2 di Universitas Bina Nusantara dalam bidang ilmu Computer Science yang berfokus pada Information Engineering pada tahun 2011. Saat ini bekerja sebagai Full Time Lecturer dan Subject Content Coordinator Artificial Intelligence di Universitas Bina Nusantara.
CROSS-MINISTRY APPLICATION OF FOREIGN SHIP CLEARANCE APPROVAL FOR INDONESIAN TERRITORY USING WINDOWS 8 PLATFORM Arini Binus University, Jakarta, DKI Jakarta, Indonesia
Adhitya Hernadian Pradita Nugroho Binus University, Jakarta, DKI Jakarta, Indonesia
Andrew Steven Puika Binus University, Jakarta, DKI Jakarta, Indonesia dan
Derwin Suhartono Binus University, Jakarta, DKI Jakarta, Indonesia Abstract The purpose of this research is to create a cross-ministerial applications of Clearance Approval For Indonesian Territory (CAIT), which will be used by the Ministry of Foreign Affairs, TNI, and the Ministry of Transportation to conduct supervision and licensing of foreign ships using the Windows 8 platform with new features such as registers agent account, change agent account status, create new request, confirm the request, reject the request, undo reject, automatic approval, give check in notes, view request list, view agent details, view statistics, route change, notification (live tile, badges, and toast). The methodology used in the study is Scrum methodology includes analysis consisting of literature studies, interview, analysis of the current system, similar application analysis, application analysis that has been built, and technology analysis. This study also uses design methods such as the design of the menu structure, the design of the product backlog, the data dictionary design, UML design, and user interface design. The results achieved are produced CAIT application uses Windows 8 platform will be used on a cross-ministry to facilitate the supervision and licensing of foreign ships. The conclusions obtained are five. First, the application CAIT has met the licensing requirements of foreign ships. Second, the application meets the requirements of the direct supervision. Third, it has features that similar and has been built applications do not have such as giving approval numbers and statistics. Fourth, CAIT application based on Windows 8 has a faster performance. Fifth, the development of applications with Windows 8 has potential use in government. Keywords: Clearance Approval, Windows 8, Cross-Ministry, Licensing of Foreign Ship
1. Introduction Indonesia is known as a maritime country due to have a vast ocean waters. The positive thing of that is abundant marine resources, tourism diverse marine, and others. But the downside, many foreign ships conduct illegal activities such as human trafficking, people smuggling, illegal fishing, illegal logging, illegal mining and illegal narcotic distribution in Indonesian ocean. This can occur because of misuse of permits. Currently, Indonesia has had an application online that meet the needs of licensing control aircraft belonging to foreign countries who want to entry in Indonesia. The application can meet the needs of government agencies in approving and supervising permits aircraft in the territory of Indonesia, reducing illegal activities due to abuse of the permit. With the application of a function in supervising aircraft licensing, it requires similar applications to facilitate licensing of ships by online application called Clearance Approval for Indonesian Territory (CAIT). There are three types of licenses required foreign ships to obtain CAIT, the Diplomatic Clearance granted by the Ministry of Foreign Affairs, Security Clearance granted by Headquarters Army (TNI), and Technical Clearance granted by the Ministry of Transportation. In addition, ships that docked through the port in Indonesian oceans overseen by the Port Administrator. Port Administrator check the licensing of ships based on the data from field conditions are encountered, such as checks for data completeness, crew, sailing route, destination port, and the purpose of sailing to Indonesia.
Figure 1 Diagram of Operating System Market Share December 2012
Based on the diagram above, it can be concluded that the world's largest market share held by the Windows operating system from a variety of versions. This is a tremendous opportunity for users of previous versions of Windows such as Windows 7, Windows XP, or Windows Vista to move to Windows 8 due to have mobile capabilities to the architecture of Windows 8 in it and does not eliminate the functionality of previous versions of Windows. Seeing the need and available technology, it is necessary to create a reliable application, where the application can be used in mobile and general to be used anywhere and anytime. Making an application using the Windows 8 platform is an answer that can meet those needs.
2. Methodology The scope of applications covered include Windows 8-based application design that consists of client and server applications, application features, and discussion of scientific verification is used to determine the decision that allowed the ship sailed and docked. The methodology used is the Scrum Methodology. Scrum was chosen because it can accommodate the needs of the many features, integrated with each other and focus more on the application features making using priorities. Further discussion include 3 parts: d. Analysis Methods e. Design Methods f. Evaluation of Application
2.1.
Analysis Methods The method of analysis included data collection methods such as literature studies, interview, analysis of the current system, the analysis of similar applications, analysis of the applications that have been built, and technology analysis. Literature studies conducted to obtain basic thesis writing by studying books, articles, and journals. Interviews were conducted to obtain data, information, and evaluation of the application. First interview conducted on Mr. Linardi Utama as Sub-Division Head of Development and Management of Information Systems and Communications to get the necessary requirements. The conclusion of the interview is needed foreign ships permit applications online to speed up the licensing process, reduce hardcopy, and facilitates the Ministry of Foreign Affairs, Headquarters Army (TNI), Ministry of Transportation and the Port Administrator to monitor licensing data of foreign ships. Analysis of the current system purpose is to get the data of procedures and forms used in the process of licensing foreign ships that are running at current.
Figure 2 Clearance Approval For Indonesian Territory Procedure
Based on Figure 2, the ship that wants to visit the Indonesian territory must first complete the document and send it to the Tourism Agent in Indonesia. Then Agent fill out the form and do licenses sequentially starting from the Diplomatic Clearance granted by the Ministry of Foreign Affairs (Foreign Affairs), Security Clearance granted by the Headquarters Army (Navy), and Technical Clearance granted by the Ministry of Transportation (Sea Comm). After all clearance has been granted, the document is given a copy to the foreign ships so that it can legally enter the Indonesian territory. After getting the data above, starting to make web-based CAIT application with scheme as follows.
Figure 3 CAIT Flow and Application Scheme Once the web-based CAIT application is completed, then do a second interview to get feedback with Mr. Linardi Utama (Head of Development and Management of Information Systems and Networks Ministry of Foreign Affairs), Mr. Benton Basuki Padmanegara (Division Head of Network and Information System for the Ministry of Foreign Affairs), and Mr. Puspa Bangun Subekti (Staff Development Centre of Information Systems and Communications Ministry of Foreign Affairs). It was concluded that the application of webbased CAIT meets the current needs of both business flow and features, although the implementation is still awaiting the results of a joint decision between the ministries concerned, namely the Ministry of Foreign Affairs, TNI, and the Ministry of Transportation in a letter Agreement. After getting feedback, conducted the third interview to application needs further analysis. Conclusions of this interview, it was necessary to support web-based CAIT application which be able to process clearance anytime and anywhere the user wants. Then the required applications supposed to have faster and lighter access than a web-based CAIT application. The next analysis is comparing three technologies platform that can address the needs of the next application needs. The technologies compared are web, jQuery Mobile, and Windows 8. The conclusion of this analysis can be seen in the following table.
Table 2 Comparisons of Technology Features
In Table 2, we can conclude that the technology of Windows 8 better address the needs of the next application and superior to other technologies. After conducting an analysis of the technology, it is necessary to go back to the data collection through interviews to support the use of technology with Windows 8. Interviews conducted on Mr. Linardi Utama (Head of Development and Management of Information Systems and Networks Ministry of Foreign Affairs), Mr. Benton Basuki Padmanegara (Division Head of Network and Information Systems Ministry of Foreign Affairs), and Mr. Puspa Bangun Subekti (Staff Development Centre and Information Systems communication Ministry of Foreign Affairs) led to the conclusion that Windows 8 is more alive with features of live tile, toast notifications, and easier actions with feature of app bar, charm bar. With its potential, it will not be a problem if CAIT will be made based on Windows 8.
2.2.
The Design Methods There are four design of the system, the design of the menu structure, product backlog, data dictionary, unified modeling language (UML) and the user interface. Majorly, the design of the system is divided into two, the Front End (Agent) and Back End (Government Staff, Ministry of Foreign Affairs, Ministry of Defense, Ministry of Transportation and Port Administrators). In designing the menu structure, designed 3 different menu structure. There are the structure of the front end, back end with create new requests feature (for Ministry of Foreign Affairs) and the back end without create new request feature. In designing the product backlog, designed backlog items are sorted according to the priority to determine which products will be completed first. Backlog items that will be worked on Front End for Agent role are Register Account Log In / Log Out, Create New Request and View Request List. Backlog Items on the Back End are divided into 5 user roles. First, the backlog items which will be made on the role Staff are Log In / Log Out, Change Agent Account Status, View Request List, Confirm Request, Request Reject, Reject Undo, View Agent Detail, and View Statistics. Second, the backlog of items that will be created in the Ministry of Foreign Affairs role are Log In / Log Out, View Request List, Approve Request, Request Reject, Reject Undo, View Agent Detail, View Statistics, and Create New Request. Third, the backlog of items that will be created in the Ministry of Defense role are Log In / Log Out, View Request List, Approve Request, Request Reject, Reject Undo, View Agent Detail, and View Statistics. Fourth, the backlog of items that will be created in the Ministry of Transportation role are Log In / Log Out, View Request List, Approve Request, Request Reject, Reject Undo, View Agent Detail, View Statistics, and Change Route. Fifth, the backlog of items that will be created at the Port Administrator role are Log In / Log Out, View Request List, Give Check In Notes, and View Statistics. Designing a data dictionary aims to determine what tables are used to store data of foreign ships licensing. The table used is MsStaff, MsBank, MsFee, MsLoging, MsAgent,
MsCompany, MsMinister, MsMinisterType, RequestApproval, MsRequest, MsNation, RequestCC, RequestPort, and MsPort. UML design used consisted of the use case diagrams, use case narrative, activity diagrams, class diagrams and sequence diagrams which divided into two segments of Front End and Back End. Designing the User Interface made to the client application using the technologies of Windows 8. The design is also divided into two segments, namely Front End and Back End as follows: 3.
Front End User Interface a. Index Page
Figure 3 Index Page Index page has two buttons namely Get Account to enter the register page and Log In to enter the login page. b.
Register Page
Figure 4 Register Page This page displays the form that must be filled by the Agent to register themselves to the system.
c.
Login Page
Figure 5 Login Page Front End The login page allows the user to log into the system by filling in your username, password and role in order to go to the home page. d.
Home Page
Figure 6 Home Page Front End
On the home page there are civil and military request. At the top right there is a bar that contains the account user names and pictures. In addition, there is some button on the app bar such as new requests, view request, refresh data, ship rate, home, and log out.
e.
Create Request Page
Figure 7 Create Request Page
Create new request screen display contains the license application form that can be swiped to the right / left, then there is an app bar that contains the submit button, cancel, home, and log out.
f.
View Request Page
Figure 8 View Request Page Front End
The screen of view feature request contains the license application form that has been filled before. The screen on this page can be swiped to the right / left, besides there is an app bar that contains edit button, home, and log out.
g.
View Request List Flyout
Figure 9 View Request List Flyout View request list flyout is form that can be inputted by the user to obtain the desired request list. h.
Ship Rate Flyout
Figure 10 Ship Rate Flyout Ship rates flyout displays ship type combo box that can be selected by the user to get to know the ship fare. 4.
User Interface Back End 1. Index Page Similar to Figure 3. 2.
Login Page
Figure 11 Login Page Back End
Here is the login page, the user must fill username, password and choose one role. There is some role such as Government Staff, Ministry of Foreign Affairs, Ministry of Defense, Ministry of Transportation, Port Administrator on this page. 3.
Home Page
Figure 11 Home Page Back End
Back end home page screen is different from the front end, this page will show other features such as agent list, statistics other than civil and military request. In addition there are several buttons on the app bar like new request (shown only for the Ministry of Foreign Affairs), view request, refresh data, ship rate, home, and log out. 4.
Create Request Page Similar to figure 7.
5.
View Request Page
Figure 12 View Request Page Back End View request contains the license application form that has been filled before. The screen here can be swiped to the right / left, and there is a bar that contains the app specific button such as accept, reject payment confirmation, home, and log out.
6.
View Agent Detail
Figure 13 View Agent Detail View agent detail contained detailed information about the agent. There is a bar that contains the app active, freeze, deactive, and home. 7.
Payment Flyout
Figure 14 Payment Flyout Payment confirmation flyout contains form that can be inputted by the staff who work at the Ministry of Transportation to provide confirmation of payment. 8.
View Request List Flyout Similar to figure 9.
9.
Ship Rate Flyout Similar to figure 10.
10. Check In Notes Flyout
Figure 15 Check In Notes Flyout Pada tampilan rancangan layar flyout fitur Check In terdapat text area notes yang dapat di-input oleh user untuk memberikan catatan mengenai kapal yang berlabuh. 11. Undo Reject Request
Gambar 16 Undo Reject Flyout Pada tampilan rancangan layar flyout fitur Undo Reject Request terdapat undo reject button yang berfungsi untuk mengembalikan status request dari rejected menjadi approved kembali.
2.3.
Evaluation of Application C.A.I.T application has passed the evaluation results with 8 Golden Rules of Interface Design as follows: 1. 2. 3. 4. 5. 6. 7. 8.
Strive for consistency Cater to universal usability Offer informative feedback Designs dialog to yield closure Prevent errors Support internal locus of control Permit easy reversal of actions Reduce short-term memory load
The evaluation was also conducted on the similar applications (F.C.I.S) and applications that have been built in (web-based CAIT). From the comparison can be drawn the conclusion that the CAIT the Windows 8 platform has the advantage of providing automatic approval numbers and statistical feature to see the spread of licensing in Indonesia. The evaluation was also conducted by the Windows App Certification Kit (ACK) to determine the feasibility of the application based on factors such as crashes and hang test, app manifest compliance test, windows security features test, supported API test,
performance test, app manifest resources test, debug configuration test, file encoding, direct3d feature support, app capabilities test, and windows runtime metadata validation.
Figure 25 Summary of Windows App Certification Test Result Based on the results obtained from the interview after Windows 8 based CAIT demo can be concluded that the overall features of the application has met the requirements in granting licenses to foreign surveillance ship. From these interviews also obtained useful suggestions for further application development. Finally, the performance evaluation tests conducted by comparing the speed of execution of web-based CAIT between Windows 8 based CAIT features. This test is intended to prove that the Windows 8 platform faster than web. Tests carried 10 times on the condition and many of the same data and the smaller the number means the faster. Table 3 Performance Test Summary of CAIT Application
According to the table above it can be concluded that overall Windows 8 CAIT application faster and lighter compared to the web-based CAIT application. CAIT Applications with Windows 8 platform faster because just taking the necessary data processing feature while on the site were taken not only data, but also the interface.
3. Conclusion Based on the analysis of the evaluation results, then things can be inferred from application development Clearance Approval For Indonesian Territory (CAIT) with Windows 8 platform is: 1. CAIT application meets the licensing requirements of foreign ships that can be done by Agent, Ministry of Foreign Affairs, Headquarters Army (TNI), and the Ministry of Transportation from business flow and features although the implementation is still awaiting the results of the decision with the Ministry of Foreign Affairs, Headquarters Army (TNI) and the Ministry of Transportation. 2. Web-based and Windows 8 based CAIT application already meet the direct supervision requirement for foreign ships to Give Check-in Notes feature and View Request List. 3. Windows 8 based CAIT application 8 has a feature that does not possessed by similar applications and applications that have been built, such as: a. Giving approval numbers automatically to avoid errors in charging approval numbers. b. Useful statistics to support decision making in terms of the tourism. 4. With the application of Windows 8 based CAIT application could help and complement webbased CAIT application, in addition to the performance obtained Windows 8 based applications faster and lighter compared to the web-based CAIT through a performance test. 5. Utilization applications with Windows 8 platform on the government has the potentials: a. Lighter, as evidenced by the analysis of Windows 8 technology and performance evaluation tests only take the data needed in processing features or information. b. Using chromeless concept to displays contect more clearly rather than web version. c. More help with the notification feature in the form of toast, live tile, and badges. d. Has a more interesting user interface so it will increase user passion in work.
Reference [1] Anonim1. (2012). Operating System Market Share. Retrieved January 21, 2012, from http://www.netmarketshare.com/operating-system-market-share.aspx?qprid=10 [2] Anonim2. (2012, Oct 30). Will Windows 8 Boost Advanced Business Use of Tablets and Smartphones. Computer News Middle East, Retrieved January 27, 2013 from Proquest: http://search.proquest.com/docview/1119172998 [3] Anonim3. (2012). Maritime Distress & Safety Telecommunication Data Elements, Retrieved January 27, 2013 from U.S Department of Homeland Security Navigation Center: http://www.navcen.uscg.gov/pdf/gmdss/GMDSS_Data_Elements.pdf [4] Anonim4. (2013). Create a chart from start to finish, Retrieved January 28, 2013 from Microsoft Office Online: http://office.microsoft.com/en-us/excel-help/create-a-chart-from-start-to-finishHP010342356.aspx [5] Anonim5. (2013). Present your data in scatter or a line chart, Retrieved January 28, 2013 from Microsoft Office Online: http://office.microsoft.com/en-us/excel-help/present-your-data-in-a-scatterchart-or-a-line-chart-HA010227478.aspx [6] Anonim6. (2013). Creating a bubble chart, Retrieved January 28, 2013 from Microsoft Office Online: http://office.microsoft.com/en-us/excel-help/creating-a-bubble-chart-HA001117076.aspx
[7] Bright, P. (2012, Oct 22). Turning to the past to power Windows' future: An in-depth look at WinRT, Retrieved January 27, 2013 from arstechnica: http://arstechnica.com/features/2012/10/windows-8-andwinrt-everything-old-is-new-again/ [8] Brockschmidt, K. (2012). Programming Windows 8 Apps with HTML, CSS, and JavaScript (2nd Preview). Redmond, Washington: Microsoft Press [9] Cervone, H. F. (2011). Understanding agile project management methods using scrum. OCLC Systems and Services, 27(1), 18-22. doi: http://dx.doi.org/10.1108/10650751111106528 [10] Connolly, T. M., Begg, C. E. (2010). Database System: a practicional approach to design, implementation and management (5th ed.). New Jersey: Pearson Education [11] Crockford, D. (2008). JavaScript: The Good Parts. Gravenstein Highway North, Sebastopol, Canada: O’Reilly Media, Inc. [12] Carey, P. (2009). New Perspectives on HTML, XHTML and XML (3rd ed.). Boston: Cengage Learning [13] Drake, Stephen D., Boggs, R., Jaffe, J. (2009). Worldwide Mobile Worker Population 2009 – 2013 Forecast. Retrieved January 27, 2013, from IDC: http://www.gotomypc.com/remote_access/images/pdf/How_to_Equip_Your_Company_for_the_New_M obile_Workforce.pdf [14] Dodge, Y. (2006). The Oxford Dictionary of Statistical Terms. Retrieved January 30, 2013. USA: Oxford University Press. [15] Esposito, D. (2012). Microsoft's JavaScript Move. Information Week, 29-30. Retrieved January 27, 2013 from Proquest: http://search.proquest.com/docview/1220459067 [16] Galitz, W. O. (2011). The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques (3rd edition). New York: John Wiley & Sons [17] Harwani, B. M. (2010). Developing Web Application in PHP and AJAX. New York, United States of America: The McGraw-Hill Companies, Inc. [18] Honeycutt, J. (2012). Introducing Windows 8: An Overview for IT Professionals. Redmond, Washington: Microsoft Press [19] MacDonald, M. (2011). HTML5: The Missing Manual. Gravenstein Highway North, Sebastopol, Canada: O’Reilly Media, Inc. [20] MacIntyre, P. B. (2010). PHP The Good Parts (1st ed.). Gravenstein Highway North, Sebastopol, Canada: O’Reilly Media, Inc. [21] Mistry, R., Misner, S. (2012). Introducing Microsoft SQL Server 2012. Redmond, Washington: Microsoft Press [22] Patterson, D.A, Hennessy, J.L. (2008). Computer Organization and Design, Fourth Edition: The Hardware/Software Interface. Waltham, United States of America: Elsevier, Inc. [23] Pressman, R. S. (2010). Software Engineering: A Practitioner's Approach (7th ed.). New York, United States of America: The McGraw-Hill Companies, Inc. [24] Rainer, R. K., Cegielski, C. G. (2011). Introduction to Information Systems: Enabling and Transforming Business (3rd ed.). New York: John Wiley & Sons
[25] Reid, J. (2011). jQuery Mobile (1st ed.). Gravenstein Highway North, Sebastopol, Canada: O’Reilly Media, Inc. [26] Rothaus, D. (2012). Design case study: Enterprise line of business Windows Store app (Windows). Retrieved November 23, 2012, from Microsoft MSDN: http://msdn.microsoft.com/enus/library/windows/apps/jj659079.aspx [27] Sells, C., Satrom, B., Box, D. (2012). Building Windows 8 Apps with JavaScript. Boston: AddisonWesley [28] Shneiderman, B., & Plaisant, C. (2010). Designing The User Interface: Strategies For Effective Human-Computer Interaction (5th ed.). USA: Pearson Education, Inc. [29] Stair, R. M., Reynolds, G., Reynolds, G. W. (2010). Principles of Information Systems (9th ed.). Boston: Cengage Learning [30] Whitten, J. L., & Bentley, L. D. (2007). Systems Analysis and Design Methods (7th ed.). New York: The McGraw-Hill Companies, Inc. [31] Williams, B. K., Sawyer, C. (2011) Using Information Technology: A Practicional Introduction to Computers & Communications (9th ed.). New York: McGrawHill
Authors Profile Arini was born in the city of Tangerang on December 2, 1991. The author graduated Bachelor Degree at Bina Nusantara University in the field of Computer Science in 2013. Currently working as Top Executives-Chief Operation Officer at YellowBlue IT Solutions. The author is active in a student organization called HIMTI Binus University as the Care Council. Adhitya Hernadian Pradita Nugroho was born in the city of Semarang on October 10, 1990. The author graduated S1 at Bina Nusantara University in the field of Computer Science in 2013. Currently working as Chief Executive Officer in YellowBlue IT Solutions. The author is active in a student organization called HIMTI Binus University as External Vice President. Andrew Steven Puika was born in the city of Bekasi on May 31, 1991. The author graduated S1 at Bina Nusantara University in the field of Computer Science in 2013. The author is active in a student organization called HIMTI Binus University as Internal Vice President. Derwin Suhartono was born in the town of Pekalongan on January 24, 1988. The author graduated Master Degree at Bina Nusantara University in the field of Computer Science that focuses on Information Engineering in 2011. Currently working as Full Time Lecturer and Subject Content Coordinator Artificial Intelligence at the University of Bina Nusantara.
