BAB 2 LANDASAN TEORI 2.1 Konsep Dasar Perancangan Sistim Informasi Suatu sistim adalah suatu jaringan kerja dari prosedur yang salingberhubungan, berkumpul bersama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu. Sedangkan informasi itu sendiri memiliki pengertian data yang diolah bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya. Sumber dari informasi tersebut adalah data(sumberhttp://www.scribd.com 15 Mei 2014). 2.1.1 Pengertian Perancangan Perancangan dapat diartikan sebagai suatu tahap setelah analisa dari pengembangansistim untuk mengembangkan bagaimana suatu sistim itu akan dibentuk. Perancangan juga dapat berupa penggambaran, perencanaan,dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi (Sumber http://www.scribd.com 15 Mei 2014). 2.1.2 Pengertian Sistim Kata sistim berasal dari bahasa Yunani yaitu sistima yang berarti kesatuan suatu kesatuan yangsaling tergantung dan saling bekerja sama untuk mencapai tujuan tertentu. Suatu sistim dapat terdiri dari sitim-sistim bagian lainnya atau sering disebut subsistim. Subsistim saling berinteraksi dan saling berhubungan membentuk suatu kesatuan untuk tercapainya suatu sasaran dan sistim tidak terlepas dari komponen
pendukung sistim yang mempunyai sifatdan fungsi tertentu dan mampumempengaruhi proses sistim secara keseluruhan(sumber http://www.scribd.com 15 Mei 2014). 2.1.3 Pengertian Informasi Informasi adalah hasil dari suatu pengolahan data, maksudnya adalah sesuatu yang diperoleh setelah adanya pemrosesan data dan penyusunan data sedemikian rupa sehingga memiliki makna untuk dapatdigunakan dalam pengambilan keputusan(sumber http://www.scribd.com 15Mei 2014). 2.1.4 Pengertian Perancangan sistim Informasi Perancangan sistim informasi merupakan salah satu komponen yang dibentuk secara sistimatis dan terpadu yang diperoleh dari pengolahan data, sehingga dapatmenyediakan informasi yang mendukung fungsi pengambilan untuk tujuan tertentu (Sumber http://www.scribd.com 15 Mei 2014). 2.2 Database Dalampenggunaan istilah database menurut Elmasri R.(1994) lebih dibatasi pada arti implisit yang khusus yaitu: a. Basis data merupakan penyajian suatu aspek dari dunia nyata. b. Basis data merupakan kumpulan data dari berbagai sumber yang secaral logikamempunyai arti implisit, sehingga data yang terkumpul secara acak. c. Database perlu dirancang,dibangun, dan data dikumpulkan untuk suatu tujuan.
Dari batasan tersebut diatas, dapat dikatakan bahwa database mempunyai berbagai sumber data dalam pengumpulan data,bervariasi derajat interaksi kejadian dari dunia nyata. Dirancang dan dibangun agar dapat digunakan oleh beberapapemakai untuk berbagai kepentingan. Penyusunan database bisa dilakukan secara sederhana dengan menuliskan data-datanya, atau bisa juga dengan cara modern dengan menggunakan teknologi komputer. Cara apapun yang digunakan, untuk memudahkan penyusunan dan penampilan data, maka digunakan bentuk tabel. Sebuah tabel terdiri dari baris dan kolom. Penggunaan tabel bertujuan untuk menyederhanakan logika pandangan terhadap data. Oleh karena itu, dibuat beberapa ketentuan dalam penyusunan tabel sebagai berikut: a. Urutan baris tidak diperhatikan, sehingga pertukaran baris tidak akan berpengaruh terhadap isi informasi pada tabel. b. Urutan kolom tidak diperhatikan, identifikasi kolom dibedakan dengan jenis atribut. c. Tiap perpotongan baris dan kolom hanya berisi nilai atribut tunggal, sehingga nilaiatribut ganda tidak diperbolehkan. d. Tiap baris dalam tabel harus dibedakan, sehingga tidak mungkin ada dua baris dalam tabel mempunyai nilai atribut yang sama secara keseluruhan. Salah satu keuntungan menggunakan pendekatan database adalah konsisten data selalu terjaga. Hal ini dapat tercapai jika data yang disimpan dalam database terhindar dari adanya rangkap data (Redundant data). 2.2.1 Normalisasi Database
Kasus Redudant data diatas dapat diselesaikan dengan suatu teori Normalisasi. Normalisasi adalah suatu proses mengubah sebuah tabel yang besar dan kompleks menjadi beberapa buah tabel yang lebih kecil dan sederhana. Tujuan normalisasi adalah untuk mengurangi pemasukan data yang berulang. Selain itu, juga untuk menghindari terjadinya masalah pada saat mengisi,mengubah, maupun menghapus data. 2.3 Sekilas Mengenai Internet Internet berawal dari diciptakannya teknologi jaringan komputer. Jaringan komputer merupakan beberapa komputer yang terhubung satu sama lain dengan memakai kabel dalam satu lokasi, misalnya satu kantor atau gedung. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan pengguna komputer lainnya. Internet merupakan jaringan komputer global yang dapat dinikmati oleh semua kalangan untuk berbagai keperluan dan hampir bisa diakses dimana dan kapan saja. Internet awalnya dikembangkan oleh akademisi dan militer amerika serikat untuk kepentingan riset dan intelijen pada tahun 1969, yang terkenal dengan nama proyek ARPANET. Tak lama kemudian ARPANET dikembangkan menjadi jaringan yang lebih luas dan kemudian disebut internet. Pada akhir dekade 80, internet sudah mulai tersebar ke seluruh dunia. Internet menawarkan banyak fasilitas seperti mengirim surat elektronik (e-mail),transfer file,bahkan juga untuk menikmati video dan audio. 2.4 World Wide Web
World wide web dan internet sangat berkaitan satu sama lain. Internet adalah suatu jaringan komputer global, sedangkan WWW bukan sekedar jaringan tetapi di dalamnya terdapat suatu set aplikasi komunikasi dan sistim perangkat lunak yang memiliki karekteristik sebagai berikut: a. Umumnya terletak pada internet host dan client. b. Umumnya menggunakan protokol TCP/IP. c. HTML. d. Mengikuti model client/server. e. Memungkinkan client untuk mengakses Informasi dalam berbagai media. f. Memungkinkan model alamat Uniform Resources Locators (URL). WWW ini lahir pada tahun 1989 saat sekelompok peneliti menginginkan untuk membuat sebuah protokol baru untuk mendistribusikan informasi di dalam internet. Para peneliti ini menetapkan sebuah standar baru, kemudian dibentuklah sebuah konsorsium yang disebut W3C atau World Wide Web Consortium untuk meneruskan pengembangan dari standar tersebut. W3C inilah yang akhirnya melahirkan HTML. Pada prinsipnya Word Wide Web bekerja dengan cara menampilkan file-file HTML yang berasal dari server web pada program client khusus yaitu browser web. Program browser pada client megirimkan permintaan (request) kepada server web. Yang kemudian akan dikirimkan oleh server dalam bentuk HTML. File HTML berisi instruksi-instruksi yang diperlukan untuk membentuk tampilan. 2.5 Perkembangan Web
Website awalnya merupakan suatu layanan sajian informasi yang menggunakan konsep Hyperlink. Web cepat sekali populer dilingkungan pengguna internet, karen kemudahan yang diberikan kepada pengguna internet untuk melakukan penelusuran, penjelajahan, dan pencarian informasi. Informasi yang disajikan dengan web menggunakn konsep multimedia, informasi dapat disajikan dengan banyak media (teks,gambar,animasi,suara). Suatu situs web akan dikenal dengan cepat apabila informasi yang disajikannya selalu update dan lengkap. Tetapi ke updatetan dan kelengkapan data merupakan masalah besar bagi pengelola situs. Karena kerepotan untuk melakukan penambahan atau perubahan data yang akan disajikan. Jika situs dirancang dan disajikan berupa web statis saja, maka akan terjadi kesulitan dan kerepotan untuk melakukan maintenance untuk mengupdate dan melengkapi data, selain itu juga web yang disajikan dipandang kurang menarik. Dengan adanya permasalahan yang disebutkan diatas, maka perlu adanya perubahan atau penambahan dari web statis menjadi web dinamis yang akan memberikan suatu hal yang baru, baik dari sisi tampilan maupun kemudahan dalam melakukan update. Web dinamis sangat erat kaitannya dengan pengelolaan suatu sistim database yang merupakan salah satu solusi yang dapat digunakan oleh pengelola situs sehingga pengelola tidak perlu melakukan proses editing dokumen HTML, tetapi cukup dengan melakukan penambahan atau perubahan dalam database, maka pengelola situs sudah dapat melakukan maintenance situs webnya. 2.6 WebDatabase
Webdatabase pada dasarnya sama dengan sistim database yang lain, yaitu suatu sistim pengolahan dan penyimpanan data yang dapat diakses oleh bahasa pemrograman tertentu. Namun webdatabase tidak seperti sistim database konvensional yang hanya diperuntukkan platform tertentu saja, webdatabase lebih bersifat umum karena dapat oleh aplikasi web yang sebagian besar dapat berjalan di berbagai platform. Webdatabase dapat diakses oleh aplikasi web yang dikembangkan dengan tag HTML atau sejenisnya, pemrograman yang bersifat serverside seperti PHP,ASP,JSP, dan aplikasi web server seperti APACHE, IIS, PWS, XITAMI, dll. Kemampuan untuk mengintegrasikan database kedalam aplikasi yang dapat diakses pengguna menggunakan webbrowser inilah yang menjadikan suatu database dapat menjadi webdatabase. Webdatabase dapat digunakan untuk berbagai macam keperluan misalnya untuk keperluan dagang lewat internet yang dapat menyediakan data stok barang, transaksi untuk melakukan negosiasi jual beli produk yang dikenal dengan e- commerce, selain itu juga webdatabase dapat dimanfaatkan sebagai suatu sistim akademik berbasis web atau pendidikan secara online. 2.7 MySQL MySQL merupakan salah satu webdatabase yang sering digunakan. MySQL adalah sistim manajemen database relasi (Relational Database Management Sistim) yang bersifat terbuka (Open Source).
Sejarah MySQL yang merupakan hasil buah pikiran dari Michael Monty Widenius, David Axmark, dan Allan Larson pada tahun 1995. Mereka bertiga kemudian mendirikan perusahaan bernama MySQL AB di Swedia. Tujuan awal ditulisnya program MySQL adalah untuk mengembangkan aplikasi web yang akan digunakan oleh salah satu klien MySQL AB. Memang pada saat itu, MySQL AB adalah sebuah perusahaan konsultan database dan pengembang software. Pada bulan Juni 2000, MySQL AB mengumumkan bahwa mulai MySQL versi 3.23.19 ditetapkan sebagai GPL (General Public License). MySQL menggunakan bahasa standar SQL (Structure Query Language) sebagai bahasa interaktif dalam mengelola data. Perintah SQl sering pula disebut Query. SQL merupakan bahasa query standar yang digunakan untuk mengakses basis data relasional. SQL pertama kali dikembangkan pada akhir 1970-an di laboratorium riset San Jose, California. SQL adalah bahasa yang meliputi perintah untuk menyimpan, menerima, memelihara dan mengatur akses-akses ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari database. 2.8 Common Gateway Interface CGI (Common Gateway Interface) adalah sebuah program aplikasi web yang memungkinkan client dapat berinteraksi langsung dengan server melalui protocol HTTP.
Client ( Browser ) HTTP Server web ( CGI ) Response Request Data base Gambar 2.1 Gambaran proses aplikasi web secara umum Untuk dapat menjalankan situs yang berbasis CGI dibutuhkan sebuah program server web yang berguna untuk mendefinisikan skrip yang ada. Web Server adalah Internet Server yang mampu untuk melayani koneksi perpindahan data dalam protokol http web server dari internet server di samping e-mail, FTP. Dikarenakan web server di rancang untuk menampilkan data, dimulai dari teks, hypertext, gambar, yang merupakan keunggulan dari web sehingga web tidak hanya dapat diterima di universitas tetapi di seluruh perusahaan komersial yang dapat menampilkan datanya dalam internet. Ada beberapa program serverweb sering digunakan, baik yang dapat berjalan di lingkungan windows maupun linux, diantaranya adalah: a. Apache Web server. b. PWS (Personal Web Server). c. IIS (Internet Information Service).
2.9 HTML 2.9.1 Pengenalan HTML Hypertext Markup Language merupakan kepanjangan dari kata HTML, adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML juga merupakan file teks murni yang dapat dibuat dengan editor teks sembarang yaitu yang dikenal sebagai web page atau dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet. HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti: Windows, Linux, Macintosh. Kata Markup Language pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML dimana kita bisa mengatur judul, garis, tabel, dan gambar dengan perintah yang telah ditentukan pada elemen HTML. HTML sebenarnya adalah dokumen ASCII atau teks biasa,yang dirancang untuk tidak bergantung pada satu sistim operasi tertentu. Secara teknis HTML didefinisikan sebagai SGML (Standard Generalized Markup Language). Sebuah dokumen HTML dapat dikatakan contoh sebuah dokumen SGML. SGML berasal dari GML (Genaral Markup Language) pada IBM di akhir 1960-an sebagai suatu upaya untuk memecahkan beberapa problem menyangkut dokumen pada sistim komputer yang berbeda.
2.9.2 Struktur dasar HTML HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagianbagian HTML perhatikan skema dibawah ini: <html> <head> <title>judul Halaman</title> </head> <body> isi dari halaman web </body> </html> 2.10 Cascading Style Sheets Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C). CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS
digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi. CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh browser basissuara atau pembaca layar), dan juga alat pembaca braille. Halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS. 2.11JavaScript JavaScript pertama kali nuncul di Netscape2.0 dan dikembangkan lebih lanjut pada Netscape 3.0. Walaupun memiliki nama yang serupa. JavaScriptsama sekali tidak berhubungan dengan Java. Java adalah bahasa pemrograman tingkat tinggi untuk membuat aplikasi cross-platform, sedangkan JavaScript hanyalah scriptinglanguage yang terintegrasi dengan web browser untuk memberikan fleksibilitas tambahan bagai programmer untuk mengontrol elemen dalam halaman web. Aplikasi JavaScript sebenarnya cukup luas, tetapi disini penulis menggunakan JavaScript dibatasi untuk DHTML, yaitu JavaScript yang digunakan untuk mengakses property, method, dan event handler yang disediakan oleh DOM dan CSS.
Property didefinisikan sebagai setting nilai suatu objek tertentu. Contohnya adalah warna suatu teks, action untuk suatu form, namafile untuk suatu gambar, dll. Method adalah fungsi-fungsi yang dapat diterapkan untuk suatu objek. Misalnya maximize untuk window.event handler menspesifikasikan bagaimana suatu objek merespon terhadap suatu kejadian, misalnya suatu button di click, window di resize, dll. 2.12 Pemrograman Web Jika mengamati situs yang ada di internet, disana terlihat bahwa halaman-halaman web yang ditampilkan bukan hanya halaman statis. Sudah banyak halaman-halaman yang senantiasa berubah dari waktu ke waktu. Halaman web yang dinamis ini tidak mungkin dibuat hanya dengan menggunakan tag HTML saja. Untuk membuat situs yang dinamis diperluukan kemampuan pemrograman web. Karakter situs yang dinamis adalah bisa berinteraksi dengan pengunjung situs, bisa menampilkan informasi yang berasal dari database,dan halaman-halaman web bisa berubah secara otomatis. Berdasarkan tempat dijalankannya perintah program dalam halaman web, pemrograman web dapat dikategorikan menjadi dua, yaitu: 1. Serverside programming, dan 2. Clientside programming. Pada serverside programming perintah program dijalankan di web server, sedangkan clientside programming menjalankan perintah pada client, dalam hal ini web browser.
Aplikasi web berjalan pada protokol HTTP dan semua protokol yang ada di internet selalu melibatkan server dan client. Ketika seseorang mengetikkan alamat di web browser, maka browser akan mengirimkan perintah tersebut ke web server. Jika yang diminta adalah file yang mengandung program server side, maka web server akan menjalankan terlebih dahulu program tersebut dan mengirimkan hasilnya ke browser. Jika yang diminta adalah file HTML, maka web server langsung mengirimkan ke browser apa adanya. 2.13 Personal Home Page Banyak sekali bahasa pemrograman yang bisa digunakan dalam server side programming. Salah satu bahasa server side yang paling banyak digunakan adalah PHP (Personal Home Page). PHP merupakan bahasa skrip yang digunakan untuk membuat halaman web yang dinamis. PHP bersifat open source product. Pengguna dapat merubah source code dan mendistribusikannya secara bebas serta diedarkan secara gratis. 2.14 Macromedia Dreamweaver Dreamweaver merupakan editor HTML yang professional untuk mendesain, menulis kode program, dan mengembangkan website, halaman web, dan aplikasi web. Dalam pengerjaannya, Dreamweaver memberikan 3 (tiga) pilihan yaitu bekerja dengan menulis kode program (Menu Code), dengan pengeditan secara visual (Mode Design) dan dengan tampilan keduanya (Mode Split). Dreamweaver juga menyediakan alatalat bantu untuk mengembangkan kreativitas pembuatan web.