View
2
Download
0
Category
Preview:
Citation preview
iii
KATA PENGANTAR
Maha suci Allah yang telah memberikan ilmu, berkah kesehatan, inspirasi dan
kekuatan malam yang benar keberadaanya. Dia hadir dengan kasih dan sayang yang
menguatkan penulis untuk menyelesaikan penelitian ini.
Tiada sempurna suatu ciptaan kecuali dari Allah, sekedar langkah kecil semoga
penulisan laporan ini dapat menjadikan sedikit sumbangan ilmu bagi semua.
Semarang, Januari 2019
Peneliti
iv
INTISARI
MANAJEMEN LOKASI UKM KOTA SEMARANG MENGGUNAKAN KOORDINAT GEOGRAFI DAN API PADA GOOGLE MAP
Drs. W.T. Handoko, M.Kom Eka Ardhianto, S.Kom., M.Cs
Endang Lestariningsih, SE., M.Kom Yunny Astuti
Fakultas Teknologi Informasi (FTI) Program Studi Teknik Informatika
Universitas Stikubank (UNISBANK) Semarang
UMKM atau Usaha Mikro Kecil dan Menengan memegang bagian penting dalam kondisi ekonomi sebuah negara, termasuk juga Indonesia. Jumlah UMKM yang terbilang tidak sedikit itu tersebar hampir di seluruh wilayah sehingga berkontribusi dalam penyerapan tenaga kerja yang cukup lumayan, karena UMKM tidak memiliki kualifikasi pendidikan minimal dalam menjalakan bisnisnya. Melihat peranan UMKM yang tinggi maka, pemerintah juga mengimbangi dengan berbagai program untuk mengembangkan dan menumbuhkan UMKM di Indonesia. Dalam mengelola pertumbuhan UMKM terkdang memerlukan kegiatan dalam bentuk pendampingan langsung ke lokas UMKM, sehingga petugas pendamping dapat secara langsung mengenal kegiatan dan aktivitas serta kendala dari UMKM tersebut. Permasalahan yang muncul adalah bahwa tidak semua petugas UMKM mengerti seluk beluk wilayah kota semarang, sehingga memerlukan banyak waktu untuk sampai ditempat tujuan. Dengan adanyasebuah aplikasi yang mampu digunakan untuk mengetahui lokasi UMKM di Kota Semarang maka diharpakan adanya kemudahan bagi pengguna dalam melakukan pencarian lokasi UKM di Kota Semarang
Kata Kunci : api google maps, peta satelit asset, lokasi ukm semarang
v
ABSTRACT
LOCATION MANAGEMENT OF SMALL AND MEDIUM
BUSINESSES AT SEMARANG CITY USING GEOGRAPHY
COORDINATE AND API OF GOOGLE MAP
Drs. W.T. Handoko, M.Kom Eka Ardhianto, S.Kom., M.Cs
Endang Lestariningsih, SE., M.Kom Yunny Astuti
Faculty of Information Technology (FTI) Informatics Engineering Program
University of Stikubank (UNISBANK) Semarang
Micro, Small and Medium Enterprises hold an important part in the economic
conditions of a country, including Indonesia. The relatively small number of
Micro, Small and Medium Enterprises is scattered in almost all regions, which
contributes to the considerable absorption of labor, because Micro, Small and
Medium Enterprises do not have a minimum education qualification in
running their business. Seeing the high role of Micro, Small and Medium
Enterprises, the government also balanced with various programs to develop
and grow Micro, Small and Medium Enterprises in Indonesia. In managing the
growth of micro, small and medium enterprises, it is necessary to have
activities in the form of direct assistance to the location of Micro, Small and
Medium Enterprises, so that assisting staff can directly recognize the activities
and activities and constraints of the Micro, Small and Medium Enterprises.
The problem that arises is that not all Micro and Small and Medium
Enterprises officers understand the ins and outs of the city of Semarang, so it
requires a lot of time to get to the destination. With an application that is able
to be used to find out the location of Micro, Small and Medium Enterprises in
Semarang City, it is expected that there will be ease for users in searching the
location of Micro, Small and Medium Enterprises in Semarang City
Keywords: google maps fire, asset satellite map, location of Semarang micro
and small business
vi
DAFTAR ISI
JUDUL
HALAMAN PENGESAHAN
KATA PENGANTAR
INTISARI DAN ABSTRACT
DAFTAR ISI
DAFTAR GAMBAR
DAFTAR TABEL
BAB I PENDAHULUAN
BAB II TUJUAN DAN MANFAAT
BAB III TELAAH PUSTAKA
1. API Google Mpas
2. Pengertian Sistem Informasi Manajemen Lokasi
3. Pengertian Sistem Informasi Geografi
4. Deskripsi Web
5. Alat Pembuat WEB
6. Deskripsi Data Flow Diagram
7. Macam macam Data Flow Diagram
BAB IV METODE PENELITIAN
BAB V HASIL DAN PEMBAHASAN
i
ii
iii
iv
vi
viii
ix
1
2
3
3
4
4
5
5
8
10
11
12
vii
A. BahanPenelitian
B. Analisa Sistem Berjalan
C. Hasil Implementasi
BAB VI PENUTUP
A. Kesimpulan
B. Saran
12
12
13
18
18
18
viii
DAFTAR GAMBAR
Gambar4.1 Prototyping Method
Gambar 5.2 Bagan rancangan sistem Manajemen Lokasi UKM Kota
Semarang
Gambar 5.3 halaman utama aplikasi manajemen lokasi UKM Kota Semarang
Gambar 5.4. halaman formulir pendaftaran usaha UKM
Gambar 5.5 halaman data UKM Kota Semarang yang telah terdaftar
Gambar 5.6. halaman cari lokasi UKM Kota Semarang
Gambar 5.7. script untuk menampilkan peta google maps
11
12
13
14
15
15
16
ix
DAFTAR TABEL
Tabel 2.1. Simbol DFD
Tabel 2.2. Elemen ERD
8
10
1
BAB I
PENDAHULUAN
UMKM atau Usaha Mikro Kecil dan Menengan memegang bagian
penting dalam kondisi ekonomi sebuah negara, termasuk juga Indonesia.
Jumlah UMKM yang terbilang tidak sedikit itu tersebar hampir di seluruh
wilayah sehingga berkontribusi dalam penyerapan tenaga kerja yang cukup
lumayan, karena UMKM tidak memiliki kualifikasi pendidikan minimal dalam
menjalakan bisnisnya. Melihat peranan UMKM yang tinggi maka, pemerintah
juga mengimbangi dengan berbagai program untuk mengembangkan dan
menumbuhkan UMKM di Indonesia.
Tabel 1. Perkembangan UMKM Binaan Dinas Koperasi dan UMKM
Indikator Jumlah UMKM
Tenaga Kerja
Omset Aset
Tahun Unit Orang Rp.
Miliar Rp.
Miliar 2012 80.583 345.622 18.972 6.816 2013 90.339 480.508 20.345 9.634 2014 99.681 608.893 24.587 13.947 2015 108.937 740.740 29.113 19.046 2016 115.751 791.767 43.570 22.891
Sumber : Dinas Koperasi dan UMKM Provinsi Jawa Tengah, diolah 2017 dalam Laurensia M. [1]
Tabel 1 menggambarkan bahwa di Jawa Tengah terjadi pertumbuhan
UMKM yang berkontinyu. Hingga tahun 2016, jumlah UMKM yang terdapat
di jawa tengah mencapai angka 115.751, angka yang cukup besar. Serapan
tenaga kerjanya mencapai 791.767 dengan omset yang mencapai 43.570 milyar
dan aset yang dimiliki UMKM sebanyak 22.891 milyar. Angka ini berangsur
merangkak naik dari data tahun 2012 hingga sekarang. Hal ini membuktikan
bahwa terjadi perkembangan yang semakin positif bagi perkembangan
perekonomian daerah maupun nasional.
Dalam paparan Rapat Koordinasi Nasional Pemberdayaan UMKM tahun
2018 [2] disampaikan bahwa kota semarang memiliki 12% UMKM dari
wilayah jawa tengah terbersar kedua setelah Kabupaten Kebumen, dengan
2
jumlah total tercatat 8.165 UMKM yang mengajukan proses Ijin Usaha Mikro
Kecil (IUMK). Dalam tribunnews.com [3], Kepala Dinas Koperasi dan
UMKM, Litani Satyawati menyampaikan bahwa saat ini data UKM tercatat
lebih dari 14.000 UKM. Pertumbuhan sekitar 2.000 UKM setiap tahunnya dan
terkait dengan pertumbuhan UMKM yang besar maka diperlukan penanganan
manajemen yang baik.
Dalam mengelola pertumbuhan UMKM terkdang memerlukan kegiatan
dalam bentuk pendampingan langsung ke lokas UMKM, sehingga petugas
pendamping dapat secara langsung mengenal kegiatan dan aktivitas serta
kendala dari UMKM tersebut. Permasalahan yang muncul adalah bahwa tidak
semua petugas UMKM mengerti seluk beluk wilayah kota semarang, sehingga
memerlukan banyak waktu untuk sampai ditempat tujuan.
Dari latarbelakang tersebut, maka dalam penelitian ini akan dibuat
sebuah aplikasi yang dapat mempermudah petugas pendamping melakukan
tugasnya dalam hal mengetahui lokasi UKM di kota semarang.
BAB II
TUJUAN DAN MANFAAT
Tujuan dari penelitian ini adalah membuat aplikasi yang mampu
menunjukkan lokasi UKM dibawah dinas koperasi dan umkm kota semarang
yang dikoneksikan ke peta gogle map. Dan manfaat yang diperoleh adalah
adanya kemudahan bagi pengguna dalam melakukan pencarian lokasi UKM di
Kota Semarang.
3
BAB III
TELAAH PUSTAKA
1. API Google Maps
Dikutip dari Wikipedia Bahasa Indonesia[3], Google Maps adalah
layanan pemetaan web yang dikembangkan oleh Google. Layanan ini
memberikan citra satelit, peta jalan, panorama 360°, kondisi lalu lintas,
dan perencanaan rute untuk bepergian dengan berjalan kaki, mobil,
sepeda (versi beta), atau angkutan umum.
API adalah kependekan dari Application programming interface.
Dengan bahasa yang lebih sederhana, API adalah fungsi fungsi
pemrograman yang disediakan oleh aplikasi atau provider aplikasi
supaya layananan aplikasi tersebut bisa di integrasikan dengan aplikasi
yang kita buat. Google maps API adalah fungsi fungsi pemrograman
yang disediakan oleh Google maps agar Google maps dapat di
integrasikan kedalam Web atau aplikasi yang sedang dikembangkan.
Ada banyak API yang disediakan oleh Google, beberapa
diantaranya adalah :
1. Language API : untuk memanfaatkan fitur translation yang
dimiliki Google.
2. Earth API : memanfatkan fitur yang ada pada Google
Earth
3. Javascript API
4. Maps API : memanfaatkan fitur yang ada pada Google
Maps
5. Search API : memanfaatkan fitur pencarian pada Google
Search
6. Visualization API : membuat grafik maupun chart dengan
Google API
7. YouTube API : memanfaatkan fitur yang ada pada
YouTube misalnya untuk pencarian video
4
2. . Pengertian Sistem Informasi Manajemen Lokasi
Menurut Pramutoko[4], Sistem Informasi adalah seperangkat
komponen yang saling berhubungan, dan yang berfungsi mengumpulkan,
memproses, menyimpan dan mendistribusikan informasi untuk
mendukung pembuatan keputusan dan pengawasan dalam organisasi.
Sedangkan manajemen menyelesaikan masalah-masalah bisnis dalam
lingkungan bisnis, mereka membuat strategi organisasi untuk merespon,
dan mereka mengalokasikan sumberdaya manusia dan keuangan untuk
mencapai strategi dan mengkoordinasikan pekerjaan. Dan lokasi adalah
tempat kedudukan suatu objek.
Dari pengertian diatas maka sistem informasi manajemen lokasi
disini diartikan sebagai sebuah langkah yang digunakan untuk
mengumpulkan, memproses, menyimpan data UKM dibawah dinas
koperasi dan umkm untuk menyelesaikan permasalahan pada organisasi
internal dalam hal pendampingan kepada pelaku UMKM.
3. Pengertian Sistem Koordinat Geografi
Sistem koordinat geografi [5] digunakan untuk menunjukkan suatu
titik di Bumi berdasarkan garis lintang dan garis bujur. Garis lintang
yaitu garis horizontal yang mengukur sudut antara suatu titik dengan
garis katulistiwa. Titik di utara garis katulistiwa dinamakan Lintang
Utara sedangkan titik di selatan katulistiwa dinamakan Lintang Selatan.
Garis bujur yaitu vertikal yang mengukur sudut antara suatu titik dengan
titik nol di Bumi yaitu Greenwich di London Britania Raya yang
merupakan titik bujur 0° atau 360° yang diterima secara internasional.
Titik di barat bujur 0° dinamakan Bujur Barat sedangkan titik di timur 0°
dinamakan Bujur Timur.
Gambar 1.
4. Deskripsi WEB
Menurut
yang saling terhubung dan file
page atau halaman, dan kumpulan halaman yang dinamakan homepage.
Hompage berada pada posisi teratas, dengan halaman
berada di bawa
disebut child page, yang berisi hyperlink ke halaman lain dalam web.
Website adalah suatu halaman web yang saling berhubungan yang
umumnya berada pada peladen yang sama berisikan kumpulan informasi
yang dised
(Wikipedia)
5. Alat Alat Pembuat WEB
1. XAMPP
XAMPP merupakan salah satu paket installasi Apache, PHP
dan MySQL instant yang dapat kita gunakan untuk membantu
proses installasi ketiga produk tersebut.
Gambar 1. Peta Bumi yang menunjukkan garis-
(horizontal) dan bujur (vertikal)
WEB
Menurut Gregorius [5] “Website adalah kumpulan halaman web
yang saling terhubung dan file-filenya saling terkait. Web terdiri dari
page atau halaman, dan kumpulan halaman yang dinamakan homepage.
Hompage berada pada posisi teratas, dengan halaman-
berada di bawahnya. Biasanya setiap halaman di bawah homepage
disebut child page, yang berisi hyperlink ke halaman lain dalam web.
Website adalah suatu halaman web yang saling berhubungan yang
berada pada peladen yang sama berisikan kumpulan informasi
yang disediakan secara perorangan, kelompok, atau organisasi
Alat Alat Pembuat WEB
XAMPP
XAMPP merupakan salah satu paket installasi Apache, PHP
dan MySQL instant yang dapat kita gunakan untuk membantu
proses installasi ketiga produk tersebut.
5
-garis lintang
“Website adalah kumpulan halaman web
filenya saling terkait. Web terdiri dari
page atau halaman, dan kumpulan halaman yang dinamakan homepage.
-halaman terkait
hnya. Biasanya setiap halaman di bawah homepage
disebut child page, yang berisi hyperlink ke halaman lain dalam web.
Website adalah suatu halaman web yang saling berhubungan yang
berada pada peladen yang sama berisikan kumpulan informasi
iakan secara perorangan, kelompok, atau organisasi
XAMPP merupakan salah satu paket installasi Apache, PHP
dan MySQL instant yang dapat kita gunakan untuk membantu
6
2. MySQL
MySQL (My Structure Query Language) adalah sebuah
program pembuat database yang bersifat open source, artinya
siapa saja boleh menggunakannya dan tidak dicekal. MySQL
sebenarnya produk yang berjalan pada platform Linux. Selai nitu,
MySQL juga merupakan program pengakses database yang
bersifat jaringan sehingga dapat digunakan untuk aplikasi
multiuser [6].
Kelebihan dari MySQL adalah menggunakan bahasa query
standar yang dimiliki SQL (Structure Query Language).SQL
adalah bahasa permintaan yang terstruktur yang telah
distandarkan untuk semua program pengakses database.Namun
MySQL tidak dapat berjalan sendiri tanpa adanya sebuah aplikasi
lain(interface).MySQL dapat didukung oleh hamper semua
program aplikasi baik yang open source seperti PHP maupun
yang tidak, yang ada pada platform Windows seperti Visual
Basic, Delphi, dan lain-lain.
3. Macromedia Dreamweaver CS 3
Macromedia Dreamweaver CS 3 merupakan alat desain web
komprehensif yang disukai oleh para profesional web, tapi cukup
mudah untuk web designer awal untuk menggunakan juga.
Dreamweaver menggunakan WYSIWYG (apa yang Anda lihat
adalah apa yang Anda dapatkan) merancang antar muka yang
membuat halaman web semudah mengetik dokumen ke dalam
pengolah kata.
Program ini juga menawarkan kemampuan untuk bekerja
secara langsung dengan kode halaman web bagi mereka yang
nyaman dengan HTML. Intuitif menu, panel dan toolbar
memungkinkan pemula dan para pakar untuk menambahkan fitur-
fitur canggih ke situs Web mereka dengan mudah.
7
4. Notepadd ++
Notepad++ adalah suatu text editor yang berjalan pada
Operating System(OS) Windows. Notepad++ disini menggunakan
komponen-komponen Scintilla agar dapat menampilkan dan
menyunting text dan berkas source code berbagai bahasa
pemrograman. Notepad++ didistribusikan sebagai Free Software
(gratis) Proyek ini dilayani oleh Sourceforge.net dengan telah
diunduh lebih dari 27 juta kali dan dua kali memenangkan
penghargaan SourceForge Community Choice Award for Best
Developer Tool.
Pengembang dari Notepad++ disini adan Don Ho yang
diriliskan pada tanggal 24 November 2003, dengan memiliki
license dari GNU General Public License dengan ukuran program
yang kecil yaitu 5.5MB. Bahasa pemrograman yang didukung
oleh notepad++ adalah bahasa C++ karena fungsi-fungsinya yang
dimasukan kedalam daftar fungsi dan kata-katanya akan berubah
sesuai dengan makna kata C++. Berikut ini adalah bahasa
pemrograman yang didukung oleh Notepad++ sejak dirilis pada
versi 5.9.3 :
ActionScript, Ada, ASP, Assembler, autoIt
Batch
C, C++, C#, Caml, Cmake, COBOL, CSS
D, Diff
Flash ActionScript, Fortran
Gui4CLI
Haskell, HTML
Berkas INI, InnoSetup
Java, Javascript, JSP
KiXtart
LISP, Lua
http://id.wikipedia.org/wiki/Sourceforgehttp://id.wikipedia.org/wiki/ActionScripthttp://id.wikipedia.org/wiki/Ada_%28bahasa_pemrograman%29http://id.wikipedia.org/wiki/ASPhttp://id.wikipedia.org/wiki/Assemblerhttp://id.wikipedia.org/w/index.php?title=AutoIt&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=Berkas_Batch&action=edit&redlink=1http://id.wikipedia.org/wiki/C_%28bahasa_pemrograman%29http://id.wikipedia.org/wiki/C%2B%2Bhttp://id.wikipedia.org/wiki/C_sharphttp://id.wikipedia.org/w/index.php?title=Caml&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=Cmake&action=edit&redlink=1http://id.wikipedia.org/wiki/COBOLhttp://id.wikipedia.org/wiki/CSShttp://id.wikipedia.org/wiki/D_%28bahasa_pemrograman%29http://id.wikipedia.org/w/index.php?title=Diff&action=edit&redlink=1http://id.wikipedia.org/wiki/ActionScripthttp://id.wikipedia.org/wiki/Fortranhttp://id.wikipedia.org/wiki/Haskellhttp://id.wikipedia.org/wiki/HTMLhttp://id.wikipedia.org/wiki/INIhttp://id.wikipedia.org/w/index.php?title=InnoSetup&action=edit&redlink=1http://id.wikipedia.org/wiki/Java_%28programming_language%29http://id.wikipedia.org/wiki/Javascripthttp://id.wikipedia.org/w/index.php?title=JavaServer_Pages&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=KiXtart&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=LISP&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=Lua_%28programming_language%29&action=edit&redlink=1
8
Makefile, Matlab, MS-DOS
NSIS
Objective-C
R, Resource file, Ruby
Shell, Scheme, Smalltalk, SQL
TCL, TeX
Pascal, Perl, PHP, Postscript, PowerShell, Properties file,
Python
XML
YAML
6. Deskripsi Data Flow Diagram
Data flow diagram merupakan model dari sistem untuk
menggambarkan pembagian sistem ke modul yang lebih kecil.
Keuntungan menggunakan DFD adalah pemakai atau user yang kurang
menguasai bidang komputer dapat mengerti sistem yang akan dikerjakan.
Simbol yang dipakai dalam DFD dapat dilihat pada tabel 2.1.
Tabel 2.1 Simbol pada DFD
http://id.wikipedia.org/w/index.php?title=Makefile&action=edit&redlink=1http://id.wikipedia.org/wiki/Matlabhttp://id.wikipedia.org/wiki/MS-DOShttp://id.wikipedia.org/w/index.php?title=NSIS&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=Objective-C&action=edit&redlink=1http://id.wikipedia.org/wiki/R_%28bahasa_pemrograman%29http://id.wikipedia.org/wiki/Ruby_%28bahasa_pemrograman%29http://id.wikipedia.org/w/index.php?title=UNIX_shell&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=Scheme&action=edit&redlink=1http://id.wikipedia.org/wiki/Smalltalkhttp://id.wikipedia.org/wiki/SQLhttp://id.wikipedia.org/w/index.php?title=TCL&action=edit&redlink=1http://id.wikipedia.org/wiki/TeXhttp://id.wikipedia.org/wiki/Pascal_%28bahasa_pemrograman%29http://id.wikipedia.org/wiki/Perlhttp://id.wikipedia.org/wiki/PHPhttp://id.wikipedia.org/w/index.php?title=Postscript&action=edit&redlink=1http://id.wikipedia.org/wiki/PowerShellhttp://id.wikipedia.org/wiki/Python_%28bahasa_pemrograman%29http://id.wikipedia.org/wiki/XMLhttp://id.wikipedia.org/wiki/YAML
9
7. Macam –macam Data Flow Diagram
1. Context Diagram
Context diagram adalah diagram yang terdiri dari suatu
proses dan menggambarkan ruang lingkup suatu sistem. Context
diagram merupakan level tertinggi dari DFD yang
menggambarkan seluruh inputke sistem atau output dar sistem.
Diagram ini akan memberi gambaran tentang keseluruhan sistem.
2. Diagram Zero (Overview Diagram)
Diagram nol / zero adalah diagram yang menggambarkan
proses dari data flow diagam. Diagram zero memberikan
pandangan secara menyeluruh mengenai sistem yang ditangani,
menunjukkan tentang fungsi – fungsi utama atau proses yang ada,
aliran data, dan external entity. Pada level ini sudah digambarkan
adanya data store yang digunakan. Untuk proses yang tidak rinci,
akan dijelaskan pada level selanjutnya. Keseimbangan input dan
output (balancing) antara diagram zero dengan context diagram
harus tetap terpelihara.
3. Diagram Rinci (Level Diagram)
Diagram rinci adalah diagram yang menguraikan proses apa
yang ada dalam diagram zero atau diagram level diatasnya.
4. Entity Relationship Diagram (ERD)
ERD adalah suatu model jaringan yang menggunakan
susunan data yang disimpan dalam sistem secara abstrak
(Ladjamudin, 2005). ERD digunakan oleh professional sistem
untuk berkomunikasi dengan pemakai eksekutif tingkat tinggi
dalam suatu organisasi. Selain itu, ERD memperlihatkan
hubungan antar data storepada DFD. ERD mempunya 4 elemen,
yaitu :
a. Himpunan entitas (entity), yaitu sesuatu (apa saja) yang ada
didalam sistem, nyata maupun abstrak dimana data
10
tersimpan atau dimana terdapat data. Entitas dikelompokkan
menjadi empat jenis nama, yaitu orang, benda, lokasi,
kejadian (terdapat unsur waktu didalamnya).
b. Himpunan relasi (relationship), yaitu hubungan alamiah
yang terjadi diantara entitas.
c. Atribut, yaitu sifat atau karakteristik dari tiap entitas
maupun tiap relationship.
d. Garis penghubung (link), yaitu penghubung antar elemen.
Untuk lebih jelasnya dapat dilihat pada tabel 2.2
Tabel 2.2 Elemen ERD
11
BAB IV
METODE PENELITIAN
Metode penelitian yang digunakan adalah melakukan pengembangan
perangkat lunak dengan menggunakan model prototiping. Model
pengembangan perangkat lunak dengan model prototipe ini akan menghasilkan
sebuah aplikasi dalam bentuk prototipe sebelum aplikasi tersebut memasuki
tahap design. Dalam fase ini, prototype yang telah dirancangakan dievaluasi.
Tahap ini akan terus menerus diulang sampai aplikasi benar benar sesuai
dengan keinginan. Apabila prototype telah selesai, maka tahapan aplikasi akan
kembali berlanjut ketahap design. Gambar 1 menjelaskan bagaimana urutan
proses pengembangan perangkat lunak dengan model prototype [7].
Gambar 4.1. Prototyping Method
(Pressman, Roger S.,2002)
http://2.bp.blogspot.com/-eTjbAv8pf2E/TZnsRgx8E9I/AAAAAAAAAV0/s8Mv8NDED8A/s1600/prototipe.png
12
BAB V
HASIL DAN PEMBAHASAN
A. Bahan Penelitian
Bahan penelitian yang digunakan dalam penelitian ini adalah bahan
yang nantinya digunakan sebagai bahan input, proses alur bisnis dan output.
Adapun bentuk bahan inputan yang digunakan adalah : hasil survey tim
lapangan Inkubator SBS Unisbank yang bekerja sama dengan Dinas Kopersi
dan UKM Kota Semarang. Sedangkan bahan untuk proses alur bisnis adalah
menggunakan menambahkan database dan tabel untuk mengkoneksikan
antara data lokasi UKM kota semarang dengan menambahkan halaman
yang memiliki koneksi ke website google maps.
B. Rancangan Sistem
Bentuk rancangan untuk membuat aplikasi manajemen Lokasi UKM
Kota Semarang ini adalah sebagai berikut : 1. Membuat Database yang
mampu menyimpan data UKM dengan lokasi produksi atau lokasi
pemasaran, 2. Membuat antarmuka aplikasi berbasis web yang terkoneksi
dengan google map. Gambar 5.2 menggambarkan bentuk bagan rancangan
sistem yang dibauat.
Gambar 5.2 Bagan rancangan sistem Manajemen Lokasi UKM Kota Semarang
1 Membuat database yang menyimpan data UKM dan Lokasi
2 Membuat rancangan antarmuka website
3 Menambhakan API Google Maps dan coding
4 Menghubunkan antarmuka tambahan ke website
13
Dari gambar 5.2 dapat dijelaskan bahwa bentuk rancangan kerja
adalah membuat database untuk menyimpan data UKM Kota Semarang
dengan lokasinya, merancang antarmuka, menambahkan coding dan API
goggle maps dan menghubungkan halaman tambahan ke website
.
D. Hasil Implementasi
1. Halaman Depan
Gambar 5.3 adalah halaman muka atau halaman utma dari aplikasi
manajemen UKM Kota Semarang. Pada halaman ini terdapat tiga menu
utama yaitu : Daftar UKM Baru yang digunakan untuk menuju halaman
pendaftaran UKM di Kota Semarang, Data UKM yang digunakan untuk
melihat tampilan halaman yang menampilkan data UKM Kota Semarang
yang telah terdaftar dan Cari Lokasi digunakan untuk menampilkan halaman
yang difungsikan untuk mencari datak UKM dan menampilkan lokasi UKM
tersebut pada peta google map.
Gambar 5.3 halaman utama aplikasi manajemen lokasi UKM Kota
Semarang
14
2. Halaman Daftar UKM
Halaman pendaftaran UKM diperlihatkan pada gambar 5.4 yaitu
gambar halaman Pedafataran Usaha yang berisi formulir tentang data
pemilik usaha, data produk atau usaha dan foto produk atau usaha dan jenis
perijinan yang telah dimiliki oleh UKM di Kota Semarang..
Gambar 5.4.halaman formulir pendaftaran usaha UKM
3. Halaman Data UKM Terdaftar
Halaman ini berisi data UKM Kota Semarang yang telah tersimpan
dalam database. Data yang ditampilkan dalam halaman ini adalah Nama
Usaha atau produk, nama pemilik, alamat atau lokasi toko, nama toko atau
tempat usaha, nomer telepon dan jejaring sosial yang dimiliki. Lebih jelas
terlihat pada gambar 5.5.
15
Gambar 5.5. halaman data UKM Kota Semarang yang telah
terdaftar
4. Halaman Cari Lokasi UKM
Gambar 5.6 adalah halaman pencarian kolasi UKM Kota Semarang.
Pada halaman ini pengguna dapat mencari UKM berdasarkan produk yang
dimiliki dan melihat data pemilik usaha atau pemilik produk sejenis pada
halaman yang sama. Selanjutnya dapat mengklik pilihan dan website akan
menampilkan lokasi UKM pada peta yang terhubung dengan google map.
Gambar 5.6 halaman cari lokasi UKM Kota Semarang
16
5. Menambahkan API GoogleMap pada sourcecode
Gambar 5.7 adalah potongan script yang digunakan untuk
menampilkan peta lokasi pada google maps. Pada script ini terdapat tiga
bagian yang perlu disesuaikan sehingga halaman web dapat memuat peta
googlemap dan menunjukkan lokasi pada peta. Pada awal script perlu
dideklarasikan source link site yang akan diakses yaitu googleapis.com
kemudian diisikan kode api google maps yang kita dapatkan setalah
mendaftar dan meminta kode google dari sebsite tersebut. Selanjutkan pada
tahap kedua menambhakan script java berupa : fucntion initialize, function
bindInfo dan function setMarker. Function setMarker digunakan untuk
mengambil model tanda lokasi pada peta google, sedangkan function
initialize digurnakan untuk : menseting jarak visual peta, menempatkan
marker pada lokasi sesuai dengan field langitude dan latitude,
menambahkan info kedalam peta berupa beberapa data dari aset, sdangkan
fungtion bindInfo digunakan untuk memberikan efek saat marker diklik
sehingga memberikan informasi data aset.
Script 5.7. script untuk menampilkan peta google maps function initialize() { var mapOptions = { zoom: 15, center: new google.maps.LatLng() } var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); setMarkers(map, beaches); } var beaches = [ ['',
17
], ]; function setMarkers(map, locations) { var shape = {
coords: [1, 1, 1, 20, 18, 20, 18 , 1], type: 'poly' }; var
infoWindow = new google.maps.InfoWindow; for (var i = 0; i <
locations.length; i++) { var beach = locations[i]; var myLatLng =
new google.maps.LatLng(beach[1], beach[2]); var marker = new
google.maps.Marker({ position: myLatLng, map: map, icon: beach[4],
shape: shape, title: beach[0], zIndex: beach[3] }); var html =
'Lokasi : '+beach[0]+'
Latitude : '+beach[1]+'
Longitude : '+beach[2]+''; bindInfoWindow(marker, map, infoWindow,
html); } } function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html); infoWindow.open(map, marker); }); }
google.maps.event.addDomListener(window, 'load', initialize);
18
BAB VI
KESIMPULAN
A. Kesimpulan
Dari proses penelitian yang dilakukan dapat ditarik kesimpulan
bahwa penambahan koneksi dengan peta google maps dengan halaman pada
website manajemen lokasi UKM kota semarang memberikan dampak
kemudahan dalam melakukan pendataan UKM melalui website karena
aplikasi ini dapat digunakan melalui perakngkat komputer maupun mobile,
selannjutnya memberikan kemudahan untuk mencari produk atau usaja
sejenis yang diakses melalui halaman pencarian dan memudahkan pengguna
untuk mencari lokasi UKM di Kota Semarang.
B. Saran
1. Perlu ditambahkan fitur back-up data untuk menanggulangi kerusakan data
2. Perlu ada fitur log aktifitas pengguna baik sebagai administrator dan
guest/tamu.
3. Perlu dikembangkan untuk menjadi perangkat berbasis android dan terdaftar
dalam play store.
19
Lampiran-lampiran Daftar Pustaka
[1] laurensia M., 2017, Analisis Peranan Kredit Mikro Terhadap
Perkembangan Usaha Mikro di Kota Semarang, Skripsi, Faklultas
Ekonomika dan Bisnis, Universitas Diponegoro, Semarang.
[2] nn., 2018, Materi Rapat Koordniasi Nasional Pemberdayaan UMKM Tahun
2018, diakses pada : www.depkop.go.id/uploads/05._Paparan_
Rakornas_Yogyakarta_2018_-_Jawa_Tengah.pdf, 20 November 2018.
[3] Arifin M.Z., 2018, Pertumbuhan Jumlah UKM di Kota Semarang Rata-Rata
Mencapai 2.000 Per Tahun, diakses pada : http://jateng.tribunnews.com
/2018/10/02/pertumbuhan-jumlah-ukm-di-kota-semarang-rata-rata-mencap
ai-2000-per-tahun., 20 November 2018.
[3] https://id.wikipedia.org/wiki/Google_Maps, diakses : 20 november 2017.
[4] Pramutoko B, 2008, Sistem Informasi Manajemen, diakses pada :
https://bayu96ekonomos.wordpress.com/modul-materikuliah/sistem-infor
masi-manajemen, 20 november 2018.
[5] https://id.wikipedia.org/wiki/Sistem_koordinat_geografi.
[6] Pressman, Roger S. 2002.”Rekayasa Perangkat Lunak (Pendekatan
Praktis).” Yogyakarta : Andi.
DATA DIRI PELAKSANA
a. IdentitasDiri
1. Nama Lengkap (dengan gelar) Widiyanto Tri Handoko, Drs., M.Kom
2. Jabatan Fungsional Asisten Ahli / III B
3. NIDN 0619046701
4. TempatdanTanggalLahir Semarang, 19 April 1967
5. AlamatRumah Jl. Rejosari Timur IV No. 20 Semarang
6. NomorTelpon / HP 085640645684
7. Alamat e-mail wthandk@yahoo.com
8. Mata Kuliah yang Diampu
1. Kalkulus
2. MetodeNumerik
3. AnalisaALgoritma
b. RiwayatPendidikan
S-1 S-2
Nama Perguruan Tinggi IKIP Negeri Semarang Universitas Gadjah Mada
Bidang Ilmu Pendidikan Matematika Ilmu Komputer
Tahun Masuk – Lulus 1985 – 1991 1999 – 2003
Judul Skripsi/Thesis Studi Empiris tentang
Pengaruh Belajar MK
SBM terhadap
kemampuan mengajar di
Sekolah Latihan pada
Mahasiswa SO3 Jurusan
Pendidikan Matematika
FMIPA IKIP Semarang
Angkatan Tahun
1987/1988
Algoritma Penyisipan dan
Pengambilan Watermark
Citra Digital dalam
Domain Frequensi dengan
Discrete Cousin Transform
c. PengalamanPenelitiandalam 5 tahunterakhir
No. Tahun Judul Penelitian
1. 2001 Proyek Pengembangan Intranet sebagai Sarana Bussiness
Process Reengineering
2. 2001 Implementasi Histogram Stretching untuk improvisasi citra
contras dalam Gray-Scale Image
3. 2005 Sistem Pendukung Keputusan dengan Metode Analitycal
Hierarchy Process (AHP) untuk Pemilihan Strategi Proses
Produksi yang Efisien
4. 2006 SistemPendukung Keputusan dengan Metode Analitycal
Hierarchy Process (AHP) dengan Visual Basic
5. 2007 PerencanaanPengendalianProduksi dan Pengawasan KebutuhanBahan
Baku (PPIC) pada industry manufaktur
6 2009 KemampuanIndustri Manufaktur dalam Perancangan dan
Pengembangan Produk
7 2012 Perilaku Konsumen On Line (Pengaruh Nilai Kepuasan dan Intersia
dalam Loyalitas)
8 2013 Final Report Penilaian Kerja Dosen Oleh Mahasiwa Pada Satu
Periode Tahun Akademik dengan menggunakan Metode Klustering
d. PengalamanPengabdiankepadaMasyarakatdalam 5 tahunterakhir
No. Tahun Judul Pengabdian kepada Masyarakat
1. 2008 Pelatihan Aplikasi Profil Kelurahan dan Lomba Kelurahan di PemKot
Semarang
2. 2009 Pelatihan Aplikasi Profil Kelurahan
3 2010 Pelatihan PembuatanKartu NamaBerbasis Multimedia sebagai Ekspresi
diri bagi SMAMuhammadiyah 2 Semarang
4 2011 Pelatihan membuat animasi menggunakan Macromedia Flash
Untukkonten Media PembelajaranBagi Guru
5 2012 Pelatihan Pemrograman Web dengan PHP dan MYSQL padaPegawai
negeri Sipil di Lingkungan Pemerintah Kota Semarang
6 2013 Pelatihan Aplikasi komputerdan internet bagi SDM Dinas Pengelolaan
KeuangandanAset Daerah Kota Semarang
7 2013 Pelatihan Aplikasi Komputerdan Penggunaan Internet untuk
berwirausha Bagi Anggota Dharma WanitaPersatuan Kota Semarang
e. PengalamanPenulisan Artikel Ilmiah dalam 5 tahun terakhir
No. Judul Artikel Ilmiah Volume/Nomor
/Tahun
Nama
Jurnal
f. Pengalaman Penyampaian Makalah secara Oral padaPertemuan /
Seminar Ilmiah dalam 5 tahunterakhir
No. Nama Pertemuan
Ilmiah Judul Artikel Ilmiah
Waktu
danTempat
g. PengalamanPenulisan Bukudalam 5 tahunterakhir
No Judul Buku Tahun Jumlah Halaman
Penerbit
Semua data yang saya isikan dan tercantum dalam biodata ini adalah benar
dandapat dipertanggungjawabkan secara hukum.
Semarang, 17 Januari 2019
Drs. W.T. Handoko, M.Kom
DATA DIRI PELAKSANA
a. Identitas Diri
1. Nama Lengkap (dengan gelar) Eka Ardhianto, S.Kom., M.Cs
2. Jabatan Fungsional Asisten Ahli / III B
3. NIDN 0610038201
4. Tempat dan Tanggal Lahir Semarang, 10 Maret 1985
5. Alamat Rumah Jl. Tegalsari timur No. 144 B
6. Nomor Telpon / HP 085640662811
7. Alamat e-mail eka@unisbank.ac.id
8. Mata Kuliah yang Diampu
1. Grafika Komputer
2. Pengolahan Citra Digital
3. Bahasa Pemrograman
4. Struktur Data
b. Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Stikubank Universitas Gadjah Mada
Bidang Ilmu Teknik Informatika Ilmu Komputer
Tahun Masuk – Lulus 2002 – 2006 2008 – 2010
Judul Skripsi/Thesis Penyandian File Gambar
dengan Metode
Substitusi dan
Transposisi
Pemanfaatan Sidik Jari
untuk Identifikasi
kepemilikan Gambar
c. Pengalaman Penelitian dalam 5 tahun terakhir
No. Tahun Judul Penelitian
1. 2010 Pemanfaatan Sidik Jari untuk Identifikasi Kepemilikan File
Gambar
2. 2010 Penentuan Kualitas Kayu dengan Skala Keabuan
3. 2010 Pengolahan Citra Digital Sidik jari berbasis Minutiae
4. 2011 Rancang bangun aplikasi pengolah gambar digital untuk segmentasi
otomatis lokasi objek angka pada meter listrik di pt. Gugah perkasa
ripta semarang
5 2011 Pengaruh Structural Assurance dan Percived Reputation terhadap
Trust Pengguna Internet di Sistem E-Commerce
6 2012 Augmented Reality Objek 3 Dimensi dengan Perangkat ArToolkit
dan Blender
7 2012 E-Heritage Warisan Budaya Semarang dalam upaya Dokumentasi
Digital untuk melestarikan Kebudayaan Jawa Tengan
8 2013 Implementasi Metode Image Subtracting dan Metode Regionprops
untuk Mendeteksi Jumlah Objek Warna pada RGB File
9 2014 Pengembangan Metode Otentikasi Keaslian Ijasah dengan
memanaatkan Gambar QR Code
10 2014 Rancang Bangun E-Office Administrasi Agendakegiatan
Promosi Unisbank Semarang
d. Pengalaman Pengabdian kepada Masyarakat dalam 5 tahun terakhir
No. Tahun Judul Pengabdian kepada Masyarakat
1. 2010 Pelatihan Adobe Photoshop 7.0 bagi Siswa MAAl Khoiriyah Semarang
2. 2011 Pemanfaatan Perangkat Lunak Multimedia untuk Mendukung Konten
Media Pembelajaran Bagi Guru
3 2011 Pelatihan Instalasi Jaringan Komputer Model Client-Server Bagi Guru
SMA/SMK/MA Kota Semarang
4 2012 Pemanfaatan Microsoft Power Pint, Lecture Maker dan Quiz Creator
Sebagai Sarana Penunjang Kegiatan Belajar Mengajar bagi Guru
5 2012 Pelatihan Pengenalan Materi Dasar Robotika Berbasis Lego Bagi Guru
dan Siswa Kelas III Jurusan Jaringan Komputer dan Multimedia di
SMK Dukuh Seti Pati
6 2013 Pelatihan Aplikasi Komputer dan Internet bagi SDM Dinas
Pengelolaan Keuangan dan Aset Daerah Kota Semarang
7 2013 Pelatihan E-Marketing pada Agen Koran di Kota Semarang
8 2014 Pelatihan Desain Grafis Untuk Anak Jalanan Dan Anak Putus
Sekolah Di Balai Rehabiliasi Sosial Mandiri Semarang II
e. Pengalaman Penulisan Artikel Ilmiah dalam 5 tahun terakhir
No. Judul Artikel Ilmiah Volume/Nomor
/Tahun
Nama
Jurnal
f. Pengalaman Penyampaian Makalah secara Oral pada Pertemuan /
Seminar Ilmiah dalam 5 tahun terakhir
No. Nama Pertemuan
Ilmiah Judul Artikel Ilmiah
Waktu dan
Tempat
g. Pengalaman Penulisan Buku dalam 5 tahun terakhir
No Judul Buku Tahun Jumlah Halaman
Penerbit
Semua data yang saya isikan dan tercantum dalam biodata ini adalah benar dan
dapat dipertanggungjawabkan secara hukum.
Semarang, 17 Januari 2019
Eka Ardhianto, S.Kom, M.Cs
DATA DIRI PELAKSANA
a. IdentitasDiri
1. Nama Lengkap (dengan gelar) Endang Lestariningsih, SE., M.Kom
2. Jabatan Fungsional Lektor / III C
3. NIDN 0616126901
4. Tempat dan TanggalLahir Karanganyar, 16 Desember 1969
5. Alamat Rumah Jl. Pandanwangi Tengah I/C 1 Semarang
6. Nomor Telpon / HP 081329979793
7. Alamat e-mail endangles@unisbank.ac.id
8. Mata Kuliah yang Diampu
1. ManajemenProyekSistemInformasi
2. PengetahuanBisnis
3. Kewirausahaan
4. Teori Manajemen dan Organisasi
b. RiwayatPendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Islam
Indonesia
Universitas Gadjah Mada
Bidang Ilmu Ekonomi Ilmu Komputer
TahunMasuk – Lulus -1993 -2003
JudulSkripsi/Thesis
c. Pengalaman Penelitiandalam 5 tahunterakhir
No. Tahun Judul Penelitian
1. 2010 Kepercayaan Terhadap Internet serta Pengaruhnya pada
Pencarian Informasi dan Keinginan Membeli secara On Line
2. 2011 Hubungan Pelaksanaan Audit SistemInformasioleh Auditor
Internal dengan Efektifitas fungsi Internal Audit (Studi kasus di
PT Telkom Tbk Semarang)
3. 2012 Membangun Perpustakaan Digital Jurnal Elektronik
4 2012 Teknik Klasifikasi untuk Melihat Kecenderungan Calon Mahasiswa
Baru dalam Memilih Jenjang Pendidikan Program Studi di Perguruan
Tinggi
5 2013 Perancangan dan Implementasi Aplikasi Mobile Semarang Guidance
pada Android
6 2014 Membangun Layanan Sistem Informasi Akademik Menggunakan
d. Pengalaman Pengabdian kepada Masyarakatdalam 5 tahunterakhir
No. Tahun Judul Pengabdian kepada Masyarakat
1. 2010 Pelatihan Pembuatan Blog Pribadi menggunakan Hosting Gratis Bagi
Siswa SMK Purnama Semarang
2 2011 Pelatihan Pengenalan Blog Sebagai Sarana Distribusi Informasi
Melalui Internet Bagi Guru guru
3 2011 Pelatihan Robotika Menggunakan Software NXT MindStrom bagi
Guru SMA/SMK/MA Kota Semarang
4 2012 Pelatihan Multimedia Pembelajaran Bagi Guru DinasPendidikan Kota
Semarang
5 2012 Upgrade Visualisasi Pembuatan Soalbagi Guru SMA/SMK/MA
Pendampingan computer 2012 FTI Tingkat SMA/SMK/MA se
JawaTengah Menggunakan Wondershare Quiz Creator
6 2013 Pelatihan Search Engine Optimationbagi Guru SMK Pagudi Luhur
Tarcicius Semarang
e. Pengalaman Penulisan Artikel Ilmiahdalam 5 tahunterakhir
No. Judul Artikel Ilmiah Volume/Nomor
/Tahun
Nama
Jurnal
f. Pengalaman Penyampaian Makalah secara Oral pada Pertemuan /
Seminar Ilmiah dalam 5 tahunterakhir
No. Nama Pertemuan
Ilmiah Judul Artikel Ilmiah
Waktu
danTempat
g. Pengalaman Penulisan Bukudalam 5 tahunterakhir
No Judul Buku Tahun Jumlah Halaman
Penerbit
Semua data yang saya isikan dan tercantum dalam biodata ini adalah benardan
dapat dipertanggungjawabkan secara hukum.
Semarang, 17 Januari 2019
Endang Lestariningsih, SE.,M.Kom
DATA DIRI PELAKSANA
a. Identitas Diri
1. Nama Lengkap (dengan gelar) Yuny Astutik
2. Jabatan Fungsional -
3. NIM 15.01.53.0110
4. Tempat dan Tanggal Lahir Kendal, 30 Juli 1997
5. Alamat Rumah Genuk Karang Lo Rt. 01/02, Candisari, Smg
6. Nomor Telpon / HP +6203842364433
7. Alamat e-mail yunyastutik@gmail.com
b. Riwayat Pendidikan
S-1 S-2
Nama Perguruan Tinggi Universitas Stikubank
Bidang Ilmu Teknik Iiformatika
Tahun Masuk – Lulus 2015
Judul Skripsi/Thesis
c. Pengalaman Penelitian dalam 5 tahun terakhir
No. Tahun Judul Penelitian
d. Pengalaman Pengabdian kepada Masyarakat dalam 5 tahun terakhir
No. Tahun Judul Pengabdian kepada Masyarakat
e. Pengalaman Penulisan Artikel Ilmiah dalam 5 tahun terakhir
No. Judul Artikel Ilmiah Volume/Nomor
/Tahun
Nama
Jurnal
f. Pengalaman Penyampaian Makalah secara Oral pada Pertemuan /
Seminar Ilmiah dalam 5 tahun terakhir
No. Nama Pertemuan
Ilmiah Judul Artikel Ilmiah
Waktu dan
Tempat
g. Pengalaman Penulisan Buku dalam 5 tahun terakhir
No Judul Buku Tahun Jumlah Halaman
Penerbit
Semua data yang saya isikan dan tercantum dalam biodata ini adalah benar dan
dapat dipertanggungjawabkan secara hukum.
Semarang, 17 Januari 2019
Yuny Astutik
Job Description
Dalam pelaksanaan penelitian, tugas masing masing personil dijabarkan
sebagai berikut :
1. Ketua Peneliti
a. Melakukan koordinasi target penelitian
b. Melakukan koordinasi tujuan penelitian
c. Mengkoordinasi jadwal kegiatan penelitian
d. Mengkoordinasi penggunaan anggaran penelitian
e. Melakukan penelitian seperti anggota peneliti
f. Melakukan pembuatan Proposal dan Laporan
2. Anggota Peneliti
a. Melakukan studi literasi
b. Melakukan pembuatan rancangan aplikasi
c. Melakukan analisa kebutuhan perangkat keras dan perangkat lunak
d. Melakukan perekayasaan algoritma
e. Melakukan Pembuatan program
f. Melakukan testing program
g. Mencatat kegiatan perkembangan penelitian dalam Log-Book
h. Mengkomunikasikan dengan Ketua Peneliti tentang kemajuan
penelitian
i. Melakukan pembelanjaan dana penelitian
REALISASI PENGGUNAAN
ANGGARAN PENELITIAN
1. Bahan dan Peralatan
a. DVD Eksternal : Rp. 350.000,-
b. Upgrade Memory CPU : Rp. 500.000,-
c. Flash Disk : Rp. 200.000,-
d. Install Software Komputer : Rp. 300.000,-
2. Honorarium
a. Honor Peneliti : Rp. 900.000,-
3. Biaya Lain – lain
a. Penelusuran Pustaka : Rp. 200.000,-
b. Dokumentasi (foto copy data) : Rp. 250.000,-
c. Transpt Survey dan Komunikasi : Rp. 300.000,-
Total : Rp. 3.000.000,-
LOKASI PENELITIAN
Penelitian ini dilakukan di :
Nama Lokasi : Kampus Mugas Universitas Stikubank
Alamat : Jl. Tri LombaJuang No. 1, Semarang
Ruang : Lab. Komputer
Koordinat Lokasi : -6.988324,110.4171
Lokasi dalam peta :
BUKU CATATAN KEGIATAN PENELITIAN
( LOG BOOK )
Judul MANAJEMEN LOKASI UKM KOTA SEMARANG MENGGUNAKAN KOORDINAT GEOGRAFI DAN API PADA GOOGLE MAP
Nama Ketua Pengabdian Drs. W. T. Handoko, M.Kom
Fakultas Teknologi Informasi
Alamat / Telp Jl. Tri Lomba Juang No. 1 Semarang / 024 8311668
Tahun Anggaran 2018
LEMBAGA PENELITIAN DAN PENGABDIAN MASYARAKAT (LPPM)
UNIVERSITAS STIKUBANK (UNISBANK)
SEMARANG
Nama Ketua : W. T. Handoko, Drs. M.Kom
NIDN : 0619046701
Fakultas : Teknologi Informasi
Nama Anggota : Eka Ardhianto, S.Kom., M.Cs
NIDN : 0610038201
Fakultas : Teknologi Informasi
Nama Anggota : Endang Lestariningsih, SE., M.Kom
NIDN : 0616126901
Fakultas : Teknologi Informasi
Nama Anggota : Yuny Astuti
NIDN : -
Fakultas : Teknologi Informasi
Judul : MANAJEMEN LOKASI UKM KOTA SEMARANG MENGGUNAKAN KOORDINAT GEOGRAFI DAN API
PADA GOOGLE MAP
Jangka Waktu : 30 November 2018 – 27 Januari 2019
Total dana : Rp. 3.000.000,-
Sumber dana : Universitas Stikubank Semarang
Hari / Tanggal /
Bulan / Tahun 30 November 2018 – 9 Desember 2018
Nama Kegiatan Studi Pra Penetilian dan Pembuatan Proposal
Tujuan Kegiatan Melakukan studi pra penelitian
Uraian Kegiatan
Melakukan studi kelayakan penelitian
Melakukan pertimbangan kemungkinan keberhasilan
Melakukan pembuatan proposal
Hasil Proposal
Hambatan -
Kesimpulan dan
Saran
Kemungkinan keberhasilan baik dan didukung oleh
penelitian sebelumnya
Rencana Selanjutnya Lanjut ke pengumpulan bahan
Nama Ketua Drs. WT. Handoko, M.Kom
Tangda tangan
Hari / Tanggal /
Bulan / Tahun 10 – 23 Desember 2018
Nama Kegiatan Pengumpulan kebutuhan bahan awal
Tujuan Kegiatan Mencari kebutuhan input dan output
Uraian Kegiatan Mencari kebutuhan input dan out put
Melaksanakan komunikasi dengan mitra pengguna
Hasil Data bahan dan komunikasi dengan mitra pengguna
dilakukan dengan bahan data aset pemkot semarang
Hambatan -
Kesimpulan dan
Saran Data diambil dari website BPKAD Kota semarang
Rencana Selanjutnya Lanjut ke desain antarmuka
Nama Ketua Drs. W.T Handoko, M.Kom
Tangda tangan
Hari / Tanggal /
Bulan / Tahun 24 – 30 Desember 2018
Nama Kegiatan Desain Antarmuka dan mencari kebutuhan input tambahan
dan output
Tujuan Kegiatan Melakukan desain yang disesuaikan dengan kebutuhan mitra
pengguna
Uraian Kegiatan Melakukan desain dan komunikasi
Hasil Pembuatan desain dan alur yang jelas
Hambatan -
Kesimpulan dan
Saran
Desain yang hampir sesuai dengan kebutuhan mitra
pengguna
Rencana Selanjutnya Evaluasi rancangan
Nama Ketua Drs. W. T. Handoko, M.Kom
Tangda tangan
Hari / Tanggal /
Bulan / Tahun 31 Desember 2018 – 6 Januari 2019
Nama Kegiatan Evaluasi dan Perbaikan desain
Tujuan Kegiatan Melakukan desain dan alur yang sesuai dengan kebutuhan
Uraian Kegiatan Evaluasi desain
Hasil Desain sesua dengan kebutuhan
Hambatan -
Kesimpulan dan
Saran Desain sudah sesuai
Rencana Selanjutnya Lanjut ke coding
Nama Ketua Drs. W. T. Handoko, M.Kom
Tangda tangan
Hari / Tanggal /
Bulan / Tahun 7 – 13 Januari 2019
Nama Kegiatan Desain dan Evaluasi
Tujuan Kegiatan Menyesuaikan desain input output dengan website
Uraian Kegiatan Melakukan coding dan desain yang disesuaikan dengan
webstie
Hasil Halaman tambahan dengan Google Map
Hambatan -
Kesimpulan dan
Saran Halaman dapat berjalan sesuai kebutuhan
Rencana Selanjutnya Finalisasi dan Penulisan Laporan
Nama Ketua Drs. W. T. Handoko, M.Kom
Tangda tangan
Hari / Tanggal /
Bulan / Tahun 14 – 27 Januari 2019
Nama Kegiatan Finalisasi dan Penulisan Laporan
Tujuan Kegiatan Melakukan finaslisasi dengan website dan melakukan ujicoba
oleh pengguna serta penulisan laporan
Uraian Kegiatan Melakukan ujicoba akhir dengan pengguna
Hasil Pengguna dapat mengoperasikan tambahan halaman google
map
Hambatan -
Kesimpulan dan
Saran Halaman dapat berjalan sesuai kebutuhan
Rencana Selanjutnya Seminar Hasil Penelitian
Nama Ketua Drs. W. T. Handoko, M.Kom
Tangda tangan
1
MANAJEMEN LOKASI UKM KOTA SEMARANG MENGGUNAKAN KOORDINAT GEOGRAFI DAN API PADA GOOGLE MAP
Drs. W.T. Handoko, M.Kom Eka Ardhianto, S.Kom., M.Cs
Endang Lestariningsih, SE., M.Kom Yunny Astuti
Fakultas Teknologi Informasi (FTI) Program Studi Teknik Informatika Universitas Stikubank (UNISBANK) Semarang
UMKM atau Usaha Mikro Kecil dan Menengan memegang bagian penting dalam kondisi ekonomi sebuah negara, termasuk juga Indonesia. Jumlah UMKM yang terbilang tidak sedikit itu tersebar hampir di seluruh wilayah sehingga berkontribusi dalam penyerapan tenaga kerja yang cukup lumayan, karena UMKM tidak memiliki kualifikasi pendidikan minimal dalam menjalakan bisnisnya. Melihat peranan UMKM yang tinggi maka, pemerintah juga mengimbangi dengan berbagai program untuk mengembangkan dan menumbuhkan UMKM di Indonesia. Dalam mengelola pertumbuhan UMKM terkdang memerlukan kegiatan dalam bentuk pendampingan langsung ke lokas UMKM, sehingga petugas pendamping dapat secara langsung mengenal kegiatan dan aktivitas serta kendala dari UMKM tersebut. Permasalahan yang muncul adalah bahwa tidak semua petugas UMKM mengerti seluk beluk wilayah kota semarang, sehingga memerlukan banyak waktu untuk sampai ditempat tujuan. Dengan adanyasebuah aplikasi yang mampu digunakan untuk mengetahui lokasi UMKM di Kota Semarang maka diharpakan adanya kemudahan bagi pengguna dalam melakukan pencarian lokasi UKM di Kota Semarang
Kata Kunci : api google maps, peta satelit asset, lokasi ukm semarang
BAB I . PENDAHULUAN
UMKM atau Usaha Mikro
Kecil dan Menengan memegang
bagian penting dalam kondisi
ekonomi sebuah negara, termasuk
juga Indonesia. Jumlah UMKM yang
terbilang tidak sedikit itu tersebar
hampir di seluruh wilayah sehingga
berkontribusi dalam penyerapan
tenaga kerja yang cukup lumayan,
karena UMKM tidak memiliki
kualifikasi pendidikan minimal
dalam menjalakan bisnisnya. Melihat
peranan UMKM yang tinggi maka,
pemerintah juga mengimbangi
dengan berbagai program untuk
mengembangkan dan menumbuhkan
UMKM di Indonesia.
2
Tabel 1. Perkembangan UMKM Binaan Dinas Koperasi dan UMKM
Indikator
Jumlah UMKM
Tenaga Kerja
Omset Aset
Tahun
Unit Orang Rp.
Miliar Rp.
Miliar 2012 80.583 345.622 18.972 6.816 2013 90.339 480.508 20.345 9.634 2014 99.681 608.893 24.587 13.947 2015 108.937 740.740 29.113 19.046 2016 115.751 791.767 43.570 22.891
Sumber : Dinas Koperasi dan UMKM Provinsi
Jawa Tengah, diolah 2017 dalam Laurensia M.
[1]
Tabel 1 menggambarkan
bahwa di Jawa Tengah terjadi
pertumbuhan UMKM yang
berkontinyu. Hingga tahun 2016,
jumlah UMKM yang terdapat di
jawa tengah mencapai angka
115.751, angka yang cukup besar.
Serapan tenaga kerjanya mencapai
791.767 dengan omset yang
mencapai 43.570 milyar dan aset
yang dimiliki UMKM sebanyak
22.891 milyar. Angka ini berangsur
merangkak naik dari data tahun 2012
hingga sekarang. Hal ini
membuktikan bahwa terjadi
perkembangan yang semakin positif
bagi perkembangan perekonomian
daerah maupun nasional.
Dalam paparan Rapat
Koordinasi Nasional Pemberdayaan
UMKM tahun 2018 [2] disampaikan
bahwa kota semarang memiliki 12%
UMKM dari wilayah jawa tengah
terbersar kedua setelah Kabupaten
Kebumen, dengan jumlah total
tercatat 8.165 UMKM yang
mengajukan proses Ijin Usaha Mikro
Kecil (IUMK). Dalam
tribunnews.com [3], Kepala Dinas
Koperasi dan UMKM, Litani
Satyawati menyampaikan bahwa saat
ini data UKM tercatat lebih dari
14.000 UKM. Pertumbuhan sekitar
2.000 UKM setiap tahunnya dan
terkait dengan pertumbuhan UMKM
yang besar maka diperlukan
penanganan manajemen yang baik.
Dalam mengelola pertumbuhan
UMKM terkdang memerlukan
kegiatan dalam bentuk
pendampingan langsung ke lokas
UMKM, sehingga petugas
pendamping dapat secara langsung
mengenal kegiatan dan aktivitas serta
kendala dari UMKM tersebut.
Permasalahan yang muncul adalah
bahwa tidak semua petugas UMKM
mengerti seluk beluk wilayah kota
semarang, sehingga memerlukan
banyak waktu untuk sampai ditempat
tujuan.
Dari latarbelakang tersebut,
maka dalam penelitian ini akan
dibuat sebuah aplikasi yang dapat
mempermudah petugas pendamping
melakukan tugasnya dalam hal
3
mengetahui lokasi UKM di kota
semarang
BAB II . TUJUAN DAN MANFAAT
Tujuan dari penelitian ini
adalah membuat aplikasi yang
mampu menunjukkan lokasi UKM
dibawah dinas koperasi dan umkm
kota semarang yang dikoneksikan ke
peta gogle map. Dan manfaat yang
diperoleh adalah adanya kemudahan
bagi pengguna dalam melakukan
pencarian lokasi UKM di Kota
Semarang.
BAB III. TELAAH PUSTAKA
1. API Google Maps
Dikutip dari Wikipedia Bahasa
Indonesia[3], Google Maps adalah
layanan pemetaan web yang
dikembangkan oleh Google. Layanan
ini memberikan citra satelit, peta
jalan, panorama 360°, kondisi lalu
lintas, dan perencanaan rute untuk
bepergian dengan berjalan kaki,
mobil, sepeda (versi beta), atau
angkutan umum.
API adalah kependekan dari
Application programming interface.
Dengan bahasa yang lebih sederhana,
API adalah fungsi fungsi
pemrograman yang disediakan oleh
aplikasi atau provider aplikasi
supaya layananan aplikasi tersebut
bisa di integrasikan dengan aplikasi
yang kita buat. Google maps API
adalah fungsi fungsi pemrograman
yang disediakan oleh Google maps
agar Google maps dapat di
integrasikan kedalam Web atau
aplikasi yang sedang dikembangkan.
Ada banyak API yang
disediakan oleh Google,
beberapa diantaranya adalah :
1. Language API :
untuk memanfaatkan fitur
translation yang dimiliki
Google.
2. Earth API :
memanfatkan fitur yang ada
pada Google Earth
3. Javascript API
4. Maps API :
memanfaatkan fitur yang
ada pada Google Maps
5. Search API :
memanfaatkan fitur
pencarian pada Google
Search
6. Visualization API :
membuat grafik maupun
chart dengan Google API
7. YouTube API :
memanfaatkan fitur yang
adapada YouTube misalnya
untuk pencarian video
2. Pengertian Sistem Informasi
Manajemen Lokasi
Menurut Pramutoko[4], Sistem
Informasi adalah seperangkat
komponen yang saling berhubungan,
dan yang berfungsi mengumpulkan,
memproses, menyimpan dan
mendistribusikan informasi untuk
mendukung pembuatan keputusan
dan pengawasan dalam organisasi.
Sedangkan manajemen
menyelesaikan masalah-masalah
bisnis dalam lingkungan bisnis,
mereka membuat strategi organisasi
4
untuk merespon, dan mereka
mengalokasikan sumberdaya
manusia dan keuangan untuk
mencapai strategi dan
mengkoordinasikan pekerjaan. Dan
lokasi adalah tempat kedudukan
suatu objek.
Dari pengertian diatas maka
sistem informasi manajemen lokasi
disini diartikan sebagai sebuah
langkah yang digunakan untuk
mengumpulkan, memproses,
menyimpan data UKM dibawah
dinas koperasi dan umkm untuk
menyelesaikan permasalahan pada
organisasi internal dalam hal
pendampingan kepada pelaku
UMKM.
3. Pengertian Sistem Koordinat
Geografi
Sistem koordinat geografi [5]
digunakan untuk menunjukkan suatu
titik di Bumi berdasarkan garis
lintang dan garis bujur. Garis lintang
yaitu garis horizontal yang mengukur
sudut antara suatu titik dengan garis
katulistiwa. Titik di utara garis
katulistiwa dinamakan Lintang Utara
sedangkan titik di selatan katulistiwa
dinamakan Lintang Selatan. Garis
bujur yaitu vertikal yang mengukur
sudut antara suatu titik dengan titik
nol di Bumi yaitu Greenwich di
London Britania Raya yang
merupakan titik bujur 0° atau 360°
yang diterima secara internasional.
Titik di barat bujur 0° dinamakan
Bujur Barat sedangkan titik di timur
0° dinamakan Bujur Timur.
4. Deskripsi WEB
Menurut Gregorius [5]
“Website adalah kumpulan halaman
web yang saling terhubung dan file-
filenya saling terkait. Web terdiri
dari page atau halaman, dan
kumpulan halaman yang dinamakan
homepage. Hompage berada pada
posisi teratas, dengan halaman-
halaman terkait berada di bawahnya.
Biasanya setiap halaman di bawah
homepage disebut child page, yang
berisi hyperlink ke halaman lain
dalam web.
Website adalah suatu halaman
web yang saling berhubungan yang
umumnya berada pada peladen yang
sama berisikan kumpulan informasi
yang disediakan secara perorangan,
kelompok, atau organisasi
(Wikipedia)
5. Alat Alat Pembuat WEB
1. XAMPP
XAMPP merupakan salah satu
paket installasi Apache, PHP dan
MySQL instant yang dapat kita
gunakan untuk membantu proses
installasi ketiga produk tersebut.
2. MySQL
MySQL (My Structure Query
Language) adalah sebuah program
pembuat database yang bersifat open
source, artinya siapa saja boleh
menggunakannya dan tidak dicekal.
MySQL sebenarnya produk yang
berjalan pada platform Linux. Selai
nitu, MySQL juga merupakan
program pengakses database yang
bersifat jaringan sehingga dapat
5
digunakan untuk aplikasi multiuser
[6].
Kelebihan dari MySQL adalah
menggunakan bahasa query standar
yang dimiliki SQL (Structure Query
Language).SQL adalah bahasa
permintaan yang terstruktur yang
telah distandarkan untuk semua
program pengakses database.Namun
MySQL tidak dapat berjalan sendiri
tanpa adanya sebuah aplikasi
lain(interface).MySQL dapat
didukung oleh hamper semua
program aplikasi baik yang open
source seperti PHP maupun yang
tidak, yang ada pada platform
Windows seperti Visual Basic,
Delphi, dan lain-lain.
3. Macromedia
Dreamweaver CS 3
Macromedia Dreamweaver CS
3 merupakan alat desain web
komprehensif yang disukai oleh para
profesional web, tapi cukup mudah
untuk web designer awal untuk
menggunakan juga. Dreamweaver
menggunakan WYSIWYG (apa yang
Anda lihat adalah apa yang Anda
dapatkan) merancang antar muka
yang membuat halaman web
semudah mengetik dokumen ke
dalam pengolah kata.
Program ini juga menawarkan
kemampuan untuk bekerja secara
langsung dengan kode halaman web
bagi mereka yang nyaman dengan
HTML. Intuitif menu, panel dan
toolbar memungkinkan pemula dan
para pakar untuk menambahkan
fitur-fitur canggih ke situs Web
mereka dengan mudah.
4. Notepadd ++
Notepad++ adalah suatu text
editor yang berjalan pada Operating
System(OS) Windows. Notepad++
disini menggunakan komponen-
komponen Scintilla agar dapat
menampilkan dan menyunting text
dan berkas source code berbagai
bahasa pemrograman. Notepad++
didistribusikan sebagai Free
Software (gratis) Proyek ini dilayani
oleh Sourceforge.net dengan telah
diunduh lebih dari 27 juta kali dan
dua kali memenangkan
penghargaan SourceForge
Community Choice Award for Best
Developer Tool.
Pengembang dari
Notepad++ disini adan Don Ho yang
diriliskan pada tanggal 24 November
2003, dengan memiliki license dari
GNU General Public License dengan
ukuran program yang kecil yaitu
5.5MB. Bahasa pemrograman yang
didukung oleh notepad++ adalah
bahasa C++ karena fungsi-fungsinya
yang dimasukan kedalam daftar
fungsi dan kata-katanya akan
berubah sesuai dengan makna kata
C++. Berikut ini adalah bahasa
pemrograman yang didukung oleh
Notepad++ sejak dirilis pada versi
5.9.3 :
ActionScript, Ada, ASP, Asse
mbler, autoIt
Batch
C, C++, C#, Caml, Cmake, CO
BOL, CSS
D, Diff
Flash ActionScript, Fortran
Gui4CLI
Haskell, HTML
Berkas INI, InnoSetup
http://id.wikipedia.org/wiki/Sourceforgehttp://id.wikipedia.org/wiki/ActionScripthttp://id.wikipedia.org/wiki/Ada_%28bahasa_pemrograman%29http://id.wikipedia.org/wiki/ASPhttp://id.wikipedia.org/wiki/Assemblerhttp://id.wikipedia.org/w/index.php?title=AutoIt&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=Berkas_Batch&action=edit&redlink=1http://id.wikipedia.org/wiki/C_%28bahasa_pemrograman%29http://id.wikipedia.org/wiki/C%2B%2Bhttp://id.wikipedia.org/wiki/C_sharphttp://id.wikipedia.org/w/index.php?title=Caml&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=Cmake&action=edit&redlink=1http://id.wikipedia.org/wiki/COBOLhttp://id.wikipedia.org/wiki/COBOLhttp://id.wikipedia.org/wiki/CSShttp://id.wikipedia.org/wiki/D_%28bahasa_pemrograman%29http://id.wikipedia.org/w/index.php?title=Diff&action=edit&redlink=1http://id.wikipedia.org/wiki/ActionScripthttp://id.wikipedia.org/wiki/Fortranhttp://id.wikipedia.org/wiki/Haskellhttp://id.wikipedia.org/wiki/HTMLhttp://id.wikipedia.org/wiki/INIhttp://id.wikipedia.org/w/index.php?title=InnoSetup&action=edit&redlink=1
6
Java, Javascript, JSP
KiXtart
LISP, Lua
Makefile, Matlab, MS-DOS
NSIS
Objective-C
R, Resource file, Ruby
Shell, Scheme, Smalltalk, SQL
TCL, TeX
Pascal, Perl, PHP, Postscript, P
owerShell, Properties file,
Python
XML
YAML
6. Deskripsi Data Flow Diagram
Data flow diagram merupakan
model dari sistem untuk
menggambarkan pembagian sistem
ke modul yang lebih kecil.
Keuntungan menggunakan DFD
adalah pemakai atau user yang
kurang menguasai bidang komputer
dapat mengerti sistem yang akan
dikerjakan. Simbol yang dipakai
dalam DFD dapat dilihat pada tabel
2.1.
Tabel 2.1 Simbol pada DFD
8. Macam –macam Data Flow
Diagram
1. Context Diagram
Context diagram adalah
diagram yang terdiri dari suatu
proses dan menggambarkan ruang
lingkup suatu sistem. Context
diagram merupakan level tertinggi
dari DFD yang menggambarkan
seluruh inputke sistem atau output
dar sistem. Diagram ini akan
memberi gambaran tentang
keseluruhan sistem.
2. Diagram Zero (Overview
Diagram)
Diagram nol / zero adalah
diagram yang menggambarkan
proses dari data flow diagam.
Diagram zero memberikan
pandangan secara menyeluruh
mengenai sistem yang ditangani,
menunjukkan tentang fungsi – fungsi
utama atau proses yang ada, aliran
data, dan external entity. Pada level
ini sudah digambarkan adanya data
store yang digunakan. Untuk proses
yang tidak rinci, akan dijelaskan
pada level selanjutnya.
Keseimbangan input dan output
(balancing) antara diagram zero
dengan context diagram harus tetap
terpelihara.
3. Diagram Rinci (Level
Diagram)
Diagram rinci adalah diagram
yang menguraikan proses apa yang
ada dalam diagram zero atau diagram
level diatasnya.
4. Entity Relationship Diagram
(ERD)
ERD adalah suatu model
jaringan yang menggunakan susunan
data yang disimpan dalam sistem
secara abstrak (Ladjamudin, 2005).
http://id.wikipedia.org/wiki/Java_%28programming_language%29http://id.wikipedia.org/wiki/Javascripthttp://id.wikipedia.org/w/index.php?title=JavaServer_Pages&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=KiXtart&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=LISP&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=Lua_%28programming_language%29&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=Makefile&action=edit&redlink=1http://id.wikipedia.org/wiki/Matlabhttp://id.wikipedia.org/wiki/MS-DOShttp://id.wikipedia.org/w/index.php?title=NSIS&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=Objective-C&action=edit&redlink=1http://id.wikipedia.org/wiki/R_%28bahasa_pemrograman%29http://id.wikipedia.org/wiki/Ruby_%28bahasa_pemrograman%29http://id.wikipedia.org/w/index.php?title=UNIX_shell&action=edit&redlink=1http://id.wikipedia.org/w/index.php?title=Scheme&action=edit&redlink=1http://id.wikipedia.org/wiki/Smalltalkhttp://id.wikipedia.org/wiki/SQLhttp://id.wikipedia.org/w/index.php?title=TCL&action=edit&redlink=1http://id.wikipedia.org/wiki/TeXhttp://id.wikipedia.org/wiki/Pascal_%28bahasa_pemrograman%29http://id.wikipedia.org/wiki/Perlhttp://id.wikipedia.org/wiki/PHPhttp://id.wikipedia.org/w/index.php?title=Postscript&action=edit&redlink=1http://id.wikipedia.org/wiki/PowerShellhttp://id.wikipedia.org/wiki/PowerShellhttp://id.wikipedia.org/wiki/PowerShellhttp://id.wikipedia.org/wiki/Python_%28bahasa_pemrograman%29http://id.wikipedia.org/wiki/XMLhttp://id.wikipedia.org/wiki/YAML
7
ERD digunakan oleh professional
sistem untuk berkomunikasi dengan
pemakai eksekutif tingkat tinggi
dalam suatu organisasi. Selain itu,
ERD memperlihatkan hubungan
antar data storepada DFD. ERD
mempunya 4 elemen, yaitu :
a. Himpunan entitas (entity),
yaitu sesuatu (apa saja) yang
ada didalam sistem, nyata
maupun abstrak dimana data
tersimpan atau dimana terdapat
data. Entitas dikelompokkan
menjadi empat jenis nama,
yaitu orang, benda, lokasi,
kejadian (terdapat unsur waktu
didalamnya).
b. Himpunan relasi (relationship),
yaitu hubungan alamiah yang
terjadi diantara entitas.
c. Atribut, yaitu sifat atau
karakteristik dari tiap entitas
maupun tiap relationship.
d. Garis penghubung (link), yaitu
penghubung antar elemen.
Untuk lebih jelasnya dapat
dilihat pada tabel 2.2
Tabel 2.2 Elemen ERD
BAB IV. METODE PENELITIAN
Metode penelitian yang
digunakan adalah melakukan
pengembangan perangkat lunak
dengan menggunakan model
prototiping. Model pengembangan
perangkat lunak dengan model
prototipe ini akan menghasilkan
sebuah aplikasi dalam bentuk
prototipe sebelum aplikasi tersebut
memasuki tahap design. Dalam fase
ini, prototype yang telah
dirancangakan dievaluasi. Tahap ini
akan terus menerus diulang sampai
aplikasi benar benar sesuai dengan
keinginan. Apabila prototype telah
selesai, maka tahapan aplikasi akan
kembali berlanjut ketahap design.
Gambar 1 menjelaskan bagaimana
urutan proses pengembangan
perangkat lunak dengan model
prototype [7].
Gambar 4.1. Prototyping Method
(Pressman, Roger S.,2002)
BAB V. HASIL DAN PEMBAHASAN
A. Bahan Penelitian
Bahan penelitian yang
digunakan dalam penelitian ini
adalah bahan yang nantinya
digunakan sebagai bahan input,
proses alur bisnis dan output.
Adapun bentuk bahan inputan yang
http://2.bp.blogspot.com/-eTjbAv8pf2E/TZnsRgx8E9I/AAAAAAAAAV0/s8Mv8NDED8A/s1600/prototipe.png
8
digunakan adalah : hasil survey tim
lapangan Inkubator SBS Unisbank
yang bekerja sama dengan Dinas
Kopersi dan UKM Kota Semarang.
Sedangkan bahan untuk proses alur
bisnis adalah menggunakan
menambahkan database dan tabel
untuk mengkoneksikan antara data
lokasi UKM kota semarang dengan
menambahkan halaman yang
memiliki koneksi ke website google
maps
B. Rancangan Sistem
Bentuk rancangan untuk
membuat aplikasi manajemen Lokasi
UKM Kota Semarang ini adalah
sebagai berikut : 1. Membuat
Database yang mampu menyimpan
data UKM dengan lokasi produksi
atau lokasi pemasaran, 2. Membuat
antarmuka aplikasi berbasis web
yang terkoneksi dengan google map.
Gambar 5.2 menggambarkan bentuk
bagan rancangan sistem yang
dibauat.
Gambar 5.2 Bagan rancangan sistem
Manajemen Lokasi UKM Kota
Semarang
Dari gambar 5.2 dapat
dijelaskan bahwa bentuk rancangan
kerja adalah membuat database
untuk menyimpan data UKM Kota
Semarang dengan lokasinya,
merancang antarmuka,
menambahkan coding dan API
goggle maps dan menghubungkan
halaman tambahan ke website.
D. Hasil Implementasi
1. Halaman Depa
Gambar 5.3 adalah halaman
muka atau halaman utma dari
aplikasi manajemen UKM Kota
Semarang. Pada halaman ini terdapat
tiga menu utama yaitu : Daftar UKM
Baru yang digunakan untuk menuju
halaman pendaftaran UKM di Kota
Semarang, Data UKM yang
digunakan untuk melihat tampilan
halaman yang menampilkan data
UKM Kota Semarang yang telah
terdaftar dan Cari Lokasi digunakan
untuk menampilkan halaman yang
difungsikan untuk mencari datak
UKM dan menampilkan lokasi UKM
tersebut pada peta google map.
Gambar 5.3 halaman utama aplikasi
manajemen lokasi UKM Kota Semarang
2. Halaman Daftar UKM
Halaman pendaftaran UKM
diperlihatkan pada gambar 5.4 yaitu
gambar halaman Pedafataran Usaha
yang berisi formulir tentang data
1 Membuat database yang menyimpan data UKM dan Lokasi
2 Membuat rancangan antarmuka website
3 Menambhakan API Google Maps dan coding
4 Menghubunkan antarmuka tambahan ke website
9
pemilik usaha, data produk atau usaha
dan foto produk atau usaha dan jenis
perijinan yang telah dimiliki oleh
UKM di Kota Semarang.
Gambar 5.4. halaman formulir
pendaftaran usaha UKM
3. Halaman Data UKM
Terdaftar
Halaman ini berisi data UKM
Kota Semarang yang telah tersimpan
dalam database. Data yang
ditampilkan dalam halaman ini
adalah Nama Usaha atau produk,
nama pemilik, alamat atau lokasi
toko, nama toko atau tempat usaha,
nomer telepon dan jejaring sosial
yang dimiliki. Lebih jelas terlihat
pada gambar 5.5
Gambar 5.5. halaman data UKM Kota
Semarang yang telah terdaftar
4. Halaman Cari Lokasi
UKM
Gambar 5.6 adalah halaman
pencarian kolasi UKM Kota
Semarang. Pada halaman ini
pengguna dapat mencari UKM
berdasarkan produk yang dimiliki
dan melihat data pemilik usaha atau
pemilik produk sejenis pada halaman
yang sama. Selanjutnya dapat
mengklik pilihan dan website akan
menampilkan lokasi UKM pada peta
yang terhubung dengan google map.
Gambar 5.6 halaman cari lokasi
UKM Kota Semarang
5. Menambahkan API
GoogleMap pada
sourcecode
Gambar 5.5 adalah potongan
script yang digunakan untuk
menampilkan peta lokasi pada
google maps. Pada script ini terdapat
tiga bagian yang perlu disesuaikan
sehingga halaman web dapat memuat
peta googlemap dan menunjukkan
lokasi pada peta. Pada awal script
perlu dideklarasikan source link site
yang akan diakses yaitu
googleapis.com kemudian diisikan
10
kode api google maps yang kita
dapatkan setalah mendaftar dan
meminta kode google dari sebsite
tersebut. Selanjutkan pada tahap
kedua menambhakan script java
berupa : fucntion initialize, function
bindInfo dan function setMarker.
Function setMarker digunakan untuk
mengambil model tanda lokasi pada
peta google, sedangkan function
initialize digurnakan untuk :
menseting jarak visual peta,
menempatkan marker pada lokasi
sesuai dengan field langitude dan
latitude, menambahkan info kedalam
peta berupa beberapa data dari aset,
sdangkan fungtion bindInfo
digunakan untuk memberikan efek
saat marker diklik sehingga
memberikan informasi data aset.
Script 5.5. script untuk
menampilkan peta google maps
function initialize() { var mapOptions = { zoom: 15, center: new google.maps.LatLng() } var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); setMarkers(map, beaches); } var beaches = [
['', ], ]; function setMarkers(map, locations) { var shape = {
coords: [1, 1, 1, 20, 18, 20, 18 , 1], type: 'poly' }; var
infoWindow = new google.maps.InfoWindow; for (var i = 0; i <
locations.length; i++) { var beach = locations[i]; var myLatLng =
new google.maps.LatLng(beach[1], beach[2]); var marker = new
google.maps.Marker({ position: myLatLng, map: map, icon: beach[4],
shape: shape, title: beach[0], zIndex: beach[3] }); var html =
'Lokasi : '+beach[0]+'
Latitude : '+beach[1]+'
Longitude : '+beach[2]+''; bindInfoWindow(marker, map, infoWindow,
html); } } function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html); infoWindow.open(map,
11
marker); }); } google.maps.event.addDomListener(window, 'load', initialize);
BAB VI. KESIMPULAN
A. Kesimpulan
Dari proses penelitian yang
dilakukan dapat ditarik kesimpulan
bahwa penambahan koneksi dengan
peta google maps dengan halaman
pada website manajemen lokasi
UKM kota semarang memberikan
dampak kemudahan dalam
melakukan pendataan UKM melalui
website karena aplikasi ini dapat
digunakan melalui perakngkat
komputer maupun mobile,
selannjutnya memberikan
kemudahan untuk mencari produk
atau usaja sejenis yang diakses
melalui halaman pencarian dan
memudahkan pengguna untuk
mencari lokasi UKM di Kota
Semarang.
B. Saran
1. Perlu ditambahkan fitur back-up
data untuk menanggulangi
kerusakan data
2. Perlu ada fitur log aktifitas
pengguna baik sebagai
administrator dan guest/tamu.
3. Perlu dikembangkan untuk
menjadi perangkat berbasis
android dan terdaftar dalam play
store.
Lampiran-lampiran
Daftar Pustaka
[1] laurensia M., 2017, Analisis
Peranan Kredit Mikro Terhadap
Perkembangan Usaha Mikro di
Kota Semarang, Skripsi,
Faklultas Ekonomika dan Bisnis,
Universitas Diponegoro,
Semarang.
[2] nn., 2018, Materi Rapat
Koordniasi Nasional
Pemberdayaan UMKM Tahun
2018, diakses pada :
www.depkop.go.id/uploads/05._
Paparan_
Rakornas_Yogyakarta_2018_-
_Jawa_Tengah.pdf, 20
November 2018.
[3] Arifin M.Z., 2018, Pertumbuhan
Jumlah UKM di Kota Semarang
Rata-Rata Mencapai 2.000 Per
Tahun, diakses pada :
http://jateng.tribunnews.com
/2018/10/02/pertumbuhan-
jumlah-ukm-di-kota-semarang-
rata-rata-mencap ai-2000-per-
tahun., 20 November 2018.
[3]
https://id.wikipedia.org/wiki/Go
ogle_Maps, diakses : 20
november 2017.
[4] Pramutoko B, 2008, Sistem
Informasi Manajemen, diakses
pada :
https://bayu96ekonomos.wordpr
ess.com/modul-
materikuliah/sistem-infor masi-
manajemen, 20 november 2018.
[5]
https://id.wikipedia.org/wiki/Sist
em_koordinat_geografi.
12
[6] Pressman, Roger S.
2002.”Rekayasa Perangkat
Lunak (Pendekatan
Praktis).” Yogyakarta : Andi.
SURAT TUGAS Nomor : 082/J.01/UNISBANK/Pn/2018
Yang bertanda tangan di bawah ini, Rektor Universitas Stikubank (UNISBANK) Semarang menugaskan kepada :
I. 1. Nama NIDN Pangkat / Golongan Jabatan Akademik
: : : :
Drs. WT. Handoko, M.Kom, sebagai Ketua Tim Penelitian 0619046701 Penata Muda Tk. I/ III B Asisten Ahli
2. Nama NIDN Pangkat / Golongan Jabatan Akademik
: : : :
Eka Ardhianto, S.Kom, M.Cs ,sebagai Anggota 0610038201 Penata Muda Tk. I/ III B Asisten Ahli
3. Nama NIDN Pangkat / Golongan Jabatan Akademik
: : : :
Endang Lestariningsih, S.E, M.Kom, Sebagai Anggota 0616126901 Penata / III C Lektor
4. Nama NIM Pangkat / Golongan Jabatan Akademik
: : : :
Yunny Astutik, Sebagai Anggota 1501530110 -/- -
II. III. IV .V. VI.
Unit Organisasi Tugas Judul Tempat Jangka Waktu
: : :
: :
Universitas Stikubank (UNISBANK) Semarang Sebagai Tim Penelitian “Manajemen Lokasi UKM Kota Semarang Menggunakan Koordinat Geografi dan Api Pada Google Map” UNISBANK 30 Nopember 2018 s/d 27 Januari 2019
Demikian harap dilaksanakan dan setelah selesai diharap memberikan laporan Penelitian.
Semarang, 28 Nopember 2018 an. Rektor Wakil Rektor I,
Dr. Edy Winarno, S.T.,M.Eng. NIDN :0615117501
Tembusan kepada Yth : 1. Wakil Rektor I, II, III UNISBANK 2. Dekan FTI 3. Ka. LPPM 4. Kabag. Personalia / Kabag. Keuangan / LPPM
1 cover penelitian WT Handoko.pdf1a pengesahan penelitian WT Handoko.pdf2 PENDAHULUAN.pdf3 ISI.pdf4 Biodata HANDOKO.pdf5 Biodata EKA.pdf6 Biodata ENDANG.pdf7 Biodata yuni.pdf8 JOB DESCRIPTION.pdf9 PEMBELANJAAN ANGGARAN.pdf10 LOKASI PENELITIAN.pdf11 log book.pdf12 draft publikasi.pdf13 ST Pn 082 Penelitian FTI 2018 (Ketua WT. Handoko).pdf14 surat keterangan penyerahan penelitian perpustakaan.pdf
Recommended