SISTEM INFORMASI ABSENSI PEGAWAI PADA CV

SISTEM INFORMASI ABSENSI PEGAWAI PADA CV. FLASHINDOMEDIA MEDAN BERBASIS WEB TUGAS AKHIR OLEH:

  MIRA BELLINA 062406063

PROGRAM STUDI D3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

  Mira Bellina : Sistem Informasi Absensi Pegawai Pada CV. Flashindomedia Medan Berbasis Web, 2009.

SISTEM INFORMASI ABSENSI PEGAWAI PADA CV. FLASHINDOMEDIA MEDAN BERBASIS WEB TUGAS AKHIR

  Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya OLEH:

  MIRA BELLINA 062406063

PROGRAM STUDI D3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA 2009

PERSETUJUAN

  Judul

  : SISTEM INFORMASI ABSENSI PEGAWAI

PEGAWAI CV. FLASHINDOMEDIA MEDAN BERBASIS WEB

  Kategori

  : TUGAS AKHIR

  Nama

  : MIRA BELLINA

  NIM

  Program Studi

  : D-3 ILMU KOMPUTER

  Departemen

  : MATEMATIKA

  Fakultas

  : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM UNIVERSITAS SUMATERA UTARA

  Diluluskan di Medan, Juni 2009

  Komisi Pembimbing :

  DiketahuiDisetujui oleh Departemen Matematika FMIPA USU Pembimbing

  Dr. Saib Suwilo, M.Sc Drs.Sawaluddin, M.IT NIP. 131796149 NIP. 132206398

PERNYATAAN SISTEM INFORMASI ABSENSI PEGAWAI CV. FLASHINDOMEDIA MEDAN BERBASIS WEB

  Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing – masing disebutkan sumbernya.

  Medan, Juni 2009

  MIRA BELLINA 062406063

PENGHARGAAN

  Puji Syukur Penulis ucapkan ke hadirat Allah SWT , yang masih memberikan kesempatan dan kesehatan sehingga akhirnya Tugas Akhir dapat diselesaikan dalam waktu yang telah ditetapkan.

  Penulisan Tugas Akhir ini merupakan salah satu syarat bagi setiap mahasiswa guna menyelesaikan Program Studi D3 Ilmu Komputer Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

  Dalam menyelesaikan Tugas Akhir ini, Penulis banyak mendapatkan bimbingan dan bantuan dari berbagai pihak baik berupa material, spiritual. Pada kesempatan ini Penulis mengucapkan terima kasih yang sebesar-besarnya kepada :

1. Bapak Prof. Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2. Bapak Dr. Saib Suwilo, M.Sc selalku ketua jurusan Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

  3. Bapak Drs.Sawaluddin, M.IT selaku dosen pembimbing dalam penyusunan Tugas Akhir yang telah banyak memberikan bimbingan dan masukan- 3. Bapak Drs.Sawaluddin, M.IT selaku dosen pembimbing dalam penyusunan Tugas Akhir yang telah banyak memberikan bimbingan dan masukan-

4. Bapak Syahriol Sitorus, S.Si, M.IT selaku dosen wali yang telah banyak membantu penulis dalam menjalani perkuliahan di kampus.

5. Para Dosen dan Pegawai Fakultas Matematika dan Ilmu Pengetahuan Alam.

  6. Teristimewa kepada Orang Tua Penulis yang tercinta Ayahanda (Herman), Ibunda (Siti Aisyah) dan juga kakak dan adik tersayang Bunga Anggina, Melisa, Yuki Dermawan yang telah banyak memberikan dukungan, motivasi yang tak terhingga dan tak ternilai harganya yang dirasakan oleh penulis.

7. Seluruh teman-teman D3 Ilmu Komputer stambuk 06, dan juga para senior.

  Penulis menyadari sepenuhnya bahwa penulisan Tugas Akhir ini masih jauh dari kesempurnaan yang dikarenakan pengetahuan dan pengalaman yang dimiliki oleh penulis masih sangat terbatas yang masih perlu diperbaiki, baik dari segi penyajian, bentuk maupun isinya.

  Akhirul kalam kepada Allah Subahana Wata’ala penulis berserah diri, karena hanya pada-Nyalah segala kebenaran dan kesempurnaan itu berada. Akhir kata penuli berharap semoga Tugas Akhir ini dapat berguna bagi semua pihak yang membacanya

ABSTRAK

  Tugas akhir ini merancang suatu aplikasi Sistem Informasi Absensi Pegawai CV. Flashindomedia Medan Berbasis Web yang bermanfaat untuk menyediakan informasi yang baik dengan cepat dan mudah, juga melalui kajian ini diharapkan dapat memberi kemudahan kepada karyawan CV. Flashindomedia Medan dalam melakukan pengisian absensi. Perancangan sistem dalam merancang Sistem Informasi Absensi Pegawai CV. Flashindomedia Medan Berbasis Web ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Adobephotoshop, dan XAMPP. Dengan menggunakan XAMPP paket-paket aplikasi yang kita perlukan dalam merancang sebuah situs yang baik seperti Apache Web Server, PHP dan MySQL telah tersedia. Sistem Informasi Absensi Pegawai CV. Flashindomedia Medan ini meliputi pemakaian situs oleh karyawan Flashindomedia seperti daftar absensi harian. Hal tersebut digunakan untuk menampung data-data yang diperlukan dalam mempelancar sistem informasi.

DAFTAR ISI

  PERSETUJUAN

  ii

  PERNYATAAN

  iii

  PENGHARGAAN

  iv

  ABSTRAK

  vi

  DAFTAR ISI

  vii

  DAFTAR TABEL

  x

  DAFTAR GAMBAR

  xi

  BAB 1 PENDAHULUAN

  1.1 Latar Belakang

  1.2 Perumusan Masalah

  1.3 Tujuan Penelitian

  1.4 Pembatasan Masalah

  1.5 Metodologi Penelitian

  1.6 Sistematika Penulisan

  BAB 2 LANDASAN TEORI

  2.1 Sejarah Singkat Internet

  2.2 World Wide Web(WWW)

  2.2.1 Lahirnya Web

  2.2.2 Browser Web

  2.2.2.1 Cara Kerja Browser Mengambil HalamanPage 13

  2.2.2.2 Cara Kerja Menampilkan HalamanPage

  2.2.3 Server Web

  2.2.4 Istilah-Istilah Umum Yang Harus Diketahui

  2.3 HTML (Hypertext Markup Language)

  2.3.1 Dokumen HTML

  A. Penamaan Dokumen HTML

  B. Elemen dan Tag HTML

  2.4 DHTML (Dynamic Hypertext Markup Language)

  2.4.1 CSS (Cascading Style Sheet)

  2.4.2 Java Script

  2.5 Pengenalan PHP (Hypertext Prepocessor)

  2.5.1 Sejarah PHP

  2.5.1.1 PHPFI (Personal Home PageForm Interpreter)

  2.5.1.2 PHP 3

  2.5.1.3 PHP 4

  2.5.1.4 PHP 5

  2.5.2 Skrip PHP

  2.5.3 Integrasi dengan Database

  2.6 Pengenalan Konsep Pemograman Berorientasi Objek dengan PHP

  2.6.1 Mengelola Kompleksitas Aplikasi

  2.6.2 Mengantisipasi Adanya Perubahan

  2.7 MySQL

  2.8 Macromedia Dreamweaver

  BAB 3 SEKILAS CV. FLASHINDOMEDIA MEDAN

  3.1 Sejarah Singkat CV. Flashindomedia Medan

  3.2 Visi, Misi dan Tujuan CV. Flashindomedia Medan

  3.2.1 Visi CV. Flashindomedia Medan

  3.2.2 Misi CV. Flashindomedia Medan

  3.2.3 Tujuan CV. Flashindomedia Medan

  BAB 4 RANCANGAN SISTEM PROGRAM

  4.1 Data Flow Diagram

  4.2 Flowchart Program

  4.3 Normalisasi

  4.4 Rancangan database

  BAB 5 IMPLEMENTASI SISTEM

  5.1 Pengertian Implementasi Sistem

  5.2 Tujuan Implementasi Sistem

  5.3 Komponen-Komponen Kebutuhan Sistem

  5.3.1 Hardware

  5.3.2 Software

  5.3.3 Brainware

  5.4 Demontrasi Program

  5.4.1 Halaman Utama Login Absensi Karyawan

  5.4.2 Halaman Menu Login Absensi

  5.4.3 Halaman Login Admin

  5.4.4 Halaman Menu Admin

  5.4.5 Halaman Menu Master Data

  5.4.6 Halaman Menu Data Absensi

  5.4.7 Halaman Menu Laporan

  BAB 6 KESIMPULAN DAN SARAN

  6.1 Kesimpulan

  6.2 Saran

DAFTAR PUSTAKA LAMPIRAN

DAFTAR TABEL

  Halaman

  30

  Tabel 2.1 Daftar Database-Database yang didukung oleh PHP

DAFTAR GAMBAR

  Halaman

  Gambar 2.1 Dokumen HTML ditampilkan di Browser Mozila

  Gambar 2.2 Dokumen PHP ditampilkan di Browser Mozila

  Gambar 4.1 Diagram Konteks

  Gambar 4.2 DFD Diagram Level Nol

  Gambar 4.3 Diagram Sistem Absensi Pegawai yang sedang berjalan

  Gambar 4.4 Flowchart Menu Utama

  Gambar 4.5 Flowchart Menu Utama

  Gambar 4.6 Keterangan Bagan Flowchart Admin

  Gambar 4.7 Keterangan Bagan Flowchart Admin

  Gambar 4.8 Keterangan Bagan Flowchart Admin

  Gambar 4.9 Keterangan Bagan Flowchart Admin

  Gambar 4.10 Keterangan Bagan Flowchart Admin

  Gambar 5.1 Halaman Tampilan Windows XP

  Gambar 5.2 Halaman Tampilan Macromedia Dreamweaver 8

  Gambar 5.3 Tampilan Antar Muka Web Server

  Gambar 5.4 Halaman Utama Login Absensi

  Gambar 5.5 Halaman Menu Login Absensi

  Gambar 5.6 Halaman Login Admin

  Gambar 5.7 Halaman Menu Admin

  Gambar 5.8 Halaman Menu Master Data

  Gambar 5.9 Halaman Menu Data Absensi

  Gambar 5.10 Halaman Menu Laporan

  BAB I PENDAHULUAN

1.1. Latar Belakang

  Teknologi informasi pada saat ini telah berkembang sangat pesat sehingga mempunyai dampak dalam meningkatkan efektifitas dan keefisienan dalam melakukan setiap pekerjaan. Mungkin suatu kenaifan kalau berbicara tentang teknologi informasi dan komunikasi, tanpa membicarakan suatu benda yang bernama komputer. Komputer merupakan suatu media elektronik yang memegang peranan yang sangat penting dalam perkembangan yang terjadi saat ini.

  Komputer bukan lagi barang mewah atau sesuatu yang langka untuk dimiliki oleh seseorang seperti awal kedatangannya, tetapi sudah menjadi suatu keperluan bahkan kebutuhan yang sangat bersifat umum dan fital, terutama bagi perusahaan dan badan instansi baik milik pemerintah maupun swasta. Penggunaan komputer telah berkembang menjadi sebuah sarana komunikasi dan edukasi yang paling cepat saat ini. Sehingga pengunaannya menjadi penting di setiap sendi-sendi kehidupan masyarakat, termasuk dalam proses perolehan informasi pada suatu perusahaan.

  Sejak munculnya teknologi Internet, proses pengiriman, penyampaian, serta penerimaan informasi itu sendiri menjadi lebih cepat dan efektif. Seiring Sejak munculnya teknologi Internet, proses pengiriman, penyampaian, serta penerimaan informasi itu sendiri menjadi lebih cepat dan efektif. Seiring

  PHP (Hypertext Preprocessor) merupakan bahasa pemrograman yang bersifat server side script, yaitu bahasa yang berbentuk script yang terletak dan dieksekusi di server untuk kemudian hasilnya (berupa kode HTML) dikembalikan ke browser penggunauserclient. PHP dirancang untuk membentuk suatu web yang bersifat dinamis, yang artinya halaman yang ditampilkan dibuat saat halaman itu diminta oleh penggunauserclient. PHP juga dapat berinteraksi dengan hampir semua teknologi web yang telah ada dan sifatnya open source (bebas pakai) sehingga memberikan kesempatan buat semua user dan programmer untuk menggunakan dan mengembangkannya.

  Selain itu demi mendukung berkembangnya aplikasi web yang semakin besar, rumit, dan kompleks, maka dikembangkanlah kemampuan object oriented programming dari PHP. Keuntungan yang dapat diperoleh dari kemampuan object oriented programming dari PHP, yaitu kemudahan untuk mengolah kompleksitas yang dibuat serta kemudahan untuk melakukan perubahan dan pengembangan dari aplikasi tersebut.

  Sebagai salah satu perusahaan swasta yang bergerak dalam bidang IT Solution, Marketing, Entertainment and Publishing, data absensi merupakan data yang sangat vital bagi sebuah perusahaan. Untuk itu penulis mencoba membuat perancangan suatu sistem untuk melakukan proses kerja khusunya dalam absensi keseharian pegawai pada CV. Flashindomedia Medan.

  Dengan pertimbangan diatas dan pribadi penulis yang ingin menerapkan pengetahuan yang telah diperoleh selama ini maka penulis memutuskan untuk membuat suatu aplikasi web yang berjudul : “SISTEM INFORMASI ABSENSI PEGAWAI PADA CV. FLASHINDOMEDIA MEDAN”.

1.2. Perumusan Masalah

  Pada umumnya setiap perusahaan memerlukan sarana dalam memberikan dan menyajikan informasi dengan lebih cepat dan mudah bagi masyarakat umum maupun kalangan didalam instansi itu sendiri, semua itu juga berlaku di CV. Flashindomedia Medan. Sehubungan dengan hal tersebut maka dapat dirumuskan masalah yang dihadapi penulis di dalam pembuatan aplikasi ini, yaitu:

  a. Bagaimana mendesain, membuat dan menghasilkan suatu sistem informasi yang berbasis web untuk dapat menyimpan, menampilkan dan mengedit data absensi pegawai yang akan disampaikan dan dapat diperlukan oleh segenap kariawan.

  b. Bagaimana informasi pada website dapat di update dengan mudah pada waktu yang diinginkan sesuai dengan tujuan aplikasi ini, yaitu website yang dinamis.

1.3. Tujuan Penelitian

  Tujuan penelitian adalah mengimplementasikan sistem informasi absensi pegawai ini untuk membagi fungsi-fungsi pada website seperti template, theme, dan script berdasarkan pembagian tanggung jawab dan juga menunjukkan penggunaan PHP dalam membangun suatu aplikasi website yang membantu menyediakan informasi yang aktual bagi userpengguna yang membutuhkan.

1.4. Pembatasan Masalah

  Agar pembahasan masalah tidak menyimpang dari tujuan penelitian, maka berikut adalah beberapa batasan yang perlu dibuat, yaitu:

  a. Website ini akan menampilkan halaman-halaman web yang statis maupun dinamis mengenai sistem informasi absensi pegawai CV. Flashindomedia Medan, seperti: data perusahaan, data pegawai, data absensi pegawai.

b. Aplikasi ini dibangun dibawah sistem operasi Windows XP Professional Services Pack 2.

  c. Website yang dibangun mendukung bahasa pemograman web yang lainnya seperti: HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), dan Javascript.

d. Aplikasi ini dibangun menggunakan Macromedia Dreamweaver 8.

e. Aplikasi dibangun menggunakan aplikasi web server XAMPP yang terdiri dari Apache, PHP, dan MySQL.

1.5. Metodologi Penelitian

  Metodologi penelitian yang digunakan penulis, meliput i antara lain:

  1. Penelitian lapangan ( Field Research ) Penelitian dilakukan langsung ke sistem absensi pegawai CV. Flashindomedia Medan untuk mendapatkan data dan sistem absensi yang sedang berjalan sekarang dimana penulis melakukan pengumpulan data dengan dua cara yaitu:

  a. Wawancara Wawancara yang dilakukan penulis adalah meyakinkan data yang diperoleh akurat. Dalam pengumpulan data tersebut penulis mewawancarai bagian umum dan yang terkait didalamnya. Untuk mengetahui apa dan bagaimana dari kegiatan pengolahan data tersebut serta kemampuan memberi informasi yang tepat dan jelas.

  b. Observasi Observasi yang dilakukan penulis adalah untuk mengamati dan mengetahui secara langsung jalannya sistem yang sedang berjalan saat itu dan proses kerja dari tugas masing-masing serta melihat format- format laporan dalam perusahaan tersebut yang digunakan saat itu.

  2. Penelitian Kepustakaan Penulis melakukan penelitian keperpustakaan dengan tujuan agar memperoleh data teoritis yang bersumber dari buku-buku ilmiah dan tulisan yang berkaitan dengan komputer dan masalah-masalah yang berkaitan dengan tugas akhir ini.

1.6. Sistematika Penulisan

  Adapun sistematika penulisan laporan tugas akhir ini adalah sebagai berikut:

BAB 1 : Pendahuluan

  Dalam bab ini penulis menguraikan Latar Belakang, Perumusan Masalah, Tujuan Penelitian, Pembatasan Masalah, Metodologi Penelitian dan Sistematika Penelitian.

BAB 2 : Landasan Teori

  Dalam bab ini penulis menguraikan beberapa hal yang berhubungan dengan aplikasi website dinamis yang ingin dibangun penulis yaitu sejarah singkat internet, World wide Internet, HTML ( HyperText Markup Language ), DHTML ( Dynamic HyperText Markup Language ), pengenalan PHP, pengenalan konsep Object Oriented Programming, MySQL dan Macromedia Dreamweaver.

BAB 3 : Sekilas CV. Flashindomedia Medan

  Dalam bab ini penulis menyajikan gambaran tentang CV. Flashindomedia Medan yang terdiri dari profil, struktur organisasi, visi misi, sasaran usaha, serta kegiatan CV. Flashindomedia Medan.

BAB 4 : Perancangan Sistem

  Dalam bab ini penulis menguraikan tentang perancangan sistem yang dirancang yang meliputi perancangan layout, perancangan database, gambaran aplikasi website yang akan dibuat serta bagaimana algoritma aplikasi tersebut saat dijalankan.

BAB 5 : Implementasi Sistem

  Dalam bab ini penulis menyajikan tentang pengertian implementasi aplikasi, tujuan implementasi aplikasi serta spesifikasi aplikasi.

BAB 6 : Kesimpulan dan Saran

  Dalam bab ini penulis menguraikan tentang kesimpulan dan saran.

BAB 2 LANDASAN TEORI

2.1. 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 atau gedung. Jaringan komputer ini berfungsi agar pengguna komputer bisa bertukar informasi dan data dengan pengguna komputer lainnya.

  ARPAnet ( Us Defense Advanced Research Projects Agency ) atau Departemen Pertahanan Amerika pada tahun 1969 membuat jaringan komputer yang tersebar untuk menghindarkan terjadinya informasi terpusat, yang apabila terjadi perang dapat mudah dihancurkan. Jadi bila satu bagian dari sambungan jaringan terganggu dari serangan musuh, jalur yang melalui sambungan itu secara otomatis dipindahkan ke sambungan lainnya.

  Setelah angkatan bersenjata Amerika, dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer. Salah satunya adalah University of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet banyak digunakan di universitas-universitas di Amerika dan bekembang pesat sampai Setelah angkatan bersenjata Amerika, dunia pendidikan pun merasa sangat perlu mempelajari dan mengembangkan jaringan komputer. Salah satunya adalah University of California at Los Angeles (UCLA). Akhirnya pada tahun 1970 internet banyak digunakan di universitas-universitas di Amerika dan bekembang pesat sampai

2.2. World Wide Web ( WWW )

  World Wide Web (WWW) lebih dikenal dengan web, merupakan salah satu layanan yang dapat dipakai oleh pemakai komputer yang terhubung ke internet.

  Web pada awalnya adalah ruang informasi dalam Internet, dengan menggunakan teknologi hypertext, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.

  Saat ini internet identik dengan web, karena kepopuleran web sebagai standar interface pada layanan-layanan yang ada di Internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce).

  Saat ini web seakan lebih populer daripada email, walaupun secara statistik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web lebih populer bagi khalayak umum dan pemula, terutama untuk tujuan pencarian Saat ini web seakan lebih populer daripada email, walaupun secara statistik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web lebih populer bagi khalayak umum dan pemula, terutama untuk tujuan pencarian

  Internet identik dengan web, karena popularitasnya sebagai penyedia informasi dan interface yang dibutuhkan oleh pengguna internet dari masalah informasi sampai dengan komunikasi. Informasi produk dari yang serius sampai dengan sampah, dari yang cuma-cuma sampai dengan yang komersial, semuanya ada.

  Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainnya dan menelusuri (informasi) di Internet.

  Selain itu web telah diadopsi oleh perusahaan sebagai bagian dari strategi teknologi informasinya, karena beberapa alasan:

a. Akses informasi mudah

b. Setup server lebih mudah

c. Informasi mudah didistribusikan

  d. Bebas platform; informasi dapat disajikan oleh browser web pada sistem operasi mana saja karena adanya standar berbagai tipe data dapat disajikan.

2.2.1 Lahirnya Web

  Tahun 1989, Timothy Bernes-Lee seorang ahli komputer dari inggris dan peneliti lain di European Particle Physics Lab (Consei European pour la Recherche Nucleaire, atau CERN) di Geneva, Swiss, mengembangkan suatu cara untuk men-share data antar koleganya menggunakan sesuatu yang disebut dengan hypertext. Pemakai di ERN dapat menampilkan dokumen pada layar komputer dengan menggunakan software browser baru.

  Kode-kode khusus disisipkan ke dalam dokumen elektronik ini memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada layer dengan hanya memilih sebuah hyperlink.

  Kemampuan internet dimasukkan kedalam browser ini sehingga lompat dari satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat melompat ke dokumen lain yang letak nya pada komputer remote. Seorang peneliti dapat juga mengirimkan sebuah file dari komputer remote ke sistem lokalnya, atau log in ke dalam suatu sistem remote hanya dengan mengklik hyperlink, tidak perlu melalui mekanisme FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari yang disebut sekarang dengan World Wide Web dan berikut server browser web-nya.

2.2.2 Browser Web

  Browser web adalah software yang digunakan untuk menampilkan informasi dari server web. Software ini kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah melakukan poin dan klik untuk pindah antar dokumen.

  Lynx adalah browser web yang masih menggunakan mode teks, yang akibatnya adalah tidak adanya gambar yang dapat ditampilkan. Lynx pada lingkungan DOS ( Disk Operating System) dan .nix (keluarga sistem operasi UNIX). Akan tetapi perkembangan dari browser mode teks ini tidaklah secepat browser web dengan GUI (Grafic User Interface).

  Di saat perkembangan WWW ada dua browser web yang populer yaitu Internet Explorer (IE) dan Netscape Navigator. Namun saat ini bermunculan browser web lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Di antara browser web yang telah banyak digunakan pada saat peluncurannya adalah MSN, Opera dan Mozila Firefox. Di antara browser web ini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai keinginan dan kemudahan yang ditawarkan.

2.2.2.1 Cara Kerja Browser Mengambil Halaman Page

  Suatu browser mengambil sebuah web page dari server dengan sebuah request. Sebuah request adalah HTTP standar yang berisi sebuah page address. Sebuah page address terlihat seperti berikut : hhtp:www.google.co.id.

2.2.2.2 Cara Kerja Menampilkan Halaman Page

  Seluruh web page berisi instruksi-instruksi bagaimana untuk ditampilkan. Browser menampilkan page dengan membaca instruksi-instruksi ini. Instruksi yang paling umum untuk menampilkan disebut tag HTML. Tag HTML contohnya yaitu

ini merupakan suatu paragraph

.

2.2.3 Server Web

  Server Web adalah komputer yang digunakan untuk menyimpan dokumen-dokumen web, komputer ini akan melayani permintaan dokumen web dari kliennya.

  Browser web seperti IE atau Opera berkomunikasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunakan HTTP. Browser akan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server. Server memberikan dokumen atau layanannya jika tersedia juga dengan menggunakan protokol HTTP.

2.2.4 Istilah-Istilah Umum Yang Harus Diketahui

  Berikut ini penjelasan beberapa istilah-istilah umum yang harus diketahui antara lain:

  a. Protokol ; secara defenisi adalah standar pemrosesan informasi yang diterima secara umum. Protokol TCPIP merupakan protokol yang digunakan dalam komunikasi dalam internet.

  b. URL ( Universal Resource Locator ) ; URL adalah konsep nama file standar yang diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan direktori dan nama filenya, tetapi juga nama mesin dalam jaringan. URL dapat disediakan (ada atau diakses) dengan berbagai metoda, dan bisa jadi bukan sekedar file, karena URL dapat menunjukkan query-query, dokumen yang disimpan dalam database, hasil dari suatu perintah finger atau archie, atau apapun yang berkaitan dengan data hasil proses.

  c. HTTP (HyperText Transfer Protocol) ; HTTP umumnya digunakan untuk melayani dokumen hypertext, karena HTTP adalah protokol dengan overhead yang sangat rendah, sehingga pada kenyataan navigasi informasi dapat ditambahkan langsung ke dalam dokumen dengan demikian protokolnya sendiri tidak harus mendukung navigasi secara penuh. Sebuah file dengan nama “contoh.html” pada server lybrary.usu.ac.id dalam direktori “pubfiles” maka URL-nya http:www.lybrary.usu.ac.id:1234pubfilescontoh.html

c. Browser Surfing ; kegiatan menelusuri dan mencari informasi dalam internet melalui layanan informasi web.

d. Browser Surfer ; pengguna komputer yang melakukan browsing surfing.

2.3. HTML (HyperText Markup Language)

2.3.1 Dokumen HTML

  Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal dengan sebagai web page. Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau interface aplikasi di dalam internet.

  Ada dua cara untuk membuat sebuah web page : dengan web editor (misalnya Macromedia Dreamweaver atau Microsoft Frontpage) atau dengan editor teks biasa (misalnya notepad atau editplus).

A. Penamaan Dokumen HTML

  Penamaan dokumen HTML dapat dilakukan dengan memilih suatu nama, sembarang nama, kemudian menambahkan sebuah ekstensi “.htm” atau “.html” (tanda kutip tidak perlu dituliskan karena digunakan sebagai penjelas saja).

  Ekstensi dokumen HTML yang menggunakan 3 karakter awalnya adalah untuk mengakomodasikan sistem penamaannya yang ada dalam sistem operasi DOS. Nama dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan huruf besar dan huruf kecil). Nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya dokumen.html Ekstensi dokumen HTML yang menggunakan 3 karakter awalnya adalah untuk mengakomodasikan sistem penamaannya yang ada dalam sistem operasi DOS. Nama dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan huruf besar dan huruf kecil). Nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda, misalnya dokumen.html

B. Elemen Dan Tag HTML

  Dokumen HTML disusun oleh elemen-elemen. “Elemen” merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML. Untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan tag. Tag HTML terdiri atas sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya

dengan

), tag yang menjadi pasangan selalu diawali dengan karakter garis miring. Tag yang pertama menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen.

  Nama elemen ditunjukkan dengan nama tag nya. Suatu elemen didalam dokumen HTML harus ditandai dengan penulisan tag nya berpasangan. Ada beberapa elemen yang tidak mengharuskan tag nya dituliskan secara berpasangan, elemen tersebut diantaranya adalah:

a. Paragraf dengan tag

b. Ganti baris – line break dengan tag

c. Garis datar – horizontal rule dengan tag

---

d. List item dengan tag

  Secara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : _. Penulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive). Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.

  Tag mark up ini digunakan sebenarnya memberi tahu browser web bagaimana memperlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.

  Dalam membuat suatu dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag , dan berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen lainnya.

  Secara umum dokumen dibagi menjadi dua section (bagian), yaitu section head dan section body. Sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai berikut:

  

  …informasi tentang dokumen HTML

  …informasi yang ditampilkan dalam browser web

  Setiap dokumen HTML harus diawali dengan menuliskan tag dan tag diakhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen HTML.

  Dalam satu dokumen hanya ada satu elemen HTML. Section atau elemen head ditandai dengan tag diawal, dan tag di akhir. Section ini berisi informasi tentang dokumen HTMLnya. Minimal informasi yang dituliskan dalam elemen ini adalah judu l dari dokumen, judu l ini akan ditampilkan pada caption bar dari window browser, ditandai dengan menggunakan tag