17
BAB III LANDASAN TEORI Pada bab ini akan dibahas dasar-dasar teori yang berkaitan dengan pembangunan sistem.
3.1 Internet Internet singkatan
(information
dari
superhighway)
inter-networking.
merupakan
Sesuai
dengan
kepanjangannya, internet terdiri dari sekumpulan jaringan komputer milik perusahaan, institusi, lembaga pemerintah, ataupun penyedia jasa jaringan (ISP / internet service provider) jaringan
yang
komputer
Pengembangan dirintis
saling yang
internet
sejak
terhubung dikelola
sendiri
tahun
dimana
1960-an
masing-masing
secara
sebenarnya sebagai
independen. sudah proyek
mulai dari
departemen pertahanan amerika serikat. Internet menjadi salah satu media yang dijadikan sumber informasi paling populer
antar
mahasiswa
perguruan
tinggi
di
dunia
(Novianto, 2013). Dalam pembangunan system, internet memiliki pengaruh yang besar karena dengan internet maka pengaksesan sistem bisa dilakukan secara langsung/online.
3.2 Website Forum Website forum, merupakan halaman web yang menyajikan informasi
dari
berbagai
sumber
dengan
cara
terpadu.
18
Website forum memiliki fitur standar berupa mesin pencari informasi, selain itu bisa juga terdapat layanan e-mail, berita, hiburan, dan lain-lain. Website forum memiliki kemampuan
tertentu
yang
mengikuti
selera
para
pengunjungnya.Isinya biasanya berupa konten yang dinamis. Tahapan
yang
harus
dilakukan
pada
saat
pembuatan
website forum : 1.
Tentukan
layanan
yang
akandi
persembahkan
kepada
pengunjung, yang mana harus interaktif untuk menarik pengunjung dan membuatnya kembali lagi berkunjung ke web itu. 2.
Download
sebuah
gratis
website
di
forum
internet.
yang
bisa
didapat
Misalnya
adalah
freewebtemplates.com 3.
Ekstrak template tersebut pada komputer.
4.
Customise portal dengan menambah script yang bisa didapat
gratis
di
internet.
Misalnya
dynamicdrive.com untuk javascript. 5.
Buat
halaman
berdasarkan
template.
Web
template
biasanya hanya terdiri dari satu halaman. Dan dapat di duplikat untuk membuat halaman-halaman lainnya.
3.3 Framework Framework disimpan
pada
menyederhanakan dengan
adanya
adalah
kumpulan
file-file operasi
yang
yang
Framework
kode-kode
program
yang
yang
dapat
berbeda
berulang-ulang. adalah
dapat
Kelebihan melakukan
pengembangan aplikasi menjadi seragam, dimana pengembang dituntut untuk mengikuti alur kerja yang ditetapkan oleh
19
Framework. Dalam artian setiap pengembang harus mempunyai metode yang sama dalam menyelesaikan aplikasi tersebut (Simangunsong, et. al., 2013).
3.4 MySQL MySQL merupakan salah satu program untuk mengelola basis
data
client-server
populer.
MySQL
mengatur
dan
bahasa
dalam
menyediakan
mengelola
pemrograman
SQL
(Ningsih, et. at., 2013).
basis
jaringan
yang
fasilitas-fasilitas data,
(Structured
serta Query
sangat untuk
menyediakan Language)
20
3.5 Arsitektur Aplikasi 3.5.1 Arsitektur Client-Server Arsitektur client-server
Adalah
model
komputasi terdistribusi dimana terdistribusi dimana terdapat
peminta(client)
dan
penyedia(server).
Dalam arsitektur client-server, baik peminta maupun penyedia
bekerja
dihubungkan dijalankan
di
dengan oleh
computer
suatu
client
terpisah
jaringan.
yang
Aplikasi
yang
proses
yang
membutuhkan
diminta dari server (Maffeis, 2005). Client-server yang
membagi
(peminta)
merupakan
fungsinya
dan
arsitektur
menjadi
komputer
subsistem
server(penyedia),
dengan
client metode
komunikasi standar seperti TCP/IP dan z39.50 untuk memfasisilitasi
pembagian
informasi
di
antar
mereka(Boss, 2006).
Gambar 1: Arsitektur Client-server (Morgan, 2004)
3.5.2 Arsitektur Model-View-Controller Arsitektur Model-View-Controller membagi suatu aplikasi model,
interaktif view,
dan
menjadi
3
controller.
komponen, Model
yaitu
mengandung
21
fungsionalitas
inti
informasi
kepada
menangani
input
dan
data,
pengguna, dari
view
menampilkan
sementara
controller
pengguna.
Baik
view
dan
controller merupakan objek yang menyusun antarmuka pengguna, memungkinkan pengguna untuk memanipulasi view. Suatu mekanisme konsistensi
antara
change-propagation menjamin
antarmuka
pengguna
dan
model
(Deacon, 2009).
Gambar 2 : Arsitektur Model-View-Controller (Rozi, 2008)
3.6 PHP PHP
(Hypertext
Preprocessor)
merupakan
bahasa
pemrograman berbasis web yang memiliki kemampuan untuk memproses data dinamis. Dalam PHP, sintaks-sintaks dan perintah yang diberikan akan sepenuhnya
dijalankan oleh
server akan tetapi disisipkan pada halaman HTML sehingga PHP dikatakan juga sebagai sebuah server-side embedded script language. Aplikasi-aplikasi yang di bangun oleh PHP
pada
umumnya
dijalankan
di
server,
dan
hasilnya
22
ditampilkan pada mengirimkan
web browser. Terlebih dahulu
request
kepada
server
dengan
client
menggunakan
kode-kode PHP (Deptan, 2004). PHP
merupakan
digunakan
secara
antara lain: resource
salah luas
satu
bahasa
karena
pemrograman
beberapa
yang
keunggulannya
fast(cepat) karena tidak menggunakan system
yang
terlalu
banyak,
free(bebas
lisensi),
easy(syntax PHP mudah dipelajari dan digunakan), serta great support (banyaknya dukungan untuk membuat koneksi dengan
berbagai
dijalankan
macam
pada
basis
berbagai
data).
platform
PHP
juga
serta
dapat
menawarkan
beberapa level security (Hill, 2009).
3.7 CodeIgniter CodeIgniter (CI) merupakan salah satu
framework
PHP yang berupa kumpulan folder dan file php, java script, dengan
css,
txt,
setting
menyediakan
dan
file
tertentu
library
berbasis
untuk
dan
web
lainnya
menggunakannya
helper
yang
dan dapat
dimanfaatkan di dalam pemrograman php. CI dijalankan under
web
dan
harus
dengan
web
server
(Sofwan,
2007). CI dikembangkan pertama kali oleh Rick Ellis, pendiri CEO EllisLab.com, pada tahun 2006.CI adalah aplikasi
open
membangun
suatu
source
yang
website
dapat
digunakan
dinamis
dengan
untuk PHP
(Anonim,2009). Menurut
user manual CI, tujuan dari penggunaan
framework CI ini adalah agar
projectyang dibangun
23
dapat
dibuat
mengkoding
lebih
dari
manual
dengan menyediakan digunakan
cepat
dalam
dari
dibandingkan awal,
caranya
library untuk
pembangunan
dengan adalah
taskyang banyak
website,
dilengkapi
dengan antarmuka yang sederhana serta struktur logika untuk
dapat
mengakses
library
tersebut,
sehingga
pengguna dapat lebih fokus kepada
projectnya dengan
meminimalisasi
yang
jumlah
koding
dibutuhkan
(EllisLab, 2010). CI menggunakan pendekatan arsitektur Model-ViewController(MVC), antara
logika
arsitekturnya
yang
dan
memungkinkan
presentasi.
lebih
adanya
Hanya
fleksibel,
saja
pemisahan pada
dimungkinkan
CI, bila
model tidak digunakan. Kelebihan lain dari penggunaan CI
antara
lain:
aksesibilitas
web
bebas
lisensi,
lebih
tinggi
ringan, karena
cepat,
URL
yang
Search engine friendly, konfigurasi yang sangat minim (nearly zero configuration), didukung cukup
banyak,
memiliki
dokumentasi,
library serta
yang
dukungan
komunitas yang baik (EllisLab, 2010).
Gambar 3 : Flow chart aplikasi pada CodeIgniter (EllisLab, 2010)
24
Keterangan: 1.
index.php:
berperan
untuk menginisialisasi
sebagai source
front
controller,
dasar yang dibutuhkan
untuk menjalankan CI 2. routes: memeriksa permintaan (request) HTTP untuk menentukan apa yang harus dilakukan 3.
jika
langsung
data ke
cache
browser
masih
tanpa
ada
akan
melalui
dikirimkan
eksekusi
sistem
normal 4. security: sebelum request
controller
aplikasi dipanggil,
HTTP dan data lain yang dikirim oleh
user
akan di filter untuk keamanan 5.
controller:
memanggil
model,
library
inti,
helper, plugins, scripts, dan lainnya yang dibutuhkan 6.
view
langsung maka
akhir
dikirimkan
dilihat.
view
akan
ditampilkan
lagi
Jika
ke
browser
cache
disimpan bila
di
ada
agar
berstatus cache
dapat
enabled,
sehingga
permintaan
yang
dapat sama
(EllisLab, 2010).
3.8 Basis Data Basis
data
pengorganisasian sehingga
sekumpulan
memudahkan
informasi. masalah
(basis
Basis
pada
berkas (Kadir, 2003).
data
merupakan yang
aktivitas
data
sistem
data)
yang
untuk
dimaksudkan memakai
saling
suatu terkait
memperoleh
untuk
pendekatan
mengatasi berbasis
25
3.9 Mobile-Web Mobile Web adalah World Wide Web yang diakses melalui perangkat mobile mulai dari PC-tablet hingga perangkat
seluler.
Mobile
web
mencakup
keseluruhan
web dan tidak terbatas pada situs web yang dibuat khusus untuk perangkat mobile. Perangkat seluler yang memiliki
kemampuan
untuk
melakukan
penulusuran
web
dapat dengan mudah mengakses mobile web dimana saja mereka mendapat sinyal seluler. Situs web yang dibuat khusus
untuk
layar
kecil
dan
menyesuaikan
ukuran
layar device, dapat juga diakses melalui perangkat computer
dengan
tampilan
menyesuikan.
Dimana
seringkali sebuah situs website akan menjadi tumpang tindih
dan
menjadi
beban
jika
diakses
menggunakan
perangkat seluler. 3.9.1 Jquery Mobile Jquery mobile
adalah
sebuah
sistem
antarmuka
pengguna terpadu yang bekerja mulus di semua platform perangkat
mobile
yang
dibangun
diatas
jQuery
UI.
jQuery Mobile berfokus pada basis kode ringan dibangun di
atas
peningkatan
progresif
dengan
desain,
fleksibel, dan mudah berganti tema sesuai keinginan developer
jQuery
mobile
ditargetkan
untuk
berbagai
macam browser platform mobile, dengan dukungan jQuery untuk
semua
browser
mobile
yang
cukup
mampu
dan
memiliki jumlah pasar yang cukup banyak. Dengan begitu para pengguna dapat meperlakukan browser mobile web persis sebagaimana kita memperlakukan desktop browser
26
web Semua halaman di jQuery mobile dibangun diatas fondasi HTML semantik yang cocok dengan hampir semua perangkat yang web-enabled dan mampu menafsirkan CSS dan JavaScript. 3.9.2 Responsive Web Design Responsive Web Design adalah salah satu istilah tentang konsep tampilan web yang akan menyesuaikan dengan
besarnya
viewport(luasan
untuk
menampilkan
website)
area
yang
pada
browser
digunakan
oleh
pengguna saat mengakses sebuah website. Teknik ini didukung Teknik
teknologi ini
terbaru
dapat
yakni
HTML5
diimplementasikan
dan
tanpa
CSS3. harus
berbasis server atau backend solutions. Metodologi responsive yang sebenarnya adalah tidak hanya cukup melakukan perubahan layout sesuai dengan
ukuran
browser
yang
mengaksesnya,
akan
tetapi melakukan perubahan total secara keseluruhan terhadap
pendekatan
yang
dipakai
saat
mendesain
sebuah web. Desain dilakukan pada ukuran viewport yang terkecil terlebih dahulu dan dilanjutkan pada ukuran viewport yang lebih besar. Viewport
dan
merupakan
dua
merupakan
area
toolbars,
tab,
ukuran
istilah content address
layar yang
screen
berbeda.
pada box
atau
Viewport
browser,
atau
size
lainnya
diluar pada
browser. Artinya adalah ukuran atau luasan dimana sebuah website ditampilkan pada browser. Sedangkan screen size mengacu pada ukuran layar secara fisik.
27
HTML5
menawarkan
dibandingkan
generasi
kelebihan
yang
luar
sebelumnya
yakni
biasa
HTML4
dan
element yang digunakan pada HTML5 lebih memiliki arti
atau
mudah
untukdipahami
saat
membaca
atau
menuliskannya. CSS3 memiliki salah satu fitur yakni media queries yang merupakan salah satu fitur utama untuk
responsive
web
designyang
didukung
fitur-
fitur lain untuk menghasilkan web yang fleksibel. Beberapa fitur CSS3 yang lain misalnya gradient, shadows, animasi dan transformasi.
Gambar 4: Responsive Web Design(Goran,2013)
3.10 Location Based Service (LBS) Location Base Service adalah layanan informasi yang mengutilisasi
kemampuan
untuk
menggunakan
informasi
lokasi dari perangkat bergerak dan dapat diakses dengan perangkat
bergerak
melalui
jaringan
bergerak(Steiniger, et al., 2006).
telekomunikasi
28
3.10.1 Google-map Google-map
adalah
layanan
aplikasi
peta
online yang disediakan oleh google secara gratis. Layanan
peta
google
dapat
diakses
melalui
situs
http://maps.google.comsitus tersebut dapat dilihat informasi geografis hamper semua permukaan di bumi kecuali daerah kutub utara dan selatan. Layanan ini dibuat sangat interaktif karena di dalamnya peta dapat
dipindahkan
sesuai
keinginan
pengguna,
mengubah level zoom, serta mengubah tampilan jenis peta.
Google maps mempunyai banyak fasilitas yang
dapat dipergunakan misalnya pencarian lokasi dengan memasukan kata kunci.
