repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari...

14

Transcript of repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari...

Page 1: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data
Page 2: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data
Page 3: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data
Page 4: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data

DESAIN DAN IMPLEMETASI SISTEM INFORMASI UNIT USAHA KECIL SECARA NASIONAL BERBASIS GOOGLE MAP

Muhammad Sholeh1, Naniek Widyastuti2, Meireza Pratama3

1,2,3 Program Studi Teknik Informatika, Fakultas Teknologi Industri Institut Sains & Teknologi AKPRIND

Jl. Kalisahak 28 Kompleks Balapan Yogyakarta

e-mail: [email protected], 2 [email protected], 3 [email protected]

ABSTRACT f In the condition of the growing economy, SMEs are indispensable as an

alternative to open up job opportunities. Efforts to promote SMEs should be done continuously for the existence of SMEs known in the community both nationally and internationally. One of the effort to promote SMEs is internat media.

Design and implementation of information systems are built to present information-based SMEs nationally and geographic information systems. With the support of geographic information systems, information is displayed not only the narrative of the existence of SMEs but also shown the location of SMEs with a map and the route to the location of SMEs.

Applications developed with the framework Cakephp, database using Mysql and support Google map especially for maps and route information.

Keywords: SME. Promotion, geographic information systems,

PENDAHULUAN

Sistem informasi sebagai bagian dari teknologi informasi merupakan suatu hal yang sangat penting saat ini. Dengan adanya sistem informasi, suatu instansi atau lembaga dapat menyampaikan informasi yang diinginkan kepada obyek sasaran secara tepat dan akurat. Sistem informasi yang berkembang saat ini demikian beragam, mulai dari sistem informasi berbasis visual dengan dukungan database terkini hingga sistem informasi berbasis web. Memasuki era globalisasi saat ini, pemakaian teknologi komputer dalam segala bidang kehidupan sehari-hari tidak akan dapat dihindari. Bahkan, penggunaan teknologi komputer tersebut akan menjadi syarat utama untuk menunjukkan kualitas sesuatu bidang dan menjadi modal terpenting dalam memenangkan persaingan. Kemampuan komunikasi antara satu bidang dengan bidang lainnya di tempat yang berbeda (terpisah pada jarak yang jauh) merupakan salah satu ciri era globalisasi. Teknologi komunikasi yang dimaksud adalah teknologi komputer, yaitu berupa peralatan komputer dan aksesoris nya, teknologi „networking‟ sebagai penghubung antar peralatan tersebut, dan akhirnya adalah perangkat lunak serta operator (tenaga manusia) yang menggunakannya. Pada saat itu, kualitas sebuah sistem akan ditentukan oleh kemampuan nya mengolah komunikasi tersebut, yang secara khusus berarti memiliki kemampuan teknologi komputer yang terbaik.

Sistem informasi sebagai bagian dari teknologi informasi merupakan suatu hal yang sangat penting saat ini. Dengan adanya sistem informasi, suatu instansi atau lembaga dapat menyampaikan informasi yang diinginkan kepada obyek sasaran secara

Page 5: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data

tepat dan akurat. Sistem informasi yang berkembang saat ini demikian beragam, mulai dari sistem informasi berbasis visual dengan dukungan database terkini hingga sistem informasi berbasis web. Peranan internet sebagai suatu bentuk teknologi informasi sangat penting bagi instansi/lembaga yang ingin tetap bertahan/bersaing untuk suatu kemajuan, maka dari itu instansi/lembaga tersebut harus mampu beradaptasi dengan teknologi informasi ini sehingga dapat mendukung instansi/lembaganya. Hal ini menuntut manusia untuk melakukan segala pekerjaan secara efisien. Salah satu solusi yang digunakan dalam menyelesaikan kendala yang terjadi dalam bidang informasi adalah membuat sebuah sistem informasi. Sistem informasi dibuat untuk membuat pekerjaan manusia menjadi semakin mudah khususnya dalam hal yang berkaitan dengan informasi contohnya pengelolaan data, penyimpanan, pelaporan dan pencetakan data. Pembuatan sistem informasi merupakan salah satu alternatif dalam menyelesaikan masalah yang sering ditemui dalam kegiatan sehari-hari yang berhubungan dengan transaksi data informasi.

Sebagai upaya untuk mempublikasikan informasi keberadaan unit usaha kecil (UKM) perlu adanya terobosan-terobosan, salah satu terobosan yang dapat digunakan adalah dengan mengoptimalkan peran internet terutama penyajian informasi yang dapat diakses melalui perangkat mobile.

METODE PENELITIAN

Tinjauan Pustaka Dalam melaksanakan penelitian ini menggunakan beberapa referensi yang berhubungan dengan obyek penelitian terutama dari penelitian-penelitian sebelumnya, diantaranya: Penelitian yang membahas tentang sistem informasi geografis di tingkat Kecamatan Kabupaten Bantul yang berbasis Webgis yang di dalamnya terdapat informasi potensi wisata, kuliner, fasilitas pendukung dan letak geografis dari wisata dan kuliner tersebut. [1] penelitian mengenai aplikasi sistem informasi Geografis Berbasis Web (WebGIS) yang bertujuan untuk pengembangan sektor potensi wisata dan kuliner. Sistem ini mampu menginventarisasi lokasi-lokasi setiap wisata dan kuliner yang dituangkan dalam sebuah produk database dan peta pengembangan sektor potensi wisata dan kuliner. Penelitian mengenai Perancangan dan Implementasi WebGIS Pariwisata Tingkat Kecamatan kabupaten Bantul ini mampu memberikan informasi posisi daerah wisata dan fasilitas untuk membantu pengguna dalam mendapatkan informasi dalam lokasi database WebGIS secara detail. Kekurangan dari penelitian ini hanya mencakup wisata dan kuliner saja tidak ada fasilitas umum yang dicantumkan.

[2] melakukan penelitian tentang pembangunan web batik online, pada aplikasi ini pengguna dapat mencari informasi tentang batik dari Yogyakarta, yang cara pembeliannya yaitu pembeli harus datang langsung ke toko batik tersebut. Kekurangan dari penelitian ini adalah tidak ada rute untuk menuju ke toko balik tersebut dan hanya berupa informasi alamat saja.

“Sistem Informasi Geografis (SIG) Pemetaan Pariwisata Dan Kebudayaan Di Propinsi Bali Berbasis Multimedia” [3]. Penelitian ini membahas tentang sistem informasi tempat-tempat pariwisata yang ada di pulau Bali. Kelebihan dari penelitian ini adalah tampilannya menarik yang bernuansa atau identik dengan pulau Bali, serta menampilkan Foto-Foto yang menarik dan Video tarian dari kebudayaan pulau Bali. Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan

Page 6: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data

pada saat menambahkan data pada peta masih harus membuka program dan menambahkan tombol baru, dengan kata lain penambahan data belum secara otomatis.

Google Maps

Maps adalah aplikasi dan teknologi layanan pemetaan berbasis web yang menampilkan citra satelit beresolusi tinggi untuk peta jalan, rute sepeda, pejalan kaki, mobil serta penentuan lokasi bisnis di kota-kota berbagai negara seluruh dunia yang di sediakan oleh DigitalGlobe dengan satelit QuickBird, serta data dari Geographic Information System (GIS) buatan Tele Atlas, NAVTEQ, dan MapABC [4]. Kemudian Google membuat Google Maps API untuk para pengembang web yang ingin menyertakan Google Maps ke situs mereka secara gratis .

Pada Google Maps API terdapat 4 jenis pilihan model peta yang disediakan oleh Google. diantaranya adalah:

a. ROADMAP, ini yang saya pilih, untuk menampilkan peta biasa 2 dimensi b. SATELLITE, untuk menampilkan foto satelit c. TERRAIN, untuk menunjukkan relief fisik permukaan bumi dan menunjukkan

seberapa tingginya suatu lokasi, contohnya akan menunjukkan gunung dan sungai d. HYBRID, akan menunjukkan foto satelit yang diatasnya tergambar pula apa yang

tampil pada ROADMAP (jalan dan nama kota).

Perancangan Unified Modelling Language (UML) Use Case Diagram Admin

Use case diagram menggambarkan sebuah fungsionalitas yang diharapkan dari sebuah sistem. Use case merupakan sebuah pekerjaan tertentu, misalnya login ke sistem. [5]. Seorang admin sistem adalah sebuah entitas manusia atau mesin yang berinteraksi dengan sistem untuk melakukan pekerjaan-pekerjaan tertentu. Berikut adalah alur proses login admin sistem dan aktivitas yang dilakukan oleh admin sistem. Proses perancangan login admin sistem ada pada Gambar 1

Gambar 1 Use case diagram admin

Activity Diagram Admin Activity diagram menyediakan analis dengan kemampuan untuk memodelkan proses dalam suatu sistem informasi. Activity diagram dapat digunakan untuk alur kerja model, use case individual, atau logika keputusan yang terkandung dalam metode individual. Activity diagram juga menyediakan pendekatan untuk proses pemodelan parallel [6]. Berikut ini adalah activity diagram admin yang menggambarkan aktifitas admin. Activity diagram admin ditampilkan pada Gambar 2.

Page 7: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data

Gambar 2 Activity diagram admin

Sequence Diagram Admin

Sequence Diagram menggambarkan kelakuan/prilaku objek pada proses dengan mendeskripsikan waktu hidup objek dan pesan yang dikirimkan dan diterima antar objek. oleh karena itu untuk menggambar Sequence Diagram maka harus diketahui objek-objek yang terlibat dalam sebuah proses beserta metode-metode yang dimiliki kelas yang diinstansiasi menjadi objek. [6] Berikut ini adalah sequence diagram yang menggambarkan proses aktivitas admin untuk login dan melakukan aktivitas dalam sistem. Sequence diagram ini menggambarkan aktivitas pertama kali yang dilakukan admin adalah login kemudian akan divalidasi oleh sistem dengan diproses pada database yang jika proses login berhasil, akan masuk pada halaman admin. Setelah login, admin dapat mengelola data yang berkaitan dengan web dan konten dari sistem. Pengelolaan data ini yang akan disimpan ke dalam database. Sequence diagram admin dapat dilihat pada gambar 3

Gambar 3 Sequence diagram admin

Rancangan Basis Data Database atau basis data adalah kumpulan data yang disimpan secara sistematis di dalam komputer dan dapat diolah atau dimanipulasi menggunakan perangkat lunak (program aplikasi) untuk menghasilkan informasi. Pendefinisian basis

Page 8: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data

data meliputi spesifikasi berupa tipe data, struktur, dan juga batasan-batasan data yang akan disimpan. Basis data merupakan aspek yang sangat penting dalam sistem informasi dimana basis data merupakan gudang penyimpanan data yang akan diolah lebih lanjut [7]. Dalam basis data inilah semua data yang terkait dengan system informasi disimpan. Hasil implementasi tabel yang dirancang menyimpan data sesuai dengan spesifikasi data, misal pada tabel 1, merupakan tabel Product yang berfungsi untuk menampilkan nama-nama produk.

Tabel 1 Struktur Tabel tProduct

No Nama Field Type

1. ProductId Integer(11)

2. UserId Integer(11)

3. SubCategoryId Integer(11)

4. TimeId Integer(11)

5. SubDistrictId Integer(11)

6. ProductName Varchar(100)

7. ProductLatitude Double

8. ProductLongitude Double

9. StartDate Date

10. FinishDate Date

11. Cover Varchar(50)

12. Description Varchar(500)

13. Created Datetime

14. Modified Datetime

15. Accept Integer(1)

Relasi antar Tabel

Relasi adalah hubungan antara tabel yang mempresentasikan hubungan antar objek di dunia nyata. Relasi merupakan hubungan yang terjadi pada suatu tabel dengan lainnya yang mempresentasikan hubungan antar objek di dunia nyata dan berfungsi untuk mengatur operasi suatu database [7]. Gambar 4 merupakan hasil relasi antar tabel.

Gambar 3 Relasi antar tabel

Page 9: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data

HASIL DAN PEMBAHASAN Tampilan dari sisi pengguna Tampilan awal aplikasi Hasil dari desain aplikasi menampilkan informasi UKM secara nasional. Kelengkapan data sangat mempengaruhi informasi yang ditampilkan. Kelengkapan data harus selalu dilakukan. Semua data-data yang ada disimpan dalam basis data dan script akan mengolah sesuai informasi yang diperlukan. Tampilan awal dari aplikasi ini akan menampilkan peta Indonesia dengan informasi UKM yang ada di tiap kota. Posisi latitude dan longitude diambil dari tabel tproduk. Gambar 4 merupakan hasil tampilan awal dari aplikasi.

Gambar 4 Tampilan awal aplikasi Tampilan ikon kota

Dengan tampilan informasi seperti pada gambar 4, pengguna dapat mencari informasi UKM sesuai dengan kota yang diinginkan. Aplikasi menyediakan pilihan kota dengan mengarahkan kursor pada bagian icon kota yang diinginkan. Gambar 5 merupakan tampilan jika ikon diarahkan/ diklik pada bagian kota torrent.

Gambar 5 Pilihan kota yang dicari

Page 10: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data

Tampilan UKM sesuai pilihan kota Spesifikasi data UKM secara detail dapat dilihat melalui pemilihan UKM pada kota

torrent ditampilkan jika pengguna memilih kota torrent. Dalam tampilan ini ditampilkan semua informasi UKM yang ada dalam basis data. Gambar 6 menampilkan informasi UKM yang ada di kota Bantul.

Gambar 6 tampilan UKM dalam Hasil rancangan dan aplikasi akan menampilkan informasi UKM yang ada di suatu

kota dan pengguna dapat melihat UKM yang ada. Informasi akan ditampilkan secara singkat (gambar 7) atau secara detail).

Gambar 7 Informasi UKM tertentu

Page 11: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data

Tampilan dari sisi admin Halaman admin merupakan halaman yang digunakan seorang admin yang

bertugas untuk mengelola data-data usaha kerajinan tangan. Gambar 8 menampilkan halaman home admin.

.

Gambar 8 Halaman home admin

Gambar 8 adalah bentuk dari halaman home admin. Pada halaman tersebut yang ditampilkan adalah data-data produk yang telah di upload oleh user yang selanjutnya akan di accept oleh admin. Untuk layout halaman admin memiliki beberapa menu untuk mengelola data-data user, province, city, subdistrict, category, sub category, time, user type, product. Tampilan Halaman Province

Tampilan halaman province merupakan halaman atau form yang digunakan admin untuk menampilkan data provinsi-provinsi yang mempunyai usaha kerajinan tangan yang ada. Tampilan halaman province yang ditunjukkan pada gambar 9. Untuk menambah data provinsi dengan mengeklik tombol tambah data, dan untuk mengubah dapat mengeklik tombol ubah. Tampilan tambah data dan ubah dapat dilihat pada gambar 9 dan gambar 10.

Gambar 9 Tampilan Halaman province

Page 12: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data

Gambar 10 Halaman tambah data province Gambar 10 menunjukkan tampilan admin untuk menambah data province

maupun edit province. Pada halaman tersebut terdapat nama provinsi, kolom peta atau rute, latitude dan longitude. Untuk kolom nama provinsi berfungsi untuk menampilkan provinsi yang terkait dengan usaha kerajinan tangan yang akan dituangkan dan mereferensi ke rute atau peta sesuai dengan provinsi yang dimasukkan. Tampilan Halaman Registrasi

Tampilan halaman registrasi merupakan halaman atau form yang digunakan tamu untuk melakukan registrasi untuk menjadi. Berikut hasil dari tampilan halaman registrasi ada pada gambar 11.

Gambar 11 Tampilan halaman registrasi Gambar 11 adalah tampilan halaman registrasi. Pada tampilan tersebut tamu

menginputkan sebuah form data diri untuk mendapatkan username dan password untuk bias mengakses atau mengupload usaha kerajinan tangan. Pada panel tersebut terdapat menu yang dapat digunakan untuk registrasi seperti nama lengkap, email address, telp, password.

Tampilan Halaman Login User

Tampilan halaman login user merupakan halaman atau form yang digunakan tamu untuk login dan bias mengakses web usaha kerajinan tangan. Hasil dari tampilan halaman login ada pada gambar 12.

Page 13: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data

Gambar 12 Tampilan halaman login Gambar 12 adalah tampilan halaman login. Pada tampilan tersebut tamu

menginputkan username dan password untuk bias mengakses atau mengupload usaha kerajinan tangan. Pada panel tersebut terdapat menu yang dapat digunakan untuk login seperti email address dan password. Tampilan Halaman Utama User

Tampilan halaman utama user terdapat beberapa menu yang memberikan informasi dan pencarian usaha kerajinan tangan. User dapat meng-klik setiap menu tersebut untuk melihat informasi-informasi yang ada dalam menu tersebut. Hasil dari tampilan halaman utama pada gambar 13

Gambar 13 Tampilan halaman utama user

Tampilan Halaman Tambah Data Tampilan halaman tambah data merupakan halaman atau form yang digunakan

user untuk menginputkan nama-nama produk, kecamatan, sub kategori. Hasil dari tampilan halaman tambah data ditampilkan pada gambar 14.

Gambar 14 Tampilan halaman tambah data

Page 14: repository.akprind.ac.idrepository.akprind.ac.id/sites/files/fahma.pdf · Kekurangan dari penelitian ini adalah koordinat yang ditampilkan belum nyata, dan pada saat menambahkan data

Tampilan Halaman Produk User Tampilan halaman produk user merupakan halaman atau form yang digunakan

user untuk menampilkan nama-nama produk usaha kerajinan tangan yang telah upload oleh user yang sudah melakukan login terlebih dahulu. Berikut hasil dari tampilan halaman produk user yang ditunjukkan pada gambar 15.

Gambar 15 Tampilan halaman produk user

KESIMPULAN

Pengembangan sistem ini dapat menunjang informasi keberadaan UKM yang ada di kota tertentu Kelengkapan data tergantung dari respon pengguna UKM untuk memasukkan data-data. Agar data selalu terbarukan, pengguna UKM harus selalu melakukan perbaikan data. Dalam aplikasi ini juga dilengkapi menu agar pengguna UKM yang bukan admin dapat melakukan pemasukan data. Dengan adanya menu ini infomarsi keberadaan UKM selalu bertambah. DAFTAR PUSTAKA

[1] Husen, "Perancangan dan Implementasi Web GIS Pariwisata Kabupaten Bantul," Yogyakarta, 2013.

[2] Ardiansyah, "aplikasi web batik online sebagai media promosi wisata dan budaya Daerah Istimewa Yogyakarta berbasis PHP dan MYSQL," Yogyakarta, 2010.

[3] Indrawan, "Sistem Informasi Geografis (SIG) Pemetaan Pariwisata Dan Kebudayaan Di Propinsi Bali Berbasis Multimedia," Yogyakarta, 2010.

[4] Ni Ketut Susrini, Google Mesin Pencari yang Ditakuti Raksasa Microsoft. Yogyakarta: Penerbit B First, 2009.

[5] Hammim Tohari, Astah- Analisis Serta Perancangan Sistem Informasi Melalui Pendekatan UML. Yogyakarta: penerbit Andi, 2014.

[6] Inc The Pearson Education, rekayasa perangkat lunak menggunakan uml dan java. Yogyakarta: Penerbit Andi, 2010.

[7] Abdul Kadir, Mudah Mempelajari Database MySql. Yogyakarta: Penerbit Andi, 2010.