Perancangan Aplikasi E-commerce Penyewaan Mobil CV. Jaya Abadi Berbasis Web
7
BAB 2
LANDASAN TEORI
2.1
Pengertian Aplikasi
Aplikasi berasal dari kata application yang artinya penerapan atau penggunaan.
Secara istilah aplikasi adalah program siap pakai yang direka untuk melaksanakan
suatu fungsi bagi pengguna atau aplikasi yang lain dan dapat digunakan oleh
sasaran yang dituju. (www.totalinfo.or.id)
2.2
Pengertian Internet
Internet berasal dari kata interconnection-networking, merupakan sistem global
dari seluruh jaringan komputer yang saling terhubung menggunakan standar
Internet Protocol Suite (TCP/IP) untuk melayani milyaran pengguna di seluruh
dunia. Internet juga merupakan sistem komputer umum, yang berhubung secara
global dan
menggunakan TCP/IP sebagai protokol pertukaran paket (packet
switching communication protocol). Rangkaian
dinamakan
Internet.
Cara
menghubungkan
Internet
rangkaian
yang terbesar
ini
dinamakan
Internetworking. (id.wikipedia.org/wiki/Internet)
Sedangkan pengertian Internet menurut segi ilmu pengetahuan, Internet
adalah sebuah perpustakaan besar yang didalamnya terdapat jutaan (bahkan
milyaran) informasi atau data yang dapat berupa teks, grafik, audio maupun
animasi dan lain-lain dalam bentuk media elektronik. Semua orang bisa
berkunjung ke perpustakaan tersebut kapan saja serta dari mana saja, jika dilihat
Universitas Sumatera Utara
8
dari segi komunikasi, Internet adalah sarana yang sangat efektif dan efesien untuk
melakukan pertukaran informasi jarak jauh maupun jarak dekat, seperti di dalam
lingkungan
tempat
pendidikan,
ataupun
instansi
terkait.(www.nesabamedia.com/pengertian-internet)
2.2.1
Network
Network adalah jaringan sistem komunikasi data yang melibatkan sebuah atau
lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi
membentuk satu sistem. Network komputer yang satu dapat menggunakan data di
komputer lain, dapat mencetak laporan di printer komputer lain, dapat memberi
berita ke komputer lain walaupun berlainan area. Network merupakan cara yang
sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus
informasi dari satu area ke area lainnya.
2.2.2
Web Server
Web Server adalah sebuah perangkat lunak server yang berfungsi menerima
permintaan HTTP atau HTTPS dari klien yang dikenal dengan web browser dan
mengirimkan kembali hasilnya dalam bentuk halaman-halaman Web yang
umumnya berbentuk dokumen HTML. Salah satu server Web yang terkenal di
Linux adalah Apache. Apache merupakan server Web antar platform yang dapat
berjalan di beberapa platform seperti Linux dan Windows. Web Server juga
merupakan sebuah komputer yang menyediakan layanan untuk Internet. Server
disebut juga dengan host. Agar dapat memasukkan Web yang dirancang ke dalam
Universitas Sumatera Utara
9
Internet, maka harus memiliki ruangan terlebih dahulu dalam Internet dan
ruangan ini disediakan oleh Server. Itulah yang disebut Web Server.
Macam-macam Web Server antara lain:
1. Apache (Open Source).
2. Xitami.
3. IIS.
4. PWS.
Website merupakan alamat (URL) yang berfungsi sebagai tempat
penyimpanan data dan informasi dengan berdasarkan topik tertentu. URL
adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada
suatu Web Server. Situs atau Web dapat dikategorikan menjadi 2 (dua) yaitu:
1. Web Static, yaitu Web yang menampilkan infomasi–informasi yang
sifatnya statis (tetap).
2. Web Dinamic, yaitu Web yang menampilkan informasi serta dapat
berinteraksi dengan pengguna yang sifatnya dinamis.
2.3.3
World Wide Web (WWW)
World Wide Web (WWW) adalah suatu ruang informasi yang yang dipakai oleh
pengenal global yang disebut Uniform Resource Identifier (URI) untuk
mengidentifikasi sumber-sumber daya yang berguna. Juga merupakan kumpulan
server Web dari seluruh dunia yang mempunyai kegunaan untuk menyediakan
data
dan
informasi
untuk
dapat
digunakan
dalam
jaringan
Internet.
(id.wikipedia.org/wiki/World_Wide_Web)
Universitas Sumatera Utara
10
2.3.4
Hyper Text Transfer Protocol (HTTP)
HTTP Singkatan dari Hypertext Transfer Protocol adalah suatu protokol yang
World Wide Web. HTTP mendefinisikan suatu pesan yang
digunakan oleh
diformat dan dikirimkan dari server ke client. HTTP juga mengatur apa saja
yang harus dilakukan oleh Web server dan juga Web browser sebagai respon atas
perintah-perintah
yang
ada
pada
protokol
HTTP
ini.
(http://gobalbabali.wordpress.com/tugas-sekolah/pengertian-html-http-url-ftpdomain-hosting-dan-www/)
2.3
Hyper Text Markup Language (HTML)
Hyper Text Markup Language (HTML) adalah sebuah bahasa markup yang
digunakan untuk membuat sebuah halaman Web dan menampilkan berbagai
informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang
sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut
dengan SGML (Standard Generalized Markup Language). HTML saat ini
merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya
oleh World Wide Web Consortium (W3C). (https://id.wikipedia.org/wiki/HTML)
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam
dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau
lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks
ditampilkan menjadi tebal seperti: TAMPIL TEBAL penulisannya dilakukan
dengan cara:
TAMPIL TEBAL. Tanda digunakan untuk
Universitas Sumatera Utara
11
mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan
diakhiri dengan tanda untuk menonaktifkan cetak tebal tersebut. Secara garis
besar terdapat 4 (empat) elemen dari HTML:
1. Structural. Tanda yang menentukan level dari sebuah teks, contoh:
Golf akan memerintahkan browser untuk menampilkan
“Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1.
2. Presentational. Tanda yang menentukan tampilan dari sebuah teks
tidak peduli dengan level dari teks tersebut (contoh, boldface
akan menampilkan bold. Tanda ini sudah mulai digantikan oleh CSS
dan tidak direkomendasikan untuk mengatur tampilan teks.
3. Hypertext. Tanda yang menunjukkan bagian dari dokumen tersebut
atau halaman dokumen yang lain. Sebagai contohnya adalah tag ,
pada tag IlmuKita akan
menampilkan Ilmu Kita sebagai sebuah hyperlink ke URL tertentu.
4. Elemen widget yang membuat objek-objek lain seperti tombol
(), list (), dan garis horizontal ().
2.4
Personal Home Page (PHP)
PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar
yang digunakan dalam dunia Website. PHP adalah bahasa pemrograman yang
berbentuk script yang diletakkan didalam Web Server. Ada beberapa pengertian
tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Pre eprocessor.
Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat
ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi
Universitas Sumatera Utara
12
server disebut serverside, berbeda dengan mesin maya Java yang mengeksekusi
program pada sisi klien (client-server).(Kasiman Peranginangin, 2009)
2.4.1
Sejarah PHP
PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1995. Awalnya,
PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja
pengunjung pada homepage. Oleh karena itu, keluar Personal Home Page Tools
versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dan
meluncurkan PHP 2.0. Pada tahun 1996, PHP telah banyak digunakan dalam
Website di dunia. Sebuah kelompok pengembang software yang terdiri dari
Rasmus, Zeew Zuraski, Andi Gutman, Stig Bakken, Shane Caraveo dan Jim
Winstead bekerjasama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun
1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun
2000 diluncurkan PHP 4.0. Tidak berhenti sampai disitu, kemampuan PHP terus
ditambah dan versi terbaru
yang
dikeluarkan adalah PHP 5.0.x. (Kasiman
Peranginangin, 2009).
Universitas Sumatera Utara
13
2.4.2
Konsep Dasar PHP
Kode PHP diawali dengan tanda lebih kecil (). Ada beberapa cara untuk menuliskan skrip PHP yaitu:
1.
2.
Script yang dibuat dengan PHP disimpan dengan nama file dan diikuti
dengan ekstensi *.php, misalnya: coba.php. Bila skrip PHP diakses melalui
komputer local, maka file PHP disimpan di folder htdocs di Web server. Sama
halnya dengan penaman dokumen HTML, pemberian nama dokumen yang sama
tetapi dituliskan dengan bentuk yang berbeda akan dianggap sebagai dokumen
yang berbeda. Skrip dapat disisipkan di bagian manapun dalam dokumen HTML,
begitu pula sebaiknya skrip HTML dapat diletakkan di antara skrip PHP.
(Kasiman Peranginangin, 2009.)
Universitas Sumatera Utara
15
2.5 MySQL
MySQL merupakan software sistem manajemen database (Database Management
System-DBMS) yang sangat popular di kalangan pemrogram Web, terutama di
lingkungan Linux dengan menggunakan skrip dan Ped.
Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap
menggunakan query SQL (perintah SQL) kita harus meletakkannya di dalam
fungsi ini. SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL
termasuk jenis relational database management system (RDBMS). Istilah seperti
tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL, sebuah
database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.
SQL merupakan kependekan Structured Query Language. SQL digunakan
untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi
perintah-perintah untuk menyimpan, menerima, memelihara, dan mengatur akses
ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari
database.(R.W. Rosari, 2008).
2.6 Sublime Text 2
Sublime Text 2 adalah Cross-platform editor teks dan kode sumber dengan
antarmuka pemrograman aplikasi Python (API ). Keasliannya mendukung banyak
bahasa pemrograman dan bahasa markup dan fungsinya dapat diperpanjang oleh
pengguna dengan plugin.(http://tyaskusumaningrum.blogspot.co.id)
Universitas Sumatera Utara
16
2.7 CSS (Cascading Style Sheet)
CSS merupakan kependekan Cascading Style Sheet yang berfungsi untuk
mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut
standar HTML. CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi
format tampilan dan dapat digunakan untuk mengontrol tampilan banyak
dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu jika ingin
mengubah dokumen, maka tidak perlu mengubah satu persatu.
Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS
langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi *.css.
Dengan meyimpan sebagai file tersendiri akan memudahkan untuk mengontrol
tampilan dalam banyak dokumen secara langsung. CSS mendapat dukungan
penuh pada browser versi 4 dan pada versi sebelumnya, hanya Internet Explorer
yang masih mampu mengenal CSS. Tampilan CSS dapat berbeda ketika
ditampilkan pada menu browser yang berbeda. (Diar Puji Oktavian, 2010).
2.8
JavaScript
JavaScript mulanya bernama LiveScript, dikembangkan pertama kali pada tahun
1995
di
Netscape
Communication.
Pada akhir
tahun
1995
Netscape
Communication dan Sun Microsystem mengganti nama LiveScript menjadi
JavaScript.
Universitas Sumatera Utara
17
JavaScript adalah bahasa script yang ditempatkan pada kode HTML
dan diproses pada sisi client. Bahasa ini membuat dokumen HTML menjadi lebih
luas. Sebagai contoh digunakan untuk validasi masukan formulir sebelum
diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga
bisa untuk menambah design Web. (https://id.wikipedia.org/wiki/JavaScript)
2.9
Data Flow Diagram
Data Flow Diagram
(DFD) adalah suatu diagram yang menggunakan notasi
untuk menggambarkan arus dari data sistem yang penggunaannya sangat
membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD
merupakan alat bantu dalam menjelaskan DFD ini sering disebut juga dengan
nama Bubble chart atau diagram alur kerja.
Data Flow Diagram (DFD) adalah alat pembuatan model yang
memungkinkan sistem untuk menggambarkan suatu jaringan proses fungsional
yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun
komputerisasi. (https://id.wikipedia.org/wiki/JavaScript)
DFD adalah salah satu alat pembuatan model yang sering digunakan
terutama bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan
kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD
adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi
sistem.
Universitas Sumatera Utara
18
DFD ini merupakan alat perancangan sistem yang berorientasi pada alur
data dengan konsep dekomposisi yang dapat digunakan untuk penggambaran
analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional
sistem kepada pemakai maupun pembuat program.
Tabel 2.1 Simbol-simbol Data Flow Diagram
No.
Simbol
Fungsi
1.
Eksternal
Entity
merupakan
kesatuan
di luar lingkungan system yang dapat berupa
seseorang, organisasi yang dapat mengirimkan
data atau menerima data dari sistem.
2.
Arus data merupakan tempat mengalirnya
informasi menunjukan arus data berupa sistem.
3.
Proses merupakan pengolahan data atau aliran
data masuk menjadi data aliran keluar.
4.
Penyimpanan
data
merupakan
tempat
penyimpanan data yang ada di dalam sistem.
Universitas Sumatera Utara
19
2.10
Flowchart
Flowchart adalah sekumpulan simbol yang menggambarkan rangkaian kegitan
program dari awal hingga akhir. Jadi flowchart juga dapat digunakan untuk
menggambarkan urutan langkah-langkah pekerjaan dalam suatu algoritma.
Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan dan dibagi
menjadi 3 (tiga) kelompok yaitu:
Tabel 2.2 Flow Direction Symbols
NO
Simbol
Fungsi
1
Simbol Konektor Offline (Simbol
keluar/masuk prosedure atau proses
lembar/halaman yang lain).
untuk
dalam
2
Simbol Konektor (Simbol untuk keluar/masuk
prosedur atau proses dalam lembar/halaman
yang sama)
Simbol Link Komunikasi (simbol informasi dari
satu lokasi ke lokasi lainnya)
3.
Universitas Sumatera Utara
20
Tabel 2.3 Tabel Processing Symbols
NO
1
Simbol
Fungsi
Simbol Proses (Simbol yang menunjukkan
pengolahan yang dilakukan oleh komputer)
2
Simbol
Operasi
Manual
(Simbol
yang
menunjukkan pengolahan yang tidak dilakukan oleh
komputer)
3
Simbol Keputusan (Simbol untuk kondisi yang
akan
menghasilkan
beberapa
kemungkinan
jawaban/aksi).
4
Simbol Proses Sebelumnya (Simbol untuk
mempersiapkan penyimpanan yang
akan
digunakan sebagai tempat pengolahan di dalam
storage)
5
Simbol Terminal (Simbol untuk permulaan atau
akhir dari suatu program)
6
Simbol Penyimpanan Offline (Simbol
yang
menunjukkan bahwa data di dalam symbol ini akan
disimpan)
8
Simbol Input Manual (Simbol untuk pemasukan
data secara manual on-line keyboard)
9
Simbol Kunci Keyboard (Simbol operasi dengan
menggunakan mesin yang mempunyai keyboard)
Universitas Sumatera Utara
21
Table 2.4 Tabel Input-Output Symbols
NO
1
2
Simbol
Fungsi
Simbol input-output (Simbol yang
menyatakan proses input dan output tanpa
tergantung dengan jenis peralatannya)
Simbol
Pita
Magnetik
(Simbol
yang
menyatakan input berasal pita magnetik atau
output disimpan ke pita magnetic)
3
Simbol Penekanan Kartu
(Simbol
yang
menyatakan input berasal dari kartu atau output
ditulis ke kartu)
4
Simbol Disk dan Penyimpana Online (Simbol
untuk menyatakan input berasal dari disk
atau output disimpan ke disk)
5
Simbol Disk dan Penyimpana Online (Simbol
untuk menyatakan input berasal dari disk
atau output disimpan ke disk)
6
Simbol Pita Transmisi (Simbol
menyatakan input berasal dari
jumlah/hitung)
untuk
mesin
Simbol Dokumen (Simbol yang menyatakan
input berasal dari dokumen dalam bentuk kertas
atau output dicetak ke kertas)
7
Universitas Sumatera Utara
22
2.11
Entity Relationship Diagram (ERD)
Menurut Fathansyah (2001), Entity Relationship Diagram merupakan diagram
yang berisi komponen himpunan entitas dan himpunan relasi yang masing-masing
dilengkapi dengan atribut-atribut yang mempresentasikan seluruh fakta yang
ditinjau. Berikut ini merupakan simbol-simbol yang digunakan dalam pembuatan
ERD.
Tabel 2.5 Simbol ERD
No.
Simbol
Fungsi
1
Menunjukkan himpunan entitas yang merupakan
suatu obyek yang dapat diidentifikasi dalam
lingkungan pemakai.
2
Menujukkan
atribut
yang
mendeskrisikan karakter entitas.
berfungsi
Menunjukkan himpunan relasi antar entitas.
3
4
Digunakan sebagai penghubung antara himpunan
relasi dengan himpunan entitas dan himpunan
entitas dengan atributnya.
Universitas Sumatera Utara
BAB 2
LANDASAN TEORI
2.1
Pengertian Aplikasi
Aplikasi berasal dari kata application yang artinya penerapan atau penggunaan.
Secara istilah aplikasi adalah program siap pakai yang direka untuk melaksanakan
suatu fungsi bagi pengguna atau aplikasi yang lain dan dapat digunakan oleh
sasaran yang dituju. (www.totalinfo.or.id)
2.2
Pengertian Internet
Internet berasal dari kata interconnection-networking, merupakan sistem global
dari seluruh jaringan komputer yang saling terhubung menggunakan standar
Internet Protocol Suite (TCP/IP) untuk melayani milyaran pengguna di seluruh
dunia. Internet juga merupakan sistem komputer umum, yang berhubung secara
global dan
menggunakan TCP/IP sebagai protokol pertukaran paket (packet
switching communication protocol). Rangkaian
dinamakan
Internet.
Cara
menghubungkan
Internet
rangkaian
yang terbesar
ini
dinamakan
Internetworking. (id.wikipedia.org/wiki/Internet)
Sedangkan pengertian Internet menurut segi ilmu pengetahuan, Internet
adalah sebuah perpustakaan besar yang didalamnya terdapat jutaan (bahkan
milyaran) informasi atau data yang dapat berupa teks, grafik, audio maupun
animasi dan lain-lain dalam bentuk media elektronik. Semua orang bisa
berkunjung ke perpustakaan tersebut kapan saja serta dari mana saja, jika dilihat
Universitas Sumatera Utara
8
dari segi komunikasi, Internet adalah sarana yang sangat efektif dan efesien untuk
melakukan pertukaran informasi jarak jauh maupun jarak dekat, seperti di dalam
lingkungan
tempat
pendidikan,
ataupun
instansi
terkait.(www.nesabamedia.com/pengertian-internet)
2.2.1
Network
Network adalah jaringan sistem komunikasi data yang melibatkan sebuah atau
lebih sistem komputer yang dihubungkan dengan jalur transmisi alat komunikasi
membentuk satu sistem. Network komputer yang satu dapat menggunakan data di
komputer lain, dapat mencetak laporan di printer komputer lain, dapat memberi
berita ke komputer lain walaupun berlainan area. Network merupakan cara yang
sangat berguna untuk mengintegrasikan sistem informasi dan menyalurkan arus
informasi dari satu area ke area lainnya.
2.2.2
Web Server
Web Server adalah sebuah perangkat lunak server yang berfungsi menerima
permintaan HTTP atau HTTPS dari klien yang dikenal dengan web browser dan
mengirimkan kembali hasilnya dalam bentuk halaman-halaman Web yang
umumnya berbentuk dokumen HTML. Salah satu server Web yang terkenal di
Linux adalah Apache. Apache merupakan server Web antar platform yang dapat
berjalan di beberapa platform seperti Linux dan Windows. Web Server juga
merupakan sebuah komputer yang menyediakan layanan untuk Internet. Server
disebut juga dengan host. Agar dapat memasukkan Web yang dirancang ke dalam
Universitas Sumatera Utara
9
Internet, maka harus memiliki ruangan terlebih dahulu dalam Internet dan
ruangan ini disediakan oleh Server. Itulah yang disebut Web Server.
Macam-macam Web Server antara lain:
1. Apache (Open Source).
2. Xitami.
3. IIS.
4. PWS.
Website merupakan alamat (URL) yang berfungsi sebagai tempat
penyimpanan data dan informasi dengan berdasarkan topik tertentu. URL
adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada
suatu Web Server. Situs atau Web dapat dikategorikan menjadi 2 (dua) yaitu:
1. Web Static, yaitu Web yang menampilkan infomasi–informasi yang
sifatnya statis (tetap).
2. Web Dinamic, yaitu Web yang menampilkan informasi serta dapat
berinteraksi dengan pengguna yang sifatnya dinamis.
2.3.3
World Wide Web (WWW)
World Wide Web (WWW) adalah suatu ruang informasi yang yang dipakai oleh
pengenal global yang disebut Uniform Resource Identifier (URI) untuk
mengidentifikasi sumber-sumber daya yang berguna. Juga merupakan kumpulan
server Web dari seluruh dunia yang mempunyai kegunaan untuk menyediakan
data
dan
informasi
untuk
dapat
digunakan
dalam
jaringan
Internet.
(id.wikipedia.org/wiki/World_Wide_Web)
Universitas Sumatera Utara
10
2.3.4
Hyper Text Transfer Protocol (HTTP)
HTTP Singkatan dari Hypertext Transfer Protocol adalah suatu protokol yang
World Wide Web. HTTP mendefinisikan suatu pesan yang
digunakan oleh
diformat dan dikirimkan dari server ke client. HTTP juga mengatur apa saja
yang harus dilakukan oleh Web server dan juga Web browser sebagai respon atas
perintah-perintah
yang
ada
pada
protokol
HTTP
ini.
(http://gobalbabali.wordpress.com/tugas-sekolah/pengertian-html-http-url-ftpdomain-hosting-dan-www/)
2.3
Hyper Text Markup Language (HTML)
Hyper Text Markup Language (HTML) adalah sebuah bahasa markup yang
digunakan untuk membuat sebuah halaman Web dan menampilkan berbagai
informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang
sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut
dengan SGML (Standard Generalized Markup Language). HTML saat ini
merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya
oleh World Wide Web Consortium (W3C). (https://id.wikipedia.org/wiki/HTML)
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam
dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau
lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks
ditampilkan menjadi tebal seperti: TAMPIL TEBAL penulisannya dilakukan
dengan cara:
TAMPIL TEBAL. Tanda digunakan untuk
Universitas Sumatera Utara
11
mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan
diakhiri dengan tanda untuk menonaktifkan cetak tebal tersebut. Secara garis
besar terdapat 4 (empat) elemen dari HTML:
1. Structural. Tanda yang menentukan level dari sebuah teks, contoh:
Golf akan memerintahkan browser untuk menampilkan
“Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1.
2. Presentational. Tanda yang menentukan tampilan dari sebuah teks
tidak peduli dengan level dari teks tersebut (contoh, boldface
akan menampilkan bold. Tanda ini sudah mulai digantikan oleh CSS
dan tidak direkomendasikan untuk mengatur tampilan teks.
3. Hypertext. Tanda yang menunjukkan bagian dari dokumen tersebut
atau halaman dokumen yang lain. Sebagai contohnya adalah tag ,
pada tag IlmuKita akan
menampilkan Ilmu Kita sebagai sebuah hyperlink ke URL tertentu.
4. Elemen widget yang membuat objek-objek lain seperti tombol
(), list (), dan garis horizontal ().
2.4
Personal Home Page (PHP)
PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar
yang digunakan dalam dunia Website. PHP adalah bahasa pemrograman yang
berbentuk script yang diletakkan didalam Web Server. Ada beberapa pengertian
tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Pre eprocessor.
Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat
ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi
Universitas Sumatera Utara
12
server disebut serverside, berbeda dengan mesin maya Java yang mengeksekusi
program pada sisi klien (client-server).(Kasiman Peranginangin, 2009)
2.4.1
Sejarah PHP
PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1995. Awalnya,
PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja
pengunjung pada homepage. Oleh karena itu, keluar Personal Home Page Tools
versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dan
meluncurkan PHP 2.0. Pada tahun 1996, PHP telah banyak digunakan dalam
Website di dunia. Sebuah kelompok pengembang software yang terdiri dari
Rasmus, Zeew Zuraski, Andi Gutman, Stig Bakken, Shane Caraveo dan Jim
Winstead bekerjasama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun
1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun
2000 diluncurkan PHP 4.0. Tidak berhenti sampai disitu, kemampuan PHP terus
ditambah dan versi terbaru
yang
dikeluarkan adalah PHP 5.0.x. (Kasiman
Peranginangin, 2009).
Universitas Sumatera Utara
13
2.4.2
Konsep Dasar PHP
Kode PHP diawali dengan tanda lebih kecil (). Ada beberapa cara untuk menuliskan skrip PHP yaitu:
1.
2.
Script yang dibuat dengan PHP disimpan dengan nama file dan diikuti
dengan ekstensi *.php, misalnya: coba.php. Bila skrip PHP diakses melalui
komputer local, maka file PHP disimpan di folder htdocs di Web server. Sama
halnya dengan penaman dokumen HTML, pemberian nama dokumen yang sama
tetapi dituliskan dengan bentuk yang berbeda akan dianggap sebagai dokumen
yang berbeda. Skrip dapat disisipkan di bagian manapun dalam dokumen HTML,
begitu pula sebaiknya skrip HTML dapat diletakkan di antara skrip PHP.
(Kasiman Peranginangin, 2009.)
Universitas Sumatera Utara
15
2.5 MySQL
MySQL merupakan software sistem manajemen database (Database Management
System-DBMS) yang sangat popular di kalangan pemrogram Web, terutama di
lingkungan Linux dengan menggunakan skrip dan Ped.
Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap
menggunakan query SQL (perintah SQL) kita harus meletakkannya di dalam
fungsi ini. SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL
termasuk jenis relational database management system (RDBMS). Istilah seperti
tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL, sebuah
database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.
SQL merupakan kependekan Structured Query Language. SQL digunakan
untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi
perintah-perintah untuk menyimpan, menerima, memelihara, dan mengatur akses
ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari
database.(R.W. Rosari, 2008).
2.6 Sublime Text 2
Sublime Text 2 adalah Cross-platform editor teks dan kode sumber dengan
antarmuka pemrograman aplikasi Python (API ). Keasliannya mendukung banyak
bahasa pemrograman dan bahasa markup dan fungsinya dapat diperpanjang oleh
pengguna dengan plugin.(http://tyaskusumaningrum.blogspot.co.id)
Universitas Sumatera Utara
16
2.7 CSS (Cascading Style Sheet)
CSS merupakan kependekan Cascading Style Sheet yang berfungsi untuk
mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut
standar HTML. CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi
format tampilan dan dapat digunakan untuk mengontrol tampilan banyak
dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu jika ingin
mengubah dokumen, maka tidak perlu mengubah satu persatu.
Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS
langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi *.css.
Dengan meyimpan sebagai file tersendiri akan memudahkan untuk mengontrol
tampilan dalam banyak dokumen secara langsung. CSS mendapat dukungan
penuh pada browser versi 4 dan pada versi sebelumnya, hanya Internet Explorer
yang masih mampu mengenal CSS. Tampilan CSS dapat berbeda ketika
ditampilkan pada menu browser yang berbeda. (Diar Puji Oktavian, 2010).
2.8
JavaScript
JavaScript mulanya bernama LiveScript, dikembangkan pertama kali pada tahun
1995
di
Netscape
Communication.
Pada akhir
tahun
1995
Netscape
Communication dan Sun Microsystem mengganti nama LiveScript menjadi
JavaScript.
Universitas Sumatera Utara
17
JavaScript adalah bahasa script yang ditempatkan pada kode HTML
dan diproses pada sisi client. Bahasa ini membuat dokumen HTML menjadi lebih
luas. Sebagai contoh digunakan untuk validasi masukan formulir sebelum
diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga
bisa untuk menambah design Web. (https://id.wikipedia.org/wiki/JavaScript)
2.9
Data Flow Diagram
Data Flow Diagram
(DFD) adalah suatu diagram yang menggunakan notasi
untuk menggambarkan arus dari data sistem yang penggunaannya sangat
membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD
merupakan alat bantu dalam menjelaskan DFD ini sering disebut juga dengan
nama Bubble chart atau diagram alur kerja.
Data Flow Diagram (DFD) adalah alat pembuatan model yang
memungkinkan sistem untuk menggambarkan suatu jaringan proses fungsional
yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun
komputerisasi. (https://id.wikipedia.org/wiki/JavaScript)
DFD adalah salah satu alat pembuatan model yang sering digunakan
terutama bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan
kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD
adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi
sistem.
Universitas Sumatera Utara
18
DFD ini merupakan alat perancangan sistem yang berorientasi pada alur
data dengan konsep dekomposisi yang dapat digunakan untuk penggambaran
analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional
sistem kepada pemakai maupun pembuat program.
Tabel 2.1 Simbol-simbol Data Flow Diagram
No.
Simbol
Fungsi
1.
Eksternal
Entity
merupakan
kesatuan
di luar lingkungan system yang dapat berupa
seseorang, organisasi yang dapat mengirimkan
data atau menerima data dari sistem.
2.
Arus data merupakan tempat mengalirnya
informasi menunjukan arus data berupa sistem.
3.
Proses merupakan pengolahan data atau aliran
data masuk menjadi data aliran keluar.
4.
Penyimpanan
data
merupakan
tempat
penyimpanan data yang ada di dalam sistem.
Universitas Sumatera Utara
19
2.10
Flowchart
Flowchart adalah sekumpulan simbol yang menggambarkan rangkaian kegitan
program dari awal hingga akhir. Jadi flowchart juga dapat digunakan untuk
menggambarkan urutan langkah-langkah pekerjaan dalam suatu algoritma.
Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan dan dibagi
menjadi 3 (tiga) kelompok yaitu:
Tabel 2.2 Flow Direction Symbols
NO
Simbol
Fungsi
1
Simbol Konektor Offline (Simbol
keluar/masuk prosedure atau proses
lembar/halaman yang lain).
untuk
dalam
2
Simbol Konektor (Simbol untuk keluar/masuk
prosedur atau proses dalam lembar/halaman
yang sama)
Simbol Link Komunikasi (simbol informasi dari
satu lokasi ke lokasi lainnya)
3.
Universitas Sumatera Utara
20
Tabel 2.3 Tabel Processing Symbols
NO
1
Simbol
Fungsi
Simbol Proses (Simbol yang menunjukkan
pengolahan yang dilakukan oleh komputer)
2
Simbol
Operasi
Manual
(Simbol
yang
menunjukkan pengolahan yang tidak dilakukan oleh
komputer)
3
Simbol Keputusan (Simbol untuk kondisi yang
akan
menghasilkan
beberapa
kemungkinan
jawaban/aksi).
4
Simbol Proses Sebelumnya (Simbol untuk
mempersiapkan penyimpanan yang
akan
digunakan sebagai tempat pengolahan di dalam
storage)
5
Simbol Terminal (Simbol untuk permulaan atau
akhir dari suatu program)
6
Simbol Penyimpanan Offline (Simbol
yang
menunjukkan bahwa data di dalam symbol ini akan
disimpan)
8
Simbol Input Manual (Simbol untuk pemasukan
data secara manual on-line keyboard)
9
Simbol Kunci Keyboard (Simbol operasi dengan
menggunakan mesin yang mempunyai keyboard)
Universitas Sumatera Utara
21
Table 2.4 Tabel Input-Output Symbols
NO
1
2
Simbol
Fungsi
Simbol input-output (Simbol yang
menyatakan proses input dan output tanpa
tergantung dengan jenis peralatannya)
Simbol
Pita
Magnetik
(Simbol
yang
menyatakan input berasal pita magnetik atau
output disimpan ke pita magnetic)
3
Simbol Penekanan Kartu
(Simbol
yang
menyatakan input berasal dari kartu atau output
ditulis ke kartu)
4
Simbol Disk dan Penyimpana Online (Simbol
untuk menyatakan input berasal dari disk
atau output disimpan ke disk)
5
Simbol Disk dan Penyimpana Online (Simbol
untuk menyatakan input berasal dari disk
atau output disimpan ke disk)
6
Simbol Pita Transmisi (Simbol
menyatakan input berasal dari
jumlah/hitung)
untuk
mesin
Simbol Dokumen (Simbol yang menyatakan
input berasal dari dokumen dalam bentuk kertas
atau output dicetak ke kertas)
7
Universitas Sumatera Utara
22
2.11
Entity Relationship Diagram (ERD)
Menurut Fathansyah (2001), Entity Relationship Diagram merupakan diagram
yang berisi komponen himpunan entitas dan himpunan relasi yang masing-masing
dilengkapi dengan atribut-atribut yang mempresentasikan seluruh fakta yang
ditinjau. Berikut ini merupakan simbol-simbol yang digunakan dalam pembuatan
ERD.
Tabel 2.5 Simbol ERD
No.
Simbol
Fungsi
1
Menunjukkan himpunan entitas yang merupakan
suatu obyek yang dapat diidentifikasi dalam
lingkungan pemakai.
2
Menujukkan
atribut
yang
mendeskrisikan karakter entitas.
berfungsi
Menunjukkan himpunan relasi antar entitas.
3
4
Digunakan sebagai penghubung antara himpunan
relasi dengan himpunan entitas dan himpunan
entitas dengan atributnya.
Universitas Sumatera Utara