BAB 2 LANDASAN TEORI. Website atau Word Wide Web sering disingkat sebagai WWW atau web, yaitu

Transkripsi

1 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 Sejarah Website Penemu website adalah Sir Timothy John Tim Berners-Lee, sedangkan website yang tersambung dengan jaringan pertama kali muncul pada tahun 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

2 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) 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) 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.

3 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.

4 9 2. Berkirim surat ( ) merupakan suatu kegiatan berkirim surat melalui media internet. (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

5 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

6 11 dalam sebuah file yang digunakan untuk menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan <x> dan diakhiri dengan </x> 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.

7 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.

8 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

9 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.

10 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.

11 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

12 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 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 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 // Flowchart Flowchart merupakan bagan atau gambar yang memperlihatkan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol yang mana

13 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 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 input-output

14 19 Tabel 2.1. Lanjutan No Nama Simbol Fungsi 5 Connector Simbol untuk keluar-masuk atau penyambungan proses pada halaman yang berbeda. 6 Manual Input Simbol untuk pemasukkan data secara manual melalui keyboard. 7 Manual Operation Simbol yang menunjukkan pengolahan yang tidak dilakukan oleh komputer. 8 Predefine Process Simbol untuk pelaksanaan suatu bagian (sub prosedur) 9 Decision Simbol yang berfungsi untuk menyatakan keputusan. 10 Document Digunakan untuk mewakili output.

15 20 Tabel 2.1. Lanjutan No Nama Simbol Fungsi 11 Magnetic Disk Simbol yang digunakan untuk penyimpanan data ke database. 12 Display Simbol yang menyatakan 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 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

16 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.