APLIKASI PENGECEK HARGA PRODUK BERBASIS ANDROID WEB VIEW

Ukuran: px

Mulai penontonan dengan halaman:

Download "APLIKASI PENGECEK HARGA PRODUK BERBASIS ANDROID WEB VIEW"

Yanti Chandra
6 tahun lalu
Tontonan:

1 APLIKASI PENGECEK HARGA PRODUK BERBASIS ANDROID WEB VIEW 1 Wahyu Adam, 2 Kika Nurjah 1 Konsentrasi Majemen Informatika STMIK LPKIA 2 Program Studi Teknik Informatika STMIK LPKIA Jln. Soekarno Hatta No. 456 Bdung 40266, Telp , Fax adam@lpkia.ac.id, kikurjnah@fellow.lpkia.ac.id Abstrak Harga adalah suatu nilai tukar yg bisa disamak deng ug atau barg lain untuk mfaat yg diperoleh dari suatu barg atau jasa bagi seseorg atau kelompok pada waktu tertentu d tempat tertentu untuk memberik nilai finsial pada suatu barg atau jasa yg ditawark ke sebuah pasar untuk diperhatik, dimiliki, dipakai, atau dikonsumsi sehingga dapat memuask suatu keingin atau semua kebutuh. Deng adya kemampu dari kamera Android yg bisa membaca kode ak memudahk mencari informasi harga yg tersimp di dalam konten web yg ak ditampilk secara lgsung dari tpa harus membuka browser terlebih dahulu deng Android System WebView di dalam Pergkat Android. Kata kunci : Harga,, Android, System, WebView. 1. Pendahulu Dalam memberik label harga, terkadg rak tidak bisa memuat semua label yg akhirnya hya sebagi label saja yg dapat dipajgk karena keterbatas pjg rak d byaknya barg karena saling berdempet. Ini biasya terjadi pada barg-barg yg berukur kecil. Dalam hal ini - yg tidak dipasg label tidak dapat diketahui hargya yg menyebabk beberapa konsumen yg ak membeli barg tersebut selalu menyak terus menerus kepada pramuniaga untuk mengetahui hargya. Dalam melayi pertya harga dari konsumen, pramuniaga ak selalu mengecek harga tersebut melalui scner kasir deng men-sc tersebut untuk mengetahui harga yg diingink karena tak ada list atau price checker yg bisa digunak oleh seorg pramuniaga. Namun hal ini bisa menyebabk tergggunya proses trsaksi pembayar. Selain itu - tersebut bisa mengalami perubah harga di setiap waktu yg akhirnya memberik informasi harga yg berbeda pada saat sedg melakuk trsaksi pembayar. Hal itu terjadi karena label tersebut belum sempat digti hargya oleh pramuniaga. Sehingga hal ini seringkali menjadi masalah untuk konsumen saat berbelja menjadi kurg nyam d memberik kes yg kurg baik pada pihak swalay. Berdasark permasalah di atas, maka perlu dibgun sebuah yg bisa membtu pihak swalay untuk memberik informasi harga yg kepada konsumen deng cara memberik hak akses konsumen untuk bisa mngecek d mencari harga barg yg diingink deng sendirinya melalui sebuah mobile. Hal ini dikarenak konsumen atau masyarakat sudah sgat dekat deng hdphone terutama droid yg sebagi besar masyarakat sudah memilikinya Dasar Teori Aplikasi merupak suatu unit pergkat lunak yg dibuat untuk melayi kebutuh ak beberapa aktivitas seperti sistem perniaga, game palay masyarakat, perikl, atau semua proses yg hampir dilakuk musia. Android System Webview menampilk konten web secara lgsung dari pihak ke-3 apapun yg menggunak komponen Chrome tpa harus membuka browser terlebih dahulu. 2. Gambar Pergkat Lunak 2.1. Alir Proses

2 Use Case Diagram Use case diagram menggambark fungsionalitas yg diharapk dari sistem d merepersentasik interaksi tara actor deng sistem. 6. Meng ulg username d password yg ulg 7. Verifikasi username d password. 8. Menampilk menu Tabel : 3. Tabel Use case Scenario Kelola Kategori Scenario Normal : EDP meng data Gambar 1 Use Case Diagram Tabel : 1. Tabel Use case Scenario Dashboard Scenario Normal 1 : EDP membuka 1. Menjalk 2. Menampilk dashboard Tabel : 2. Tabel Use case Scenario Login Scenario Normal 1 : EDP login 1. Menjalk 3. Meng username d password 4. Menek Login 2. Menampilk form login 5. Verifikasi username d password. 6. Menampilk menu Scenario Alternatif 1 : EDP gagal melakuk login 1 sampai deng 4 sama seperti skenario normal 1 5. Menampilk pes username d password salah. 1. Pilih menu Kelola Kategori 3. Mengklik Tambah Kategori 2. Menampilk data Kategori 4. Tampil Form kategori 5. Mengisi data kategori 6. Klik Create 7. Menyimp data kategori Tabel : 4. Tabel Use case Scenario Kelola Scenario Normal : EDP meng data 1. Pilih menu Kelola 3. Mengklik Tambah 5. Mengisi data 2. Menampilk 4. Tampil Form 6. Klik Create 7. Menyimp data Tabel : 5 Tabel Use case Scenario Cek Harga Scenario Normal : Konsumen mendapatk informasi harga barg 1. Masuk 2. Menampilk menu Cek Harga 3. Sc Barcode/ 4. Mengkap data 5. Menampilk harga

keluar dari 1. Klik menu Logout 2. Keluar dari menu 3. Menampilk form Login 4.

2. Activity Diagram Gambar 3 Acitivity Diagram Kelola Gambar 1 Activity Diagram Login

3 6. Klik tda Back di Hphone 7. Menutup menu Tabel : 6 Tabel Use case Scenario Logout Scenario Normal : EDP dapat keluar dari 1. Klik menu Logout 2. Keluar dari menu 3. Menampilk form Login 4. Keluar 2.2. Activity Diagram Gambar 3 Acitivity Diagram Kelola Gambar 1 Activity Diagram Login Gambar 4 citivity Diagram Cek Harga 2.3. Class Diagram Class diagram adalah suatu diagram yg menyediak sekumpul class objek tar muka interface d relasinya, d juga untuk memodelk database logic. Gambar 2 Acitivity Diagram Kelola Kategori

2.4.2. Antarmuka Menu Kategori Gambar 5 Class Diagram 2.4. Percg

mengenai bentuk tarmuka dari pergkat lunak yg ak digunak oleh

Rcg tarmuka ini mempertimbgk berbagai kemudah d fungsionalitas

Antarmuka Login Gambar 9 Antarmuka Tambah Kategori 2.4.

4 Antarmuka Menu Kategori Gambar 5 Class Diagram 2.4. Percg Antarmuka Percg tarmuka ini bertuju untuk memberik gambar mengenai bentuk tarmuka dari pergkat lunak yg ak digunak oleh user untuk berinteraksi deng pergkat lunak. Rcg tarmuka ini mempertimbgk berbagai kemudah d fungsionalitas dari pergkat lunak itu sendiri. Gambar 8 Antarmuka Menu Kategori Antarmuka Tambah Kategori Antarmuka Login Gambar 9 Antarmuka Tambah Kategori Antarmuka Menu Gambar 6 Antarmuka Login Antarmuka di bawah ini merupak tarmuka saat pertama kali ak muncul setelah login dilakuk. Gambar 10 Antarmuka Menu Gambar 7 Antarmuka Setelah Login Berhasil

2.4.5. Antarmuka Tambah Gambar 11 Antarmuka Tambah 2.4.6. Antarmuka Cek Harga Gambar 12 Antarmuka Cek Harga 3.

Daftar Kegiat Di bawah ini ak dijelask rgkai dari aktifitas implementasi yg dilakuk penulis: 1.

5 Antarmuka Tambah Gambar 11 Antarmuka Tambah Antarmuka Cek Harga Gambar 12 Antarmuka Cek Harga 3. Implementasi Sub bab ini ak menjelask lgkah-lgkah serta renca jadwal dalam rgka mengimplementasik kompresi data text menggunak algoritma Huffm yg telah dircg pada bab sebelumnya. Daftar Kegiat Di bawah ini ak dijelask rgkai dari aktifitas implementasi yg dilakuk penulis: 1. Pengumpul kebutuh Pelgg d pengembg bersama-sama mendefinisik format seluruh pergkat lunak, mengidentifikasik semua kebutuh, d garis besar sistem yg ak dibuat. 2. Membgun prototyping Membgun prototyping deng membuat percg sementara yg berfokus pada penyaji kepada pelgg (misalnya deng membuat d format output). 3. Evaluasi protoptyping Evaluasi ini dilakuk oleh pelgg apakah prototyping yg sudah dibgun sudah deng keingin pelgg. sudah maka lgkah 4 ak diambil. tidak prototyping direvisi deng mengulg lgkah 1, 2, d Mengkodek system Dalam tahap ini prototyping yg sudah di sepakati diterjemahk ke dalam bahasa pemrogram yg. 5. Menguji system Setelah sistem sudah menjadi suatu pergkat lunak yg siap pakai, harus dites dahulu sebelum digunak. ini dilakuk deng White Box, Black Box, Basis Path, penguji arsitektur d lain-lain 6. Evaluasi Sistem Pelgg mengevaluasi apakah sistem yg sudah jadi sudah deng yg diharapk. ya, lgkah 7 dilakuk; jika tidak, ulgi lgkah 4 d Menggunak system Pergkat lunak yg telah diuji d diterima pelgg siap untuk digunak No Task Name Analisis kebutuh sistem Pengumpul Percg Pergkat Lunak Pembuat Pergkat Lunak Implementasi d Evaluasi d Perbaik Dur atio n Start 14 Tue days 28/03/17 25 Mon days 17/04/17 46 Mon days 15/05/17 22 Sat days 29/07/17 7 Mon days 21/08/17 5 Mon days 28/08/17 Gambar 13 Daftar Kegiat Finish Wed 12/04/17 Fry 12/05/17 Fry 30/06/17 Sun 20/08/17 Sun 27/08/17 Sat 02/09/17 Predec essors 3.1. Lingkup d Batas Implementasi 1. Sistem ini dircg berbasis web menggunak framework YII d berbasis Android 2. base menggunak mysql phpmyadmin. 3. Tidak semua dapat terbaca oleh kamera karena keterbatas Aplikasi, Hardware, ataupun dari jaringnya. 4. Harga yg dihitung hya berdasark harga satu saja

6 3.2. Implementasi Antarmuka 1. Dialog Screen Login 4. Dialog Screen Menu Gambar 18 Dialog Screen Menu 5. Dialog Screen Tambah Gambar 14 Dialog Screen Login Gambar 19 Dialog Screen Tambah Gambar 15 Dialog Screen Berhasil Login 6. Antarmuka Cek Harga a. Tampil Awal 2. Dialog Screen Kategori Gambar 16 Dialog Screen Menu Kategori 3. Dialog Screen Kategori Gambar 17 Dialog Screen Tambah Kategori Gambar 20 Dialog Screen Tampil Awal Cek Harga

b. Dialog Screen Cek Harga Mual Barcode d.

Hasil Gambar 21 Dialog Screen Cek Harga Mual Barcode c.

Hasil N Yg Yg o Diharap Diuji k 1 2 Login kategor i Masuka n Userna me d passwor d Pilih menu

7 b. Dialog Screen Cek Harga Mual Barcode d. Dialog Screen Sc Barcode Gambar 22 Dialog Screen Sc Barcode 4. Hasil Gambar 21 Dialog Screen Cek Harga Mual Barcode c. Dialog Screen Cek Berdasark Mual Nama Barg Tabel : 7 Tabel Hasil Pergkat Lunak Hasil Fungsi Cara Hasil N Yg Yg o Diharap Diuji k 1 2 Login kategor i Masuka n Userna me d passwor d Pilih menu kategori Usernam e d Passwor d benar maka login usernam e d passwor d salah maka login gagal usernam e d passwor d tidak terdaftar d lengkap tidak Berhasi l Login Login Login K et Gambar 22 Dialog Screen Cek Harga Mual Nama Barg

8 Kelola kategor i Kelola mual mual nama sc kamera Pilih menu Pilih menu kategori Pilih menu Masukk nomor pada text di Masukk nama pada text di nama Klik tombol sc d lengkap proses maka proses proses maka proses tidak terbaca tidak terbaca Berhasi l Berhasi l Setelah melalui beberapa tahap alisa, percg d implementasi, maka diperoleh kesimpul sebagai berikut : 1. Tidak semua Pergkat Android menunjg untuk dapat dilakuk sc karena keterbatas spesifikasi kamera sehingga proses pembaca tidak bisa dilakuk.hya bisa memilih deng cara mual saja. 2. Setelah digunaknya pengecek harga oleh konsumen bisa membtu memudahk dalam mencari informasi harga di swalay. Sar atau masuk yg dapat kami berik untuk menunjg atau pengembg sistem yaitu Perusaha disark untuk menggunak sistem operasi yg bisa mendukung dalam pengguna web agar bisa memberik pelay secara client untuk memberik informasi harga yg ada di swalay. Daftar Pustaka [1] Haryto Bambg Dr., David Tegarden Al Dennis, Esensi esensi Bahasa Pemrogram Java, Bdung, INFORMATIKA [2] SHARIVE, Proyek Membgun Website deng YII Framework, 1st ed., Lukmul Hakim, Ed. Yogyakarta, Indonesia: LOKOMEDIA, [3] Barbara Haley Wixom, David Tegarden Al Dennis, Systems Analysis Design UML version 2.0. Virginia, United States of America, [4] [Online]. [5] [Online]. _Safaat_Nazruddin [6] [Online].

dokumen-dokumen yang mirip

SISTEM INFORMASI KEPEGAWAIAN BERBASIS WEB DI KEJAKSAAN NEGERI KABUPATEN BANDUNG

SISTEM INFORMASI KEPEGAWAIAN BERBASIS WEB DI KEJAKSAAN NEGERI KABUPATEN BANDUNG 1 Charel Samuel Matulessy, S.T., M.Kom., Pigi Tridisyah 1 Program Studi Teknik Informatika POLITEKNIK & STMIK LPKIA Program