KATA PENGANTAReprints.unisbank.ac.id/id/eprint/6870/1/Lap_Penelitian... · 2020. 5. 28. · garis...

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



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


Hompage berada pada posisi teratas, dengan halaman-

berada di bawahnya. Biasanya setiap halaman di bawah homepage



berada pada peladen yang sama berisikan kumpulan informasi

yang disediakan secara perorangan, kelompok, atau organisasi

Alat Alat Pembuat WEB

XAMPP



proses installasi ketiga produk tersebut.

5

-garis lintang

“Website adalah kumpulan halaman web

filenya saling terkait. Web terdiri dari


-halaman terkait

hnya. Biasanya setiap halaman di bawah homepage



berada pada peladen yang sama berisikan kumpulan informasi

iakan secara perorangan, kelompok, atau organisasi



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


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 [email protected]

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



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


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


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


/Tahun

Nama

Jurnal

f. Pengalaman Penyampaian Makalah secara Oral pada Pertemuan /

Seminar Ilmiah dalam 5 tahun terakhir

No. Nama Pertemuan


Waktu dan

Tempat

g. Pengalaman Penulisan Buku dalam 5 tahun terakhir


Penerbit

Semua data yang saya isikan dan tercantum dalam biodata ini adalah benar dan

dapat dipertanggungjawabkan secara hukum.


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



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


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

Twitter

d. Pengalaman Pengabdian kepada Masyarakatdalam 5 tahunterakhir


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


/Tahun

Nama

Jurnal


Seminar Ilmiah dalam 5 tahunterakhir

No. Nama Pertemuan


Waktu

danTempat

g. Pengalaman Penulisan Bukudalam 5 tahunterakhir


Penerbit

Semua data yang saya isikan dan tercantum dalam biodata ini adalah benardan



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


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


d. Pengalaman Pengabdian kepada Masyarakat dalam 5 tahun terakhir


e. Pengalaman Penulisan Artikel Ilmiah dalam 5 tahun terakhir


/Tahun

Nama

Jurnal


Seminar Ilmiah dalam 5 tahun terakhir

No. Nama Pertemuan


Waktu dan

Tempat

g. Pengalaman Penulisan Buku dalam 5 tahun terakhir


Penerbit

Semua data yang saya isikan dan tercantum dalam biodata ini adalah benar dan



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


Nama Anggota : Endang Lestariningsih, SE., M.Kom

NIDN : 0616126901


Nama Anggota : Yuny Astuti

NIDN : -


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


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


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


Tangda tangan

1

MANAJEMEN LOKASI UKM KOTA SEMARANG MENGGUNAKAN KOORDINAT GEOGRAFI DAN API PADA GOOGLE MAP



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


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

KATA PENGANTAReprints.unisbank.ac.id/id/eprint/6870/1/Lap_Penelitian... · 2020. 5. 28. · garis...

Documents

Transcript of KATA PENGANTAReprints.unisbank.ac.id/id/eprint/6870/1/Lap_Penelitian... · 2020. 5. 28. · garis...