BAB 2 LANDASAN TEORI 2.1 Sekilas Website World Wide Web (WWW) atau lebih dikenal dengan web merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung dengan internet. Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext. Pemakai dituntut untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web. Kini internet identik dengan web, karena kepopuleran web sebagai standar interface pada layanan yang ada pada internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce). Kini, web seakan lebih popular dari pada email, walaupun secara statistik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web lebih popular bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan web sebagai interface-nya. Interface identik dengan web, karena popularitas sebagai penyedia informasi dan interface yang digunakan oleh pengguna internet dari masalah informasi sampai dengan komunikasi. Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainya dan menelusuri (informasi) di internet. Selain itu web telah diadopsi
7 oleh perusahaan sebagai bagian dari stategi teknologi informasi, karena beberapa alasan: a) Akses informasi yang mudah. b) Setup server yang lebih mudah. c) Informasi mudah didistribusikan. d) Bebas platform atau informasi dapat disajikan oleh web browser pada system mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan. 2.1.1 Sejarah Web Tahun 1989, Trimothy Berners-Lee seorang ahli komputer dari Inggris dan penelitilain di European Particle Physics Lab Consei European Pour la Recherche Nucleaire(CERN) di Geneva Swiss, mengembangkan satu cara untuk membagi data antar koleganya menggunakan sesuatu yang di sebut dengan hypertext. Pemakai di CERN dapat menampilkan dokumen pada layar komputer dengan menggunakan software browser baru. 2.1.2 Aplikasi Web Browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah berkembang dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah memakai poin atau klik untuk pindah antar dokumen. Link adalah browser web yang masih menggunakan mode teks, yang akibatnya adalah tidak ada gambar yang dapat ditampilkan. Linx ini ada pada lingkungan Disk Operation System(DOS). Akan tetapi pengembangan dari browser
8 mode teks ini adalah tidak secepat browser web dengan Grafic User Interface(GUI). Disaat perkembangan WWW ada dua browser web yang paling populer yaitu Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan browser web lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Diantara browser web yang telah banyak digunakan pada saat peluncurannya adalah Microsoft Network, Opera, dan Mozilla Firefox. Diantara web browser ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai dengan keinginan dan kemudahan yang ditawarkan. 2.1.3 Server Web Server web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya. Browser web seperti Opera berkomunkasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunakan HyperText Transfer Protocol(HTTP). Browser akan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server. Server memberikan dokumen atau layanan jika tersedia juga dengan menggunakan HTTP. 2.2 Database MySQL Database adalah suatu kumpulan data-data yang disusun sedemikian rupa sehingga membentuk informasi yang sangat berguna. Database terbentuk dari sekelompok data-data yang memiliki jenis/sifat yang sama. Ambil contoh, data-data berupa
9 nama-nama, kelas-kelas, alamat-alamat. Semua data tersebut dikumpulkan menjadi satu menjadi kelompok data baru, sebut saja sebagai data-data mahasiswa. Demikian juga, kumpulan dari data-data mahasiswa, data-data dosen, datadata keuangan dan lainnya dapat dikumpulkan lagi menjadi kelompok besar, misalkan data-data politeknik elektronika. Bahkan dalam perkembangannya, datadata tersebut dapat berbentuk berbagai macam data, misalkan dapat berupa program, lembaran-lembaran untuk entry (memasukkan) data, laporan-laporan. Kesemuanya itu dapat dikumpulkan menjadi satu yang disebut dengan database. Salah satu bahasa database yang populer adalah SQL. MySQL biasa dibaca mai-es-ki-el atau mai-se-kuel adalah suatu perangkat lunak database relasi (Relational Database Management System atau RDBMS) seperti halnya Oracle, Postgresql, MS SQL dan sebagainya. SQL atau singkatan dari Structured Query Language ialah suatu sintaks perintah-perintah tertentu atau bahasa pemrograman yang digunakan untuk mengelola suatu database. Jadi, MySQL dan SQL tidaklah sama. Singkatnya, MySQL ialah perangkat lunaknya dan SQL adalah bahasa perintahnya. Ketika dibandingkan antara MySQL dengan sistem database yang lain, maka perlu difikirkan 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.
10 2. MySQL memiliki performa tinggi namun merupakan database yang simpel sehingga mudah di-setup dan dikonfigurasi. 3. MySQL cenderung gratis untuk penggunaan tertentu. 4. MySQL mengerti bahasa SQL (Structured Query Language) yang merupakan pilihan sistem database moderen. 5. Banyak klien 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.
11 2.3 IDE IDE (Integrated Development Environment) adalah program komputer yang memiliki beberapa fasilitas yang diperlukan dalam pembangunan perangkat lunak. Tujuan dari IDE adalah untuk menyediakan semua utilitas yang diperlukan dalam membangun perangkat lunak. Sebuah IDE, atau secara bebas dapat diterjemahkan sebagai Lingkungan Pengembangan Terpadu, setidaknya memiliki fasilitas: 1. Editor, yaitu fasilitas untuk menuliskan kode sumber dari perangkat lunak. 2. Compiler, yaitu fasilitas untuk mengecek sintaks dari kode sumber kemudian mengubah dalam bentuk binari yang sesuai dengan bahasa mesin. 3. Linker, yaitu fasilitas untuk menyatukan data binari yang beberapa kode sumber yang dihasilkan compiler sehingga data-data binari tersebut menjadi satu kesatuan dan menjadi suatu program komputer yang siap dieksekusi. 4. Debuger, yaitu fasilitas untuk mengetes jalannya program, untuk mencari bug/kesalahan yang terdapat dalam program. Sampai tahap tertentu IDE modern dapat membantu memberikan saran yang mempercepat penulisan. Pada saat penulisan kode, IDE juga dapat menunjukan bagian-bagian yang jelas mengandung kesalahan atau keraguan. 2.4 XAMPP Control Panel XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan
12 menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda atau auto konfigurasi sehingga lebih mudah dalam pemakaian. 2.5 PHP: Hypertext Preprocessor Menurut dokumen resmi PHP, PHP adalah singkatan dari PHP Hypertext Preprocessor. Ia merupakan bahasa pemrograman yang berbentuk skrip yang ditempatkan didalam server dan diproses di server. Hasilnyalah yang akan dikirimkan ke klien, tempat pemakai menggunakan browser. Secara khusus, PHP dirancang untuk membentuk android dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, untuk menampilkan isi database ke halaman android. PHP bersifat bebas dipakai. Tidak perlu membayar apapun untuk menggunakan perangkat lunak ini. 2.5.1 PHP dan 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.
13 Karena web service menggunakan protokol HTTP, tentu PHP sebagai bahasa pemrograman web menjadi salah satu kekuatan dalam bahasa pemrogaman yang mengelola web service. Banyak teknik dan metode untuk menghasilkan web service dengan PHP, pembuatan web service dengan format XML dan JSON yang diambil dari database MySQL lewat bahasa pemrograman PHP. 2.6 Flowchart Flowchart merupakan bagan atau gambar yang memperlihatkan hubungan antarproses beserta instruksinya. Gambaran ini dinyatakan dengan simbol yang mana dari tiap-tiap simbol mewakili proses tertentu. Sedangkan hubungan antar-proses tadi digambarkan dengan garis-garis. Flowchart merupakan langkah awal pembuatan program. Setelah flowchart selesai disusun, selanjutnya pemrogram menerjemahkannya ke dalam bentuk program menggunakan bahasa pemrograman. Berikut ini adalah simbol-simbol standar pada sebuah flowchart beserta fungsinya. Tabel 2.1. Simbol Flowchart No Nama Simbol Fungsi 1 Terminator Digunakan untuk mewakili simbol start atau end. 2 Arrow Menunjukkan alur proses. 3 Rectangle Menunjukkan langkah pemrosesan. 4 Trapezium Simbol untuk inputoutput.
14 5 Document Digunakan untuk mewakili output. 6 Decision 7 Preparation Simbol yang berfungsi untuk menyatakan keputusan. Simbol yang berfungsi untuk proses inisialisasi atau pemberian harga awal. Tabel 2.1. Lanjutan No Nama Simbol Fungsi 8 Connector 9 Manual Input Simbol untuk keluarmasuk atau penyambungan proses pada halaman yang berbeda. Simbol untuk pemasukkan data secara manual melalui keyboard. 10 Manual Operation Simbol yang menunjukkan pengolahan yang tidak dilakukan oleh komputer. 11 Predefine Process Simbol untuk pelaksanaan suatu bagian (subprosedur) 12 Display Simbol yang menyatakan peralatan output yang digunakan seperti layar, printer, plotter, dan sebagainya.
15 13 Magnetic Disk Simbol yang digunakan untuk penyimpanan data ke database. 14 Storage Data Simbol yang menyatakan input yang berasal dari disk atau disimpan ke disk. 2.7 Data Flow Diagram Data Flow Diagram adalah alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi yang dapat digunakan untuk penggambaran analisa maupun perancangan sistem yang mudah dikomunikasikan ke pengguna ataupun ke pembuat program. Didalam DFD terdapat tiga level, yaitu : 1. Diagram Konteks (DFD Level 0) Diagram konteks menggambarkan satu lingkaran besar yang dapat mewakili seluruh proses yang terdapat dalam suatu sistem. Diagram konteks merupakan tingkatan tertinggi dalam Data Flow Diagram dan biasanya diberi penomoran nol. Semua entitas eksternal ditunjukkan dalam diagram konteks beserta dengan aliranaliran data utama, baik dari dan menuju sistem. 2. Diagram Nol (DFD Level 1) Diagram nol merupakan satu lingkaran besar yang mewakili lingkaran-lingkaran kecil yang ada pada diagram konteks. Dengan kata lain diagram nol merupakan pemecahan dari diagram konteks. 3. Diagram Rinci Lebih rinci lagi, diagram rinci adalah diagram yang menguraikan proses-proses yang terdapat di dalam diagram nol.
16 Berikut merupakan simbol-simbol standar menurut Yourdan dan DeMarco yang digunakan untuk membuat sebuah Data Flow Diagram. Tabel 2.2. Simbol Data Flow Diagram No Nama Simbol Fungsi 1 Kesatuan Luar Sebagai kesatuan (entitas) di lingkungan luar sistem yang dapat berupa orang, organisasi, sumber asli transaksi, atau penerima akhir. 2 Arus Data Berfungsi untuk menghubungkan antara proses, simpanan data, dan kesatuan luar. 3 Proses Berupa kegiatan atau proses yang sedang dilakukan. 4 Simpanan Data Media Nama data store Menunjukkan informasi yang tersimpan. 2.8 Entity Relationship Diagram Entity Relationship Diagram merupakan suatu model untuk menjelaskan hubungan antar-data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan antar-relasi. Menurut salah satu para ahli, Brady dan Loonam (2010), Entity Relationship Diagram (ERD) merupakan salah satu teknik yang digunakan untuk memodelkan kebutuhan data dari suatu organisasi. Komponen penyusun ERD adalah sebagai berikut.
17 Tabel 2.3. Komponen 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.