Muhammad Sholeh, Naniek Widyastuti, Meireza Pratama-29-stmikelrahma.pdf
DESAIN DAN IMPLEMETASI SISTEM INFORMASI UNIT USAHA
KECIL SECARA NASIONAL BERBASIS GOOGLE MAP
Muhammad Sholeh1, Naniek Widyastuti2, Meireza Pratama3
Studi Teknik Informatika, Fakultas Teknologi Industri
Institut Sains & Teknologi AKPRIND
Jl. Kalisahak 28 Kompleks Balapan Yogyakarta
e-mail: 1muhash@akprind.ac.id, 2 naniek_wid@yahoo.com, 3 meireza.rp@gmail.com
1,2,3Program
ABSTRACT
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
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
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 satelitQuickBird, 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
adminsistemdan
aktivitas
yang
dilakukan
olehadminsistem.Proses perancangan login admin sistem ada pada Gambar 1
Gambar 1Use 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.
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. Sequencediagram 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 kedalam 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
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 tabelProduct yang berfungsi untuk
menampilkan nama-nama produk.
No
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
Tabel 1 Struktur Tabel tProduct
Nama Field
ProductId
UserId
SubCategoryId
TimeId
SubDistrictId
ProductName
ProductLatitude
ProductLongitude
StartDate
FinishDate
Cover
Description
Created
Modified
Accept
Type
Integer(11)
Integer(11)
Integer(11)
Integer(11)
Integer(11)
Varchar(100)
Double
Double
Date
Date
Varchar(50)
Varchar(500)
Datetime
Datetime
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
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 ditiap 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
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
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 8Halaman 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 HalamanProvince
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
Gambar10 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 adapada gambar 12.
Gambar 12 Tampilan halaman login
Gambar 12 adalah tampilan halaman login. Pada tampilan tersebut tamu
menginputkanusername 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
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.
KECIL SECARA NASIONAL BERBASIS GOOGLE MAP
Muhammad Sholeh1, Naniek Widyastuti2, Meireza Pratama3
Studi Teknik Informatika, Fakultas Teknologi Industri
Institut Sains & Teknologi AKPRIND
Jl. Kalisahak 28 Kompleks Balapan Yogyakarta
e-mail: 1muhash@akprind.ac.id, 2 naniek_wid@yahoo.com, 3 meireza.rp@gmail.com
1,2,3Program
ABSTRACT
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
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
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 satelitQuickBird, 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
adminsistemdan
aktivitas
yang
dilakukan
olehadminsistem.Proses perancangan login admin sistem ada pada Gambar 1
Gambar 1Use 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.
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. Sequencediagram 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 kedalam 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
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 tabelProduct yang berfungsi untuk
menampilkan nama-nama produk.
No
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
Tabel 1 Struktur Tabel tProduct
Nama Field
ProductId
UserId
SubCategoryId
TimeId
SubDistrictId
ProductName
ProductLatitude
ProductLongitude
StartDate
FinishDate
Cover
Description
Created
Modified
Accept
Type
Integer(11)
Integer(11)
Integer(11)
Integer(11)
Integer(11)
Varchar(100)
Double
Double
Date
Date
Varchar(50)
Varchar(500)
Datetime
Datetime
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
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 ditiap 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
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
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 8Halaman 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 HalamanProvince
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
Gambar10 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 adapada gambar 12.
Gambar 12 Tampilan halaman login
Gambar 12 adalah tampilan halaman login. Pada tampilan tersebut tamu
menginputkanusername 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
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.