Perancangan Sistem Informasi Inter Club Indonesia Kordinator Daerah Sumatera Utara Berbasis Web

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.

Sistem komputer adalah suatu sistem yang terdiri atas komputer dan seluruh komponen – komponen yang menunjang terlaksananya proses pengolahan data dan

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

Alat output adalah alat untuk menampilkan hasil pengolahan data yang dilakukan oleh CPU, misalnya monitor dan printer.

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

Orang yang bertugas melakukan pengurusan data yang akan diolah, mulai dari pengumpulan data, perekaman data kedalam media penyimpanan hingga pemeriksaan dan pengiriman informasi yang akan dihasilkan oleh Komputer.

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.

Pada mulanya ARPANET hanya menghubungkan 4 situs saja yaitu pada tahun

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.

WWW adalah bagian yang paling menarik dari Internet. Melalui web, para pengguna dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi. Kegunaan ini tergolong masih baru dibandingkan surat elektronik, sebenarnya WWW merupakan kumpulan dokumen yang tersimpan di server web, dan tersebar di lima benua termasuk Indonesia yang terhubung menjadi satu melalui jaringan internet.

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.

d. Brand Awarness dengan cara iklan di web terkemuka atau dengan tukar link. e. Desain dan isi web dapat mencerminkan keseriusan anda atau perusahaan anda.

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

Web Browser pertama dibuat dengan berbasiskan pada teks. Untuk menyatakan suatu link, dibuat sebarisan nomor yang mirip dengan suatu menu. Pemakai mengetikkan suatu nomor untuk melakukan navigasi di dalam web. Kebanyakan software tersebut dibuat untuk komputer-komputer yang menggunakan Sistem Operasi UNIX, dan belum banyak yang bisa dilakukan oleh pemakai komputer saat itu yang telah menggunakan Windows. Tetapi semua ini berubah setelah munculnya browser Mosaic dari NCSA (National Center for Supercomputing Applications).

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.

Diantara browser web yang telah banyak digunakan pada saat peluncurannya diantaranya adalah MSN, Opera Mini, Mozila Firefox, Google Chrome dan lain sebagainya. Diantara web browser ini terdapat kelebihan dan kekurangan masing-masing sehinnga pengguna dapat memilih web browser sesuai dengan kemudahan yang ditawarkan.

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

Web server adalah sebuah layanan internet yang telah disediakan oleh komputer. Dalam memasukkan web yang telah dirancang dalam internet, maka terlebih dahulu memiliki ruangan dalam internet dan ruangan inilah disediakan oleh server. Web server juga merupakan sebuah perangkat komputer yang digunakan untuk mengakses segala jenis file yang terdapat pada halaman web melalui HTTP/HTTPS dengan menggunakan web browser dan mengirimkan kembali hasil permintaannya dalam bentuk halaman – halaman web yang berbentuk dokumen HTML.

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>

Tag <head> .... </head> ditulis sebelum body memiliki fungsi spesifik, yaitu mencantumkan informasi yang secara umum tidak diletakkan dalam desain web secara langsung. Dan tag <title> .... </title> fungsinya untuk menulis judul yang terlihat dalam titile bar.

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)

PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik.

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.

Perubahan yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP. Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web.

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.

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah Personal HomePage/Form Interpreter. Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.

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

Halaman web biasanya disusun dari script html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file) ke browser,

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

Ketika teknologi komunikasi semakin berkembang, situs-situs yang statispun semakin ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar.

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)

CSS (Cascading Style-Sheet) adalah sebuah pengembangan atas script HTML yang sudah ada sebelumnya. Dengan CSS, kita bisa menentukan sebuah struktur dasar

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.

MySQL pada saat ini banyak digunakan oleh pemrograman web untuk membangun situs yang memerlukan basis data sebagai data dan pengolahan data. Untuk keperluan menampung data dalam server haruslah diperlukan database. MySQL merupakan sebuah program aplikasi untuk membuat database yang umum digunakan pada web server. MySQL banyak digunakan karena kemampuannya dalam menampung data yang cukup besar dan proses yang cepat dalam memanggil data.

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.

Data diolah melalui suatu model yang disebut siklus informasi atau siklus pengolahan. Data yang diolah atau diproses yang akan menghasilkan keluaran berupa

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 :

a. Benar atau salah, ini dapat berhubungan dengan realita atau tidak. b. Baru, informasi dapat sama sekali baru dan segar bagi penerimanya.

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

Nilai dari informasi (Value of Information) ditentukan dari dua hal, yaitu manfaat dan biaya mendapatkannya. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya. Akan tetapi perlu diperhatikan dalam informasi, umumnya dapat digunakan untuk beberapa kegunaan. Sehingga tidak memungkinkan untuk menghubungkan suatu bagian informasi pada suatu masalah yang tertentu dengan biaya untuk memperolehnya, karena sebagian informasi dinikmati tidak hanya oleh satu pihak dalam perusahaan. Lebih lanjut sebagian informasi tidak dapat ditaksir keuntungannya dengan satuan nilai uang, tetapi ditaksir efektivitasnya.

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.

MySQL pada saat ini banyak digunakan oleh pemrograman web untuk

membangun situs yang memerlukan basis data sebagai data dan pengolahan data.

Untuk keperluan menampung data dalam server haruslah diperlukan database.

MySQL merupakan sebuah program aplikasi untuk membuat database yang umum

digunakan pada web server. MySQL banyak digunakan karena kemampuannya

dalam menampung data yang cukup besar dan proses yang cepat dalam memanggil

data.

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.

Data diolah melalui suatu model yang disebut siklus informasi atau siklus pengolahan. Data yang diolah atau diproses yang akan menghasilkan keluaran berupa

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 :

a. Benar atau salah, ini dapat berhubungan dengan realita atau tidak. b. Baru, informasi dapat sama sekali baru dan segar bagi penerimanya.

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

Nilai dari informasi (Value of Information) ditentukan dari dua hal, yaitu manfaat dan biaya mendapatkannya. Suatu informasi dikatakan bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya mendapatkannya. Akan tetapi perlu diperhatikan dalam informasi, umumnya dapat digunakan untuk beberapa kegunaan. Sehingga tidak memungkinkan untuk menghubungkan suatu bagian informasi pada suatu masalah yang tertentu dengan biaya untuk memperolehnya, karena sebagian informasi dinikmati tidak hanya oleh satu pihak dalam perusahaan. Lebih lanjut sebagian informasi tidak dapat ditaksir keuntungannya dengan satuan nilai uang, tetapi ditaksir efektivitasnya.