Jurnal Sistem Informasi Tempat Tinggal Sementara KadekJurnal Manajemen Informatika. Volume 04 Nomor...

8
Sistem Informasi Tempat Tinggal Sementara Berbasis Panada Framework 19 RANCANG BANGUN SISTEM INFORMASI TEMPAT TINGGAL SEMENTARA BERBASIS PANADA FRAMEWORK DAN HAVERSINE FORMULA DI SURABAYA I Kadek Dwi Nuryana ST.,M.Kom Jurusan Teknik Informatika, Fakultas Teknik, Universitas Negeri Surabaya,[email protected] Yoyok Prastyo D3 Manajemen Informatika, Fakultas Teknik, Universitas Negeri Surabaya, [email protected] Abstrak Bagi mahasiswa baru yang datang dari luar kota, kendala utama adalah tempat tinggalsementara (kos) selama menempuh pendidikan. Namun dalam proses pencariannya, kebanyakan para mahasiswa kebingungan dalam mencari tempat tinggal kos karena belum tahu wilayah kota tersebut sehingga membutuhkan banyak waktu untuk mendapatkan tempat kos yang sesuai. Dengan menggunakan fasilitas GoogleMaps API dan Google Street View dapat mengetahui letak lokasi dari berbagai tempat kos yang terdapat di sekitar universitas dan fasilitas umum disekitarnya serta juga dapat mengetahui gambaran nyata lingkungan sekitar lokasi kos. Mahasiswa baru tidak perlu lagi membutuhkan banyak waktu untuk mencari lokasi kos. Dengan adanya sistem ini, hasilnyadapat membantu mahasiswa baru dalam melakukan pemesanan kos dengan sistem booking sehingga mahasiswa dapat melihat harga dan fasilitas kos serta membantu pemilik kos dalam mempromosikan tempat kosnya agar mendapatkan hasil yang lebih maksimal. Kata kunci: Kos, Google Maps API, Street View, Mahasiswa Abstract For new students who come from out of town, the main obstacleis the temporary abode(kost) for education in the search process, most of the students are confuse in finding a place to stay because they did not know the town. By using the Google Maps API andGoogleStreet View we build an aplication wich will help the student to search a new boarding house near the University and also near with public facilities Keyword: Kost, Google Maps API, Street View, College Student PENDAHULUAN Setiap kota di Indonesia, pasti memiliki perguruan tinggi, tanpa terkecuali kota besar seperti kota Surabaya. Kota Surabaya sendiri memiliki sekitar kurang lebih 5 perguruan tinggi ternama di Indonesia. Untuk mahasiswa baru yang datang dari luar Surabaya, kendala utama adalah tentunya mereka membutuhkan tempat tinggal sementara selama menempuh pendidikan. Namun dalam proses pencariannya, kebanyakan para mahasiswa kebingungan dalam mencari tempat tinggal sementara karena tidak tahu wilayah kota. Pada biasanya mahasiswa akan langsung menelusuri wilayah kota tersebut untuk mencari lokasi kos tersebut. Hal ini sangat membuang banyak waktu dikarenakan mahasiswa tersebut belum mengetahui detil wilayah tersebut, belum lagi jika tempat kos belum sesuai keinginan maka akan mencari tempat yang lain. Seiring dengan berkembangnya teknologi yang semakin pesat, hal tersebut menjadi sebuah peluang bagi para pengembang teknologi informasi. Saat ini perkembangan teknologi website begitu berkembang dalam penyajian informasi secara lengkap. Informasi merupakan kebutuhan utama bagi sebagian besar orang. Dengan menggunakan berbagai perangkat komunikasi, informasi dapat diperoleh dimanapun dan kapanpun dalam waktu singkat. Diantaranya yaitu informasi tentang lokasi tempat kos mahasiswa sekitar kampus. Berdasarkan hal itulah maka perlu dibuat sistem informasi yang menyajikan informasi tentang gambaran sesungguhnya lokasi tempat kos mahasiswa sekitar kampus yang terdapat di kota Surabaya. Ditambah dengan fitur sistem booking, diyakinkan mahasiswa tidak lagi repot dalam mencari tempat kos dan melakukan proses transaksi pemesanan kamar kos. Para mahasiswa baru dapat langsung melihat fasilitas-fasilitas berikut harga dari tempat kos yang tergabung dalam sistem informasi ini serta mahasiswa dapat melihat rute untuk menuju lokasi tersebut ditambah dengan tampilan street view lokasi tersebut. Permasalahan yang akan dibahas dalam penelitian ini adalah Bagaimana membuat sistem informasi yang dapat

Transcript of Jurnal Sistem Informasi Tempat Tinggal Sementara KadekJurnal Manajemen Informatika. Volume 04 Nomor...

  • Sistem Informasi Tempat Tinggal Sementara Berbasis Panada Framework

    19

    RANCANG BANGUN SISTEM INFORMASI TEMPAT TINGGAL SEMENTARA BERBASIS PANADA FRAMEWORK

    DAN HAVERSINE FORMULA DI SURABAYA

    I Kadek Dwi Nuryana ST.,M.Kom

    Jurusan Teknik Informatika, Fakultas Teknik, Universitas Negeri Surabaya,[email protected]

    Yoyok Prastyo D3 Manajemen Informatika, Fakultas Teknik, Universitas Negeri Surabaya, [email protected]

    Abstrak Bagi mahasiswa baru yang datang dari luar kota, kendala utama adalah tempat tinggalsementara (kos) selama menempuh pendidikan. Namun dalam proses pencariannya, kebanyakan para mahasiswa kebingungan dalam mencari tempat tinggal kos karena belum tahu wilayah kota tersebut sehingga membutuhkan banyak waktu untuk mendapatkan tempat kos yang sesuai. Dengan menggunakan fasilitas GoogleMaps API dan Google Street View dapat mengetahui letak lokasi dari berbagai tempat kos yang terdapat di sekitar universitas dan fasilitas umum disekitarnya serta juga dapat mengetahui gambaran nyata lingkungan sekitar lokasi kos. Mahasiswa baru tidak perlu lagi membutuhkan banyak waktu untuk mencari lokasi kos. Dengan adanya sistem ini, hasilnyadapat membantu mahasiswa baru dalam melakukan pemesanan kos dengan sistem booking sehingga mahasiswa dapat melihat harga dan fasilitas kos serta membantu pemilik kos dalam mempromosikan tempat kosnya agar mendapatkan hasil yang lebih maksimal. Kata kunci: Kos, Google Maps API, Street View, Mahasiswa

    Abstract For new students who come from out of town, the main obstacleis the temporary abode(kost) for education in the search process, most of the students are confuse in finding a place to stay because they did not know the town. By using the Google Maps API andGoogleStreet View we build an aplication wich will help the student to search a new boarding house near the University and also near with public facilities Keyword: Kost, Google Maps API, Street View, College Student

    PENDAHULUAN

    Setiap kota di Indonesia, pasti memiliki perguruan tinggi, tanpa terkecuali kota besar seperti kota Surabaya. Kota Surabaya sendiri memiliki sekitar kurang lebih 5 perguruan tinggi ternama di Indonesia. Untuk mahasiswa baru yang datang dari luar Surabaya, kendala utama adalah tentunya mereka membutuhkan tempat tinggal sementara selama menempuh pendidikan. Namun dalam proses pencariannya, kebanyakan para mahasiswa kebingungan dalam mencari tempat tinggal sementara karena tidak tahu wilayah kota. Pada biasanya mahasiswa akan langsung menelusuri wilayah kota tersebut untuk mencari lokasi kos tersebut. Hal ini sangat membuang banyak waktu dikarenakan mahasiswa tersebut belum mengetahui detil wilayah tersebut, belum lagi jika tempat kos belum sesuai keinginan maka akan mencari tempat yang lain. Seiring dengan berkembangnya teknologi yang semakin pesat, hal tersebut menjadi sebuah peluang bagi para

    pengembang teknologi informasi. Saat ini perkembangan teknologi website begitu berkembang dalam penyajian informasi secara lengkap. Informasi merupakan kebutuhan utama bagi sebagian besar orang. Dengan menggunakan berbagai perangkat komunikasi, informasi dapat diperoleh dimanapun dan kapanpun dalam waktu singkat. Diantaranya yaitu informasi tentang lokasi tempat kos mahasiswa sekitar kampus. Berdasarkan hal itulah maka perlu dibuat sistem informasi yang menyajikan informasi tentang gambaran sesungguhnya lokasi tempat kos mahasiswa sekitar kampus yang terdapat di kota Surabaya. Ditambah dengan fitur sistem booking, diyakinkan mahasiswa tidak lagi repot dalam mencari tempat kos dan melakukan proses transaksi pemesanan kamar kos. Para mahasiswa baru dapat langsung melihat fasilitas-fasilitas berikut harga dari tempat kos yang tergabung dalam sistem informasi ini serta mahasiswa dapat melihat rute untuk menuju lokasi tersebut ditambah dengan tampilan street view lokasi tersebut. Permasalahan yang akan dibahas dalam penelitian ini adalah Bagaimana membuat sistem informasi yang dapat

  • Jurnal Manajemen Informatika. Volume 04 Nomor 02 Tahun 2015, 19 - 26

    20

    melakukan proses pencarian tempat kos dengan cepat dan bagaimana membuat sistem informasi yang dapat memberi gambaran secara nyata lokasi kos? Manfaat penelitian ini adalah Membantu mahasiswa dalam pencarian lokasi kos sekitar kampus dan Membantu para pemilik kos untuk mempromosikan tempat kos serta membantu dalam proses pemesanan dengan siste booking.

    KAJIAN PUSTAKA Sistem Informasi Geografis (SIG)

    SIG adalah sistem yang dapat mendukung (proses) pengambilan keputusan (terkait aspek) spasial dan mampu mengintegrasikan deskripsi-deskripsi lokasi dengan karakteristik-karakteristik fenomena yang ditemukan di lokasi tersebut. SIG yang lengkap akan mencakup metodologi dan teknologi yang diperlukan; yaitu, data spasial, perangkat keras, perangkat lunak, dan struktur organisasi. (Eddy Prahasta, 2009: 115). Teknologi Sistem Informasi Geografis dapat digunakan untuk investigasi ilmiah, pengelolaan sumber daya, perencanaan pembangunan, kartografi dan perencanaan rute. Misalnya, SIG bisa membantu perencana untuk secara cepat menghitung waktu tanggap darurat saat terjadi bencana alam, atau SIG dapat digunaan untuk mencari lahan basah (wetlands) yang membutuhkan perlindungan dari polusi.

    Kos

    Pengertian kos merupakan sejenis kamar sewa yang disewa (booking) selama kurun waktu tertentu sesuai dengan perjanjian pemilik kamar dan harga yang disepakati. Umumnya booking kamar dilakukan selama kurun waktu satu tahun. Namun demikian ada pula yang hanya menyewakan selama satu bulan, tiga bulan, dan enam bulan, sehingga sebutannya menjadi sewa tahunan, bulanan, tri bulanan, dan tengah tahunan. Penyewaan yang kurang dari waktu itu mahasiswa lebih memilih di penginapan. Berbeda dengan kos-kosan, rumah kontrakan merupakan bentuk satu rumah sewa yang disewakan kepada masyarakat khususnya bagi para pelajar dan mahasiswa yang bertempat tinggal di sekitar kampus, selama kurun waktu tertentu sesuai dengan perjanjian sewa dan harga yang disepakati. (Pramudi Utomo, 2009:11). Universitas

    Universitas atau perguruan tinggi adalah suatu institusi pendidikan tinggi dan penelitian yang memberikan gelar akademik dalam berbagai bidang. Sebuah universitas menyediakan jenjang pendidikan program diploma, sarjana dan pascasarjana. Kata universitas berasal dari bahasa Latin universitas magistroum et scholarium, yang berarti “komunitas guru dan akademisi”. Selain itu perguruan tinggi juga

    mempunyai pengertian pendidikan pada jenjang yang lebih tinggi daripada pendidikan menengah di jalur pendidikan sekolah. Perguruan Tinggi di sini adalah tingkatan universitas yang terdiri atas sejumlah fakultas yang menyelenggarakan pendidikan akademik. Google Maps

    Google maps merupakan apliksi antarmuka yang dikeluarkan oleh Google yang dapat diakses lewat javascript. Google Maps menyediakan layanan berbasis peta yang sangat responsif dan mudah dalam penggunaannya. Dengan menggunakan google map ini, pengguna dapat dengan mudah mencari suatu lokasi serta dapat melakukan penelusuran route menuju lokasi yang diinginkan. (Sirenden dan Dachi, 2012:2).

    Ditingkat pemrograman, Google maps dapat dikembangkan dengan basis data, semua data yang terkait dengan titik lokasi disimpan dalam tabel dan dapat ditampilkan sesuai keinginan pengguna. Isi tabel yang berisi data posisi peta dapat ditampilkan Dengan menyajikan informasi lokasi yang menggunakan google map. Pengunjung web tentunya akan mendapatkan informasi yang lebih detail terutama informasi lokasi perusahaan atau instansi. Google Street View

    Google Street View merupakan sebuah fitur Google Maps yang diperkenalkan tahun 2007 dan menyediakan pemandangan jalan 360° dan membolehkan pengguna melihat bagian dari kota pilihan mereka dan wilayah metropolitan sekitarnya pada tingkat dasar. Ketika diluncurkan tanggal 25 Mei2007, hanya lima kota yang dimasukkan. Kemudian berkembang ke lebih dari 40 kota AS, dan meliputi pinggiran kota, dan kota-kota terdekat. (Heru Soviyan, 2014)

    Google Street View, ketika dioperasikan, menampilkan foto yang sebelumnya diambil oleh kamera di atas sebuah kendaraan, dan dapat dijelajahi menggunakan tombol panah di keyboard atau mouse dengan menekan panah di layar. Menggunakan cara ini, foto dapat dilihat dalam berbagai ukuran, dari arah manapun, dan berbagai sudut. Garis yang diperlihatkan di sepanjang jalan menandai arah yang diikuti oleh jalan itu. Haversine Formula

    Haversineformula adalah persamaan yang penting dalam navigasi, formulasi rumus yang digunakan untuk menghitung jarak lingkaran yang jauh antara dua titik pada permukaan bola bumi berdasarkan bujur dan lintang. Penggunaan rumus ini mengasumsikan pengabaian efek ellipsoidal, juga pengabaian ketinggian bukit dan kedalaman lembah di permukaan bumi. (Gintoro, Febiyan Rachman, Daniel Halim, 2010).Berikut adalah rumus haversine:

  • Sistem Informasi Tempat Tinggal Sementara Berbasis Panada Framework

    21

    Gambar 1 Rumus haversine formula

    PHP

    PHP (Hypertext Processor) adalah salah satu bahasa pemrograman yang berjalan dalam sebuah webserver dan berfungsi sebagai pengolah data pada sebuah server. (Madcoms, 2012:2).Server-side scripting adalah sintaks dan perintah-perintah yang dijalankan pada server dan disertakan pada dokumen HTML. Ketika sebuah halaman web dinamis dibuka pada web browser, pertama kali yang terjadi adalah server memproses semua perintah PHP yang ada kemudian menampilkan hasilnya pada format HTML ke web browser, sehingga yang ditampilkan ke web browser hanya tampilan desain dari HTML saja, sedangkan skrip PHP bekerja di belakang layar.

    Framework

    Framework adalah kumpulan fungsi (libraries).Framework menggunakan konsep yang sama dalam membangun suatu aplikasi, yaitu konsep MVC (Model View Controller). Konsep MVC adalah konsep pemisahan antara logika, tampilan dan database. Framework juga menyediakan kumpulan fungsi, tentunya cara menggunakan fungsi-fungsi itu sudah ditentukan olehframework. Beberapa contoh fungsi-fungsi standar yang telah tersedia dalam suatu frameworkadalah fungsi paging, enkripsi, email, SEO, session, security, kalender, bahasa, manipulasigambar, validasi, upload, captcha, proteksi terhadap XSS(XSSfiltering), dan lain-lain. (Sirenden dan Dachi, 2012:2).

    Panada Framework

    Panada adalah high performance PHP development framework namun tetap sederhana. Tidak hanya sederhana dalam pengertian cara penggunaanya, tetapi juga bagaimana core system-nya bekerja. Dari awal dikembangkan, Panada secara khusus ditujukan untuk membantu para PHP developer yang ingin mengembangkan aplikasi web berperforma tinggi (high performance web application). Namun demikian, prinsip kesederhanaan KISSatauKeep it Simple Son! selalu menjadi prinsip utama dalam setiap pengembangan. Panada adalah framework sederhana dan simpel untuk pembuatan website berbasiskan PHP 5.3 ke atas. Framework ini dikembangkan dengan tujuan membantu para pengembang website untuk bekerja lebih cepat, lebih mudah dan lebih alamiah dalam penulisan kode.

    Setiap komponen didesign untuk bisa saling memanfaatkan sumberdaya (resource) dari komponen-komponen lainnya secara otomatis. Hal ini memudahkan pengembang dalam memanfaatkan sumberdaya secara cepat dan efisien. (Iskandar Soesman, 2013).

    MySQL

    MySQL adalah nama database server. Database server adalah server yang berfungsi untuk menangani database. Database adalah suatu pengorganisasian data dengan tujuan memudahkan penyimpanan dan pengaksesan data. Dengan menggunakan MySQL, bisa menyimpan data dan kemudian data bisa diakses dengan cara mudah dan cepat. MySQL tergolong sebagai database yang relasional. Pada model ini, data dinyatakan dalam bentuk dua dimensi yang secara khusus dinamakan tabel. Tabel tersusun atas baris dan kolom. (Abdul Kadir, 2013: 15).

    Twitter Bootstrap

    Twitter Bootstrapadalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website. Twitter Bootstrap dibangun dengan teknologi HTML dan CSS yang dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang dibangun menggunakan JavaScript. (Alex Xandra Albert Sim, 2013) Javascript

    Javascript merupakan salah satu bahasa script website yang paling banyak digunakan untuk menambah manipulasi script HTML dan CSS pada sisi client/browser. Javascript mampu memberikan fungsionalitas lebih pada website, seperti validasi form, berkomunikasi dengan server, serta membuat website lebih interaktif dan animatif.

    Javascript digunakan pada banyak browser, seperti internet explorer, firefox, chrome, opera, safari dan lain sebagainya. Hampir seluruh browser mendukung javascript sehingga tidak perlu khawatir kode javascript yang digunakan pada website tidak berfungsi. (Wahana Komputer, 2012: 3) jQuery

    jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah. Sesuai slogan nya, write less, do more. Menulis kode lebih sedikit, tetapi melakukan pekerjaan lebih banyak. jQuery adalah pustaka yang dibangun di atas JavaScript, yang ditujukan agar pembuatan kode menjadi lebih ringkas dan konsekuensinya lebih cepat. Selain dapat meringkas penulisan kode, jQuery juga memberi solusi dalam hal

    ∆lat = lat2− lat1 ∆long = long2− long1 a = sin2(∆lat/2) + cos(lat1).cos(lat2).sin2(∆long/2) c = 2.atan2(√a, √(1−a)) d = R.c Keterangan: R : jari-jari bumi sebesar 6371(km) ∆lat : besaran perubahan latitude ∆long : besaran perubahan longitude c : kalkulasi perpotongan sumbu d : jarak (km)

  • Jurnal Manajemen Informatika. Volume 04 Nomor 02 Tahun 2015, 19 - 26

    22

    isu kompatibilitas browser. Di JavaScript, kadang suatu kode yang ditulis untuk suatu browser berbeda dengan browser lain karena ada perbedaan fitur di browser. jQuery menghilangkan kesenjangan seperti itu sehingga penulisan kode menjadi lebih sederhana. (Abdul Kadir, 2013: 5).

    PERANCANGAN SISTEM

    DFD Level Konteks DFD Level Konteks menggambarkan proses

    keseluruhan proses yang terdapat pada sistem, serta menggambarkan hubungan sistem dengan entitas.

    Gambar 2. DFD Level Konteks

    DFD Level 1

    Pada DFD Level 1 terdapat 6 proses yaitu : 1) Login, merupakan proses untuk masuk ke dalam

    sistem yang dilakukan oleh admin, member pemilik kos dan member pencari kos (mahasiswa baru).

    2) Manajemen Data Master, merupakan proses mengolah keseluruhan data pada sistem.

    3) Pendaftaran Member Pemilik Kost, merupakan proses untuk pendaftaran bagi calon member pemilik kost.

    4) Pendaftaran Member Pencari Kost, merupakan proses untuk pendaftaran calon member pencari kost (mahasiswa baru).

    5) Booking, merupakan proses untuk melakukan booking tempat kos oleh member pencari kost.

    6) Pencarian kost, merupakan proses untuk melakukan pencarian terhadap tempat kost sesuai dengan kriteria pencari kost.

    Gambar 3. DFD Level 1

    DFD Level 2 proses 2

    Berikut merupakan DFD Level 2 proses 2 dari pemecahan proses Manajemen Data Master.

    Gambar 4. DFD Level 2 proses 2

    Pesan Pemil ik

    Identitas Induk UniversitasIdentitas Universitas

    Maintenance Websi te

    Info Pesan KonfirmasiInfo Induk Universitas

    Info Request Pemilik Baru

    Info Pesan Pemilik

    Info UniversitasInfo Maintenance

    Konfi rmasi Login

    Login MemberPesan Member

    Pesan KomentarPesan Konfirmasi

    Kriteria Pencarian

    Konfirmasi LoginInfo Pesan Member

    Komentar

    Info BookingInfo Rumah Kost

    Info Kamar KostInfo Fasilitas Kost

    Info Fasili tas UmumInfo Universitas

    Login Pemilik

    Identitas Rumah KostIdentitas Kamar Kost

    Identitas Pemilik Kost

    Identitas Fasilitas UmumPesan Pemil ik

    Pesan Komentar

    Konfirmasi LoginInfo Rumah Kost

    Info Kamar Kost

    Info Identitas Pemilik

    Info Fasilitas Umum

    Info Pesan Pemilik

    Identitas Calon Pemilik Kost

    Pesan Request Pemilik Baru

    Pemilik Kost Baru

    Info Pesan Request

    Identitas Calon Member

    Member Baru

    Nomor Rekening

    Rekening Admin

    Komentar

    Identitas Member

    Info Identitas Member

    Identitas Pesan Booking

    Info Pesan Booking

    Pesan MemberPesan Konfirmasi

    Info Pesan Member

    Login Admin

    Sandi Lama

    Sandi Baru

    Sandi Lama

    Sandi Baru

    Booking Kamar

    Info Pesan Konfirmasi

    1

    Sistem Informasi Pencarian Kost

    Admin

    Member Pencari Kost

    Member Pemilik Kost

    Calon Member Pemil ik Kost

    Calon Member Pencari Kost

    Login Admin

    Konfirm asi Login

    Logi n PemilikKonfirm asi Login

    Logi n Member

    Konfirm asi Login

    Pesan Request Pemilik Baru

    Infp Pesan Request

    Identitas Ca lon Pemilik Kost

    Info Pemilik Kost

    Identitas Cal on Member Pencari Info Member Pencari

    Login Adm in

    Konfirmasi Login

    Login Pemilik

    Konfirm asi Login

    Login Member

    Konfirmasi Login

    Iden titas Calon Member Pencari

    Info Member Pencari

    Komentar

    Identitas Fasilitas Umum

    Iden titas Pemi lik Kost

    Identitas Kamar Kost

    Ident itas Rumah Kost

    Info Kamar Kost

    Info Rumah Kost

    In fo Fasilitas Umum

    Info Kom entar

    Info Pesan Pem ilik

    Pesan Pemilik

    Identitas Induk Universitas

    Identitas Un iversitas

    Pesan Pemili kPesan Mem berPesan Konfirm asi

    In fo Induk Universitas

    In fo UniversitasInfo Request Pemilik

    Baru

    Reken ing Admin

    Nomor RekeningMai ntenance Web

    Pesan Member

    Pesan Komentar

    Info Pesan Member

    Komentar

    Kriteria Pencarian

    Info Rumah Kost

    Info Kam ar Kost

    Info Fasi litas KostInfo Fasilitas Um um

    Info Universitas

    Pesan Request

    Info Pesan Request

    Pesan Komentar

    Komentar

    Pesan Konfi rmasiInfo Pesan Konfi rmasi

    Pesan Mem ber

    Info Pesan Member

    Pesan Pemil ikIn fo Pesan Pemilik

    Nomor Rekening

    Rekening Admin

    M aintenance WebInfo M aintenance

    Iden titas Rum ah KostInfo Rumah Kost

    Iden titas Kam ar Kost

    Info Kamar Kost

    Identitas Fasilitas Kost

    Info Fasilitas KostIdent itas Fasilitas

    Umum

    In fo Fasilitas Umum

    Iden titas Induk Un iversitas

    Info Induk Universitas

    Identitas Un iversitas

    Info Universitas

    Iden titas Pesan Booking

    Info Booki ng Info Booking

    Booking Kamar Kost

    Info Kamar Kost

    Info Rumah Kost

    Info Kamar Kost

    Info Fasilitas Kost

    Info Fasilitas Um um

    Info Unive rsitas

    Info Identitas Pemilik

    Iden titas Member

    Info Iden titas Member

    Info Identitas M ember

    Identitas Member

    Identitas Pemilik Kost

    Info Identitas Pemilik

    Identitas Kamar

    Booking Kamar

    Info Kam ar

    Info Booking

    Identitas Pesan Booking

    Info Pesan Pemilik

    Info Pesan MemberInfo Pesan Konfirmasi

    Info Mai ntenanceInfo Pesan Booking

    Sandi LamaSandi Baru

    Sandi Baru

    Sandi Lama

    Sandi Baru

    Sandi Lam a

    AdminMember Pencari Kost

    Member Pem ilik Kost

    Calon Mem ber Pem ilik Kost

    Calon Member Pencari Kost

    1.1

    Login

    1 .2

    M anajemen Data Master

    1.3

    Pendaf taran Mem ber Pemilik Kost

    1.4

    Pendaftaran Member Pencari Kost

    1.5

    Booking

    1.6

    Pencarian Kost

    1 admin

    2 pemilik_kost

    3 member

    4 rumah_kost

    5 kamar_kost

    6 fasilitas_kost

    7 fasilitas_umum

    8 induk_uni versitas

    9 universitas

    10 booking

    11 komentar

    12 pesan_transfer

    13 pesan_request

    14 pesan_member

    15 pesan_pemilik

    16 rekening_admin

    17 maintenance

    Identitas Rumah Kost

    Identitas Kamar Kost

    Info Kamar Kost

    Identitas Fasil itas Umum

    Info Fasil itas Umum

    Komentar

    Info Komentar

    Identitas Pemilik Kost

    Info Identitas Pemilik

    Pesan Pemilik

    Info Pesan Pemilik

    Pesan Komentar

    Info Komentar

    Info Pesan Member

    Pesan KonfirmasiInfo Pesan Konfirmasi

    Identitas Member

    Info Identitas Member

    Pesan Pemilik

    Pesan Member

    Pesan KonfirmasiInfo Pesan Konfirmasi

    Info Pesan PemilikInfo Pesan Member

    Identitas Pesan Booking

    Info Pesan Booking

    Identitas Induk Universitas

    Identitas Universitas

    Info Induk Universitas

    Info Universitas

    Maintenance Web

    Info Maintenance

    Identitas Rumah Kost

    Info Rumah Kost

    Identitas Kamar Kost

    Info Kamar Kost

    Info Fasil itas Kost

    Identitas Fasil itas Umum

    Info Fasil itas Umum

    Komentar

    Info Komentar

    Identitas Pemilik KostInfo Identitas Pemilik

    Pesan Pemilik

    Info Pesan Pemilik

    Pesan Member

    Info Pesan Member

    Pesan KonfirmasiInfo Pesan Konfirmasi

    Rekening Admin

    Identitas MemberInfo Identitas Member

    Pesan Pemilik

    Info Pesan PemilikPesan Member

    Info Pesan Member

    Identitas Pesan Booking

    Info Pesan Booking

    Identitas Induk Universitas

    Info Induk Universitas

    Identitas Universitas

    Info Universitas

    Maintenance Web

    Info Maintenance

    Info Rumah Kost

    Identitas Rumah Kost

    Sandi Lama

    Sandi Baru

    Sandi Lama

    Sandi Baru

    Sandi Lama

    Sandi Baru

    Sandi Lama

    Sandi Baru

    Info Identitas Member

    Info Booking

    Member Pemilik Kost

    Admin

    Member Pencari Kost

    10 booking

    11 komentar

    12 pesan_transfer

    14 pesan_member

    15 pesan_pemilik

    16 rekening_admin

    17 maintenance

    4 rumah_kost

    5 kamar_kost

    6 fasil itas_kost

    7 fasil itas_umum

    8 induk_universitas

    9 universitas

    3 member

    2 pemilik_kost

    1.2.1

    Olah Data Rumah Kost

    1.2.2

    Olah Data Kamar Kost

    1.2.3

    Olah Data Fasil itas Umum

    1.2.4

    Olah Review Komentar

    1.2.5

    Olah Data Profil Pemilik

    1.2.6

    Olah Pesan Pemilik

    1.2.7

    Olah Pesan Member Pencari

    1.2.8

    Olah Data Transfer

    1.2.9

    Olah Data Profil Member Pencari

    1.2.10

    Olah Pesan Admin

    1.2.11

    Olah Data Booking

    1.2.12

    Olah Data Universitas

    1.2.13

    Olah Tampilan Website

  • Sistem Informasi Tempat Tinggal Sementara Berbasis Panada Framework

    DFD Level 2 proses 3 Berikut merupakan DFD level 2 proses 3 pemecahan

    dari proses Pendaftaran Member Pemilik Kost.

    Gambar 5. DFD Level 2 proses 3

    DFD Level 2 proses 4

    Berikut merupakan DFD level 2 proses 4 pemecahan dari proses Pendaftaran Member Pencari Kost.

    Gambar 6. DFD Level 2 proses 4

    DFD Level 2 proses 5

    Berikut merupakan DFD level 2 proses 5 pemecahan dari proses Booking.

    Gambar 7. DFD Level 2 proses 5

    DFD Level 2 proses 6

    Berikut merupakan DFD level 2 proses 6 pemecahan dari proses Pencarian Kost.

    Gambar 8. DFD Level 2 proses 6

    CDM (Conceptual Data Model)

    Gambar 9. CDM (Conceptual Data Model)

    PDM (Physical Data Model)

    Gambar 10. PDM (Physical Data Model)

    Pesan Request Pemilik

    Info Pesan Request

    Identi tas Calon Pemilik Kost

    Identi tas Calon Pemilik

    Info Pemi lik Kost

    Pesan Request

    Info Pesan Request

    Pemilik Kost Baru

    Info Pemilik Kost

    Calon Member Pemil ik Kost

    2 pemilik_kost

    13 pesan_request1.3.1

    Request Pemil ik Kost Baru

    1.3.2

    Val idasi Link Email

    1.3.3

    Input Data Pemilik Kost

    Identitas Calon Member Pencari

    Identi tas Calon Pencari

    Info Member Pencari

    Identitas Calon Member Pencari

    Info Member Pencari

    Calon Member Pencari Kost

    3 member

    1.4.1

    Input Data Calon Pencari Kost

    1.4.2

    Validasi Emai l

    Identi tas Kamar

    Info Kamar

    Booking Kamar

    Info Booking

    Info Kamar

    Booking Kamar

    Identitas Kamar

    Info Booking

    Member Pencari Kost

    10 booking

    5 kamar_kost1.5.1

    Cari Kamar Kost

    1.5.2

    Booking Kamar Kost

    Kri teria Pencarian

    Info Fasil itas Umum

    Kri teria

    Info Rumah Kost

    Info Kamar Kost

    Info Fasilitas Kost

    Info Rumah Kost

    Info Kamar Kost

    Info Fasilitas Kost

    Info Universitas Info Fasili tas Umum

    Info Universitas

    Member Pencari Kost

    4 rumah_kost

    5 kamar_kost

    6 fasi litas_kost

    7 fasilitas_umum9 universitas

    1.6.1

    Filter Kriteria

    1.6.2

    Pencarian

    Fasi li tasKost_Berelasi_KamarKost

    RumahKost_Berelasi_Komentar

    Relationship_6

    Pemi l ikKost_Berelasi_PesanPem il ik

    Relationship_8

    Pemi l ikKost_Berelasi_Rum ahKost

    Universi tas_Berelasi_Rum ahKost

    IndukUniversi tas_Berelasi_Universi tas

    Admin_Berelasi_Maintenance

    Rum ahKost_Berelasi_Fasi li tasUm um

    Member_Berelasi_PesanMem ber

    Relationship_5

    RumahKost_Berelasi_KamarKost

    KamarKost_Berelasi_Booking

    M ember_Berelasi_PesanTransfer

    RekeningAdmin_Berelasi_Booking

    Pem il ikKost_Berelasi_KamarKost

    Pemi l ikKost_Berelasi_Fasi l i tasUmum

    admin

    id_adminusername_adminpasswordnama_adm inemai lno_hpfoto_adminlevel

    IntegerVariable characters (30)Variable characters (32)Variable characters (30)Variable characters (30)Variable characters (12)Variable characters (30)Characters (1)

    Identi fier_1...

    pemi lik_kost

    id_pemi l ikusername_pemi l ikpasswordnama_pem il ikemai ljenis_kelno_ktpno_hpalamat_pemi l ikno_rekeningfoto_pemi l ikwaktu_daftarlevel

    IntegerVariable characters (30)Variable characters (32)Variable characters (30)Variable characters (30)Variable characters (12)Characters (16)Variable characters (12)Variable characters (50)Variable characters (30)Variable characters (30)Date & T imeCharacters (1)

    Identi fier_1...

    mem ber

    id_memberusername_memberpasswordnama_mem beremai ljenis_kelno_ktpno_hpfoto_m emberkode_akti fasistatus_aktifwaktu_daftarbatas_aktifasistatus_bloki rbatas_bloki rlevel

    IntegerVariable characters (30)Variable characters (32)Variable characters (30)Variable characters (30)Variable characters (12)Characters (16)Variable characters (12)Variable characters (30)Variable characters (32)Characters (1)Date & Tim eDate & Tim eCharacters (1)Date & Tim eCharacters (1)

    Identi fier_1...

    rumah_kost

    id_rum ah_kostnam a_kostalamat_kostkotajum_kamarjum_kamar_mandiluas_bangunanlebar_jalanlebar_parki rangenderketeranganrata_ratingradius_rumahtgl_daftarfoto_tempatlat_rum ahlng_rumahpi tchheading

    IntegerVariable characters (30)Variable characters (30)Variable characters (30)IntegerIntegerDecimalDecimalDecimalVariable characters (12)T extDecimalDecimalDate & TimeVariable characters (30)DecimalDecimalDecimalDecimal

    Identi fier_1...

    kam ar_kost

    id_kam arjum_kamarjum_tersewaukuran_kamarfasi l i tas_lainbiayapem bayaranfoto_kamarfoto_panoramaketerangan

    IntegerIntegerIntegerVariable characters (10)Variable characters (50)IntegerVariable characters (30)Variable characters (30)Variable characters (30)Text

    Identi fier_1...

    fasi l i tas_kost

    id_fasil i tasnama_fasi l itas

    Variable characters (25)Variable characters (50)

    Identi fier_1...

    fasi l i tas_umum

    id_fasi l itas_um umnam a_fas_umumalamat_fasi l itasjenis_fasi l itasradius_fasil i tasfotolat_faslng_faspi tchheading

    IntegerVariable characters (30)Variable characters (50)Variable characters (30)DecimalVariable characters (30)DecimalDecimalDecimalDecimal

    Identi fier_1...

    induk_universi tas

    id_induk_univnama_indukwebsi telogo

    IntegerVariable characters (50)Variable characters (30)Variable characters (30)

    Identi fier_1...

    universitas

    id_univnama_univalamat_univkotajenis_univbannerlat_univlng_univpi tchheading

    IntegerVariable characters (50)Variable characters (50)Variable characters (30)Variable characters (20)Variable characters (30)Decim alDecim alDecim alDecim al

    Identi fier_1...

    maintenance

    id_maintenancebackgroundfontcolor

    IntegerVariable characters (30)Variable characters (50)Variable characters (10)

    Identi fier_1...

    pesan_request

    id_requestnamaemai lno_hpjudul_reqpesanscan_rt_rwscan_i jinkode_akti fasistatus_akti fwaktu_reqstatus_baru

    IntegerVariable characters (30)Variable characters (30)Variable characters (12)Variable characters (30)T extVariable characters (30)Variable characters (30)Variable characters (32)Characters (1)Date & T imeCharacters (1)

    Identi fier_1...

    booking

    id_bookingjum_transferwaktu_bookingbatas_bookingstatus_bookingkodestatus_baru

    IntegerIntegerDate & Tim eDate & Tim eCharacters (1)Variable characters (10)Characters (1)

    Identi fier_1...

    komentar

    id_komentarratingkomentarwaktu

    IntegerIntegerTextDate & T im e

    Identifier_1...

    pesan_transfer

    id_pesanjudulisikode_veriffoto_buktiwaktu_kirimstatus_baru

    IntegerVariable characters (30)TextVariable characters (10)Variable characters (30)Date & TimeCharacters (1)

    Identi fier_1...

    pesan_pemi l ik

    id_pesan_pemi l ikusernamejudulisiwaktustatus_baru

    IntegerVariable characters (30)Variable characters (30)TextDate & T im eCharacters (1)

    Identifier_1...

    rekening_admin

    id_rekeningno_rekbank

    IntegerVariable characters (30)Variable characters (20)

    Identi fier_1...

    pesan_member

    id_pesan_mem berusernamejudulisiwaktustatus_baru

    IntegerVariable characters (30)Variable characters (30)TextDate & TimeCharacters (1)

    Identifier_1...

    admin

    id_adminuse rname_adm inpasswordnam a_adminema ilno_hpfoto_adminleve l...

    intvarchar(30)varchar(32)varchar(30)varchar(30)varchar(12)varchar(30)char(1)

    pemilik_kost

    id_pemili kusername_pemilikpasswordnama_pemilikemailjenis_kelno_ktpno_hpalamat_pemilikno_rekeni ngfoto_pem ilikwaktu_da ftarlevel...

    i ntvarchar(30)varchar(32)varchar(30)varchar(30)varchar(12)char(16)varchar(12)varchar(50)varchar(30)varchar(30)datetimechar(1)

    member

    id_memberusername_m emberpasswordnama_mem beremailjenis_kelno_ktpno_hpfoto_memberkode_aktifasistatus_aktifwaktu_dafta rbatas_aktifasistatus_bloki rbatas_blokirlevel...

    in tva rchar(30)va rchar(32)va rchar(30)va rchar(30)va rchar(12)char(16)va rchar(12)va rchar(30)va rchar(32)char(1)da tetimeda tetimechar(1)da tetimechar(1)

    rumah_kost

    id_rumah_kostid_univid_pemi liknama_kostalamat_kostkotajum_kam arjum_kam ar_mandiluas_bangunanlebar_ja lanlebar_pa rkirangenderketeranganrata_rati ngradius_rumahtgl_dafta rfoto_tem patlat_rumahlng_rum ahpitchheading...

    intintintvarchar(30)varchar(30)varchar(30)intintdecimaldecimaldecimalvarchar(12)textdecimaldecimaldatetimevarchar(30)decimaldecimaldecimaldecimal

    kamar_kost

    id_kamarid_fasilitasid_pemilikid_rumah_kostjum_kamarjum_tersewaukuran_kamarfasilitas_lainbi ayapembayaranfo to_kamarfo to_panoram ake terangan...

    intvarchar(25)intintintintvarchar(10)varchar(50)intvarchar(30)varchar(30)varchar(30)text

    fasilitas_kost

    id_fasilitasnama_fasilitas

    va rchar(25)va rchar(50)

    fasilitas_umum

    id_fasilitas_um umid_pemilikid_rumah_kostnama_fas_um umal amat_fasilitasjenis_fasilitasradius_fasilitasfo tola t_faslng_faspi tchheading...

    intintintvarchar(30)varchar(50)varchar(30)decim alvarchar(30)decim aldecim aldecim aldecim al

    induk_universitas

    id_induk_univnama_ indukwebsitelogo...

    in tva rchar(50)va rchar(30)va rchar(30)

    un iversitas

    id_univid_induk_uni vnama_univa lamat_univko tajenis_univbannerla t_univlng_univp itchheading.. .

    intintvarchar(50 )varchar(50 )varchar(30 )varchar(20 )varchar(30 )decimaldecimaldecimaldecimal

    maintenance

    id_mai ntenanceid_adm inbackgroundfontcolor...

    i nti ntvarchar(30)varchar(50)varchar(10)

    pesan_request

    id_requestnamaemailno_hpjudul_reqpesanscan_rt_rwscan_ijinkode_aktifasistatus_aktifwaktu_reqstatus_baru.. .

    intvarchar(30)varchar(30)varchar(12)varchar(30)textvarchar(30)varchar(30)varchar(32)char(1)datetimechar(1)

    booking

    id_bookingid_rekeningid_kam arid_memberjum_transferwaktu_bookingbatas_bookingstatus_bookingkodestatus_baru...

    in tin tin tin tin tdatetimedatetimechar(1)va rchar(10)char(1)

    komentar

    id_komentarid_memberid_rumah_kostratingkomentarwaktu...

    intintintinttextdateti me

    pesan_transfer

    id_pesanid_memberjudulisikode_veriffoto_buktiwaktu_kirimstatus_baru...

    intintvarchar(30 )textvarchar(10 )varchar(30 )datetimechar(1)

    pesan_pemilik

    id_pesan_pemili kid_pemilikusernamejudulisiwaktustatus_baru...

    intintvarchar(30)varchar(30)textdatetimechar(1)

    rekening_adm in

    id_rekeningid_adminno_rekbank...

    intintvarchar(30)varchar(20)

    pesan_member

    id_pesan_memberid_memberusernamejudulisiwaktustatus_baru...

    intintvarchar(30)varchar(30)textdatetimechar(1)

  • Jurnal Manajemen Informatika. Volume 04 Nomor 02 Tahun 2015, 19 - 26

    24

    HASIL UJI COBA DAN PEMBAHASAN

    Halaman Home Berikut adalah halaman awal (home) dari sistem.

    Pada halaman ini terdapat slide universitas, tab login dan slide tempat kos.

    Gambar 11. Halaman Home

    Halaman Advance Search

    Pada halaman ini terdapat beberapa kriteria dalam melakukan pencarian tempat kos.

    Gambar 12. Halaman Advance Search

    Halaman Hasil Pencarian Advance

    Pada halaman ini terdapat tampilan hasil dari advance search. Halaman ini menampilkan foto rumah kos, nama tempat kos, radius rumah dan keterangan rumah kos yang sesuai dengan filter pada formadvance search.

    Gambar 13. Hasil Advance Search

    Halaman Detil Lokasi Kos

    Pada halaman ini terdapat tentang detil tempat kos dan kamar kos. Pada halaman ini member pencari kos dapat melakukan booking tempat kos dengan menekan tombol booking.

    Gambar 14. Halaman Detil Lokasi Kos

    Halaman Booking Kamar Kos

    Pada halaman ini terdapat informasi detil dari proses booking yang telah dilakukan member (mahasiswa). Detil informasi yang terdapat pada halaman ini meliputi detil tentang pemesan yaitu nama pemesan, alamat email pemesan, dan nomor telepon pemesan. Selain detil tentang pemesan juga terdapat informasi tentang detil tempat kos yaitu nama pemilik kos, alamat tempat kos, nomor telepon pemilik kos, nama penerima transfer (admin), nama tempat kos.

  • Sistem Informasi Tempat Tinggal Sementara Berbasis Panada Framework

    Gambar 15. Halaman Booking Kamar Kos

    Halaman Lihat Jalur Lokasi Kos

    Gambar 16. Halaman Lihat Jalur Lokasi Kos

    Halaman Lihat Street View Lokasi Kos

    Gambar 17. Halaman Lihat Street View Lokasi Kos

    Email Konfirmasi Pendaftaran Member

    Berikut adalah email konfirmasi pendaftaran member, untuk validasi pendaftaran member.

    Gambar 18. Email Konfirmasi Pendaftaran Member

    Email Konfirmasi Pendaftaran Pemilik

    Berikut adalah email konfirmasi pendaftaran pemilik, untuk validasi pendaftaran pemilik.

    Gambar 19. Email Konfirmasi Pendaftaran Pemilik

    Halaman Pemilik Tambah Rumah Kos

    Pada halaman ini pemilik dapat menambah tempat kos berdasarkan wilayah universitas tempat rumah kos tersebut.

    Gambar 20. Halaman Pemilik Tambah Rumah Kos

    Halaman Pemilik Data Profil

    Pada halaman panel pemilik data profil ini terdapat 2 buah tombol yaitu tombol untuk edit data profil dan tombol untuk ubah foto profil.

    Gambar 21. Halaman Pemilik Data Profil

  • Jurnal Manajemen Informatika. Volume 04 Nomor 02 Tahun 2015, 19 - 26

    26

    Halaman Pemilik Ubah Sandi Pada halaman ini pemilik kos dapat melakukan

    proses ubah sandi dimana terdapat field sandi baru, konfirmasi sandi baru dan field sandi lama.

    Gambar 22. Halaman Pemilik Ubah Sandi

    SIMPULAN DAN SARAN

    Simpulan Berikut adalah kesimpulan yang di dapat dari hasil

    sistem yang telah dibuat. 1. Proses pencarian tempat kos dapat dilakukan

    dengan sangat mudah dan cepat. 2. Proses pemesanan tempat kos dengan sistem

    booking memudahkan pencari kost / mahasiswa baru dari luar kota dalam mencari tempat kos.

    3. Dengan adanya fitur tampilan street view dapat memberi gambaran secara nyata tentang lingkungan lokasi tempat kos.

    4. Dengan sistem informasi ini pemilik kos dapat mempromosikan tempat kos dengan sangat mudah.

    Saran Sistem informasi yang dibangun dalam penyelesaian

    tugas akhir ini masih jauh dari sempurna, untuk itu sistem informasi ini diharapkan dapat menjadi bahan atau salah satu referensi bagi pembaca dan pengembang lainnya agar dapat terciptanya sistem informasi tempat tinggal sementara yang lebih baik lagi. Beberapa saran pada sistem informasi tempat tinggal sementara ini antara lain.

    1. Untuk fitur tambah rumah kos agar dibuat lebih user friendly. Tampilan pilih wilayah dengan peta dan street view sejajar, agar mempermudah pemilik saat memasukan data rumah kos.

    2. Penambahan fitur notifikasi pengingat pembayaran uang sewa kos dengan mengirim pesan pada kotak masuk member atau email member.

    DAFTAR PUSTAKA Kadir, Abdul. 2013. Pemrograman Database MySQL.

    Yogyakarta: Andi. Kadir, Abdul. 2014. Belajar Sendiri Pasti Bisa jQuery.

    Yogyakarta: Andi. Kadir, Abdul. 2013. From Zero to a Pro Javascript dan

    jQuery. Yogyakarta: Andi. Kustiyahningsih, Yeni. dan Devie Rosa Anamisa. 2011.

    Pemrograman Basis Data Berbasis Web menggunakan PHP & MySQL. Yogyakarta: Graha Ilmu.

    Madcom. 2012. Adobe dreamweaver CS6 dan PHP-MYSQL untuk Pemula. Yogyakarta: Andi.

    Pressman, Roger S. 2010. Software Engineering A Practitioner’s Approach. New York: McGraw-Hill.

    Sim, Alex X.A.. 2013. “Bootstrap Sebuah Framework CSS Dari Twitter (Online)”. http://bertzzie.com/post/31/bootstrap-sebuah-framework-css-dari-twitter di akses pada tanggal 28 Juni 2015).

    Sirenden, Herdi Bernadius. dan Ester Laekha Dachi 2012. Buat Sendiri Aplikasi Petamu Menggunakan CodeIgniter dan Google Maps API. Yogyakarta: Andi.

    Soesman, Iskandar. 2013. “Tentang Panada (Online)”. (http://panadaframework.com/documentation/id/di akses pada tanggal 1 Februari 2015).

    Soviyan, Heru. 2014. “Apa Sih Google Street View? Apa Manfaatnya? (Online)”. http://herugan.com/apa-sih-google-street-view-apa-manfaatnyadi akses pada tanggal 28 Juni 2015).

    Utomo, Pramudi. 2009. “Dinamika Pelajar dan Mahasiswa di Sekitar Kampus Yogyakarta (Telaah Pengelolaan Rumah Kontrak dan Rumah Sewa) (Online)”. (http://staff.uny.ac.id/ di akses pada tanggal 1 April 2015).

    Wahana Komputer. 2012. Javascript source code paling dicari. Yogyakarta: Andi.

    Wisesa, Tiyan. dan I Kadek Dwi Nuryana. 2013. “Web Portal Pencarian Kos TerdekatUntuk MahasiswaDi Sekitar Kampus”. Jurnal Tugas Akhir.

    http://herugan.com/apa-sih-http://bertzzie.com/post/31/bootstrap-sebuah-