Gambar 3.1 Diagram Alir aplikasi pada Klien Sistem berjalan.

BAB III PENENTUAN ALTERNATIF, EVALUASI, DAN PERANCANGAN Bab ini menjelaskan mengenai alternatif, evaluasi, dan perancangan yang akan digunakan dalam pengembangan modul Jafaik. Tahap penentuan alternatif terdiri dari empat bagian, yaitu analisis sistem berjalan, evaluasi alternatif, analisis resiko, dan perancangan. 3.1 Analisis Sistem Berjalan Analisis sistem berjalan merupakan tahapan untuk menentukan alternatif lain dari aplikasi yang sebelumnya ada agar bisa dimanfaatkan oleh lebih banyak pengguna. Maka dari itu diperlukan analisa sistem berjalan dan alternatif yang akan digunakan. Sebelum menentukan alternatif lain, diperlukan analisis sistem dari aplikasi yang sudah ada agar dapat menentukan alternatif lainnya. Berikut diagram alir dari aplikasi yang sebelumnya Gambar 3.1 dan Gambar 3.2. MULAI Aktifkan GPS Widget Jafaik Mencari koordinat GPS Sukses Widget Jafaik mencari Cell ID Widget Jafaik membuka aplikasi web server Jafaik dengan browser pada ponsel Widget mengirim Cell ID SELESAI Gambar 3.1 Diagram Alir aplikasi pada Klien Sistem berjalan. 33

34 MULAI Menerima koordinat & menentukan lokasi Mencari lokasi teater terdekat Menampilkan jadwal film SELESAI Gambar 3.2 Diagram Alir Aplikasi pada Server Sistem berjalan. Dari aplikasi sebelumnya memiliki kekurangan pada sistem yaitu. 1. Pada aplikasi server, pengguna tidak dapat menentukan lokasi tanpa aplikasi klien, karena aplikasi server hanya bergantung pada penentuan lokasi berdasarkan data yang dikirim dari aplikasi klien. Oleh karena itu aplikasi server tidak dapat berdiri sendiri sehingga dapat menimbulkan masalah apabila terdapat sistem yang tidak berjalan pada aplikasi klien. 2. Mesikpun pada aplikasi klien telah memiliki fungsi penentuan lokasi berdasarkan GPS dan Cell ID, namun pengguna tidak selalu menggunakan perangkat seluler mereka untuk mengakses aplikasi Jafaik, bisa saja pengguna mengakses melalui peramban pada komputer dan juga meskipun telah mengetahui teater terdekat belum tentu pengguna mengetahui rute jalan menuju ke sana. 3. Tidak semua perangkat seluler mendukung instalasi aplikasi klien (widget) contohnya pada perangkat seluler bersistem operasi Android (dalam kasus ini menggunakan perangkat seluler Samsung Galaxy Wonder GT- I8150), hal ini disebabkan karena aplikasi klien yang telah ada menggunakan bahasa

35 pemrograman yang hanya mendukung pada perangkat seluler berbasis Symbian dan hal tersebut menyebabkan aplikasi klien tidak mendukung untuk dijalankan pada sistem operasi Android dan akhirnya pengguna hanya bisa mengakses aplikasi server menggunakan peramban. Dengan melihat hasil analisa pada aplikasi sebelumnya, maka diperoleh beberapa alternatif sebagai tambahan untuk meningkatkan kinerja dari aplikasi yang sebelumnya yaitu menggunakan pencarian lokasi menggunakan alamat IP pada aplikasi server dan menambahkan fungsi penentuan rute jalur terdekat. Selain itu dalam mengakses aplikasi Jafaik, pengguna menggunakan berbagai macam perangkat bergerak yang masing-masing memiliki ukuran layar yang berbeda sehingga tampilan aplikasi Jafaik harus menyesuaikan dengan ukuran layar dari perangkat bergerak milik pengguna. Untuk pencarian lokasi menggunakan alamat IP dilakukan dengan mengirimkan data alamat MAC (Media Acces Control) pada titik akses Wi-Fi oleh peramban ke server lookup W3C API menggunakan fungsi Geolokasi. Sedangkan untuk fungsi penentuan rute jalur terdekat dengan menambahkan fungsi yang tersedia oleh Google Direction. Sedangkan, untuk membuat aplikasi Jafaik bisa menyesuaikan tampilan dengan segala ukuran dari layar perangkat pengguna digunakan fungsi HTML5 dan CSS3 seperti Media Queries serta viewport. 3.2 Evaluasi Alternatif Pada tahap ini dilakukan evaluasi atas usulan alternatif yang ada untuk menganalisa kemungkinan resiko yang terjadi ketika menambahkan usulan ini pada aplikasi yang sudah ada. Evaluasi ini terdiri dari analisis terhadap usulan dan analisis resiko. Geolokasi adalah identifikasi lokasi geografis dunia nyata dari sebuah objek, seperti radar, ponsel atau komputer terminal yang tersambung ke Internet. Geolokasi dapat merujuk kepada penentuan menilai lokasi atau penentuan sebuah lokasi pasti. Geolokasi berkaitan erat dengan penggunaan sistem penentuan posisi tetapi dapat dibedakan dengan penekanan lebih besar pada penentuan lokasi yang lebih detail (misalnya alamat jalan) bukan hanya satu set koordinat geografis.

36 Untuk bisa menggunakan fungsi geolokasi, sebelumnya menggunakan W3C Geolocation API. W3C Geolocation API merupakan upaya oleh World Wide Web Consortium (W3C) untuk membakukan sebuah antarmuka untuk mengambil informasi lokasi geografis untuk perangkat bergerak. W3C mendefinisikan satu set objek ECMAScript baku, yang melakukan eksekusi pada aplikasi klien serta memberikan lokasi perangkat klien melalui konsultasi Server Informasi tentang Lokasi yang transparan untuk API (Aplication Program Interface). Sumber yang paling umum dari informasi lokasi adalah alamat IP, alamat MAC (Media Access Control) dari Wi-Fi dan Bluetooth, radio-frekuensi identifikasi (RFID), lokasi koneksi Wi-Fi, atau perangkat Global Positioning System (GPS) dan GSM/CDMA. Lokasi dikembalikan dengan akurasi yang diberikan tergantung pada sumber informasi lokasi terbaik yang tersedia. Halaman web dapat menggunakan API Geolocation dalam dua cara yaitu secara langsung, dengan cara jika sebuah peramban mengimplementasikannya atau melalui plugin Google Gears. Akan tetapi, Plug-in ini telah dihentikan penggunaannya pada tahun 2010. Geolocation API cocok untuk aplikasi peramban berbasis perangkat mobile seperti personal digital assistant (PDA) dan smartphone. Namun, belum ada dukungan luas pada platform tersebut karena berbagai perangkat dan peramban perangkat bergerak yang biasanya tidak memiliki arsitektur plugin. Pada komputer desktop, W3C Geolocation API bekerja di Firefox sejak versi 3.5, Google Chrome, Opera 10.6, Internet Explorer 9.0, dan Safari 5. Pada perangkat mobile, bekerja pada Android (firmware 2.0 +), ios, Windows Phone dan Maemo. W3C Geolocation API juga didukung oleh Opera Mobile 10.1. Tersedia untuk Android dan Symbian perangkat (S60 generasi 3 & 5) sejak 24 November 2010. Google Gears sendiri memberikan dukungan geolocation untuk browser lama dan non-compliant, termasuk Internet Explorer 7.0 + sebagai plugin Gears, dan Google Chrome yang mengimplementasikan Gears native. Hal ini juga didukung geolocation pada perangkat mobile sebagai plugin untuk browser Android (pra versi 2.0) dan Opera Mobile untuk Windows Mobile. Google Gears Geolocation API tidak kompatibel dengan API Geolocation W3C.

37 Meskipun pengembangannya tidak begitu mendetail, W3C Geolocation API dibangun di atas teknologi yang masih ada dan sangat dipengaruhi oleh Google Gears Geolocation API. Contoh: Pelaksanaan Geolocation Firefox menggunakan penyedia lokasi jaringan Google. Google Gears Geolocation bekerja dengan mengirimkan satu set parameter yang bisa memberikan petunjuk ke tempat lokasi fisik pengguna merupakan lokasi sebuah server penyedia jaringan, yang secara default disediakan oleh Google (code.l.google.com). Beberapa parameternya adalah untuk mendeteksi menara seluler mobile dan jaringan Wi-Fi menggunakan kekuatan sinyal. Parameter ini diringkas menjadi pesan Obyek Notasi JavaScript (JSON) dan dikirim ke penyedia lokasi jaringan melalui HTTP POST. Berdasarkan parameter tersebut, penyedia lokasi jaringan dapat menghitung lokasi pengguna. Penggunaan umum untuk informasi lokasi ini termasuk penegasan kontrol akses, lokalisasi dan menyesuaikan konten, menganalisis lalu lintas, pemberitahuan kontekstual dan mencegah pencurian identitas. Contoh kode JavaScript simpel yang dapat mengecek peramban web dapat menjalankan Geolocation API atau mempunyai Google Gears untuk membuat objek geolokasi dan menggunakannya untuk mendapatkan lokasi dari perangkat pengguna adalah sebagai berikut. Kode 3.1 Potongan Kode Geolokasi Window.onload=function(){ If(navigator.geolocation) { Navigator.geolocation.getCurrentPosition(showPosition); Else { Alert( Geolocation is not supported by this browser. ); } } Function showposition(pos){ Alert( Latitude : +pos.coords.latitude+ \nlongitude: +pos.coords.longitude); } Dari contoh kode diatas, Google Gears Geolocation API memungkinkan untuk menampilkan data posisi saat ini dengan mendapatkan informasi dari antena WiFi. Google Gears Geolocation API dapat memperoleh lokasi yang tepat dari lokasi pengguna saat itu juga, dalam hal lintang, bujur dan bahkan alamat.

38 Peramban pengguna seperti Internet Explorer, Firefox harus memiliki Google Gears yang sudah terinstal sebelumnya kecuali Google Chrome, agar Google Gears API berfungsi pada peramban Anda. Namun sebelum peramban menunjukan hasil geolokasi, pengguna akan diminta untuk menyetujui permintaan berbagi lokasi. 3.3 Analisis Resiko Analisis sistem merupakan tahapan yang paling awal dalam pembuatan sebuah perangkat lunak. Pada tahap ini penulis menganalisa resiko. Analisa dilakukan terhadap usulan alternatif yang menunjukan pada masalah, sehingga dapat diketahui resiko pada sistem yang akan dibuat. Resiko yang mungkin bisa terjadi jika menambahkan alternatif seperti yang telah disebutkan pada aplikasi Jafaik, akan membuat proses pengiriman data ke peramban menjadi lebih besar dari yang sebelumnya. Sehingga bisa memperbesar bandwidth yang dikirim akan tetapi tidak mempengaruhi kinerja pada peramban dan dalam proses penentuan lokasi pengguna menggunakan IP Address menjadi kurang akurat dikarenakan sinyal dari perangkat Wi-Fi yang dilacak oleh Google Geolocation API bisa mencapai jarak 100 m. 3.4 Perancangan Pada saat kita ingin mencari tahu tentang posisi sebuah lokasi seperti lokasi bioskop, mungkin kita akan memerlukan waktu yang tidak sedikit untuk mendaptkan informasinya. Beberapa cara yang sering kita lakukan untuk mendapatkan posisi sebuah lokasi bioskop beserta rute menuju tempat tersebut. 1. Yang pertama mungkin kita dapat melakukan dengan cara menggunakan layanan Google maps yang sebelumnya dengan mengaktifkan GPS maupun Cell ID untuk mendapatkan koordinat lokasi. Namun kita bisa mengalami kendala jika perangkat bergerak kita tidak memiliki fungsi tersebut. 2. Kedua dengan menggunakan layanan Google Direction untuk mendapatkan rute menuju posisi bioskop terdekat yang ingin kita tuju.

39 3. Ketiga bertanya kepada teman, sahabat, kerabat ataupun orang lain yang mengetahui lokasi tersebut dengan begitu kita tidak perlu repot-repot mengunjungi situs-situs yang telah disebutkan sebelumnya 4. Dan cara yang keempat menggunakan aplikasi yang bisa mencakup secara keseluruhan cara yang telah disebutkan sebelumnya baik itu mengenai penentuan lokasi menggunakan GPS, Cell ID atau menggunakan fungsi lain yang bisa mendukung tanpa kedua fungsi tersebut dan juga penentuan rute menuju lokasi yang diinginkan. Dari seluruh cara tersebut, cara yang terakhir merupakan cara yang efisisen dan efektif untuk mendapatkan informasi mengenai lokasi teater terdekat dan rute menuju ke teater yang kita inginkan. 3.4.1 Perancangan Proses Modul aplikasi Jafaik dirancang dan dibuat dengan menggunakan NetBeans sebagai aplikasi client, sedangkan untuk aplikasi server menggunakan bahasa pemrograman web berbasis server yang terintegrasi dengan basis data. Perancangan proses merupakan tahap awal dari sebuah perancangan perangkat lunak. Perancangan ini dilakukan untuk mengetahui kondisi sistem secara keseluruhan. Perancangan sistem meliputi diagram alir program, diagram blok sistem, diagram konteks, dan cara kerja sistem. Diagram alir program merupakan sebuah diagram yang menggambarkan suatu urutan logika dari suatu prosedur pemecahan masalah. Berikut ini adalah diagram alir konsep program Gambar 3.4. Berikut ini adalah penjelasan mengenai diagram alir pada Gambar 3.4 : 1. Pada tahap awal pengguna akan diminta untuk menyetujui pengiriman mengenai informasi alamat IP. Pada tahap ini pengguna akan memperbolehkan server google untuk mengetahui lokasi berdasarkan alamat IP dan alamat MAC. Dengan begitu hal ini bisa melanggar privasi pengguna. Oleh karena itu, pengguna sebelumnya mendapatkan pemeberitahuan untuk pengguna ingin berbagi lokasi atau tidak. Jika tidak menyetuji maka aplikasi Jafaik hanya melakukan lookup pada server ipinfo.io.

40 2. Pada tahap selanjutnya server Jafaik akan menerima alamat IP pengguna. Di tahap ini server akan menerima data alamat IP yang di kirimkan oleh pengguna melalui peramban perangkat bergerak ataupun komputer, baik pengguna menggunakan akses internet Wi-Fi, jaringan internet kabel ataupun menggunakan modem. Tidak Ya Ya Tidak Ya Tidak Gambar 3.3 Diagram alir aplikasi server sistem yang diusulkan. 3. Di tahap berikutnya server Jafaik akan mengirimkan data alamat IP pengguna ke server W3C. Pada tahap ini untuk mendapatkan posisi pengguna, server Jafaik akan mengirimkan data alamat IP ke server Google untuk kemudian di ubah menjadi koordinat lokasi pengguna berupa nilai longitude dan latitude.

41 4. Di tahap selanjutnya jika peramban tidak mendukung fungsi geolokasi maka longitude dan latitude tidak akan ditampilkan. Pada proses kali ini server akan memeriksa apakah peramban yang digunakan pengguna mendukung bahasa pemrograman HTML 5 yang meliputi fungsi dari geolokasi. 5. Di tahap ini hasil dari latitude dan longitude yang dikirimkan oleh server W3C ke server Jafaik akan ditampilkan untuk menentukan lokasi pengguna. Pada tahapan kali ini setelah pemeriksaan dari server Jafaik bahwa peramban pengguna mendukung maka, server Jafaik akan menampilkan hasil dari konversi alamat IP menjadi nilai latitude dan longitude yang dilakukan oleh server W3C sebelumnya. 6. Pada tahapan selanjutnya server Jafaik akan mencari informasi mengenai jadwal film yang akan segera tayang dan teater terdekat dengan pengguna. Di tahapan ini server Jafaik akan mulai melakukan pencarian lokasi dari teater terdekat dengan si pengguna berdasarkan nilai latitude dan longitude yang telah diterima. Dan juga melakukan pencarian jadwal film yang akan segera tayang berdasarkan rentang waktu dari pengguna mengakses aplikasi server Jafaik. 7. Di tahapan ini server Jafaik akan memproses film yang akan tampil sesuai dengan waktu pengguna mengakses aplikasi server Jafaik. Meskipun aplikasi server Jafaik telah mengetahui lokasi pengguna, bisa saja aplikasi tidak menampilkan informasi film yang akan tayang dikarenakan tidak adanya film yang akan tayang hingga keesokan hari. 8. Pada tahapan terakhir dari proses ini aplikasi server Jafaik akan menampilkan seluruh film yang akan segera tayang dan teater terdekat dari lokasi pengguna. 3.4.2 Proses Aplikasi Server Perancangan proses menjelaskan masukkan dan keluaran dari proses yang terjadi di dalam aplikasi server Jafaik. Perancangan proses digambarkan dalam bentuk diagram alor. Pada aplikasi server terdapat proses untuk penerimaan alamat IP yang didapat dari layanan bawaan google untuk mendapatkan lokasi pengguna. Berikut proses aplikasi pada Gambar 3.4.

42 Mulai W3C API menerima alamat IP pengguna Server menerima data lokasi pengguna dari W3C. Server Jafaik mencari lokasi teater terdekat Selesai Gambar 3.4 Proses lookup pada server. Berikut ini adalah penjelasan mengenai diagram alir proses lookup alamat IP pada server Jafaik: 1. Di tahap pertama W3C API akan menerima data berupa alamat IP pengguna ketika mengakses aplikasi server Jafaik. Di tahap ini alamat IP yang telah diterima oleh server Jafaik akan dikirimkan ke W3C API untuk diubah menjadi nilai latitude dan longitude. 2. Pada tahap berikutnya server Jafaik akan menerima lokasi pengguna berdasarkan nilai latitude dan longitude. Nilai latitude dan longitude ini akan menjadi acuan server Jafaik mencari lokasi teater terdekat dan rute menuju lokasi teater yang ingin pengguna tuju. 3. Pada tahap terakhir ini server Jafaik memproses nilai latitude dan longitude yang sudah didapat dan kemudian menampilkan teater terdekat dari lokasi pengguna berdasarkan nilai latitude dan longitude tersebut. Sedangkan untuk proses penentuan rute yang dilakukan oleh server Jafaik berdasarkan lokasi pengguna sebelumnya bisa dilihat diproses pada Gambar 3.5.

43 Mulai Server Jafaik mendapatkan lokasi pengguna Pengguna memilih teater yang dia inginkan Pengguna meminta aplikasi Server Jafaik menampilkan rute Server Jafaik menampilkan rute di layanan Google Maps Selesai Gambar 3.5 Proses penentuan rute pada aplikasi server Jafaik. 1. Di tahap pertama server Jafaik telah mendapatkan lokasi pengguna berdasarkan latitude dan longitude dari W3C API. Di tahap ini aplikasi server Jafaik masih menggunakan latitude dan longitude yang sama dari penentuan lokasi pengguna pada pencarian lokasi sebelumnya. 2. Pada tahap berikutnya pengguna memilih teater yang akan dia tuju dari daftar seluruh teater yang dipilih server Jafaik berdasarkan lokasi teater yang dekat dengan lokasi pengguna. 3. Di tahap ini pengguna dapat meminta server Jafaik menunjukan rute menuju teater yang pengguna pilih. Tidak hanya itu, pengguna juga dapat melihat seluruh informasi mengenai teater yang dia pilih. Seperti jadwal dan daftar film yang akan segera tayang dan juga alamat teater. 4. Pada tahap terakhir ini server Jafaik akan menampilkan rute menuju teater yang pengguna pilih dengan memanfaatkan bantuan layanan dari Google Maps. Server Jafaik akan menentukan titik awal rute berdasarkan lokasi pengguna yang di dapat dari nilai latitude dan longitude yang telah tersimpan di server dan menentukan titik akhir rute berdasarkan nilai latitude dan longitude teater yang sudah ada di basis data aplikasi server Jafaik.

44 3.5 Cara Kerja Sistem Aplikasi Jafaik terdiri dari 2 bagian, yaitu bagian client dan bagian server. Cara kerja pada bagian server secara umum seperti pada Gambar 3.6. W3C API 2. Mengirim alamat IP 3. Mengirim koordinat Server Jafaik 2. Mengirim IP 6.Menerima hasil Pencarian Peramban Pengguna 1. Mengakses Jafaik 4. Mengirim koordinat Server ipinfo.io Gambar 3.6 Rancangan Kerja Sistem. Aplikasi server Jafaik akan menerima alamat IP saat mengakses aplikasi server melalui peramban pengguna yang kemudian data alamat IP yang didapat oleh aplikasi server Jafaik dikirimkan ke layanan Google, kemudian aplikasi server mengolah koordinat berupa latitude dan longitude tersebut untuk mencari data-data yang dibutuhkan. Data tersebut terdiri dari jadwal film, sinopsis film, detail bioskop yang diperoleh dari www.21cineplex.com dan www.blitzmegaplex.com serta www.imdb.com dan www.rottentomatoes.com. Kemudian server juga akan menampilkan rute menuju bioskop terdekat menggunakan layanan google yaitu Google Direction yang ditampilkan pada layanang Google Maps. Dari data-data tersebut kemudian aplikasi server akan melakukan proses sehingga akan menghasilkan daftar rekomendasi teater terdekat, rute menuju ke teater, jadwal film bioskop terbaik berdasarkan posisi pengguna, jam tayang, peringkat film dan harga tiket.

45 3.6 Perancangan Layout Layout merupakan desain tampilan situs web yang akan dibuat. Layout web aplikasi ini ditunjukan dalam Gambar 3.7 dan 3.8. Peta Lokasi Pengguna Nilai Latitude dan Longitude Gambar 3.7 Desain Layout Tampilan Lokasi Pengguna. Desain layout aplikasi yang akan dibuat untuk tampilan awal. Adapun pembagian areanya sebagai berikut : 1. Peta Lokasi Pengguna Bagian ini merupakan area dimana akan ditampilkan letak posisi pengguna menggunakan peta yang didapat dari Google Maps 2. Nilai Latitude dan Longitude Bagian ini merupakan tempat untuk menaruh nilai dari lokasi pengguna yang berupa Latitude dan Longitude.

46 Header Content Footer Gambar 3.8 Desain Layout Tampilan Utama. Desain layout di atas adalah desain untuk tampilan utama aplikasi. Adapun pembagian areanya sebagai berikut : 1. Header Area Bagian ini merupakan tempat untuk menampilkan logo, waktu keterangan aplikasi. 2. Content Area Bagian ini merupakan tempat untuk menampilkan isi dari aplikasi sesuai dengan menu yang terpilih, namun ketika pertama kali di akses bagian ini akan menampilkan jadwal film yang akans segera tampil. 3. Footer Area Bagian ini merupakan tempat untuk menampilkan tulisan hak cipta dan informasi pembuat.

47 Disain layout untuk perangkat bergerak Tablet dengan lebar minimal 1280px Waktu Gambar Film Info Film Sinopsis Footer Gambar 3.9 Layar ukuran 1280px Disain layout untuk perangkat bergerak Tablet dengan lebar minimal 800px Waktu Gambar Film Info Film Sinopsis Footer Gambar 3.10 Layar ukuran 800px Disain layout untuk perangkat bergerak telepon genggam dengan lebar minimal 640px. Waktu Gambar Film Info Film Gambar 3.11 Layar ukuran 640px Disain layout untuk perangkat bergerak telepon genggan dengan lebar minimal 360px. Waktu Gambar Film Footer Info Film Footer Gambar 3.12 Layar ukuran 360px

48