Sistem Pemesanan Tiket Bioskop Online Berbasis Website
BAB 2
LANDASAN TEORI
2.1 Website
Website atau Word Wide Web sering disingkat sebagai WWW atau web, yaitu
sebuah sistem dimana informasi dalam bentuk teks, gambar, suara dan lain lain
direpresentasikan dalam bentuk hypertest dan dapat diakses oleh perangkat lunak
yang disebut browser. Kemampuan diatas telah menjadikan website sebagai service
yang paling cepat pertumbuhannya.
Sebuah halaman web biasanya berupa dokumen yang ditulis dalam format
HTML (Hyper Text Markup Language) yang dapat diakses melalui HTTP, yaitu
sebuah protokol yang menyampaikan informasi dari server website untuk
ditampilkan kepada para pemakai melalui web browser.
2.1.1 Sejarah Website
Penemu website adalah Sir Timothy John ‘Tim’ Berners-Lee, sedangkan website
yang tersambung dengan jaringan pertama kali muncul pada tahun 1991. Pada
awalnya, Tim menciptakan website dengan tujuan untuk mempermudah arus
pertukaran dan memperbarui informasi kepada sesama peneliti di CERN, tempat
dia bekerja. Pada tanggal 30 April 1993, CERN menginformasikan bahwa WWW
dapat digunakan gratis oleh semua orang.
Website ditulis atau secara dinamik dikonversi menjadi HTML (Hyper Text
Markup Language) dan diakses melalui sebuah program software yang biasa
Universitas Sumatera Utara
7
disebut web browser. Halaman web dapat dilihat atau diakses melalui jaringan
komputer dan internet, sedangkan perangkatnya bisa berupa personal komputer,
laptop, maupun cell phone. (Komputer Wahana, 2010)
2.1.2 Web Statis
Website statis adalah website yang memiliki halaman front end, yaitu halaman yang
dapat dilihat oleh pengunjung website. Karena fasilitas yang sangat terbatas, isi dari
halaman website statis bersifat tetap atau tidak berubah. Untuk mengganti sebuah
halaman web statis harus dilakukan secara manual dan mengganti semua kode-kode
HTML yang merupakan unsur utama dari sebuah website tersebut.
Website statis biasanya digunakan untuk membuat profil perusahaan, yaitu
jenis website pengumuman berupa brosur online yang sangat sederhana tidak bisa
diubah atau dimodifikasi. (Komputer Wahana, 2010)
2.1.3 Web Dinamis
Website dinamis adalah website yang dapat diubah atau di update. Dalam website
dinamis biasanya terdapat dua halaman, yaitu halaman front end dan back end.
Halaman front end merupakan halaman yang dapat diakses oleh semua user
sedangkan halaman back end merupakan halaman yang hanya dapat diakses oleh
admin yang bersangkutan. Back end biasa disebut dengan CMS (Content
Management System) atau dalam WordPress biasa disebut dengan halaman
dashboard.
Universitas Sumatera Utara
8
Fungsi halaman back end ini adalah untuk mengatur halaman dari front end.
Sebagai contoh untuk pengaturan isi artikel, pengaturan tampilan front end, hingga
tambahan untuk menghias front end. (Komputer Wahana, 2010)
2.2 Pengenalan Internet
Internet merupakan singkatan dari Interconnected Network, yaitu kumpulan
komputer yang terhubung satu dengan yang lainnya dalan sebuah jaringan. Disebut
saling terhubung karena internet menghubungkan komputer dan jaringan-jaringan
komputer yang berada di seluruh dunia menjadi sebuah jaringan komputer yang
sangat besar. Semua jaringan yang terhubung ke internet dapat mengakses semua
informasi yang disediakan di internet secara gratis.
Internet merupakan dunia tanpa batas. Artinya, semua orang mempunyai
hak yang sama di internet. Oleh sebab itu, internet merupakan dunia yang bebas
dimasuki tanpa harus terikat pada peraturan-peraturan negara tertentu dan tanpa
dibatasi oleh batas-batas wilayah teritorial negara tertentu.
Tingginya mobilitas penggunaan internet menuntut jaringan yang fleksibel,
sehingga seseorang yang sedang berpergian tetap dapat mengakses internet
walaupun di dalam mobil yang sedang berjalan, sehingga dikembangkannya
jaringan tanpa kabel (wireless). Berikut manfaat internet secara umum.
1. Mencari informasi (searching) di internet
Searching dilakukan seseorang untuk mencari berita, referensi, maupun bacaan.
dengan searching, pengguna dapat memperoleh informasi yang banyak. Bahkan,
pengguna internet sering meng-upload hasil penelitian, penulisan, dan karya
terbarunya ke internet agar dapat diakses oleh pengguna lain.
Universitas Sumatera Utara
9
2. Berkirim surat (e-mail)
E-mail merupakan suatu kegiatan berkirim surat melalui media internet. E-mail
(electronic mail) sudah banyak digunakan saat ini dan sangat populer. Di mana
pengirim dapat mengirimkan surat secara langsung dan penerima surat yang
tempatnya berjauhan juga dapat secara langsung menerima surat tersebut dengan
syarat keduanya sedang online.
3. Berbelanja online (e-commerce)
E-commerce (electronic commerce) adalah perdagangan yang dilakukan dengan
memanfaatkan
jaringan
telekomunikasi,
terutama
internet.
Internet
memungkinkan orang atau organisasi yang berada pada jarak yang jauh dapat
saling berkomunikasi dengan biaya yang murah. Ada banyak bentuk
perdagangan secara elektronik yang banyak dilakukan saat ini. Misalnya,
pembelian dan penyediaan barang, toko online, dan sebagainya. Di Indonesia
telah disediakan beberapa website khusus untuk penjualan barang-barang seperti
Lazada, TokoPedia, Zalora, dan lain-lain.
4. Internet banking
Internet banking atau electronic banking (e-banking), cyberbanking, virtual
banking, home banking, maupun online banking adalah aktivitas perbankan yang
dilakukan dari rumah, kantor, atau tempat-tempat lain dengan memanfaatkan
internet. Manfaat adanya internet banking bagi nasabah, yaitu nasabah tidak
perlu datang ke bank untuk melakukan transaksi perbankan, nasabah dapat
melakukan transaksi perbankan kapan saja dan di mana saja (asalkan tersedia
fasilitas internet). Sedangkan bagi pihak bank, internet banking memungkinkan
bank untuk mengurangi biaya operasional. Di Indonesia bank-bank yang telah
Universitas Sumatera Utara
10
menyediakan jasa internet banking antara lain Bank BCA, Bank Mandiri, Lippo
Bank, dan lain-lain.
5. Belajar jarak jauh (e-learning)
E-learning atau sering disebut juga dengan e-education adalah kegiatan belajar
pada tempat yang saling berjauhan dengan menggunakan media tertentu,
misalnya Skype. Di Indonesia yang mempunyai program belajar jarak jauh,
misalnya Universitas Terbuka. Internet merupakan alat komunikasi yang murah.
Internet juga memungkinkan terjadinya dialog seseorang dengan orang lain (one
to one communication) dan dialog seseorang dengan banyak orang (one to many
communication). Selain itu, internet juga memungkinkan terjadinya komunikasi
dengan tatap muka melalui teleconference. Pemanfaatan internet akan membuat
proses belajar jarak jauh menjadi lebih efektif dan hasil yang diperoleh pun akan
menjadi lebih maksimal.
6. Mengobrol (chatting)
Chatting adalah kegiatan atau pola bicara di internet. Jika telepon menggunakan
bunyi untuk berkomunikasi, sedangkan chatting di internet menggunakan media
tulisan. Sama halnya dengan fasilitas lainnya, dalam internet menawarkan
kemudahan, kecepatan, dan biaya yang murah.
2.3 HTML
HTML (Hyper Text Markup Language) merupakan bahasa pemrograman web yang
memiliki syntax atau aturan tertentu dalam penulisan dalam menuliskan script atau
kode-kode, sehingga browser dapat menampilkan informasi dengan membaca
kode-kode tersebut. HTML adalah sekumpulan simbol atau tag-tag yang dituliskan
Universitas Sumatera Utara
11
dalam sebuah file yang digunakan untuk menampilkan halaman pada web browser.
Tag-tag HTML selalu diawali dengan dan diakhiri dengan dimana x
berarti p untuk paragraf, h untuk heading, table untuk tabel dan lain sebagainya.
(Anhar, 2010)
2.4 CSS
Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa
komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS
bukan merupakan bahasa pemrograman. Sama halnya style dalam aplikasi
pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style,
misalnya heading, bodytext, footer, images, dan style lainnya untuk dapat
digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS
dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa
HTML.
CSS dapat mengendalikan ukuran gambar, warna pada teks, warna tabel,
ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar
paragraph, spasi antar teks, margin kiri, kanan, atas, bawah dan parameter lainnya.
CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.
Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama
dengan format yang berbeda.
Universitas Sumatera Utara
12
2.5 JavaScript
JavaScript adalah
bahasa
pemrograman
web
yang
bersifat Client
Side Programming Language. Client Side Programming Language adalah tipe
bahasa
pemrograman
yang
pemrosesannya
dilakukan
oleh client.
Aplikasi client yang dimaksud merujuk kepada web browser seperti Google
Chrome dan Mozilla Firefox. Bahasa pemrograman client side berbeda dengan
bahasa pemrograman server side seperti PHP, dimana untuk server side seluruh
kode program dijalankan di sisi server. JavaScript dapat dijalankan hanya dengan
menggunakan aplikasi text editor dan web browser. JavaScript memiliki fitur highlevel programming language, client-side, loosely tiped dan berorientasi objek.
JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi
antara user dengan situs web menjadi lebih cepat tanpa harus menunggu
pemrosesan di web server. Sebelum JavaScript, setiap interaksi dari user harus
diproses oleh web server. Bayangkan ketika mengisi form registrasi untuk
pendaftaran sebuah situs web, lalu meng-klik tombol submit, menunggu sekitar 20
detik untuk website memproses isian form tersebut, dan mendapati halaman yang
menyatakan bahwa terdapat kolom form yang masih belum diisi.
Untuk keperluan seperti inilah JavaScript dikembangkan. Pemrosesan
untuk mengecek apakah seluruh form telah terisi atau tidak, bisa dipindahkan
dari web
server ke
dalam web
browser.
Dalam
perkembangan
selanjutnya, JavaScript tidak hanya berguna untuk validasi form, namun untuk
berbagai keperluan yang lebih modern. Berbagai animasi untuk mempercantik
halaman web, fitur chatting, efek-efek modern, games, semuanya bisa dibuat
menggunakan JavaScript.
Universitas Sumatera Utara
13
2.6 PHP
Hypertext Preprocessor (PHP) adalah bahasa pemrograman scripting server side
artinya di jalankan di server, kemudian link-nya dikirim ke client (browser). Selain
itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum yang digunakan
untuk membuat aplikasi web (Wikipedia). PHP mendukung banyak database
(MySQL, Oracle, Sybase, Solid, PastgreSQL, Generic ODBC, dll).
Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai
dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa
beberapa tahun perkembangannya, PHP menejelma menjadi bahasa pemrograman
web yang powerful dan tidak hanya digunakan untuk membuat halaman web
sederhana, tetapi juga website popular yang digunakan oleh jutaan orang seperti
Wikipedia, WordPress, Joomla, dan lain sebagainya.
PHP dapat digunakan secara gratis (free) dan bersifat open sources. PHP
dirilis dalam lisensi PHP license, sedikit berbeda dengan lisensi GNU General
Public License (GPL) yang biasa digunakan untuk proyek open source. Kemudahan
dan kepopuleran PHP sudah menjadi standar bagi programmer web diseluruh
dunia. Menurut Wikipedia pada Februari 2014, sekitar 82% dari web server di dunia
menggunakan PHP. PHP juga menjadi dasar dari aplikasi CMS (Content
Management System) popular seperti Joamila, Drupal, dan Wordpress.
2.7 MySQL
Database atau basis data adalah kumpulan informasi yang disimpan di dalam
komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program
komputer untuk memperoleh informasi dari database tersebut. Database terbentuk
Universitas Sumatera Utara
14
dari data yang memiliki jenis/sifat yang sama. Ambil contoh, data berupa nama,
kelas, alamat. Semua data tersebut dikumpulkan menjadi satu kelompok data baru,
sebut saja sebagai data mahasiswa. Perangkat lunak yang digunakan untuk
megelola dan memanggil query disebut Database Management System (DBMS),
contoh aplikasinya adalah XAMPP, Oracle, Microsoft Access dan lain sebagainya.
Salah satu bahasa database yang popular adalah SQL.
SQL (Structured Query Language) ialah suatu sintaks perintah tertentu atau
bahasa pemrograman yang digunakan untuk mengelola suatu database. MySQL
dan SQL tidaklah sama. Singkatnya, MySQL ialah perangkat lunaknya dan SQL
adalah bahasa perintahnya.
Beberapa SQL command atau perintrah SQL yang harus diketahui adalah
sebagai berikut:
1. CREATE DATABASE, untuk membuat sebuah database.
2. DROP DATABASE, untuk menghapus sebuah database.
3. CREATE TABLE, untuk membuat sebuah table.
4. ALTER TABLE, untuk memodifikasi sebuah table.
5. DROP TABLE, untuk menghapus sebuah table.
6. SELECT, untuk menampilkan data dari database.
7. UPDATE, untuk memodifikasi sebuah database.
8. INSERT INTO, untuk menambah data di database.
9. DELETE, untuk menghapus data dari database.
Universitas Sumatera Utara
15
2.8 PHP & MySQL Sebagai Web Service
Web service merupakan sesuatu yang berbeda jika dibandingkan dengan website.
Website sendiri dirancang dengan tampilan atau user interface yang baik sedangkan
web service tidak. Web service tidak dirancang untuk berinteraksi langsung dengan
pengguna. Sesuai dengan namanya, web service hanya menyediakan layanan saja.
Sehingga, web service sendiri dapat disebut sebagai sebuah aplikasi yang
dibuat agar dapat dipanggil atau diakses oleh aplikasi lain melalui internet dengan
menggunakan format pertukaran data sebagai pengiriman pesan. Web service juga
memungkinkan untuk dipanggil dengan menggunakan protokol lain seperti SMTP
(Simple Mail Transfer Protocol), namun yang paling umum digunakan ialah HTTP.
Karena web service menggunakan protokol HTTP, tentu PHP sebagai bahasa
pemrograman web menjadi salah satu kekuatan dalam bahasa pemrograman yang
mengelola web service.
Ketika dibandingkan antara MySQL dengan sistem database yang lain,
maka perlu dipikirkan apa yang paling penting sesuai kebutuhan. Apakah tampilan,
support, fitur-fitur SQL, kondisi keamanan dalam lisensi, atau masalah harga.
Dengan pertimbangan tersebut, MySQL memiliki banyak hal yang bisa ditawarkan,
antara lain:
1. Berdasarkan kecepatannya, banyak ahli memberikan pendapat bahwa MySQL
merupakan server tercepat.
2. MySQL memiliki performa tinggi namun merupakan database yang simpel
sehingga mudah di setup dan di konfigurasi.
3. MySQL cenderung gratis untuk penggunaan tertentu.
Universitas Sumatera Utara
16
4. MySQL mengerti bahasa SQL (Structured Query Language) yang merupakan
pilihan sistem database modern.
5. Banyak client dapat mengakses server dalam satu waktu. Mereka dapat
menggunakan banyak database secara simultan.
6. Database MySQL dapat diakses dari semua tempat di internet dengan hak akses
tertentu.
7. MySQL dapat berjalan dalam banyak varian Unix dengan baik, sebaik seperti
saat berjalan di sistem non-Unix.
8. MySQL mudah didapatkan dan memiliki source code yang boleh
disebarluaskan sehingga bisa dikembangkan lebih lanjut.
9. Dapat dikoneksikan pada bahasa C, C++, Java, Perl, PHP dan Python.
Jika hal-hal diatas ialah kelebihan yang dimiliki oleh MySQL, maka
MySQL juga memiliki kekurangan seperti:
1. Untuk koneksi ke bahasa pemrograman visual seperti Visual Basic, Delphi, dan
Foxpro, MySQL kurang mendukung. Karena koneksi ini menyebabkan field
yang dibaca harus sesuai dengan koneksi dari program visual tersebut. Dan ini
yang menyebabkan MySQL jarang dipakai dalam program visual.
2. Data yang ditangani belum begitu besar.
2.9 Sublime Text
Sublime Text Editor adalah text editor untuk berbagai bahasa pemrograman
termasuk pemrograman PHP. Sublime Text Editor merupakan text editor lintas
platform dengan Python Application Programming Interface (API). Sublime Text
Editor juga mendukung banyak bahasa pemrograman dan bahasa markup, dan
Universitas Sumatera Utara
17
fungsinya dapat ditambah dengan plugin, serta Sublime Text Editor tanpa lisensi
perangkat lunak.
Sublime Text Editor pertama kali dirilis pada tanggal 18 Januari 2008, dan
sekarang versi Sublime Text Editor sudah mencapai versi 3 yang dirilis pada
tanggal 29 Januari 2013.
Sublime Text mendukung banyak sistem operasi seperti Linux, Mac Os X,
dan juga Windows. Sangat Banyak fitur yang tersedia pada Sublime Text Editor
diantarnya minimap, membuka script secara side by side, bracket highlight
sehingga tidak bingung dalam mencari pasangannya, kode snippets, drag and drop
direktori ke side bar terasa mirip dengan TextMate untuk Mac OS.
2.10 XAMPP
XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu
buah paket. Dengan menginstal XAMPP maka tidak perlu lagi melakukan instalasi
dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan
menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda atau auto
konfigurasi.
Anda
bisa
men-download
aplikasi
XAMPP
di
//www.apachefriends.org/en/xampp-window.html.
2.11 Flowchart
Flowchart merupakan bagan atau gambar yang memperlihatkan hubungan antar
proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol yang mana
Universitas Sumatera Utara
18
dari tiap-tiap simbol mewakili proses tertentu. Sedangkan hubungan antar proses
digambarkan dengan garis-garis.
Pnenggunaan flowchart tidak terpaku pada perusahaan atau organisasi saja.
Kita dapat memanfaatkan flowchart untuk segala sesuatu yang mengandung
rangkaian kegiatan dan aliran data, bahkan untuk kepentingan pribadi. Menurut
teori, flowchart dapat dibedakan ke dalam tiga kategori yaitu flowchart dokumen,
flowchart sistem, dan flowchart program. Flowchart dokumen menggambarkan
aliran data dan informasi antar area (divisi) dalam sebuah organisasi. (Soeherman
dan Pinontoan, 2008). Berikut ini adalah simbol-simbol standar pada sebuah
flowchart beserta fungsinya.
Tabel 2.1. Simbol-Simbol Flowchart
No
Nama
1
Terminator
2
Arrow
3
Rectangle
4
Trapezium
Simbol
Fungsi
Digunakan untuk mewakili
simbol start atau end.
Menunjukkan alur proses.
Menunjukkan langkah
pemrosesan.
Simbol untuk input-output
Universitas Sumatera Utara
19
Tabel 2.1. Lanjutan
No
5
Nama
Connector
Simbol
Fungsi
Simbol untuk keluar-masuk atau
penyambungan proses pada
halaman yang berbeda.
6
7
8
Manual
Simbol untuk pemasukkan data
Input
secara manual melalui keyboard.
Manual
Operation
Simbol yang menunjukkan
pengolahan yang tidak dilakukan
oleh komputer.
Predefine
Simbol untuk pelaksanaan suatu
Process
bagian (sub prosedur)
9
Decision
10
Document
Simbol yang berfungsi untuk
menyatakan keputusan.
Digunakan untuk mewakili
output.
Universitas Sumatera Utara
20
Tabel 2.1. Lanjutan
No
11
Nama
Simbol
Fungsi
Magnetic
Simbol yang digunakan untuk
Disk
penyimpanan data ke database.
Simbol yang menyatakan
12
Display
peralatan output yang digunakan
seperti layar, printer, plotter, dan
sebagainya.
13
Storage
Data
Simbol yang menyatakan input
yang berasal dari disk atau
disimpan ke disk.
2.12 ERD
Entity Relationship Diagram (ERD) merupakan suatu model untuk menjelaskan
hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang
mempunyai hubungan antar relasi.
Objektif utama dari pembuatan Entity Relationship Diagram adalah untuk
menujukkan objek-objek apa saja yang dilibatkan dalam sebuah basis data dan
bagaimana hubungan yang terjadi di antara objek-objek tersebut. Pada sebuah
sistem yang ruang linkupnya lebar dan kompleks, penggambaran atribut-atribut
dalam sebuah diagram E-R sering kali menggunakan objek yang ingin dicapai. Oleh
Universitas Sumatera Utara
21
karena itu dipisahkan pendeklarasian atribut-atribut dari Entity Relationship
Diagram dan dinyatakan dalam kamus data. Atribut yang berfungsi sebagai key
juga dibedakan dengan yang bukan key dengan menggaris bawahi atribut tersebut.
Simbol-simbol penyusun ERD adalah sebagai berikut:
Tabel 2.2. Simbol-Simbol ERD
No
Nama
Simbol
Fungsi
1
Entitas
Persegi panjang untuk entitas
2
Atribut
Ellips untuk atribut
3
Relasi
Belah ketupat mewakili relasi
4
Garis
Garis menghubungkan
Entitas adalah objek dalam dunia nyata yang dapat dibedakan dengan objek
lain, seperti mahasiswa, dosen, departemen. Sedangkan setiap entitas pasti memiliki
elemen yang disebut atribut yang berfungsi untuk mendeskripsikan karakter dari
entitas tersebut. Misalnya, atribut dari mahasiswa adalah nim dan nama. Relasi
merupakan gambaran antar entitas.
Universitas Sumatera Utara
LANDASAN TEORI
2.1 Website
Website atau Word Wide Web sering disingkat sebagai WWW atau web, yaitu
sebuah sistem dimana informasi dalam bentuk teks, gambar, suara dan lain lain
direpresentasikan dalam bentuk hypertest dan dapat diakses oleh perangkat lunak
yang disebut browser. Kemampuan diatas telah menjadikan website sebagai service
yang paling cepat pertumbuhannya.
Sebuah halaman web biasanya berupa dokumen yang ditulis dalam format
HTML (Hyper Text Markup Language) yang dapat diakses melalui HTTP, yaitu
sebuah protokol yang menyampaikan informasi dari server website untuk
ditampilkan kepada para pemakai melalui web browser.
2.1.1 Sejarah Website
Penemu website adalah Sir Timothy John ‘Tim’ Berners-Lee, sedangkan website
yang tersambung dengan jaringan pertama kali muncul pada tahun 1991. Pada
awalnya, Tim menciptakan website dengan tujuan untuk mempermudah arus
pertukaran dan memperbarui informasi kepada sesama peneliti di CERN, tempat
dia bekerja. Pada tanggal 30 April 1993, CERN menginformasikan bahwa WWW
dapat digunakan gratis oleh semua orang.
Website ditulis atau secara dinamik dikonversi menjadi HTML (Hyper Text
Markup Language) dan diakses melalui sebuah program software yang biasa
Universitas Sumatera Utara
7
disebut web browser. Halaman web dapat dilihat atau diakses melalui jaringan
komputer dan internet, sedangkan perangkatnya bisa berupa personal komputer,
laptop, maupun cell phone. (Komputer Wahana, 2010)
2.1.2 Web Statis
Website statis adalah website yang memiliki halaman front end, yaitu halaman yang
dapat dilihat oleh pengunjung website. Karena fasilitas yang sangat terbatas, isi dari
halaman website statis bersifat tetap atau tidak berubah. Untuk mengganti sebuah
halaman web statis harus dilakukan secara manual dan mengganti semua kode-kode
HTML yang merupakan unsur utama dari sebuah website tersebut.
Website statis biasanya digunakan untuk membuat profil perusahaan, yaitu
jenis website pengumuman berupa brosur online yang sangat sederhana tidak bisa
diubah atau dimodifikasi. (Komputer Wahana, 2010)
2.1.3 Web Dinamis
Website dinamis adalah website yang dapat diubah atau di update. Dalam website
dinamis biasanya terdapat dua halaman, yaitu halaman front end dan back end.
Halaman front end merupakan halaman yang dapat diakses oleh semua user
sedangkan halaman back end merupakan halaman yang hanya dapat diakses oleh
admin yang bersangkutan. Back end biasa disebut dengan CMS (Content
Management System) atau dalam WordPress biasa disebut dengan halaman
dashboard.
Universitas Sumatera Utara
8
Fungsi halaman back end ini adalah untuk mengatur halaman dari front end.
Sebagai contoh untuk pengaturan isi artikel, pengaturan tampilan front end, hingga
tambahan untuk menghias front end. (Komputer Wahana, 2010)
2.2 Pengenalan Internet
Internet merupakan singkatan dari Interconnected Network, yaitu kumpulan
komputer yang terhubung satu dengan yang lainnya dalan sebuah jaringan. Disebut
saling terhubung karena internet menghubungkan komputer dan jaringan-jaringan
komputer yang berada di seluruh dunia menjadi sebuah jaringan komputer yang
sangat besar. Semua jaringan yang terhubung ke internet dapat mengakses semua
informasi yang disediakan di internet secara gratis.
Internet merupakan dunia tanpa batas. Artinya, semua orang mempunyai
hak yang sama di internet. Oleh sebab itu, internet merupakan dunia yang bebas
dimasuki tanpa harus terikat pada peraturan-peraturan negara tertentu dan tanpa
dibatasi oleh batas-batas wilayah teritorial negara tertentu.
Tingginya mobilitas penggunaan internet menuntut jaringan yang fleksibel,
sehingga seseorang yang sedang berpergian tetap dapat mengakses internet
walaupun di dalam mobil yang sedang berjalan, sehingga dikembangkannya
jaringan tanpa kabel (wireless). Berikut manfaat internet secara umum.
1. Mencari informasi (searching) di internet
Searching dilakukan seseorang untuk mencari berita, referensi, maupun bacaan.
dengan searching, pengguna dapat memperoleh informasi yang banyak. Bahkan,
pengguna internet sering meng-upload hasil penelitian, penulisan, dan karya
terbarunya ke internet agar dapat diakses oleh pengguna lain.
Universitas Sumatera Utara
9
2. Berkirim surat (e-mail)
E-mail merupakan suatu kegiatan berkirim surat melalui media internet. E-mail
(electronic mail) sudah banyak digunakan saat ini dan sangat populer. Di mana
pengirim dapat mengirimkan surat secara langsung dan penerima surat yang
tempatnya berjauhan juga dapat secara langsung menerima surat tersebut dengan
syarat keduanya sedang online.
3. Berbelanja online (e-commerce)
E-commerce (electronic commerce) adalah perdagangan yang dilakukan dengan
memanfaatkan
jaringan
telekomunikasi,
terutama
internet.
Internet
memungkinkan orang atau organisasi yang berada pada jarak yang jauh dapat
saling berkomunikasi dengan biaya yang murah. Ada banyak bentuk
perdagangan secara elektronik yang banyak dilakukan saat ini. Misalnya,
pembelian dan penyediaan barang, toko online, dan sebagainya. Di Indonesia
telah disediakan beberapa website khusus untuk penjualan barang-barang seperti
Lazada, TokoPedia, Zalora, dan lain-lain.
4. Internet banking
Internet banking atau electronic banking (e-banking), cyberbanking, virtual
banking, home banking, maupun online banking adalah aktivitas perbankan yang
dilakukan dari rumah, kantor, atau tempat-tempat lain dengan memanfaatkan
internet. Manfaat adanya internet banking bagi nasabah, yaitu nasabah tidak
perlu datang ke bank untuk melakukan transaksi perbankan, nasabah dapat
melakukan transaksi perbankan kapan saja dan di mana saja (asalkan tersedia
fasilitas internet). Sedangkan bagi pihak bank, internet banking memungkinkan
bank untuk mengurangi biaya operasional. Di Indonesia bank-bank yang telah
Universitas Sumatera Utara
10
menyediakan jasa internet banking antara lain Bank BCA, Bank Mandiri, Lippo
Bank, dan lain-lain.
5. Belajar jarak jauh (e-learning)
E-learning atau sering disebut juga dengan e-education adalah kegiatan belajar
pada tempat yang saling berjauhan dengan menggunakan media tertentu,
misalnya Skype. Di Indonesia yang mempunyai program belajar jarak jauh,
misalnya Universitas Terbuka. Internet merupakan alat komunikasi yang murah.
Internet juga memungkinkan terjadinya dialog seseorang dengan orang lain (one
to one communication) dan dialog seseorang dengan banyak orang (one to many
communication). Selain itu, internet juga memungkinkan terjadinya komunikasi
dengan tatap muka melalui teleconference. Pemanfaatan internet akan membuat
proses belajar jarak jauh menjadi lebih efektif dan hasil yang diperoleh pun akan
menjadi lebih maksimal.
6. Mengobrol (chatting)
Chatting adalah kegiatan atau pola bicara di internet. Jika telepon menggunakan
bunyi untuk berkomunikasi, sedangkan chatting di internet menggunakan media
tulisan. Sama halnya dengan fasilitas lainnya, dalam internet menawarkan
kemudahan, kecepatan, dan biaya yang murah.
2.3 HTML
HTML (Hyper Text Markup Language) merupakan bahasa pemrograman web yang
memiliki syntax atau aturan tertentu dalam penulisan dalam menuliskan script atau
kode-kode, sehingga browser dapat menampilkan informasi dengan membaca
kode-kode tersebut. HTML adalah sekumpulan simbol atau tag-tag yang dituliskan
Universitas Sumatera Utara
11
dalam sebuah file yang digunakan untuk menampilkan halaman pada web browser.
Tag-tag HTML selalu diawali dengan dan diakhiri dengan dimana x
berarti p untuk paragraf, h untuk heading, table untuk tabel dan lain sebagainya.
(Anhar, 2010)
2.4 CSS
Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa
komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS
bukan merupakan bahasa pemrograman. Sama halnya style dalam aplikasi
pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style,
misalnya heading, bodytext, footer, images, dan style lainnya untuk dapat
digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS
dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa
HTML.
CSS dapat mengendalikan ukuran gambar, warna pada teks, warna tabel,
ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar
paragraph, spasi antar teks, margin kiri, kanan, atas, bawah dan parameter lainnya.
CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.
Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama
dengan format yang berbeda.
Universitas Sumatera Utara
12
2.5 JavaScript
JavaScript adalah
bahasa
pemrograman
web
yang
bersifat Client
Side Programming Language. Client Side Programming Language adalah tipe
bahasa
pemrograman
yang
pemrosesannya
dilakukan
oleh client.
Aplikasi client yang dimaksud merujuk kepada web browser seperti Google
Chrome dan Mozilla Firefox. Bahasa pemrograman client side berbeda dengan
bahasa pemrograman server side seperti PHP, dimana untuk server side seluruh
kode program dijalankan di sisi server. JavaScript dapat dijalankan hanya dengan
menggunakan aplikasi text editor dan web browser. JavaScript memiliki fitur highlevel programming language, client-side, loosely tiped dan berorientasi objek.
JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi
antara user dengan situs web menjadi lebih cepat tanpa harus menunggu
pemrosesan di web server. Sebelum JavaScript, setiap interaksi dari user harus
diproses oleh web server. Bayangkan ketika mengisi form registrasi untuk
pendaftaran sebuah situs web, lalu meng-klik tombol submit, menunggu sekitar 20
detik untuk website memproses isian form tersebut, dan mendapati halaman yang
menyatakan bahwa terdapat kolom form yang masih belum diisi.
Untuk keperluan seperti inilah JavaScript dikembangkan. Pemrosesan
untuk mengecek apakah seluruh form telah terisi atau tidak, bisa dipindahkan
dari web
server ke
dalam web
browser.
Dalam
perkembangan
selanjutnya, JavaScript tidak hanya berguna untuk validasi form, namun untuk
berbagai keperluan yang lebih modern. Berbagai animasi untuk mempercantik
halaman web, fitur chatting, efek-efek modern, games, semuanya bisa dibuat
menggunakan JavaScript.
Universitas Sumatera Utara
13
2.6 PHP
Hypertext Preprocessor (PHP) adalah bahasa pemrograman scripting server side
artinya di jalankan di server, kemudian link-nya dikirim ke client (browser). Selain
itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum yang digunakan
untuk membuat aplikasi web (Wikipedia). PHP mendukung banyak database
(MySQL, Oracle, Sybase, Solid, PastgreSQL, Generic ODBC, dll).
Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai
dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa
beberapa tahun perkembangannya, PHP menejelma menjadi bahasa pemrograman
web yang powerful dan tidak hanya digunakan untuk membuat halaman web
sederhana, tetapi juga website popular yang digunakan oleh jutaan orang seperti
Wikipedia, WordPress, Joomla, dan lain sebagainya.
PHP dapat digunakan secara gratis (free) dan bersifat open sources. PHP
dirilis dalam lisensi PHP license, sedikit berbeda dengan lisensi GNU General
Public License (GPL) yang biasa digunakan untuk proyek open source. Kemudahan
dan kepopuleran PHP sudah menjadi standar bagi programmer web diseluruh
dunia. Menurut Wikipedia pada Februari 2014, sekitar 82% dari web server di dunia
menggunakan PHP. PHP juga menjadi dasar dari aplikasi CMS (Content
Management System) popular seperti Joamila, Drupal, dan Wordpress.
2.7 MySQL
Database atau basis data adalah kumpulan informasi yang disimpan di dalam
komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program
komputer untuk memperoleh informasi dari database tersebut. Database terbentuk
Universitas Sumatera Utara
14
dari data yang memiliki jenis/sifat yang sama. Ambil contoh, data berupa nama,
kelas, alamat. Semua data tersebut dikumpulkan menjadi satu kelompok data baru,
sebut saja sebagai data mahasiswa. Perangkat lunak yang digunakan untuk
megelola dan memanggil query disebut Database Management System (DBMS),
contoh aplikasinya adalah XAMPP, Oracle, Microsoft Access dan lain sebagainya.
Salah satu bahasa database yang popular adalah SQL.
SQL (Structured Query Language) ialah suatu sintaks perintah tertentu atau
bahasa pemrograman yang digunakan untuk mengelola suatu database. MySQL
dan SQL tidaklah sama. Singkatnya, MySQL ialah perangkat lunaknya dan SQL
adalah bahasa perintahnya.
Beberapa SQL command atau perintrah SQL yang harus diketahui adalah
sebagai berikut:
1. CREATE DATABASE, untuk membuat sebuah database.
2. DROP DATABASE, untuk menghapus sebuah database.
3. CREATE TABLE, untuk membuat sebuah table.
4. ALTER TABLE, untuk memodifikasi sebuah table.
5. DROP TABLE, untuk menghapus sebuah table.
6. SELECT, untuk menampilkan data dari database.
7. UPDATE, untuk memodifikasi sebuah database.
8. INSERT INTO, untuk menambah data di database.
9. DELETE, untuk menghapus data dari database.
Universitas Sumatera Utara
15
2.8 PHP & MySQL Sebagai Web Service
Web service merupakan sesuatu yang berbeda jika dibandingkan dengan website.
Website sendiri dirancang dengan tampilan atau user interface yang baik sedangkan
web service tidak. Web service tidak dirancang untuk berinteraksi langsung dengan
pengguna. Sesuai dengan namanya, web service hanya menyediakan layanan saja.
Sehingga, web service sendiri dapat disebut sebagai sebuah aplikasi yang
dibuat agar dapat dipanggil atau diakses oleh aplikasi lain melalui internet dengan
menggunakan format pertukaran data sebagai pengiriman pesan. Web service juga
memungkinkan untuk dipanggil dengan menggunakan protokol lain seperti SMTP
(Simple Mail Transfer Protocol), namun yang paling umum digunakan ialah HTTP.
Karena web service menggunakan protokol HTTP, tentu PHP sebagai bahasa
pemrograman web menjadi salah satu kekuatan dalam bahasa pemrograman yang
mengelola web service.
Ketika dibandingkan antara MySQL dengan sistem database yang lain,
maka perlu dipikirkan apa yang paling penting sesuai kebutuhan. Apakah tampilan,
support, fitur-fitur SQL, kondisi keamanan dalam lisensi, atau masalah harga.
Dengan pertimbangan tersebut, MySQL memiliki banyak hal yang bisa ditawarkan,
antara lain:
1. Berdasarkan kecepatannya, banyak ahli memberikan pendapat bahwa MySQL
merupakan server tercepat.
2. MySQL memiliki performa tinggi namun merupakan database yang simpel
sehingga mudah di setup dan di konfigurasi.
3. MySQL cenderung gratis untuk penggunaan tertentu.
Universitas Sumatera Utara
16
4. MySQL mengerti bahasa SQL (Structured Query Language) yang merupakan
pilihan sistem database modern.
5. Banyak client dapat mengakses server dalam satu waktu. Mereka dapat
menggunakan banyak database secara simultan.
6. Database MySQL dapat diakses dari semua tempat di internet dengan hak akses
tertentu.
7. MySQL dapat berjalan dalam banyak varian Unix dengan baik, sebaik seperti
saat berjalan di sistem non-Unix.
8. MySQL mudah didapatkan dan memiliki source code yang boleh
disebarluaskan sehingga bisa dikembangkan lebih lanjut.
9. Dapat dikoneksikan pada bahasa C, C++, Java, Perl, PHP dan Python.
Jika hal-hal diatas ialah kelebihan yang dimiliki oleh MySQL, maka
MySQL juga memiliki kekurangan seperti:
1. Untuk koneksi ke bahasa pemrograman visual seperti Visual Basic, Delphi, dan
Foxpro, MySQL kurang mendukung. Karena koneksi ini menyebabkan field
yang dibaca harus sesuai dengan koneksi dari program visual tersebut. Dan ini
yang menyebabkan MySQL jarang dipakai dalam program visual.
2. Data yang ditangani belum begitu besar.
2.9 Sublime Text
Sublime Text Editor adalah text editor untuk berbagai bahasa pemrograman
termasuk pemrograman PHP. Sublime Text Editor merupakan text editor lintas
platform dengan Python Application Programming Interface (API). Sublime Text
Editor juga mendukung banyak bahasa pemrograman dan bahasa markup, dan
Universitas Sumatera Utara
17
fungsinya dapat ditambah dengan plugin, serta Sublime Text Editor tanpa lisensi
perangkat lunak.
Sublime Text Editor pertama kali dirilis pada tanggal 18 Januari 2008, dan
sekarang versi Sublime Text Editor sudah mencapai versi 3 yang dirilis pada
tanggal 29 Januari 2013.
Sublime Text mendukung banyak sistem operasi seperti Linux, Mac Os X,
dan juga Windows. Sangat Banyak fitur yang tersedia pada Sublime Text Editor
diantarnya minimap, membuka script secara side by side, bracket highlight
sehingga tidak bingung dalam mencari pasangannya, kode snippets, drag and drop
direktori ke side bar terasa mirip dengan TextMate untuk Mac OS.
2.10 XAMPP
XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu
buah paket. Dengan menginstal XAMPP maka tidak perlu lagi melakukan instalasi
dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan
menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda atau auto
konfigurasi.
Anda
bisa
men-download
aplikasi
XAMPP
di
//www.apachefriends.org/en/xampp-window.html.
2.11 Flowchart
Flowchart merupakan bagan atau gambar yang memperlihatkan hubungan antar
proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol yang mana
Universitas Sumatera Utara
18
dari tiap-tiap simbol mewakili proses tertentu. Sedangkan hubungan antar proses
digambarkan dengan garis-garis.
Pnenggunaan flowchart tidak terpaku pada perusahaan atau organisasi saja.
Kita dapat memanfaatkan flowchart untuk segala sesuatu yang mengandung
rangkaian kegiatan dan aliran data, bahkan untuk kepentingan pribadi. Menurut
teori, flowchart dapat dibedakan ke dalam tiga kategori yaitu flowchart dokumen,
flowchart sistem, dan flowchart program. Flowchart dokumen menggambarkan
aliran data dan informasi antar area (divisi) dalam sebuah organisasi. (Soeherman
dan Pinontoan, 2008). Berikut ini adalah simbol-simbol standar pada sebuah
flowchart beserta fungsinya.
Tabel 2.1. Simbol-Simbol Flowchart
No
Nama
1
Terminator
2
Arrow
3
Rectangle
4
Trapezium
Simbol
Fungsi
Digunakan untuk mewakili
simbol start atau end.
Menunjukkan alur proses.
Menunjukkan langkah
pemrosesan.
Simbol untuk input-output
Universitas Sumatera Utara
19
Tabel 2.1. Lanjutan
No
5
Nama
Connector
Simbol
Fungsi
Simbol untuk keluar-masuk atau
penyambungan proses pada
halaman yang berbeda.
6
7
8
Manual
Simbol untuk pemasukkan data
Input
secara manual melalui keyboard.
Manual
Operation
Simbol yang menunjukkan
pengolahan yang tidak dilakukan
oleh komputer.
Predefine
Simbol untuk pelaksanaan suatu
Process
bagian (sub prosedur)
9
Decision
10
Document
Simbol yang berfungsi untuk
menyatakan keputusan.
Digunakan untuk mewakili
output.
Universitas Sumatera Utara
20
Tabel 2.1. Lanjutan
No
11
Nama
Simbol
Fungsi
Magnetic
Simbol yang digunakan untuk
Disk
penyimpanan data ke database.
Simbol yang menyatakan
12
Display
peralatan output yang digunakan
seperti layar, printer, plotter, dan
sebagainya.
13
Storage
Data
Simbol yang menyatakan input
yang berasal dari disk atau
disimpan ke disk.
2.12 ERD
Entity Relationship Diagram (ERD) merupakan suatu model untuk menjelaskan
hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang
mempunyai hubungan antar relasi.
Objektif utama dari pembuatan Entity Relationship Diagram adalah untuk
menujukkan objek-objek apa saja yang dilibatkan dalam sebuah basis data dan
bagaimana hubungan yang terjadi di antara objek-objek tersebut. Pada sebuah
sistem yang ruang linkupnya lebar dan kompleks, penggambaran atribut-atribut
dalam sebuah diagram E-R sering kali menggunakan objek yang ingin dicapai. Oleh
Universitas Sumatera Utara
21
karena itu dipisahkan pendeklarasian atribut-atribut dari Entity Relationship
Diagram dan dinyatakan dalam kamus data. Atribut yang berfungsi sebagai key
juga dibedakan dengan yang bukan key dengan menggaris bawahi atribut tersebut.
Simbol-simbol penyusun ERD adalah sebagai berikut:
Tabel 2.2. Simbol-Simbol ERD
No
Nama
Simbol
Fungsi
1
Entitas
Persegi panjang untuk entitas
2
Atribut
Ellips untuk atribut
3
Relasi
Belah ketupat mewakili relasi
4
Garis
Garis menghubungkan
Entitas adalah objek dalam dunia nyata yang dapat dibedakan dengan objek
lain, seperti mahasiswa, dosen, departemen. Sedangkan setiap entitas pasti memiliki
elemen yang disebut atribut yang berfungsi untuk mendeskripsikan karakter dari
entitas tersebut. Misalnya, atribut dari mahasiswa adalah nim dan nama. Relasi
merupakan gambaran antar entitas.
Universitas Sumatera Utara