commit to user 5
BAB II
LANDASAN TEORI
2.1 Aplikasi web
Aplikasi web adalah jenis aplikasi yang diakses melalui browser, misalnya
Explorer dan Mozilla Firefox. Denga menggunakan aplikasi web, kita hany aperlu menempatkan aplikasi dalam sebuah server dan dengan sendirinya aplikasi tersebut dapat diakses dari manapun, sepanjang pemakai dapat mengakses web
server-nya. Web Server adalah server yang melayani permintaan aplikasi web.
Aplikasi web yang paling dasar ditulis dengan menggunakan HTML. Sebagaimana diketahui, HTML (Hypertext Markup Language) adalah bahasa standar untuk membuat halaman – halaman web. (Abdul Kadir, 2009)
2.2 Percabangan dan Perulangan Program
Proses percabangan memperluas kegunaan dari program dengan
memperbolehkan penggunaan logika-logika sederhana untuk memilih blok-blok kode yang akan dieksekusi.
Perulangan (looping) digunakan untuk mengulang blok kode untuk sejumlah perulangan tertentu. Selain itu, perulangan juga bisa dipakai untuk mengulang blok-blok kode hingga suatu kondisi boolean tertentu terpenuhi. (Hanif A. Fatta, 2006)
2.3 Bahasa Pemrograman Java
Java merupakan bahasa pemrograman yang disusun oleh James Gosling yang dibantu oleh rekan-rekannya di suatu perusahaan perangkat lunak yang bernama
Sun Microsystems, pada tahun 1991. Bahasa pemrograman ini mula-mula
diinisialisasi dengan nama “Oak”, namun pada tahun 1995 diganti namanya
menjadi “Java”.
2.3.1 Pengertian Java
Menurut definisi Sun Microsystem, di dalam buku M. Shalahuddin dan Rosa A.S. (2010 : 1) Java adalah nama sekumpulan teknologi untuk membuat dan
commit to user
menjalankan perangkat lunak pada komputer yang berdiri sendiri (standalone)
ataupun pada lingkungan jaringan.
Java berdiri di atas sebuah mesin penterjemah (interpreter) yang diberi nama
Java Virtual Machine (JVM). JVM inilah yang akan membaca kode bit (bytecode)
dalam file .class dari suatu program sebagai representasi langsung program yang berisi bahasa mesin. Oleh karena itu bahasa Java disebut sebagai bahasa pemrograman yang portable karena dapat dijalankan pada berbagai sistem
operasi, asalkan pada system operasi tersebut terdapat JVM. Alasan utama pembentukan bahasa Java adalah untuk membuat aplikasi-aplikasi yang dapat diletakkan di berbagai macam perangkat elektronik, sehingga Java harus bersifat tidak bergantung pada platform (platform independent). Itulah yang menyebabkan dalam dunia pemrograman Java dikenal adanya istilah „write once, run
everywhere‟, yang berarti kode program hanya ditulis sekali, namun dapat 9
dijalankan di bawah kumpulan pustaka (platform) manapun, tanpa harus melakukan perubahan kode program.
2.4 Diagram Konteks (Context Diagram)
Diagram konteks adalah sebuah diagram sederhana yang menggambarkan hubungan antara entity luar, masukan dan keluaran dari sistem. Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. (Kristanto 2003).
2.5 DFD ( Data Flow Diagram)
Menurut Hartono (1999), “DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir (misalnya lewat telepon) atau lingkungan fisik dimana data tersebut akan disimpan (misalnya harddisk, disket, file kartu)”.
Sehingga dapat disimpulkan bahwa DFD merupakan penggambaran system yang menggunakan bentuk simbol untuk menggambarkan aliran data dalam suatu
commit to user
proses yang saling berhubungan. Secara lengkap gambar simbol DFD (Data Flow Diagram) berdasarkan teori Yourdon/De Marco dapat dilihat pada Tabel 2.1
Tabel 2.1 Simbol Diagram Arus Data
No Nama Simbol Keterangan
1 Entity luar Entity luar merupakan sumber
atau tujuan dari aliran data dari atau ke system
2 Aliran Data Menggambarkan aliran data dari
suatu proses ke proses lainnya
3 Proses
Proses yang mengubah input
menjadi output
4 Berkas atau
tempat penyimpanan
Berupa file atau database pada sistem komputer
2.5.1 DFD Level 0
DFD Level 0 adalah diagram yang menggambarkan proses dari dataflow diagram. Diagram ini memberikan pandangan secara menyeluruh mengenai sistem yang ditangani, menunjukkan tentang fungsi-fungsi utama atau proses yang ada, aliran data, dan entitas eksternal. Menurut Tata Sutabri menyatakan bahwa “DFD level 0 dibuat untuk menggambarkan tahapan proses yang ada dalam diagram konteks, yang penjabarannya lebih terperinci.” Sedangkan menurut Kendall menyatakan DFD level 0 adalah sebagai berikut “Diagram 0 adalah pengembangan diagram konteks dan bisa mencakup sampai sembilan proses.” Jadi dapat ditarik kesimpulan, bahwa DFD level 0 adalah
commit to user
pengembangan diagram konteks yang menggambarkan tahapan proses yang ada dalam diagram konteks.
2.5.2 DFD Level 1
DFD Level 1 adalah diagram yang menguraikan proses apa yang adadalam DFD Level 0 atau diagram level diatasnya. Pengertian DFD level 1 menurut Tata Sutabri adalah sebagai berikut “DFD level 1 dibuat untuk menggambarkan arus data secara lebih mendetail lagi dari tahapan proses yang ada pada DFD level 0.” Sedangkan menurut Kendall menyatakan DFD level 1 adalah sebagai berikut “Diagram anak adalah proses pada diagram 0 yang dikembangkan semua aliran data yang menuju dari proses induk harus ditunjukkan mengalir ke dalam/ keluar di diagram anak.” Jadi dapat ditarik kesimpulan, bahwa diagram level 1 adalah proses pada diagram 0 yang menggambarkan arus data secara lebih rinci.
2.6 ERD
Entity Relationship Diagram (ERD) adalah suatu model jaringan (network)
yang menggunakan susunan data yang disimpan dalam sistem secara abstrak. Tujuan utama dari penggambaran ERD adalah untuk menunjukkan struktur objek data (entity) dan hubungan (relationship) yang ada pada objek tersebut. ERD berguna bagi professional sistem, karena ERD memperlihatkan hubungan antara data store pada DFD. (Fatansyah, 2001). Komponen utama ERD dapat dilihat pada tabel 2.2
Tabel 2.2 Simbol-simbol ERD
Nama Simbol Simbol Keterangan
Entitas Digunakan untuk menggambarkan
obyek yang dapat diidentifikasikan dalam lingkungan pemakai.
Atribut Digunakan untuk menggambarkan
elemen-elemen dari suatu entitas, yang menggambarkan karakter entitas.
commit to user Hubungan
Entitas dapat berhubungan satu sama lain. Hubungan disebut dengan relasi.
Garis Digunakan untuk menghubungkan
entitas dan entitas dengan atribut.
2.7 Kardinalitas
Kardinalitas mengacu pada berapa kali instance dari suatu entitas dapat berelasi dengan instance lain di entitas yang berbeda. Satu instance dalam suatu entitas mengacu pada satu dan hanya satu instance pada entitas lainnya (1:1). Satu instance dalam suatu entitas mengacu ke satu atau lebih instance yang berelasi (1:N). Satu atau lebih instance dalam suatu entitas mengacu pada satu atau lebih instance pada entitas yang berelasi (N:N). (Hanif Al Fatta , 2007)
2.8 Relasi tabel
Pengertian Table Relasi menurut (Fathansyah, 2001) adalah “Data yang menggambarkan hubungan antara table yang satu dengan table yang lainnya”. Model basis data relational sering pula disebut sebagai model Relasional atau Basis Data Relasional. Model Basis Data ini ditemukan atau diperkenalkan pertama kalinya oleh E.F Codd. Model basis data menunjukan suatu cara atau mekanisme yang digunakan untuk mengelola atau mengorganisasi data secara fisik dalam memori sekunder yang berdampak pula pada bagaimana kita mengelompokan dan membentuk keseluruhan data yang terkait dalam sistem yang sedang ditinjau.
2.9 Flowchart
Flowchart adalah representasi grafis dari langkah – langkah yang harus diikuti dalam menyelesaikan suatu permasalahan yang terdiri atas sekumpulan simbol, dimana masing – masing simbol merepresentasikan kegiatan tertentu. Flowchart diawali dengan penerimaan input dan diakhiri dengan penampilan output.
commit to user
Sebuah flowchart pada umumnya tidak menampilkan instruksi bahasa pemrograman, namun menetapkan konsep solusi dalam bahasa manusia ataupun notasi matematis.
Berikut ini akan dibahas tentang simbol – simbol yang digunakan dalam menyusun flowchart, kegiatan yang diwakili serta aturan yang diterapkan dalam penggunaan simbol tersebut pada Tabel 2.3 :
Tabel 2.3 Simbol-simbol Flowchart
Simbol Nama Pengertian
Simbol Proses
Simbol ini digunakan untuk
melambangkan kegiatan
pemrosesan input. Dalam simbol ini, kita dapat menuliskan operasi-operasi yang dikenakan pada input, maupun operasi lainnya. Sama seperti aturan pada simbol input, penulisan dapat dilakukan secara satu per satu maupun secara keseluruhan.
Simbol Input – Output (IO)
Merepresentasikan fungsi I/O yang
membuat sebuah data dapat
diproses (input) atau ditampilkan
(output) setelah mengalami
eksekusi informasi
Simbol Garis Alir
Simbol ini digunakan untuk
menghubungkan setiap langkah dalam flowchart dan menunjukkan kemana arah aliran diagram. Anak panah ini harus mempunyai arah dari kiri ke kanan atau dari atas ke bawah. Anak panah ini juga dapat diberi label, khususnya jika keluar
commit to user
dari symbol percabangan.
Simbol Anotasi
Merepresentasikan informasi
deskriptif tambahan, komentar atau catatan penjelasan. Dalam simbol
ini, kita dapat menuliskan
komentar apapun dan sebanyak apapun, hal ini berguna untuk
memperjelas langkah-langkah
dalam flowchart. Garis vertical dan garis terputus – putus dapat
ditempatkan pada sisi kanan
maupun kiri.
Simbol Percabangan
Simbol ini digunakan untuk
melambangkan percabangan, yaitu
pemeriksaan terhadap suatu
kondisi. Dalam simbol ini, kita menuliskan keadaan yang harus dipenuhi. Hasil dari pemeriksaan dalam simbol ini adalah YES atau
NO. Jika pemeriksaan
menghasilkan keadaan benar, maka jalur yang harus dipilih adalah jalur yang berlabel Yes, sedangkan jika
pemeriksaan menghasilkan
keadaan salah, maka jalur yang harus dipilih adalah jalur yang berlabel No.
Simbol Terminator
Terminator berfungsi untuk
menandai awal dan akhir dari suatu flowchart. Simbol ini biasanya
commit to user
menandai awal dari flowchart, dan label STOP untuk menandai akhir dari flowchart. Jadi dalam sebuah flowchart pasti terdapat sepasang terminator yaitu terminator start dan stop.
Simbol Konektor
Simbol konektor digunakan pada
waktu menghubungkan suatu
langkah dengan langkah lain dalam sebuah flowchart dengan keadaan on page atau off page. On page
connector digunakan untuk
menghubungkan suatu langkah
dengan langkah lain dari flowchart dalam satu halaman, sedangkan off page connector digunakan untuk
menghubungkan suatu langkah
dengan langkah lain dari flowchart dalam halaman yang berbeda. Connector ini biasanya dipakai saat media yang kita gunakan untuk menggambar flowchart tidak cukup luas untuk memuat gambar secara utuh, jadi perlu dipisahpisahkan.
Dalam sepasang connector
biasanya diberi label tertentu yang sama agar lebih mudah diketahui pasangannya.
Simbol ini berperan sebagai blok pembangun dari suatu program.
commit to user Simbol Prosedur
Prosedur memiliki suatu flowchart
yang berdiri sendiri diluar
flowchart utama. Jadi dalam simbol ini, kita cukup menuliskan nama prosedurnya saja, jadi sama seperti jika kita melakukan pemanggilan suatu
prosedur pada program utama (main program). Sama dengan aturan pada symbol percabangan, penulisan nama prosedur dilakukan secara satu per satu.
2.10 Basis Data (Database)
Basis data adalah kumpulan data, yang dapat digambarkan sebagai aktifitas dari satu atau lebih organisasi yang berelasi. Sebagai contoh, basis data universitas berisi informasi mengenai : Entiti, semisal mahasiswa, fakultas, mata kuliah, dan ruang kelas. Relasi diantara entitas, seperti penggambilan kuliah yang dilakukan oleh mahasiswa, staf pengajar di fakultas, dan penggunaan ruang perkuliahan. (Kristanto, 2003).
2.11 MySQL
MySQL (My Structured Query Language) adalah sebuah program pembuat dan pengelola database atau yang sering disebut dengan DBMS (Database
Management Sistem), sifat dari DBMS ini adalah Open Source, sehingga dapat
diperoleh secara gratis. MySQL sebenarnya produk yang berjalan pada platform Linux, dengan adanya perkembangan dan banyaknya pengguna, serta lisensi dari database ini adalah Open Source, maka para pengembang kemudian merilis versi Windows.
Selain itu MySQL juga merupakan program pengakses database yang bersifat jaringan, sehingga dapat digunakan untuk aplikasi Multi User (banyak pengguna).
commit to user
Kelebihan lain dari MySQL adalah menggunakan bahasa auery (permintaan) standar SQL (Structured Query Language) yang merupakan suatu bahasa permintaan yang terstruktur, SQL telah distandarkan untuk semua program pengakses database seperti Oracle, PosgreSQL, SQL Server dan lain-lain (Bunafit Nugroho, 2008).
2.12 Apache
Untuk menjalankan PHP dibutuhkan web server. Web server berfungsi menyimpan serta mendistribusikan data ke komputer lain lewat internet yang meminta informasi tersebut. Apache merupakan web server yang dikeluarkan oleh NSCA yaitu NSCA HTTPD sekitar tahun 1995. (Irmansyah, 2003)
2.13 PHP
PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halama web yang dinamis. Maksud dari server-side scripting adalah sintaks dan perintah – perintah yang diberikan akan sepenuhnya dijalankan di server tetapi disertakan pada dokumen HTML. Pembuatan web ini merupakan kombinasi antara PHP sendiri sebagai bahasa pemrograman dan HTML sebagai pembangun halaman web. Ketika seorang pengguna internet akan membuka suatu situs yang menggunakan fasilitas server-side scripting PHP, maka terlebih dahulu server yang bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web browser pengguna internet tadi. Dengan demikian seorang pengguna internet tidak dapat melihat kode program yang ditulis dalam PP sehingga keamanan dari halaman web mejadi lebih terjamin (Bimo Sunarfrihantono, ST. 2002)
2.14 HTML
HTML kependekan dari HyperText Markup Language. Dokumen HTML
adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen
commit to user
disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam Internet. Ada dua cara untuk membuat sebuah web page: dengan HTML editor atau dengan editor teks biasa (misalnya notepad). (Betha Sidik dan Husni Pohan, 2002).
Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized
Markup Language), HTML adalah sebuah standar yang digunakan secara luas
untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web
Consortium (W3C). Versi terakhir dari HTML adalah HTML 5.01, meskipun saat
ini telah berkembang XHTML yang merupakan pengembangan dari HTML. HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan web browser seperti
Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh
aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
2.15 CSS
CSS merupakan singkatan dari Cascading Style Sheet. Kegunaannya adalah untuk mengatur tampilan dokumen HTML, contohnya seperti pengaturan jarak antar baris, teks, warna dan format border bahkan penampilan file gambar.
CSS dikembangkan oleh W3C, organisasi yang mengembangkan teknologi internet. Tujuannya tak lain untuk mempermudah proses penataan web. Perlu diingat, CSS hanyalah berupa kumpulan script yang tujuannya bukan untuk mengantikan HTML, melainkan pelengkap agar dokumen HTML bisa tampil lebih cantik dan dinamis.
Sejak ditemukannya CSS pada awal dekade 90an, CSS terus dikembangkan dan diserap oleh web developer. Hingga sekarang telah mencapai versi ke-3. Kode CSS bersifat lintas platform, yang berarti script ini dapat dibaca oleh berbagai macam sistem operasi dan browser. Hanya saja browser seperti Internet
commit to user
Explorer, seringkali salah mengartikan script CSS yang menyebabkan ketidaksempurnaannya tampilan dokumen HTML. Script CSS perlu dioptimalkan agar tampil maksimal pada browser internet explorer. (Jayan, 2010).
2.16 Javascript
JavaScript adalah bahasa script yang dikembangakan oleh Netscape untuk membuat dokumen yang dinamis. JavaScript merupakan bahasa script sederhana yang mempunyai kemiripan dengan bahasa pemrograman C. JavaScript juga dikenal sebagai sebuah kode pemrograman berorientasi objek (Object Oriented
Programming) disingkat OOP. JavaScript memiliki keistimewan untuk
ditambahkan pada kode HTML dan membuat dokumen menjadi lebih interaktif. Pemakaian JavaScript dalam pembuatan web adalah dengan memasukkannya dalam HTML. JavaScript sebagai sebuah bahasa pemrograman untuk client dan server mempunyai elemen-elemen sebagai berikut :
1. Kata kunci (key word), statemen, syntax dan grammar. 2. Aturan untuk ekspresi, variable dan literal.
3. Objek dan fungsi built-in.
Sebagaimana dengan bahasa pemrograman, Javascript mempunyai aturan dasar dan format sendiri. JavaScript dapat memperlakukan fungsi-fungsi secara otomatis untuk menghitung dan membuat web lebih interaktif. Agar browser mengenali statemen-statemen JavaScript maka digunakan tag script (Wahana Komputer, 2001).
2.17 Jquery
Jquery merupakan salah satu pustaka yang dikembangakan dengan menggunakan JavaScript. Kehadirannya adalah untuk memudahkan penulisan kode JavaScript. Dengan menggunakan jquery, penulisan kode javascript menjadi lebih sederhana (kodenya menjadi ringkas). Selain itu, pembuatan halaman web yang interaktif dan menarik menjadi jauh lebih mudah di implementasikan.
Selain itu, jquery juga mendukung penambahan plug-in yang membuat kemampuan jquery bertambah pesat. Plug-in adalah tambahan-tambahan yang
commit to user
berjalan di atas jquery yang membuat pembuatan halaman web menjadi lebih
mudah atau lebih menarik. Berbagai plug-in terdapat pada situs
