Sebagai penutup bab ini terdiri dari kesimpulan dan saran dari hasil penelitian yang penulis peroleh. BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Komputer dapat diartikan sebagai mesin yang melakukan tugas-tugas tertentu yang dikontrol oleh sebuah instruksi-instruksi perintah digital. Komputer berasal dari bahasa Inggris, to computer yang artinya menghitung. Jadi, komputer dapat diartikan sebagai alat untuk menghitung. Dengan kata lain, komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital, kemudian prosesnya sesuai dengan program yang tersimpan di memorinya dan menghasilkan output berupa informasi. Komputer pada awalnya merupakan alat hitung saja. Namun seiring dengan perkembangan teknologi, komputer tidak hanya sebagai alat hitung saja tapi dapat juga digunakan sebagai alat pengolahan data, permainan, pengontrol, membuat grafik, melakukan analisis, mendesain gambar, dan lainnya. Istilah komputer juga berasal dari bahasa Latin yaitu computare yang berarti menghitung ( to compute atau reckon ). Komputer adalah suatu perangkat elektronika yang bekerja secara
terintegrasi dan terkoordinasi yang dapat menerima input, mengolah dengan prosedur tertentu, mengingat, serta menampilkan hasil proses tersebut ( Sutedjo, 2003 ). 2.2 Pengertian Data, Data Flow Diagram, Flowchart, dan Informasi 2.2.1 Pengertian Data Data menurut kamus bahasa Inggris-Indonesia, data diartikan sebagai salah istilah yang berasal dari datum yang berarti fakta atau bahan-bahan keterangan. Data dapat didefinisikan sebagai bahan keterangan tentang kejadian nyata atau fakta-fakta yang dirumuskan dalam kelompok lambang tertentu yang tidak acak yang menunjukkan jumlah, tindakan, atau hal ( Sutanta, 2004 ). Data dapat berupa abjad, angka maupun simbol khusus. Data disusun dan diolah dalam bentuk struktur data, struktur file dan basis data. Contoh data adalah catatan identitas pegawai, catatan transaksi penjualan, dan lain-lain. 2.2.2 Pengertian Data Flow Diagram Data Flow Diagram (DFD) adalah suatu gambaran grafis dari suatu sistem yang dapat menggambarkan arus data di dalam sistem dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan. DFD terdiri dari empat simbol yaitu :
Tabel 2.1 Simbol-Simbol DFD No Simbol Keterangan External Eternity (Kesatuan Luar) 1. Yaitu kesatuan di lingkungan luar sistem lainnya yang berada di lingkungan luarnya yang akan memberikan input atau menerima output dari sistem. Data Flow ( Arus Data) 2. Ini mengalir diantara proses, simpanan data, dan kesatuan. Process ( Proses) 3. Yaitu kegiatan atau kerja yang dilakukan oleh mesin atau komputer dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan arus data yang akan keluar dari proses. Data Store ( Simpanan ) 4. Yaitu simpanan dari data yang dapat berupa file atau database, arsip, table, acuan manual, agenda atau buku. 2.2.3 Flowchart ( Diagram Alir )
Bagan alir program adalah suatu bagan yang menggambarkan arus logika dari data yang akan diproses dalam suatu program dari awal sampai akhir. Bagan alir terdiri dari simbol-simbol yang mewakili fungsi-fungsi langkah program dan garis alir ( flow line ) menunjukkan urutan dari symbol-symbol yang akan dikerjakan. Tabel 2.2 Simbol-simbol flowchart No Simbol Fungsi 1. Simbol titik terminal digunakan untuk menunjukkan awal dan akhir dari suatu proses. 2. Simbol proses digunakan untuk mewakili suatu proses atau untuk pengolahan aritmatika dan pemindahan data. 3. Simbol input-output digunakan untuk mewakili data input-output dan menunjukkan hasil dari suatu proses. 4. Simbol Decision (Keputusan) digunakan untuk suatu penyeleksian (perbandingan logika) kondisi di dalam program.
5. Simbol Predefined (persiapan) digunakan untuk member nilai awal suatu variable atau counter. Tabel 2.2 Lanjutan simbol-simbol flowchart No. Simbol Keterangan 6. Simbol connector ( Penhubung ) digunakan menunjukkan hubungan arus proses yang terputus masih dalam halaman yang sama. 7. Simbol Off Page Connector digunakan sebagai penunjuk hubungan arus proses yang terputus masih dalam halaman yang berbeda. 8. Simbol proses terdefinisi digunakan untuk menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain. 9. Simbol display digunakan untuk output yang ditunjukkan/ditampilkan di monitor.
10. Simbol dokumen yang digunakan sebagai penunjuk suatu dokumen input atau output baik untuk proses manual, mekanik atau computer. Tabel 2.2 Lanjutan simbol-simbol flowchart Simbol garis alir yang digunakan untuk menunjukkan arus dari suatu proses. Simbol Storage yang digunakan untuk menyimpan data. 2.2.4 Pengertian Informasi Informasi adalah hasil pengolahan data sehingga menjadi bentuk yang penting bagi penerimanya dan mempunyai kegiatan sebagai dasar dalam pengambilan keputusan yang dapat dirasakan akibatnya secara langsung saat itu juga atau secara tidak langsung pada saat mendatang ( Sutanta, 2004).
Informasi adalah sekumpulan data atau fakta yang berguna bagi masyarakat. Sekumpulan data inilah yang akan digunakan dalam pengambilan keputusan ( Laudon, 2007). Dari pengertian di atas, maka dapat di ambil kesimpulan bahwa informasi adalah sekumpulan data yang berguna bagi masyarakat yang diolah menjadi bentuk yang penting bagi penerimanya dan digunakan untuk mengambil keputusan dan dapat dirasakan akibatnya baik secara langsung atau pun tidak langsung. 2.3 Sejarah Singkat 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. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar data dan informasi dengan pengguna komputer lainnya. ARPAnet (US Defense Advanced Research Project Agency) atau Departemen Pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila terjadi perang dapat dengan mudah dihancurkan. Jadi bila salah satu bagian dari sambungan jaringan terganggu dari serangan musuh, jalur yang melalui sambungan itu secara otomatis dipindahkan ke sambungan jaringan lainnya. Setelah angkatan bersenjata Amerika, dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer. Salah satunya adalah Universitas of California at Los Angeles ( UCLA ). Akhirnya pada tahun 1970 internet banyak digunakan di universitas-universitas di Amerika dan berkembang pesat sampai saat ini. Agar para pengguna komputer walaupun dengan merek dan tipe berlainan dapat saling berhubungan, maka para ahli
membuat sebuah protocol ( semacam bahasa ) yang sama untuk dipakai di internet. Namanya TCP ( Transmission Control Protocol, bahasa Indonesianya Protokol Pengendali Transmisi ) dan IP ( Internet Protocol ). 2.4 World Wide Web (WWW) World Wide Web (WWW), lebih dikenal dengan web yang merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Pada awalnya, web adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext, dimana pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web. Dari awalnya sebagai penyedia informasi, web juga digunakan untuk komunikasi dari email sampai chatting, juga melakukan transaksi bisnis ( commerce ). Karena kepopuleran web sebagai standar interface pada layanan-layanan yang ada di internet, kini internet identik dengan web. Bahkan web seakan lebih popular daripada 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. Informasi produk dari yang serius sampai dengan yang sampah, dari yang cuma-cuma sampai dengan yang komersial, semuanya ada. Web memudahkan pengguna computer untuk berinteraksi dengan pelaku intyernet lainnya dan menelusuri informasi di internet. Selain itu web telah diadopsi oleh perusahaan sebagai sebagian dari strategi teknologi infomasinya, karena beberapa alasan : a. Setup server lebih mudah.
b. Bebas platform; informasi dapat disajikan oleh browser web pada system informasi manasaja karena adanya standart dokumen berbagai tipe data dapat disajikan. c. Informasi mudah didistribusikan. d. Mudah untuk mengakses informasi 2.5 Komponen-Komponen Penyusun Web Untuk membuat web, diperlukan beberapa komponen yang harus ada (terinstall) didalam computer, yaitu : 1. Web browser merupakan perangkat lunak yang wajib dan harus terdapat dikomputer karena untuk menjalankan aplikasi web harus menggunakan web browser. Beberapa contohnya: Internet Explorer, Mozilla Firefox, Opera, Safari. 2. Web server merupakan perangkat lunak wajib jika membuat sebuah halaman web dinamis ( web yang selalu berubah-ubah, contohnya: web berita). Dalam web server semua script web yang dibuat biasanya diletakkan dalam document root yang ada pada web server tersebut. Dengan menggunakan web server maka pembuat web dapat melakukan uji coba terhadap halaman-halaman web yang dibuat tanpa harus mencobanya di internet langsung (localhost). Beberapa contohnya : Apache, Xitami 3. Script disgunakan untuk membuat web statis ( jenis web yang isinya tidak berubah-ubah biasanya menggunakan HTML yang isinya tidak dapat dirubah kecuali dirubah langsung isi
dari file aslinya) menggunakan client side scripting (HTML, XML, Java script, CSS style sheet). Untuk membuat web dinamis menggunakan server side scripting (ASP,PHP,JSP). 4. Database server merupakan tempat penyimpanan data dalam sebuah web, contohnya : MySQL, Microsoft SQL server, Oracle, dll. 2.6 Hypertext Preprocessor ( PHP ) PHP merupakan salah satu bahasa pemrograman web yang masih muda namun telah mengalami perkembangan yang cukup signifikan dan telah banyak digunakan oleh banyak user dalam membuat aplikasi web baik perseorangan maupun perusahaan. PHP merupakan singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen HTML. Penggunaan PHP memungkinkan web dapat dibuat dinamis sehingga maintenance situss web tersebut menjadi lebih mudah dan efisien. PHP merupakan software open source yang disebarkan dan dilesensikan secara gratis. PHP memiliki keunggulan daripada bahasa pemrograman lain diantaranya : a. Dalam sisi pemahaman, php adalah bahasa scripting yang paling mudah karena referensi yang banyak. b. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows)
c. Web server yang mendukung php mudah didapat, dengan konfigurasi yang relative murah. d. Bahasa pemrograman php adalah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya. Sintaks program PHP ditulis dengan apitan tanda khusus PHP yaitu : 1. <?php?> 2. <script language = PHP > </script> 3. <?...?> 4. <%...%> 2.7 MySQL MySQL termasuk jenis RDBMS (Relational Database Management System). Sehingga istilah seperti table, baris. Dan kolom tetap digunakan dalam MySQL. Pada MySQL sebuah database mengandung satu beberapa tabel, tabel terdiri dari sejumlah baris dan kolom. Dalam konteks bahasa SQL, pada umumnya informasi tersimpan dalam tabel-tabel yang secara logika merupakan struktur dua dimensi yang terdiri atas baris-baris data (row atau record) yang berada dalam satu atau lebih
kolom. Baris pada tabel sering disebut sebagai instance dari data sedangkan kolom sering disebut sebagai attributes atau field ( Sutarman, 2007 ). MySQL merupakan salah satu database server yang paling cocok berpasangan dengan PHP. MySQL merupakan salah satu format standart SQL bahasa data yang terkenal. Selain itu, MySQL dilepaskan dengan suatu lisensi open source dan tersedia secara cuma cuma. MySQL bekerja pada berbagai sistem operasi dan banyak bahasa. MySQL bekerja dengan cepat dan baik dengan data yang besar. PHP menyediakan banyak fungsi untuk mendukung database MySQL ( Peranginangin, 2006 ) 2.8 CSS ( Cascading Style Sheet ) CSS banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan layouting halaman web. Dengan mendefinisikan suatu style sekali saja maka akan dapat digunakan berulang kali. CSS telah didukung kebanyakan browser, terutama versi baru sehingga penempatan layout menjadi lebih fleksibel. Membuat HTML menggunakan tag minimal berpengaruh terhadap ukuran file, dapat menampilakn konten utama terlebih dahulu sementara gambar dan lainnya dapat ditampilkan sesudahnya. 2.9 Apache
Apache merupakan software yang dikeluarkan oleh Grup Apache. Grup Apache terlibat dalam satu proyek yang disebut Proyek Apache untuk menghubungkan suatu software implementasi di server HTTP yang handal, standar komersial,source code-nya didistribusikan gratis. 3.0 Macromedia Dreamweaver 8 Dalam membuat sebuah website diperlukan suatu editor. Salah satu editor yang sangat sederhana adalah notepad. Dengan perkembangan pernagkat lunak, sutu perusahan yang bernama Macromedia, Inc membuat suatu editor berbasis GUI yang dikhususkan untuk pembuatan website yang diberi nama Dreamweaver. Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia Dreamweaver 8 yang merupakan penyempurnaan dari versi sebelumnya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalsm Macromedia Dreamweaver 8 membuat pekerjaan lebih mudah dan cepat selesai. 3.1 Xampp Xampp merupakan tool yang menyediakan paket pernagkat lunak kedalam satu buah paket. Dengan meng-install xampp maka tidak perlu lagi melakukan instalansi dan konfigurasi web server Apache, PHP, dan MySQL secara manual. Xampp akan menginstalansi dan mengkonfigurasinya secara otomatis untuk anda.