BAB 2
LANDASAN TEORI
2.1 Pengertian Komputer
Komputer (computer)berasal dari Bahasa latin computare yang berarti menghitung. Kompoter mempunyai arti yang sangat luas dan berbeda untuk orang yang berbeda. Komputer adalah system elektronik untuk memanipulasi data yang cepat dan tepat serta dirancang dan diorganisasikan supaya secara otomatis menerima dan menyimpan data input, memprosesnya dan menghasilkan output dibawah pengawasan suatu langkah – langkah instruksi program yang tersimpan di memori (stored program).
Bila dijabarkan, defenisi dari komputer adalah seperangkat peralatan elektronik yang bekerja bersama – sama secara otomatis, menerima output, memproses data dan menghasilkan data secara logis (output), cepat dan tepat berdasarkan perintah – perintah yang diberikan oleh user dan komputer itu sendiri merupakan bagian dari system komputerisasi.
menjadikan komputer sebagai alat yang berguna. Sistem komputer memiliki bebrapa komponen, yaitu :
a. Perangkat Keras (Hardware)
Perangkat keras merupakan perangkat yang secara fisik dapat dilihat dan diraba, yang membentuk kesatuan, sehingga dapat difungsikan. Berdasarkan kegunaannya, perangkat keras dapat digolongkan kedalam tiga bagian :
1. Alat Input
Alat input adalah alat yang memiliki fungsi untuk memasukkan data ataupun program yang akan diproses komputer, seperti keyboard, mouse, printer, scanner, dan lainnya.
2. Alat Proses
Alat proses atau CPU (Central Processing Unit), merupakan alau atau unit terpenting didalam sistem komputer. Fungsi utamanya adalah pusat pemprosesan data dan mengontrol keseluruhan sistem komputer selama pengolahan data berlangsung, contohnya processor.
3. Alat Output
b. Perangkat Lunak (Software)
Perangkat lunak adalah komponen komputer yang merupakan kumpulan program dan prosedur yang memungkinkan perangkat keras komputer dapat menjalankan fungsinya sebagai alat pengolahan data. Komponen ini tidak nyata secara fisik. Perangkat lunak berfungsi sebagai perantara antara computer dan user sehingga dapat digunakan.
c. Perangkat Komputer (Brainware)
Pengguna komputer adalah manusia yang menangani suatu sistem komputer atau orang yang mampu menangani suatu sistem operasi komputer. Brainware dapat dikelompokkan dalam beberapa bagian, yaitu :
1. Sistem Analisis
Orang yang bertugas untuk membentuk dan merancang fasilitas suatu sistem komputer yang akan dibangun.
2. Programmer
Orang yang bertugas menerjemahkan spesifikasi yang telah dirancang oleh sistem analisis kedalam suatu Bahasa program tertentu.
3. Komputer Operator
Orang yang bertugas menangani pengolahan data secara langsung.
4. Data Entry Operator
2.2 Internet
Pertahanan disebut mendemonstrasikan bagaimana dengan berbasis melalui saluran telepon. Proyek ARPANET merancang bentuk jaringan, kehandalan, seberapa besar informasi dapat dipindahkan, dan akhirnya semua standar yang mereka tentukan menjadi cikal bakal pembangunan protokol baru yang sekarang dikenal sebagai
Tujuan awal dibangunnya proyek itu adalah untuk keperluan militer. Pada saat itu membuat siste komputer di daerah-daerah vital untuk mengatasi masalah bila terjadi serangan terjadi perang dapat mudah dihancurkan.
bula daerah, dan semua membuat ARPANET kesulitan untuk mengaturnya.
Oleh sebab itu ARPANET dipecah manjadi dua, yaitu "MILNET" untuk keperluan militer dan "ARPANET" baru yang lebih kecil untuk keperluan non-militer seperti, universitas-universitas. Gabungan kedua jaringan akhirnya dikenal dengan nama
2.3 Word Wide Web (WWW)
World Wide Web (biasa disingkat WWW) adalah suatu ruang informasi yang yang dipakai oleh pengenal global untuk mengidentifikasi sumber-sumber daya yang berguna. WWW sering dianggap sama dengan internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripada internet. WWW merupakan kumpulan serverweb dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama.
Dokumen-dokumen informasi ini disimpan atau dibuat dengan format HTML (Hypertext Markup Language).
Suatu halaman dokumen informasi dapat terdiri atas teks yang saling terkait dengan teks lainnya atau bahkan dengan dokumen lain. Keterkaitan halaman lewat teks ini disebut hyperlink. Dokumen infomasi ini tidak hanya terdiri dari teks tetapi dapat juga berupa gambar, mengandung suara bahkan klip video. Kaitan antar-dokumen yang seperti itu biasa disebut hipermedia. Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen multimedia yang saling bertautan dengan menggunakan tautan hiperteks atau hyperlink. Dengan mengeklik hyperlink, maka para pengguna bisa berpindah dari satu dokumen ke dokumen lainnya.
Interface identik dengan web, Karena poularitas sebagai penyedia informasi dan interface yang digunakan oleh pengguna internet dari masalah informasi sampai dengan komunikasi. Dari yang gratis sampai dengan yang komersil.
Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya. Selain itu web telah diadopsi oleh perusahaan sebagai bagian dari startegi teknologi informasi, karena bebrapa kelebihan yaitu :
a. Update informasi dengan cepat dan mudah. b. Menghemat biaya komunikasi dan administrasi.
c. Beriklan dan menyampaikan informasi tanpa henti 24 jam sehari. Edukasi klien dan calon klien tentang produk atau jasa yang anda berikan.
f. Bonafiditas naik. Kartu nama tidak lagi hanya berisi kontak alamat, telepon dan email.
2.3.1 LahirnyaWeb
Sejarah World Wide Web bermula di European Laboratory for Particle Physics (lebih dikenal dengan nama CERN), di kota Geneva dekat perbatasan Perancis dan Swiss. CERN merupakan suatu organisasi yang didirikan oleh 18 negara di Eropa. Dibulan Maret 1989, Tim Berners dan peneliti lainnya dari CERN mengusulkan suatu protokol sistem distribusi informasi di Internet yang memungkinkan para anggotanya yang tersebar di seluruh dunia saling membagi informasi dan bahkan untuk menampilkan informasi tersebut dalam bentuk grafik.
2.3.2 Web Browser
Di bulan Mei 1993, Marc Andreesen dan beberapa murid dari NCSA membuat web browser untuk sistem X-Windows yang berbasiskan grafik dan yang mudah untuk digunakan. Dalam beberapa bulan saja, Mosaic telah menarik perhatian baik dari pemakai lama maupun pemakai baru di Internet. Kemudian NCSA mengembangkan versi-versi Mosaic lainnya untuk komputer berbasis UNIX, NeXT, Windows dan Macintosh.
Pada tahun 1994, Marc Andreesen meninggalkan NCSA, dan kemudian bersama Jim Clark, salah satu pendiri dari Silicon Graphics, membuat Netscape versi pertama. Kehadiran Netscape ini menggantikan kepopuleran Mosaic sebagai web browser dan bahkan sampai saat ini Netscape merupakan browser yang banyak digunakan setelah Internet Explorer dari Microsoft. Pada tahun yang sama CERN dan MIT mendirikan suatu konsorsium yang dinamakan World Wide Web Consortium (W3C) yang bertugas untuk membangun standar bagi teknologi web.
Pada awal perkembangannya, sewaktu browser masih berbasiskan teks hanya terdapat sekitar 50 web. Di akhir tahun 1995 jumlah ini telah berkembang mencapai sekitar 300.000 web site. Dan diperkirakan sekarang ini jumlah pemakai web telah mencapat sekitar 30-an juta pemakai diseluruh dunia.
2.3.3 Fungsi WWW
Fungsi WWW adalah menyediakan data dan informasi untuk dapat digunakan bersama. Hal ini senada dengan pengertian www yang telah disebutkan di atas. Dengan demikian, salah satu fungsi www di internet menawarkan berbagai kecanggihan dan kemudahan pemakai intenet mendapatkan dan menampilan informasi dimana saja di internet secara mudah dan cepat.
Cara Kerja Browser Mengambil Halaman
Suatu browser mengambil halaman sebuah web page dari server dengan sebuah request. Sebuah request adalah HTTP standar yang berisi sebuah page address. Sebuah page address dapat di contohkan sebagai berikut :
2.3.4 Web Server
2.4 HTML (Hypertext Markup Language)
HTML (Hypertext Markup Language) yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web browser. HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia
Untuk dapat menghasiilkan tampilan wujud yang terintegrasi, format hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
Ada beberapa versi dalam HTML, yaitu :
a.
b.
c.
d.
e.
f.
Disini penulis menggunakan versi HTML 5.
Dokumen HTML adalah teks murni yang dibuat menggunakan editor teks. Dokumen HTML merupakan dokumen yang disajikan dalam web surfer. Dokumen pada umumnya berisi informasi atau interface aplikasi dalam internet.
Penamaan dokumen HTML pada beberapa sistem operasi bersifat case sensitive (membedakan huruf kapital dan biasa). Nama dokumen yang sama tapi dituliskan dengancase yang berbeda akan dianggap menjadi dokumen yang berbeda, misalnya “file.html” berbeda dengan “FILE.html” dan sebagainya.
Dokumen HTML mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan tag tertentu.
2.4.2 Tag dan Elemen Dalam HTML
Tag adalah teks atau disebut dengan istilah script yang ditulis diantara tanda < dan
>. Tag berfungsi untuk menentukan bagaimana sebuah web akan dibuat. Dengan kata lain tag mengontrol bentuk teks, paragraf, tabel dan banyak lagi.
Elemen merupakan istilah untuk komponen dasar pembentuk HTML5. Nama elemen ditunjukkan dengan tag. Suatu elemen harus ditandai dengan tag
yang berpasangan, namun ada beberapa elemen yang tidak mengharuskan tag nya ditulis secara berpasangan. Contohnya :
b. Ganti garis - break time dengan tag<br>.
c. Ganti datar - horizontal dengan tag<hr>.
d. List item dengan tag<li>.
Pada penulisan script HTML5 dimulai dengan menentikan tipe dokumen
lewat tag :
<!DOCTYPE HTML>
Fungsi Document Type diatas untuk menginformasikan kepada browser jenis
dokumen yang akan dibuat yaitu dokumen HTML, secara spesifik adalah HTML5.
Struktur script dasar adalah menulis tag diawal sebagai berikut : <html>
<head> <body>
Selanjutnya bisa menulis materi yang akan ditampilkan dalam jendela browser dengan tag <p>. Kemudian tutup script dengan mengetik tag penutup untuk body dan html :
</body> </head> </html>
Berikut adalah contoh susunan script sederhana <!DOCTYPE>
<html> <head>
<title> ... tugas akhir d3 MIPA USU </title>
</head>
<body>
<h1> TUGAS AKHIR </h1>
<p> ini adalah contoh script sederhana </body>
Hasil dokumen HTML5 yang ditampilkan ditampilan Mozila Firefox sebagai berikut :
Gambar 2.1 Dokumen HTML5 ditampilkan pada jendela browser Mozila
Firefox
2.5 PHP (Hypertext Preprocessor)
Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik degan cepat.
2.5.1 Sejarah PHP
PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun 1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML.
Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya.Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya.
Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan web server.
Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah :
1. Oracle 2. MySQL 3. Sybase 4. PostgreSQL 5. Dan lainnya
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web.
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter sudah diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model pemrograman berorientasi objek baru untuk menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi objek.
2.5.2 Hubungan PHP Dengan HTML
Kemudian browser menerjemahkan script tersebut sehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan program php, program ini harus diterjemahkan oleh web server sehingga menghasilkan kode html yang dikirim ke browser agar dapat ditampilkan.
Program ini dapat berdiri sendiri ataupun disisipkan di antara script html sehingga dapat langsung ditampilkan bersama dengan script HTML tersebut.
Program php dapat ditambahkan dengan mengapit program tersebut di antara tanda. Tanda-tanda tersebut biasanya disebut tanda untuk escaping (kabur) dari script html. File html yang telah dibubuhi program php harus diganti ekstensi nya menjadi .php3 atau php.
PHP merupakan bahasa pemograman web yang bersifat server-side HTML=embedded scripting, di mana script nya menyatu dengan HTML dan berada si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebagai bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti ASP (Active Server Pages) dan JSP (Java Server Pages).
2.5.3 Kelebihan PHP
Padahal situs tersebut harus tetap dinamis. Pada saat ini bahasa PERL dan CGI sudah jauh ketinggalan jaman sehingga sebagian besar designer web banyak beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP.
Pemrograman kearah pemrograman berorientasi objek. Kelebihan PHP dari bahasa pemrograman lain
a. Bahasa pemrograman php adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.
b. Web server yang mendukung php dapat ditemukan dimana - mana dari mulai IIS sampai dengan apache, dengan konfigurasi yang relatif mudah. c. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan
developer yang siap membantu dalam pengembangan
d. Dalam sisi pemahamanan, php adalah bahasa scripting yang paling mudah karena referensi yang banyak.
e. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux, unix, windows) dan dapat dijalankan secara runtime melalui perangkat serta juga dapat menjalankan perintah-perintah sistem.
2.6 CSS (Cassading Style-Sheet)
halaman web secara lebih mudah dan cepat, serta irit ukuran. CSS juga membantu kita untuk menyeragamkan seluruh halaman web dengan tampilan yang konsisten.
Misalnya, kita mau seluruh hurufyang ada di web kita adalah huruf "Tahoma", maka dengan bantuan CSS kita bisa bikin proses itu menjadi otomatis tanpa harus mengganti-ganti huruf secara manual di setiap halaman.
Sebelum CSS menjadi standar untuk mendesain halaman web seperti sekarang, halaman web di desain menggunakan <table>. Terlebih dahulu pengerjaan desain, dalam format .psd atau jpeg, lalu di slice atau di potong potong menjadi bagian – bagian terpisah. Kemudian pembuatan tabel dengan ukuran yang sesuai, lalu desain tadi di “tempel” pada table sebagai image yang melekat pada tabel, atau sebagai background. Kelemahan dari cara seperti ini adalah, halaman web menjadi berat karena kolom – kolom penyusun table <tr> dan <td> diberi tambahan atribut image source. Side effect dari hal ini adalah halaman web menjadi padat dan tidak SEO friendly.
Pada perkembangannya CSS sudah masuk lelvel 3 untuk sekarang, dimana dimulai CSS level 1 atau yang sering di sebut CSS aja, kemudian level 2 yang merupakan penyempurnaan dari CSS level sebelumnya, yaitu CSS level 1.
CSS merupakan alternatif bahasa pemrograman web masa yang akan datang, dimana mempunyai banyak keuntungan, diantaranya :
a. Ukuran file lebih kecil b. Load file lebih cepat
d. Pasangan setia XHTML
e. Menghemat pekerjaan tentunya, dimana hanya membuat 1 halaman CSS. f. Mudah mengganti-ganti tampilan dengan hanya merubah file CSS saja.
2.6.1 Sejarah CSS
Pada tanggal 17 Agustus 1996, World Wide Web Consortium (W3C) menjadikan CSS sebagai bahasa pemrograman standart dalam pembuatan dokumen web. Tujuannya adalah mengurangi pembuatan tag-tag baru oleh Netscape dan Internet Explorer, karena kedua kedua browser pada saat itu bersaing mengembangkan TAG sendiri untuk mengatur tampilan web.
CSS level 1 mendukung pengaturan tampilan dalam hal: a. Huruf (jenis, ketebalan)
b. Warna, teks, backgrounf dan elemen lainnya
c. Text attributes, misalnya spasi antar baris, kata dan huruf d. Posisi teks, gambar, table dan elemen lainnya
e. Marjin, border dan padding.
Selanjutnya di tahun 1998, W3c menyempurnakan CSS awal dengan menciptakan standar CSS2 (CSS level 2) yang menjadi standar hingga saat ini. Pada CSS level 2 ini, di masukkan semua atribut dari CSS1, serta diperluas dengan penekanan pada Internasional accessibility and capability khususnya media-specific CSS. Bahkan pada tahun 2000, tidak lama setelah CSS2 di implementasikan. CSS2 ini sampai sekarang masih terus dikembangkan, spesifikasinya dibagi pada beberapa topik atau modul.
Adapun kelebihan dengan menggunakan CSS adalah sebagai berikut :
a. Halaman web menjadi tidak padat, hingga halaman web menjadi SEO friendly b. Dapat dengan mudah mengganti tampilan web dengan cukup mengganti nilai dan
definisi pada pada satu file CSS saja.
2.7 MySQL
MySQL adalah satu perangkat lunak sistem pengola basis data (Database Management System). MySQL juga dapat dikategorikan sebagai Relation Database Management System (RDBMS). Karena dalam pembuatan basis data pada MySQL dapat dibedakan dalam berbagai tabel dua dimensi. Setiap tabel pada MySQL terdiri atas lajur horizontal dan lajur vertikal.
2.8 Sistem Informasi
Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran yang tertentu. Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu.
Informasi merupakan hal yang sangat vital dalam suatu organisasi. Jika informasi tesebut dapat memberikan arti bagi penerimanya, maka informasi itu mempengaruhi suatu keputusan yang telah diambil sebelumnya sehingga dapat memberi suatu nilai tertentu, mengemukakan bahwa informasi adalah data yang telah diolah menjadi bentuk yang lebih berguna bagi penerimanya dan bermanfaat dalam mengambil keputusan baik saat ini atau mendatang.
Informasi adalah data yang diolah menjadi bentuk yang lebih berarti dan lebih berguna bagi yang menerimanya. Sumber informasi adalah data. Data merupakan bentuk jamak dari bentuk tunggal datim atau data item. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata. Kejadian (event) adalah suatu yang terjadi pada saat tertentu. Kesatuan nyata merupakan objek nyata seperti tempat, benda, orang dan lain sebagainya yang betul-betul ada dan terjadi.
informasi, informasi tersebut akan menjadi input bagi proses berikutnya dan seterusnya lagi terus berputar.
Sistem informasi adalah suatu sistem atau tatanan kerja buatan manusia yang secara umum terdiri atas sekumpulan komponen berbasis komputer dan manual yang dibuat untuk menghimpun, menyimpan, dan mengelola data serta menyediakan informasi keluaran kepada para pemakai.
Adapun yang harus diperhatikan dalam membuat sistem informasi adalah sebagai berikut :
1. Kualitas Informasi
a. Akurat berarti informasi harus bebas dari kesalahan dan tidak menyesatkan. Informasi harus akurat dari sumber informasi sampai ke penerima informasi. b. Tepat pada waktunya, artinya informasi yang datang pada penerima tidak boleh
terlambat, informasi yang sudah usang tidak mempunyai nilai lagi dan bila informasi terlambat akan dapat menimbulkan masalah dalam organisasi.
c. Relevan berarti informasi tersebut mempunyai manfaat untuk pemakainya. Relevansinya informasi untuk tiap-tiap orang, satu dengan yang lainnya berbeda.
2. Informasi dalam ruang lingkup sistem informasi memiliki beberapa ciri yaitu sebagai berikut :
c. Tambahan, informasi dapat mempengaruhi atau memberikan tambahan baru pada informasi yang telah ada.
d. Korektif, informasi dapat menjadi suatu koreksi dan informasi salah atau palsu sebelumnya.
e. Penegas, informasi dapat mempertegas informasi yang telah ada.
Dalam berbagai literature manajemen, terkandung suatu pengertian informasi yang sasaran akhirnya adalah untuk pengambilan keputusan. Penggunaan informasi diharapkan akan menambah pengetahuan bagi yang menggunakannya. Namun demikian tidak selamanya bahwa pengguna informasi akan mengakibatkan suatu pilihan mutlak.
3. Nilai Informasi
