BAB II
LANDASAN TEORI
2.1 Sistem Informasi Geografis (SIG) 2.1.1 Pengertian SIG
Sistem Informasi Geografis ( SIG ) merupakan komputer yang berbasis pada sistem informasi yang digunakan untuk memberikan bentuk digital dan analisa terhadap permukaan geografi bumi. Definisi SIG selalu berubah karena SIG merupakan bidang kajian ilmu dan teknologi yang relatif masih baru. Beberapa definisi dari SIG adalah :
Arronoff (1989), mendefinisikan SIG sebagai suatu sistem berbasis komputer yang memiliki kemampuan dalam menangani data bereferensi geografi yaitu pemasukan data, manajemen data (penyimpanan dan pemanggilan kembali), manipulasi dan analisis data, serta keluaran sebagai hasil akhir (output). Hasil akhir (output) dapat dijadikan acuan dalam pengambilan keputusan pada masalah yang berhubungan dengan geografi.
Menurut Gistut (1994), SIG adalah sistem yang dapat mendukung pengambilan keputusan spasial dan mampu mengintegrasikan deskripsi-deskripsi lokasi dengan karakteristik-karakteristik fenomena yang ditemukan di lokasi tersebut. SIG yang lengkap mencakup metodologi dan teknologi yang diperlukan yaitu data spasial perangkat keras, perangkat lunak dan struktur organisasi.
Kang-Tsung Chang (2002), mendefinisikan SIG sebagai : is an a computer system for capturing, storing, querying, analyzing, and displaying geographic data.
Dari definisi tersebut dapat diambil kesimpulan bahwa SIG terdiri atas beberapa subsistem yaitu data input, data output, data management, data manipulasi dan analisis. (Prahasta, Eddy 2014)
2.1.2 Komponen Sistem Informasi Geografis
Untuk mengoperasikan SIG membutuhkan komponen – komponen SIG berupa perangkat keras (hardware), perangkat lunak (software), data, aplikasi dan manusia (brainware).
Komponen - komponen SIG dapat ditunjukkan pada gambar 2.2
Gambar 2.2 Komponen-Komponen SIG
(Eddy Prahasta, Konsep Dasar Sistem Informasi Geografis, 2014) Keterangan :
1. Orang
Orang yang menjalankan sistem meliputi mengoperasikan, mengembangkan bahkan memperoleh manfaat dari sistem.
2. Aplikasi
Aplikasi merupakan kumpulan dari prosedur-prosedur yang digunakan untuk mengolah data menjadi informasi.
3. Data
Data yang digunakan dalam SIG dapat berupa data spasial yang merupakan representasi fenomena permukaan bumi yang berupa peta, foto udara dan citra satelit.
Perangkat lunak SIG adalah program komputer yang dibuat khusus dan memiliki kemampuan pengelolaan, penyimpanan, pemrosesan, analisis dan penayangan data spasial.
5. Hardware
Perangkat keras ini berupa seperangkat komputer yang dapat mendukung pengoperasian perangkat lunak yang dipergunakan.
2.1.3 Data SIG
Sistem informasi geografis bekerja dengan dua model, yaitu model raster dan model vektor.
1. Model Raster
Model raster adalah bentuk peta yang mengandung kumpulan-kumpulan dari potongan peta berupa grid yang dapat merepresentasikan gambar atau bentuk permukaan. Data raster terdiri dari nilai-nilai dalam bentuk digital yang mempresentasikan suatu gambar. Oleh karena itu dibutuhkan penandaan atau tag agar kumpulan gambar tersebut dapat diposisikan dengan tepat.
2. Model Vektor
Pada model ini, suatu objek geografis direpresentasikan secara eksplisit dengan dicantumkannya koordinat objek. Terdapat tiga bentuk objek geografis, yaitu titik (point), garis (line), dan area (polygon).
Data SIG pada umumnya dibagi menjadi empat kelompok, yaitu peta umum (mengenai jalan, jalan raya, batas wilayah, sungai danau, nama-nama tempat); data dan peta urusan perniagaan (mengenai demografi, layanan, telekomunikasi, iklan); data dan peta lingkungan (mengenai cuaca, lingkungan topografi, sumber daya alam); serta peta rujukan umum (rujukan peta-peta yang bersifat umum seperti peta dunia dan Negara).
Pada tiap-tiap kelompok diatas, terdapat sumber yang beragam tempat data didapatkan. Menurut Dhani Gumelar dalam artikelnya mengenai data spasial, data pada peta dapat dihasilkan dari berbagai macam sumber, diantaranya adalah :
Citra Satelit; satelit dapat merekam kondisi atau gambaran dari permukaan bumi dengan menggunakan sensor/kamera.
Peta Analog; merupakan bentuk tradisional dari data spasial, dimana data ditampilkan dalam bentuk kertas atau film. Seiring dengan perkembangan teknologi, peta analog dapat disimpan dalam format digital dengan menggunakan alat scanner.
Foto Udara (Aerial Photography); serupa dengan citra satelit, namun pengambilan gambar dilakukan dari pesawat udara.
Data Tabular; berfungsi sebagai atribut bagi data spasial seperti data sensus penduduk, data sosial, dan data ekonomi.
Data Statistik; metode pengumpulan data periodik pada tempat pengamatan geografis. Misal data curah hujan.
Data Trackking; cara pengumpulan data dalam periode tertentu untuk tujuan pemantauan atau pengamatan perubahan, contoh: kebakaran hutan, gunung meletus, debit air sungai.
2.1.4 Perangkat dan Aplikasi SIG
SIG dapat diterapkan pada berbagai macam peralatan atau perangkat. Contohnya adalah menggunakan perangkat mobile, seperti Global Positioning System (GPS), yang merupakan suatu teknologi yang menggabungkan sistem informasi geografis dengan sistem navigasi yang menggunakan komunikasi satelit. Contoh aplikasi lainnya yang menggunakan perangkat mobile adalah dengan Personal Digital Assistant (PDA) dan smartphone. Pada perangkat ini, implementasi SIG dapat berupa program aplikasi GPS atau program aplikasi web based yang akan dijelaskan lebih lanjut.
Untuk aplikasi SIG yang berbasis computer program-program yang ada cukup beragam, yaitu ESRI, mAPInfo, autodesk, dan mapserver. Sedangkan untuk aplikasi database terdapat beebrapa aplikasi yang dapat digunakan sebagai database seperti oracle Spatial, PostgreSQL, Informix, DB2, Imgres, dan MySQL.
2.1.5 SIG Berbasis Web
Sistem Informasi Geografis telah berkembang dari segi keragaman aplikasi dan juga media. Pengembangan aplikasi SIG kedepannya mengarah kepada aplikasi berbasis web yang dikenal dengan Web SIG. Hal ini disebabkan karena pengembangan aplikasi di lingkungan jaringan telah menunjukkan potensi yang besar dalam kaitannya dengan informasi geografis. Sebagai contoh adalah peta online interaktif sebuah kota, yang memudahkan pengguna dalam mencari informasi geografis terkini yang terdapat pada kota tersebut, tanpa mengenal batas lokasi geografis pengguna.
Pada aplikasi SIG berbasis web, terdapat beberapa komponen yang saling berinteraksi. Komponen-komponen tersebut bias saja terdapat pada beberapa lokasi pada
Gambar 2.3 Arsitektur Global SIG Berbasis Web
Gambar diatas menunjukkan arsitektur minimum sebuah sistem Web SIG. Di sisi klien terdapat aplikasi dengan menggunakan web browser (Mozilla Firefox, Google Chrome, Opera, Internet Explorer) yang berkomunikasi dengan server sebagai penghubung dengan data yang tersedia (pada database). Komunikasi dilakukan dengan melalui web protocol seperti HTTP (Hyper Text Transfer Protocol).
Komponen yang berhubungan dengan SIG yang tidak terdapat pada sisi klien dinamakan server side GIS component. Pada sisi lain, terdapat web server yang bertugas untuk merespons proses permintaan dari klien. Respons tersebut dapat berupa meneruskan permintaan klien ke komponen server side GIS lainnya. Untuk selanjutnya melakukan koneksi ke spatial database dan mengabulkan permintaan query dari klien. Hasil query tersebut dapat dikembalikan ke komponen server side GIS, untuk diteruskan ke web browser yang terdapat pada sisi klien.
Dewasa ini terdapat banyak aplikasi web GIS pada jaringan internet. Hal ini dipengaruhi oleh makin berkembangnya web programming dan adanya peluang-peluang komersial yang dapat dimanfaatkan. Berikut adalah beberapa contoh web GIS atau peta online :
Yahoo Maps Live Search Maps Map Quest Google Maps
Microsoft Virtual Earth
CLIENT
Browser (Plug-in/Applet) Or StandaloneSERVER
WebServe
r
GIS ComponentSpatial
Database
2.2 Geolocation API
Geolocation API adalah suatu teknologi yang memungkinkan aplikasi untuk mengidentifikasi lokasi geografis dari pengguna atau perangkat komputasi melalui berbagai mekanisme pengumpulan data.
Berikut ini merupakan script dasar untuk menentukan lokasi pengguna.
Gambar 2.4 Script dasar untuk menentukan lokasi pengguna
Informasi lokasi geografis diperoleh melalui IP Address, koneksi jaringan wireless (Wi-Fi), menara BTS (Base Transceiver Station), atau melalui perangkat GPS (Global Positioning System) yang terintegrasi. Dengan teknologi Geolocation API sebuah aplikasi web dapat memperoleh informasi lokasi geografis pengguna secara real-time. Geolocation API saat ini telah di dukung oleh sebagian besar web browser pada komputer desktop maupun perangkat mobile.
var initialLocation;
var siberia = new google.maps.LatLng(60, 105);
var newyork = new google.maps.LatLng(40.69847032728747, -73.9514422416687); var browserSupportFlag = new Boolean();
function initialize() { var myOptions = { zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP };
var map = new google.maps.Map(document.getElementById("map"), myOptions);
// Try W3C Geolocation (Preferred) if(navigator.geolocation) {
browserSupportFlag = true;
navigator.geolocation.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude); map.setCenter(initialLocation);
}, function() {
handleNoGeolocation(browserSupportFlag); });
}
// Browser doesn't support Geolocation else { browserSupportFlag = false; handleNoGeolocation(browserSupportFlag); } function handleNoGeolocation(errorFlag) { if (errorFlag == true) {
alert("Geolocation service failed."); initialLocation = newyork; } else {
alert("Your browser doesn't support geolocation. We've placed you in Siberia."); initialLocation = siberia;
}
map.setCenter(initialLocation); }
2.3 Google Maps
2.3.1 Pengenalan Kerja Google Maps
Google Maps adalah layanan mapping online yang disediakan oleh google. Layanan ini dapat diakses melalui situs http://maps.google.com. Pada situs tersebut kita dapat melihat informasi geografis pada hampir semua wilayah di bumi. Layanan ini interaktif, karena di dalamnya peta dapat digeser sesuai keinginan pengguna, mengubah tingkat zoom, serta mengubah tampilan peta.
Tampilan yang akan muncul pada situs Google Maps adalah sebagai berikut :
Gambar 2.5 Tampilan Google Maps
Fasilitas yang terdapat pada Google Maps antara lain adalah menjelajah peta; mencari lokasi tertentu, seperti hotel, tempat hiburan, lokasi bisnis; dan menghitung rute dalam berkendara.
Tampilan zoom pada Google Maps dari yang paling rendah hingga yang paling tinggi dapat dilihat pada gambar 2.6 (tertinggi) dan gambar 2.7 (terendah).
Gambar 2.6 Tingkat zoom terendah
Gambar 2.7 Tingkat zoom tertinggi
Google Maps menyediakan beberapa mode pada tampilan petanya. Pada gambar berikut, dapat dilihat tampilan dengan mode map.
Gambar 2.8 Map View Google Maps
Mode map merupakan bentuk peta dasar, yang didalamnya terdapat informasi mengenai nama jalanan, sungai, danau, dan lain-lain. Namun untuk negara Indonesia fitur ini belum tersedia karena terbatasnya database. Selain itu juga terdapat beberapa mode lain, yaitu:
Sattelite: Menampilkan gambar muka bumi di seluruh lokasi di dunia yang diambil dari satelit atau pesawat udara.
Gambar 2.9 Sattelite View Google Maps
Gambar 2.10 Terrain View Google Maps
Traffic: Menampilkan informasi mengenai keadaan lalu lintas dengan indicator warna merah, coklat, dan hijau.
Gambar 2.11 Map View – Traffic Google Maps
Street: Merupakan tampilan yang serupa dengan mode sattelite, namun dapat dilihat dari berbagai sudut (hingga 360o).
Gambar 2.12 Street View Google Maps 2.3.2 Cara Kerja Google Maps
Google Maps dibuat dengan menggunakan kombinasi dari gambar peta, database, serta obyek-obyek yang interaktif yang dibuat dengan bahasa pemrograman HTML, Javascript dan AJAX, dan beberapa bahasa pemrograman lainnya.
Gambar-gambar peta yang muncul pada layar merupakan hasil komunikasi dari pengguna dengan database pada web server google untuk menampilkan gabungan dari potongan-potongan gambar yang diminta.
Keseluruhan citra yang ada diintegrasikan ke dalam suatu database pada Google Server, yang nantinya akan dapat dipanggil sesuai kebutuhan permintaan.
Gambar-gambar yang ditampilkan didapat dari berbagai sumber seperti NAVTEQ, TeleAtlas, MAPIT MSC Malaysia dan juga data satelit dari DigitalGlobe melalui satelit Quickbird dan MDA Federal.
2.3.3 Google Maps Application Programming Interface (API)
2.3.3.1 Definisi API
Menurut Tulach (2009), “API atau Application Programming Interface bukan hanya satu set class dan method atau fungsi dan signature yang sederhana. Akan tetapi API, yang bertujuan utama untuk mengatasi “clueless” dalam membangun software yang berukuran besar, berawal dari sesuatu yang sederhana sampai ke yang kompleks dan merupakan perilaku komponen yang sulit dipahami. Secara sederhana dapat dipahami dengan membayangkan kekacauan yang akan timbul bila mengubah database atau skema XML. Perubahan ini dapat dipermudah dengan bantuan API.
Dari beberapa sumber yang didapat, dapat disimpulkan bahwa API adalah sekumpulan perintah, fungsi, class dan protokol yang memungkinkan suatu software berhubungan dengan software lainnya. Tujuan dari API adalah untuk menghilangkan “clueless” dari sistem dengan cara membuat blok besar yang terdiri dari software di seluruh dunia dan menggunakan kembali perintah, fungsi, class, atau protocol yang mereka atau API miliki. Dengan cara ini, programmer tidak perlu lagi membuang waktu untuk membuat dan menulis infrastruktur sehingga akan menghemat waktu kerja dan lebih efisien”.
2.3.3.2 Google Maps API
Menurut Svennerberg (2010),“Google Maps API yang paling populer di internet. Pencatatan yang dilakukan pada bulan Mei 2010 ini menyatakan bahwa 43% mashup (aplikasi dan situs web yang menggabungkan dua atau lebih sumber data) menggunakan Google Maps API . Beberapa tujuan dari penggunaan Google Maps API adalah untuk melihat lokasi, mencari alamat, mendapatkan petunjuk mengemudi dan lain sebagainya. Hampir semua hal yang berhubungan dengan peta dapat memanfaatkan Google Maps.
Google Maps API adalah satu set objek yang mewakili entitas program dari peta. Objek-objek ini adalah objek peta yang mewakili peta itu sendiri; The Marker Object, merupakan penanda lokasi pengguna di dalam peta; The Infowindow Object, akan menampilkan jendela popup ketika pengguna mengklik the marker object; dan masih banyak lagi. Objek-objek ini memberikan sifat dan metode mereka sendiri, yang memungkinkan pengguna untuk mengakses fungsi mereka dari dalam kode dan memanipulasi peta. Jadi Google Maps API merupakan alat untuk pemrograman peta. (Petroutsos, Evangelos 2014)
Google Maps diperkenalkan pada Februari 2005 dan merupakan revolusi bagaimana peta di dalam web, yaitu dengan membiarkan user untuk menarik peta sehingga dapat menavigasinya. Solusi peta ini pada saat itu masih baru dan membutuhkan server khusus. Beberapa saat setelahnya, ada yang berhasil men-hack Google Maps untuk digunakan di dalam webnya sendiri. Hal ini membuat Google Maps mengambil kesimpulan bahwa mereka membutuhkan API dan pada Juni 2005, Google Maps API dirilis secara publik”.
Bahasa pemrograman dari Google Maps yang hanya terdiri dari HTML dan Javascript, memungkinkan untuk menampilkan Google Maps di website lain.
Google Maps Application Programming Interface (API) merupakan suatu fitur aplikasi yang dikeluarkan oleh google untuk memfasilitasi pengguna yang ingin mengintegrasikan Google Maps ke dalam website masing-masing dengan menampilkan data point milik sendiri. Dengan menggunakan Google Maps API, Google Maps dapat di-embed pada website eksternal. Agar aplikasi Google Maps dapat muncul di website tertentu, diperlukan adanya API key. API key merupakan kode unik yang digenerasikan oleh google untuk suatu website tertentu, agar server Google Maps dapat mengenali.
Google Maps API telah menyediakan template dasar yang dapat digunakan oleh pengguna untuk dikembangkan lebih lanjut:
Gambar 2.13 Template Dasar Google Maps API
Fungsi tersebut digunakan agar memberikan kemudahan bagi data koordinat yang dimasukkan oleh pengguna sehingga koordinat dapat bersifat dinamis.
2.4 Pemodelan Sistem
2.4.1 UML (Unified Modeling Language) <!DOCTYPE html>
<html> <head>
<style type="text/css">
html, body, #map-canvas { height: 100%;margin: 0; padding: 0;} </style> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY"> </script> <script type="text/javascript"> function initialize() { var mapOptions = { center: { lat: -34.397, lng: 150.644}, zoom: 8 };
var map = new
google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html>
Perhatikan pada script yang menunjukkan titik koordinat center: { lat: -34.397, lng: 150.644}
dimodifikasi menjadi
var myLatlng = new
google.maps.LatLng(arrKordinat.latitude[indexz], arrKordinat.longitude[indexz]);
UML 2.3 Diagram
Structure
Diagrams Behavior Diagrams
Intraction Diagrams Class Diagram Object Diagram Component Diagram Composite Structure Diagram Package Diagram Deployment Diagram
Use Case Diagram
Activity Diagram State Machine Diagram Sequence Diagram Communication Diagram Timing Diagram Interaction Overview Diagram
Pada perkembangan teknik pemograman berorientasi objek, muncul sebuah standarisasi bahasa pemodelan untuk pembangunan perangkat lunak yang dibangun dengan menggunakan teknik pemrograman berorientasi objek, yaitu Unified Modeling Language (UML). UML muncul karena adanya kebutuhan pemodelan visual untuk menspesifikasikan, menggambarkan, membangun, dan dokumentasi dari sistem perangkat lunak. UML merupakan bahasa visual untuk pemodelan dan komunikasi mengenai sebuah sistem dengan menggunakan diagram dan teks-teks pendukung.
UML hanya berfungsi untuk melakukan pemodelan. Jadi, penggunaan UML tidak terbatas pada metodologi tertentu, meskipun pada kenyataannya UML paling banyak digunakan pada metodologi berorientasi objek.
Pada UML 2.14 terdiri dari 13 macam diagram yang dikelompokan dalam 3 kategori. Pembagian kategori dan macam-macam diagram tersebut dapat dilihat pada gambar dibawah.
Gambar 2.14 Diagram UML
(Rosa A.S. dan M. Shalahuddin, Rekayasa Perangkat Lunak, 2013)
2.4.2 Use Case Diagram
kasar, use case digunakan untuk mengetahui fungsi apa saja yang ada didalam sebuah sistem informasi dan siapa saja yang berhak menggunakan fungsi-fungsi itu.
Tabel 2.1 Simbol Use Case Diagram
(Rosa A.S. dan M. Shalahuddin, Rekayasa Perangkat Lunak, 2013)
Simbol Deskripsi
Use Case Fungsionalitas yang disediakan sistem sebagai unit-unit yang saling bertukar pesan antar unit atau actor, biasanya dinyatakan dengan menggunakan kata kerja di awal-awal frase nama use case.
Aktor (actor) Orang, proses, atau sistem lain yang
berinteraksi dengan sistem informasi yang akan dibuat diluar sistem informasi yang akan dibuat itu sendiri
Asosiasi (assosciation) Komunikasi antara actor dan use case
yang berpartisipasi pada use case atau use case memiliki interaksi dengan actor.
Ekstensi (extend) <<extend>>
Relasi use case tambahan ke sebuah use case yang ditambahkan dapat berdiri sendiri walau tanpa use case tambahan itu, mirip dengan prinsip inheritance pada pemrograman berorientasi objek.
Generalisasi (generalization) Hubungan generalisasi dan spesialisasi (umum-khusus) antara dua buah use case dimana fungsi yang satu adalah fungsi yang umum dari lainnya.
Menggunakan (include/use) Relasi use case tambahan ke sebuah
use case dimana use case yang ditambahkan memerlukan use case ini untuk menjalankan fungsinya atau Nama use case
<<include>> <<uses>>
sebagai syarat dijalankan use case ini
2.4.3 Activity Diagram
Diagram aktivitas atau activity diagram menggambarkan workflow (aliran kerja)
atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak. Yang perlu diperhatikan disini adalah bahwa diagram aktivitas menggambarkan aktivitas sistem bukan apa yang dilakukan actor, jadi aktivitas yang dapat dilakukan oleh sistem.
Diagram aktivitas juga banyak digunakan untuk mendefinisikan hal-hal berikut : 1. Rancangan proses bisnis dimana setiap urutan aktivitas yang digambarkan merupakan
proses bisnis sistem yang didefinisikan.
2. Urutan atau pengelompokan tampilan dari sistem / user interface dimana setiap aktivitas dianggap memiliki sebuah rancangan antarmuka tampilan.
3. Rancangan pengujian dimana setiap aktivitas dianggap memerlukan sebuah pengujian yang perlu didefinisikan kasus ujinya
4. Rancangan menu yang ditampilkan pada perangkat lunak
Tabel 2.2 Simbol Activity Diagram
(Rosa A.S. dan M. Shalahuddin, Rekayasa Perangkat Lunak, 2013)
Simbol Deskripsi
Status awal Status awal aktivitas sistem,
sebuah diagram aktivitas memiliki sebuah status awal
Aktivitas Aktivitas yang dilakukan sistem,
aktivitas biasanya diawali dengan kata kerja
Percabangan (Decision) Asosiasi percabangan dimana jika
ada pilihan aktivitas lebih dari satu
Status Akhir Status akhir yang dilakukan sistem, sebuah diagram aktivitas memiliki sebuah status akhir Swimlane
Atau
Memisahkan organisasi bisnis yang bertanggung jawab terhadap aktivitas yang terjadi
2.4.4 Sequence Diagram
Sequence diagram menggambarkan kelakukan objek pada use case dengan mendeskripsikan waktu hidup object dan message yang dikirimkan dan diterima antar objek. Oleh karena itu, untuk menggambarkan sequence diagram maka harus diketahui objek-objek yang terlibat dalam sebuah use case beserta metode-metode yang dimiliki kelas yang diinstansiasi menjadi objek itu.
Banyaknya sequence diagram yang harus digambar adalah, minimal sebanyak pendefinisian use case yang memiliki proses sendiri atau yang penting semua use case yang telah didefinisikan interaksi jalannya pesan sudah dicakup pada sequence diagram sehingga semakin banyak use case yang didefinisikan maka sequence diagram yang harus dibuat juga semakin banyak
Tabel 2.3 Tabel Simbol Sequence Diagram
(Rosa A.S. dan M. Shalahuddin, Rekayasa Perangkat Lunak, 2013)
Simbol Deskripsi
Aktor Orang, proses, atau sistem lain yang
beriteraksi dengan sistem informasi yang akan dibuat diluar sistem Swimlane S w im la n e
Atau
Tanpa waktu aktif
informasi yang akan dibuat itu sendiri. Jadi, walaupun symbol dari actor adalah gambar orang, tapi actor belum tentu merupakan orang; biasnya dinyatakan menggunakan kata benda di awal frase nama aktor
Garis hidup (lifeline) Menyatakan kehidupan suatu objek
Objek Menyatakan objek yang berinteraksi
pesan.
Waktu aktif Menyatakan objek dalam keadaan
aktif dan berinteraksi, semua yang terhubung dengan waktu aktif ini adalah sebuah tahapan yang dilakukan didalamnya.
Pesan tipe create Menyatakan suatu objek membuat
objek yang lain, arah panah mengarah pada objek dibuat.
Pesan tipe call Menyatakan suatu objek memanggil
oprasi/metode yang ada pada objek lain atau dirinya sendiri.
Pesan tipe send Menyatakan bahwa suatu objek
mengirimkan
data/masukan/informasi ke objek lainnya.
Pesan tipe return Menyatakan suatu objek yang telah
menjalankan suatu oprasi atau Actor
Nama aktor
nama objek : nama kelas
<<create>>
1:nama_metode ()
Pesan tipe destroy Menyatakan suatu objek mengakhiri hidup objek yang lain, arah panah mengarah pada objek yang diakhiri, sebaiknya jika ada creae maka ada destroy.
2.4.5 Class Diagram
Class diagram menggambarkan struktur sistem dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem. Kelas memiliki apa yang disebut atribut dan metode.
1. Atribut merupakan variable-variabel yang dimiliki oleh suatu kelas 2. Operasi atau metode adalah fungsi-fungsi yang dimiliki oleh suatu kelas.
Tabel 2.4 Simbol Class Diagram
(Rosa A.S. dan M. Shalahuddin, Rekayasa Perangkat Lunak, 2013)
Simbol Deskripsi
Kelas Kelas pada struktur sistem
Antarmuka (interface) Sama dengan konsep interface
dalam pemrograman berorientasi objek
Asosiasi (Associtation) Relasi antar kelas dengan makna
umum, asosiasi biasanya juga disertai dengan multiplicity
Asosiasi berarah (Directed
association)
Relasi antar kelas dengan makna kelas yang satu digunakan oleh kelas yang lain, asosiasi biasanya juga disertai dengan multiplicity 1:keluaran «destroy» Class name Attributes Operations nama_interface
Generalisasi Relasi antar kelas dengan makna generalisasi-spesialisasi (umum khusus)
Ketergantungan (Dependency) Relasi antar kelas dengan makna
ketergantungan antar kelas
Agregasi (Aggregationi) Relasi antar kelas dengan makna
semua-bagian (whole-part)
2.5 Prototyping
Metode yang digunakan penulis dalam melakukan pengembangan sistem penjadwalan ini yaitu menggunakan model prototyping. Menurut Rosa A.S, M. Shalahudin, Rekayasa Perangkat Lunak, 2013, sering pelanggan (Customer) membayangkan kumpulan kebutuhan yang diinginkan tapi tidak terspesifikasikan secara detail dari segi masukan (input), proses, maupun keluaran (output). Di sisi lain seorang pengembang perangkat lunak harus menspesifikasikan sebuah kebutuhan secara detail dari segi teknis dimana pelanggan sering kurang mengerti mengenai hal teknis ini.
Model prototyping dapat digunakan untuk menyambungkan ketidakpahaman pelanggan mengenai hal teknis dan memperjelas spesifikasi kebutuhan yang diinginkan pelanggan kepada pengembang perangkat lunak. Model prototyping (prototyping model) dimulai dari mengumpulkan kebutuhan pelanggan terhadap perangkat lunak yang akan dibuat. Lalu dibuatlah program prototype agar pelanggan lebih terbayang dengan apa yang sebenarnya diinginkan. Program prototype ini biasanya merupakan program yang belum jadi. Program ini biasanya menyediakan tampilan dengan simulasi alur perangkat
Gambar 2.15 Prototyping Model
(Rosa A.S. dan M. Shalahuddin, Rekayasa Perangkat Lunak, 2013)
Mock-up adalah sesuatu yang digunakan sebagai model desain yang digunakan untuk mengajar, demonstrasi, evaluasi desain, promosi, atau keperluan lain. Sebuah mock-up disebut sebagai prototype perangkat lunak jika menyediakan atau mampu mendemonstrasikan sebagian besar fungsi sistem perangkat lunak dan memungkinkan pengujian desain sistem perangkat lunak. Iterasi terjadi pada pembuatan prototype sampai sesuai dengan keinginan pelanggan. Seiring dengan mengembangkan prototype maka sistem perangkat lunak yang sebenarnya dikembangkan juga sehingga sesuai dengan kebutuhan pelanggan (customer) atau user.
Tahapan - tahapan yang dilakukan dalam perancangan dan implementasi ini adalah :
1. Mendengarkan Permintaan Pelanggan
Tahap pertama dari metode ini adalah mendengarkan pelanggan yaitu mengumpulkan data – data mengenai kebutuhan sistem yang akan dibuat.
2. Membangun/merevisi Mock-Up.
Setelah mendapatkan kebutuhan yang dibutuhkan untuk membuat prototype, tahap berikutnya yang dilakukan adalah membangun memperbaiki prototype tahap ini dilakukan dengan pembuatan sistem secara keseluruhan hingga selesai berdasarkan pada analisa kebutuhan yang sudah dilakukan sebelumnya.
3. Pelanggan Melakukakn Uji Coba Mock-Up
Tahap akhir dari model prototype ini adalah tahap pengujian (testing). Pengujian dilakukan oleh pengguna dari sistem. Tahap pengujian dilakukan untuk mendapatkan tanggapan atas sistem yang telah dibuat.
Ketiga proses tersebut dilakukan secara berulang - ulang, hingga mendapatkan kepuasan dari pelanggan atas sistem yang telah dibuat. Proses yang dilakukan harus sesuai dengan urutan.
2.6 Responsive Web Design (RWD)
RWD adalah sebuah metode atau pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam berbagai perangkat, baik perangkat mobile maupun komputer. Dengan metode ini, web akan beradaptasi jika dibuka dari perangkat mobile berukuran kecil maupun perangkat komputer dengan ukuran monitor besar. Ukuran huruf, user interface, gambar dan tata letak akan menyesuaikan dengan lebar layar dan resolusi layar monitor yang tersedia. Hasilnya pengguna akan merasakan pengalaman mudah membaca, nyaman dan melihat informasi web tersebut sama dengan jika ia melihat melalui perangkat komputer meja.
Gambar 2.16 Metode RWD
(Thoriq Firdaus, Responsive Web Design by Example, 2013)
2.7
Adobe Dreamweaver
2.7.1 Definisi Adobe Dreamweaver
Menurut Sibero, (2011:384) Dreamweaver merupakan sebuah produk web developer yang dikembangkan oleh Adobe system Inc, Dreamweaver dikembangkan oleh Macromedia Inc, yang kemudian sampai saat ini perkembangannya diteruskan oleh Adobe System Inc, Dreamweaver dikembangkan dan dirilis dengan kode nama Creative Suit (CS).
Menurut Milician (2012:5), Dreamweaver CS3 is a powerful Hyper Text Markup Language (HTML) editor used by professionals, as well as beginners. (Dreamweaver
Berdasarkan definisi-definisi diatas, maka dapat disimpulkan dreamweaver adalah suatu aplikasi yang digunakan dalam membangun atau membuat sebuah web.
Saat ini terdapat software dari kelompok Adobe yang belakangan banyak digunakanuntuk mendesain suatu web versi terbaru dari Adobe Dreamweaver CS3 memiliki beberapa kemampuan bukan hanya sebagai software untuk desain web saja tetapi juga menyunting kode serta pembuatan aplikasi web, antara lain JSP, PHP, ASP, XML, dan ColdFusion.
2.7.2 Ruang Kerja Adobe Dreamweaver
Ruang Kerja atau Workspace adalah bagian keseluruhan tampilan Adobe Dreamweaver. Ruang kerja Dreamweaver terdiri dari Welcome Screen, Menu, Insert Bar, Document Window, CSS Panel, Aplication Panel, Tag Inspector, Property Inspector, Result Panel, dan Files Panel. Masing-masing dari komponen tersebut memiliki fungsi dan aturan. Berikut di bawah ini penjelasannya:
Gambar 2.17 Ruang Kerja Adobe Dreamweaver CS6
(Alexander Sibero, Kitab Suci Web Programing, 2011)
2.8 PHP (Hypertext Preprocessor)
2.8.1 Definisi PHP (Hypertext Preprocessor)
Menurut Sibero (2011:2), berpendapat bahwa “PHP adalah pemograman interpreter yaitu proses penerjemahan baris kode mesin yang dimengerti komputer secara langsung pada saat baris kode dijalankan atau sering disebut suatu bahasa dengan hak
cipta terbuka yang juga dikenal dengan istilah open source yaitu pengguna dapat mengembangkan kode-kode fungsi PHP sesuai dengan kebutuhannya”. [8]
Contoh source code program PHP yang digunakan untuk menghitung saldo bulanan nasabah bank :
Gambar 2.18 Source code PHP
Tampilan output dari source program diatas adalah sebagai berikut:
Gambar 2.19 Tampilan Output PHP 2.8.2 Keunggulan PHP (Hypertext Preprocessor)
Menurut Winarno dan Zaki (2011:9), ada beberapa keunggulan PHP dibandingkan bahasa pemograman lain, diantaranya:
Bahasa pemograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.
Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi dan juga panduan yang banyak.
PHP merupakan bahasa open source yang dapat digunakan diberbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta dapat menjalankan perintah-perintah sistem. [10]
<?php
$saldoAwal=1000000; $bunga=0.03;
$bulan=11;
$saldoAkhir=($saldoAwal*$bunga*$bulan)+$saldoAwal; echo "Saldo akhir setelah ".$bulan." bulan adalah: Rp. ".$saldoAkhir.",-";
Gambar 2.20 Data Statistik Pengguna PHP. (Sumber: www.mkhuda.com)
Dari data diatas pengguna PHP lebih unggul dibandingkan dengan pengguna bahasa pemograman lainnya. Aplikasi web terpopuler saat ini juga banyak menggunakan PHP. Contohnya: Facebook, WordPress, Joomla, Drupal, portal berita detik.com, kompas.com.
2.9 MySQL
2.9.1 Definisi MySQL
Menurut Raharjo (2011:45), “SQL adalah bahasa standar yang digunakan untuk mengakses data di dalam database relational. Setiap server database relational atau Database Management System (RDBMS) mendukung SQL untuk mengatur dan mngolah datanya”. (Raharjo, Budi 2011)
2.9.2 Kelebihan MySQL
Menurut Saputra (2012:8) beberapa kelebihan yang dimiliki MySQL adalah sebagai berikut:
Bersifat open source, yang memiliki kemampuan untuk dapat dikembangkan lagi. Menggunakan bahasa SQL (Structure Query Language), yang merupakan standar
bahasa dunia dalam pengolahan data.
Super performance dan realible, tidak bias diragukan, pemrosesan database-nya sangat cepat dan stabil.
Sangat mudah dipelajari (easy of use).
Memiliki dukungan support (group) pengguna MySQL.
Mampu lintas Platform, dapat berjalan di berbagai sistem operasi.
Multiuser, dimana MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami konflik.
Gambar 2.21 Logo MySQL 2.10 CSS (Cascading Style Sheet)
CSS (Cascade Style Sheet) merupakan salah satu bahasa pemrograman web yang bertujuan untuk membuat web menjadi lebih menarik dan terstruktur”. Pada CSS kita bisa merubah warna tabel, besar font, atau tata letak menu yang terkendali dari CSS sehingga semua jendela web yang berkaitan dengan perubahan tersebut secara otomatis dapat berubah, dengan CSS kita tidak perlu membuat style pada setiap file PHP, karena cukup dengan satu file CSS kita telah bisa mengontrol semua style yang kita inginkan pada setiap file PHP yang akan ditampilkan nanti di web browser.
2.11 JQuery
JQuery adalah salah satu library atau framework JavaScript yang memungkinkan kita untuk membuat program web pada suatu halaman web, tanpa harus secara eksplisit menambahkan event atau aksi atau pun properti pada halaman web tersebut, semuanya sudah dibuatkan oleh yang namanya JQuery. Kemudahan atau kenapa orang banyak menggunakan framework javascript ini adalah karena banyaknya plugin aplikasi yang siap jadi atau siap digunakan seperti: Drop Down Menu, Autocomplete, Tool Tips dan lain sebagainya. Plugin adalah semacam fungsi atau fitur tambahan yang digabungkan ke dalam sebuah JQuery mempercepat atau memudahkan dalam pembangunan sebuah website.
