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 Internet yang terbesar
dinamakan Internet. Cara menghubungkan rangkaian ini dinamakan Internetworking. (id.wikipedia.org/wiki/Internet)
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
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
2.3.4 Hyper Text Transfer Protocol (HTTP)
HTTP Singkatan dari Hypertext Transfer Protocol adalah suatu protokol yang
digunakan oleh World Wide Web. HTTP mendefinisikan suatu pesan yang 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-ftp-domain-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
mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. Secara garis besar terdapat 4 (empat) elemen dari HTML:
1. Structural. Tanda yang menentukan level dari sebuah teks, contoh: <h1>Golf</h1> 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, <b>boldface</b> 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 <a>, pada tag <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan Ilmu Kita sebagai sebuah hyperlink ke URL tertentu. 4. Elemen widget yang membuat objek-objek lain seperti tombol
(<button>), list (<li>), dan garis horizontal (<hr>).
2.4 Personal Home Page (PHP)
PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar
server disebut serverside, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi klien (client-server).(Kasiman Peranginangin, 2009)
2.4.1 Sejarah PHP
2.4.2 Konsep Dasar PHP
Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada beberapa cara untuk menuliskan skrip PHP yaitu:
1. <?
...skrip PHP ?>
2. <script language=”PHP”
...skrip PHP </script> 3. <%
....skrip PHP %>
Pemisah antar instruksi adalah tanda titik koma (;) dan untuk membuat atau menambahkan komentar penulisan adalah: /* komentar */, // komentar, # komentar. Untuk menuliskan skrip PHP ada 2 (dua) cara yang sering digunakan yaitu Embedded Script dan Non-Embedded Script.
a. Embedded Script adalah Script PHP yang disisipkan antara tag dokumen HTML. Contoh penulisan Embedded Script:
<html>
<head><title>Embedded Script</title></head> <body>
echo “Hallo, selamat menggunakan PHP”;
?> </body> </html>
b. Non-Embedded Script adalah skrip PHP murni, tag html yang digunakan untuk membuat dokumen merupakan bagian dari skrip PHP. Contoh penulisan dari Non-Embedded Script:
<?php
echo “<html>”: echo “<head>”:
echo “<title>Mengenal PHP</title>”: echo “</head>”:
echo “<body>”:
echo “<p>PHP itu mudah</p>”: echo “</body>”:
echo “<html>”: ?>
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
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 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 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.
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 untuk keluar/masuk prosedure atau proses dalam lembar/halaman yang lain).
2
Simbol Konektor (Simbol untuk keluar/masuk prosedur atau proses dalam lembar/halaman yang sama)
3.
Simbol Link Komunikasi (simbol informasi dari satu lokasi ke lokasi lainnya)
Tabel 2.3 Tabel Processing Symbols
NO Simbol Fungsi
1
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)
Table 2.4 Tabel Input-Output Symbols
NO Simbol Fungsi
1
Simbol input-output (Simbol yang
menyatakan proses input dan output tanpa tergantung dengan jenis peralatannya)
2
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 untuk menyatakan input berasal dari mesin jumlah/hitung)
7
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 berfungsi mendeskrisikan karakter entitas.
3
Menunjukkan himpunan relasi antar entitas.
4
Digunakan sebagai penghubung antara himpunan relasi dengan himpunan entitas dan himpunan entitas dengan atributnya.
