APLIKASI TES UNTUK SISWA DENGAN MENGGUNAKAN PHP DAN MySQL Skripsi

  

APLIKASI TES UNTUK SISWA

DENGAN MENGGUNAKAN PHP DAN MySQL

Skripsi

  

Disusun Oleh :

Nama : Nunung Indrianto

NIM : 995314073

  

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

  

Student Assessment Using PHP and MySql

A Thesis

by :

Name : Nunung Indrianto

  NIM : 995314073

DEPARTEMENT OF INFORMATIC ENGINEERING

FACULTY OF ENGINEERING

PERNYATAAN KEASLIAN KARYA

  

Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak

memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam

kutipan dan daftar pustaka, sebagaimana layaknya karya ilmiah.

  

Yogyakarta, 18 Desember 2006

Penulis

Nunung Indrianto

  Halaman Persembahan Kupersembahkan karyaku ini teruntuk orang-orang yang kucintai :

  á Tuhan Yang Maha Esa atas segala berkat-Nya dan curahan kasih-Nya.

  Bapak dan Ibu yang telah membesarkanku dengan penuh kasih sayangsemoga karya sederhana ini dapat menjadi salah satu bagian dari wujud tanggung jawab saya dalam menempuh pendidikan tinggi di Universitas Sanata Dharma Yogyakarta Almamaterku tercinta.

  

Halaman Motto

Jangan menilai seseorang dari tampilan luar, melainkan dari hati.

  

Kesalahan terburuk kita adalah kesibukan kita dengan kesalahan-kesalahan

orang lain

Kata-kata tidak akan pernah berarti sampai diwujudkan dalam perbuatan

Mimpikanlah sesuatu yang indah, kemudian bangun dan kejarlah mimpi itu

sampai dapat.

  

Janganlah menggerutu dengan kesusahan yang akan atau baru terjadi, karena

semuanya itu indah pada saatnya

  ABSTRAKSI Judul : Aplikasi Tes Untuk Siswa Dengan menggunakan PHP dan My SQL Perkembangan teknologi informasi yang sangat pesat menuntut dunia

pendidikan untuk memanfaatkan dalam mempermudah proses pembelajaran. Biasanya

disekolah-sekolah tes dilakukan secara manual, maka penulis membuat aplikasi tes itu

secara komputerisasi. Oleh karena itu penulis tertarik untuk menyediakan aplikasi tes,

sehingga anak sekolah juga diperkenalkan dengan teknologi komputer.

  Pembuatan tes secara komputerisasi ini menggunakan PHP sebagai

interfacenya serta My SQL sebagai databasenya yang cukup untuk menampung semua

soal dan penilaian tes tersebut.

  Hasil yang diperoleh adalah sebuah aplikasi tes untuk siswa yang dapat

digunakan oleh Siswa dan guru. Guru Sebagai admin dapat memasukkan soal, Setelah

selesai dikerjakan maka akan ditampilkan info nilai dan kemudian kunci jawaban.

  ABSTRACT Title: Student Assessment Using PHP and MySql Information technologies, which growths very fast claim the education world

to exploit in making easy to study process. Usually in school, examine or test conducted

in manual, hence writer makes the application of test and examine computerized.

  defined

  

Therefore, writer interested to provide the test application, so student has also to a

computer technology.

  Making this test computerized are using PHP as interface and My SQL as its database, which is last for accommodating all question and the assessment test.

  Result obtained is an application test for the student, able to be used by

student and teacher. Teacher as admin can enter the question, after question have been

done hence will be presented info assess and later; then answer key.

KATA PENGANTAR

  Puji syukur penulis haturkan kepada Tuhan Yang Maha Esa atas segala

karunia yang diberikan, sehingga penulis dapat menyelesaikan tugas akhir yang

berjudul “Aplikasi Tes Bahaa Inggris Untuk Anak Sekolah Dasar Dengan

Menggunakan Php Dan MySQL ” ini dengan baik. Penulisan ini merupakan salah

satu syarat untuk memperoleh gelar Sarjana Teknik di Universitas Sanata Dharma

pada program studi Teknik Informatika.

  Selama penulisan skripsi ini penulis telah memperoleh bantuan dan

bimbingan dari berbagai pihak. Oleh karena itu penulis mengucapkan terima kasih

kepada:

  

1. Ibu A. M. Polina, S.Kom, M.Sc, selaku Ketua Jurusan Tenik Informatika

Universitas Sanata Dharma dan selaku pembimbing I yang telah banyak membantu dan membimbing selama mengerjakan tugas akhir ini.

  

2. Cosmas Bramono ST, selaku dosen pembibing II dan sekaligus teman. Terima

kasih atas kesabaran dalam membimbing.

  

3. Bapak, Ibu yang telah memberiku doa, semangat, materiil dan semuanya

untuk anakmu yang bandel ini.

  

4. Teman-teman yang TI angkatan 99: Sandra, Devi, Indrug, V-Q “Pak Ndut”,

Dimas “Sapi”, Daisy, Antok “Senter”, Peter ”Kang Herman”, Wawan ”Dhemit”, Leon dan Nuning, Berno, Iwan, Nokus, Joko, Wiwid, Monie,

Anna, Engkong, Wenas, Agus Gendut, Andi”Asu”, Kris, Piere serta teman–

teman yang tidak dapat saya sebut satu persatu, Thanks For All.

  

5. Teman-teman TI yang lain : Lukas, Joe, Pay, Emon, Agung, Boy, Dirham,

Vina, Bujel And Ira, dll Thanks For All.

  

6. The F@#k’n whole Friends at Cansas Grandes: Edi, Aris, Krishna, Ferdinan,

  

7. Teman-teman from Ambarawa City : Jack yang membantu banyak dengan

penuh jiwa raganya, Ateng, Dobleh, Ari, Yuda, Pengki, Peni, Piyuk, Pa’e, Keni’s family, Ika, Ayuk, dan untuk Yessy seseorang yang pernah singgah dihati terima kasih atas kebersamaan dan dukungannya selama ini.

  

8. Semua pihak yang tidak dapat penulis sebutkan satu persatu, yang telah

memberikan dukungan serta bantuannya guna penyusunan karya tulis ini Penulis menyadari sepenuhnya bahwa Tugas Akhir ini masih jauh dari

kesempurnaan dan masih banyak kekurangan. Oleh karena itu penulis sangat

mengharapkan kritik dan saran yang bersifat membangun demi perbaikan lebih

lanjut. Penulis berharap semoga Tugas akhir ini dapat bermanfaat dan berguna

bagi pembaca.

  Yogyakarta, Maret 2007 Penulis

  

DAFTAR ISI

HALAMAN JUDUL.................................................................................... i

PERSETUJUAN ......................................................................................... ii

PENGESAHAN .......................................................................................... iii

PERSEMBAHAN ....................................................................................... iv

MOTTO ...................................................................................................... v

PERNYATAAN KEASLIAN KARYA ..................................................... vi

ABSTRAK .................................................................................................. vii

ABTRAC .................................................................................................... viii

KATA PENGANTAR ................................................................................ ix

DAFTAR ISI .............................................................................................. x

DAFTAR GAMBAR .................................................................................. xiv

DAFTAR TABEL ....................................................................................... xv

BAB I PENDAHULUAN

1.1 Latar Belakang Masalah .........................................................

  1

1.2 Rumusan Masalah...................................................................

  2

1.3 Batasan Masalah .....................................................................

  2

1.4 Tujuan Penulis ........................................................................

  3

  BAB II LANDASAN TEORI

2.1 Tegnologi Informasi ...............................................................

  6

2.2 Teknologi Internet ..................................................................

  7

  2.2.1 HTTP ......................................................................... 8

  2.2.2 WWW......................................................................... 9

  2.2.3 URL ............................................................................ 10

  2.3 Pengantar HTML.................................................................... 12

  2.3.1 Struktur Umum Dokumen HTML ................................... 18 2.3.2 Stuktuk Tag dan Atribut ...................................................

  2.4 CSS ......................................................................................... 14

  2.5 Apache Web Server ............................................................... 15

  2.4.1 Variabel ...................................................................... 14

  2.4.2 Tipe data ..................................................................... 16

  2.4.3 Operator ...................................................................... 17

  2.4.4 Struktur Keputusan ..................................................... 19

  2.4.5 Objek Timer................................................................ 21

  2.4.6 Larik (Array)............................................................... 21

  2.6 PHP......................................................................................... 22

  3.1.3 Identifikasi Masukan dan Keluaran Sistem ................ 27

  3.1.4 Data Flow Diagram (DFD)......................................... 28

  3.1.4.1 Konteks Diagram............................................ 28

  3.1.4.2 Sketsa DFD..................................................... 30

  3.2 Entity Relationship Diagram (ERD)....................................... 34

  3.3 Perancangan Basis Data.......................................................... 35

  3.2.1 Relasi Tabel ................................................................ 35

  3.5.2.1 Tampilan Daftar Pemain Terbaik ................ 47

  BAB IV IMPLEMENTASI dan HASIL PROGRAM

  4.1 Implementasi .......................................................................... 38

  4.1.1 Halaman Index............................................................ 38

  4.1.2 Halaman Utama untuk User (Home) ......................... 39

  4.1.3 HalamanTes ................................................................ 40

  4.1.4 Halaman Utama untuk User (Home) ......................... 42

  4.1.5 Halaman Penerimaan Siswa Baru............................... 43

  4.1.6 Halaman Test.............................................................. 45

  BAB V ANALISIS HASIL

  5.1 Analisis Hsil Implementasi Program...................................... 49

  5.2.1 Kelebihan Program ........................................................ 51

  5.2.2 Kekurangan Program..................................................... 52

  BAB VI PENUTUP

  6.1 Kesimpulan............................................................................. 106

  6.2 Saran ....................................................................................... 107 DAFTAR PUSTAKA LAMPIRAN

  DAFTAR GAMBAR Gambar Keterangan Halaman

  45

  41

  4.6 Halaman utama admin

  (Home) 43

  4.7 Halaman penerimaan siswa baru

  44

  4.8 Halaman pendaftaran

  44

  4.9 Halaman tampilan daftar

  4.10 Halaman tes (judul tes)

  41

  46

  4.11 Halaman tambah soal

  46

  4.12 Halaman jenis soal

  47

  4.13 Halaman soal

  47

  4.14 Halaman simpan

  4.5 Halaman hasil tes

  4.4 Halaman soal

  3.1 Contex diagram

  31

  28

  3.2 Diagram berjenjang

  29

  3.3 Overview diagram

  30

  3.4 Diagram level 1 Proses 1

  31

  3.5 Diagram level 1 proses 2

  3.6 Diagram level 1 proses 3

  41

  32

  3.7 Overview diagram

  33

  3.8 Entity Relationship Diagram

  34

  4.1 Halaman index

  39

  4.2 Halaman utama user (Home) 40

  4.3 Halaman tes

  48

  DAFTAR TABEL Tabel Keterangan Halaman 3.1 Tabel identifikasi masukan dan keluaran sistem.

  27

3.2 Relasi antar tabel

  3.2 Tabel sis_kelas

  36

  3.3 Tabel sis_tes

  36

  3.4 Tabel sis_tes_status

  36

  35

  36

  3.6 Tabel mapel_tes_detail

  37

  3.7 Tabel set_xref_peg_klpakses

  37

  3.8 Tabel set_alarm

  37

  3.5 Tabel mapel_tes

BAB I PENDAHULUAN

  1.1 Latar Belakang Masalah Dewasa ini perkembangan teknologi semakin maju. Hal ini dapat dilihat juga

perkembangan di bidang komputer yang semakin pesat, baik dalam hal perangkat

keras maupun perangkat lunak. Komputer sangat dibutuhkan untuk membantu

kelancaran kerja baik di instansi-instansi, perusahaan maupun dalam dunia

pendidikan. Peran komputer di dalam kehidupan manusia sangat besar. Pengaruhnya

terutama dalam hal kecepatan dan ketepatannya pengolahan data.

  Saat ini komputer bukanlah hal asing bagi masyarakat. Hampir semua

masyarakat memiliki komputer pribadi. Komputer biasanya digunakan untuk

membantu pekerjaan atau bermain games. Adanya permasalahan-permasalahan

diatas, maka penulis tertarik untuk membuat sebuah Progam Bantu Tes. Diharapkan,

dengan adanya Program Bantu ini dapat sekaligus memperkenalkan komputer lebih

dini.

  1.2 Rumusan Masalah Dari uraian diatas, penulis mencoba membuat program bantu Tes Bahasa Inggris untuk anak Sekolah Dasar dengan menggunakan PHPmySQL, yang

1.3 Batasan Masalah

  Supaya ruang lingkup penelitian tidak terlalu luas dan mengingat kterbatasan waktu, maka implementasi program yang hendak dibuat dibatasi :

a. Update data dilakukan oleh administrator dan berada pada komputer server.

  b. Dalam hal ini tidak dibahas mengenai keamanan dari sisi perangkat keras dan atau perangkat lunak yang digunakan. Penulis mengasumsikan keamanan perangkat keras dan atau perangkat lunak telah dikelola oleh pihak program studi/yang bersangkutan.

  c. Program tidak membahas jaringan.

  d. Program membahas tentang test saja, tanpa pembelajaran e. Jenis soal hanya pilihan ganda.

1.4 Tujuan Penulis

  Adapun tujuan dari penulis skripsi ini antara lain : a. Membuat program bantu tes yang sesuai dan baik untuk siswa.

b. Melibatkan peran komputer untuk tes.

1.5 Metode Penelitian

  Metode penelitian yang digunakan adalah sebagai berikut :

  1. Analisis kebutuhan sistem Penulis mengumpulkan data-data yang dipelurkan untuk pembuatan program bantu ini. Untuk data suara diperoleh melalui perekaman dengan menggunakan program talk to me, sedangkan gambar-gambar diperoleh melalui scanner.

  2. Studi literature Menggunakan buku-buku yang berhubungan dengan permasalahan yang sedang dikerjakan. Reverensi literatur yang digunakan adalah yang berhubungan dengan PHP dan MySQL, serta kamus Inggris-Indonsia.

  3. Perancangan Pada tahap ini dilihat dari sistem secara umum yang terdiri dari :

a. Perangkat keras (hardware) dan perangkat lunak (software).

  b. Rancangan menu yang berupa rancangan tampilan.

  4. Implementasi

Tahap implementasi yang terdiri dari langkah-langkah sebagai berikut :

a. Menerapkan rancangan implementasi.

  b. Melakukan kegiatan implementasi.

1.6 Sistematika Penulisan

  Untuk mempermudah memahami skripsi ini, penulis menggunakan sistematika penulisan sebagai berikut :

  BAB I PENDAHULUAN Memberikan alasan tentang latar belakan masalah, rumuan masalah, tujuan penulisan, batasan masalah, metode penelitian dan sitematika penulisan.

  BAB II LANDASAN TEORI Membahas tentang prinsip-prinsip website, baik itu komponen- komponen penyusunnya dan cara kerjanya, protocol-protokol yang digunakan, serta sedikit kilasan tentang pemrograman dengan HTML.

  BAB III ANALISIS dan PERNCANGAN SISTEM Menganalisis dan merancang sistem yang akan dibuat, meliputi rancangan sistem secara umum, rancangan basis data, rancangan antarmuka/interface, serta rancangan input/output. Mengevaluasi dan menganalisa dari hasil sistem yang telah dibuat.

  BAB IV IMPLEMENTASI SISTEM Bab ini berisi implementasi masing-masing tampilan atau antarmuka, dan pembahasan aplikasi pada masing-masing antarmuka. BAB V ANALISI HASIL IMPLEMENTASI

BAB VI KESIMPULAN DAN SARAN Berisi kesimpulan, yang terdiri atas kelebihan dan kelemanan system yang dibuat.

BAB II LANDASAN TEORI 2.1. Teknologi Informasi Teknologi Informasi didefinisikan dengan ungkapan : “in its narrow

  

definition, refers to technological site of an information system, it includes

hardware, database, software, network and other device” (Turban-1996).

  Sedangkan Sistem Informasi didefinisikan sebagai : “a collection of components that collects, processes, stores, analyzes, and disseminates information for a specific purpose” (Turban-1996).

  Beberapa referensi mendefinisikan Teknologi Informasi sebagai suatu

teknik untuk mengumpulkan, menyiapkan, menyimpan, memproses,

mengumumkan, menganalisa dan menyebarkan informasi. Teknik-teknik tersebut

didukung oleh dua komponen pokok komputer yaitu, perangkat keras dan

perangkat lunak. Berbagai macam perangkat keras komputer antara lain: personal komputer, komputer mini dan mainframe, notebook, palmtop, printer, modem,

keyboard, mouse, monitor dan lain sebagainya. Sedangkan perangkat lunak

komputer antara lain terdiri dari kelompok: sistem operasi, database, sistem

aplikasi dan bahasa pemrograman.

  Kumpulan perangkat keras dan perangkat lunak tersebut membentuk

  7

namun termasuk juga peralatan-peralatan elektronika digital lain yang berbasis

komputasi baik yang digunakan secara stand alone maupun terhubung ke suatu

jaringan.

2.2. Teknolgi Internet

  Secara teknis, internet atau international networking merupakan dua

komputer atau lebih yang saling berhubungan membentuk jaringan komputer

hingga meliputi jutaan komputer di dunia (internasional), yang saling berinteraksi

dan bertukar informasi. Sedangkan dari segi ilmu pengetahuan, internet

merupakan sebuah perpustakaan besar yang didalamnya terdapat jutaan (bahkan

milyaran) informasi atau data yang dapat berupa teks, gambar, suara maupun

animasi dan lain-lain dalam bentuk media elektronik (Yuhefizar-2003).

  Komunikasi pada jaringan komputer diatur oleh protokol-protokol yang

mempunyai tugas dan fungsi berbeda satu dengan yang lain. TCP/IP

(Transmission Control Protocol/Internet Protocol) adalah protokol yang

digunakan untuk mengatur komunikasi dalam jaringan komputer yang meliputi

tugas dan fungsi proses transfer informasi sepanjang jaringan. Protokol TCP

bertanggung jawab memecah informasi ke dalam beberapa paket, sedangkan IP

bertanggung jawab dalam menangani transmisi data yang sebenarnya yaitu

mengangkut (mentransfer) paket-paket tersebut sesuai dengan tujuannya.

  8 Beberapa hal yang menyebabkan jaringan dan Teknologi Internet populer sebagai media komunikasi data (Wigrantoro&Mirna-2003) : a. Distribusi geografis mencakup seluruh dunia.

  

b. Kecepatan operasi sesuai dengan waktu yang sesungguhnya (real-time speed).

  

c. Akses internet bersifat universal, siapapun dapat mengakses internet dengan

jaringan internet.

  

d. Teknologi Internet yang terbuka (open standard) sehingga tidak tergantung

kepada satu vendor tertentu. Implementasi Teknologi Internet, TCP/IP, tersedia di semua platform komputer (Microsoft Windows, Apple, UNIX, Linux, dan lain-lainnya).

  

e. Teknologi Internet juga memungkinkan konvergensi berbagai aplikasi menjadi

satu. Sebagai contoh, saat ini telah dimungkinkan untuk mengirimkan data, suara, dan bahkan gambar melalui satu media Internet. Implikasinya adalah penghematan biaya bagi pihak terkait dalam mendistribusikan informasi dalam bentuk data, teks, suara dan gambar.

2.2.1. HTTP

  Hypertext Transfer Protocol merupakan suatu protokol yang mengatur

komunikasi antara web server dan browser sebagai client. Koneksi web server dan

browser bersifat stateless, artinya koneksi dibangun ketika browser mengirimkan

  9 Setiap request dari browser akan dilayani dan ditangani sebagai satu koneksi yang terpisah.

  Protokol HTTP merupakan suatu protokol sederhana berbasis teks yang mendukung beberapa metode sebagai berikut (Restyandito-2004):

b. HEAD : web server hanya mengembalikan header fields tanpa data yang

disimpan pada URL dalam request.

  

c. GET : mengambil data apa saja yang disimpan pada URL dalam request.

  Parameter dalam request harus disimpan dalam URL.

  

d. POST : mengambil data apa saja yang disimpan pada URL dalam request.

parameter untuk request disimpan dalam header fields khusus.

  

e. DELETE : menghapus data pada URL di web server, biasanya tidak diijinkan

karena alasan keamanan.

  

f. TRACE, CONNECT, OPTIONS : metoda untuk menganalisis dan mendebug

koneksi, biasanya tidak pernah dipakai oleh pemakai.

2.2.2. WWW

  World Wide Web atau web adalah salah satu dari sekian banyak layanan

yang terdapat di internet. Layanan ini paling banyak digunakan di internet untuk

menyampaikan informasi karena sifatnya mendukung multimedia. Artinya

informasi tidak hanya disampaikan melalui teks, tapi juga gambar, video dan

  

10

(tag) yang digunakan untuk membentuk tampilan baik teks, gambar maupun

suara.

  Browser mengirim request Server mengirimkan dokumen yang diminta

  (response)

Gambar 2.1. Konsep dasar web browser dan web server WWW bekerja merdasarkan pada tiga mekanisme berikut:

  

a. Protokol standard aturan yang di gunakan untuk berkomunikasi pada jaringan

komputer, Hypertext Transfer Protocol (HTTP) merupakan protokol untuk WWW.

  

b. Address WWW memiliki aturan penamaan alamat web yaitu URL (Uniform

Resource Locator ) yang di gunakan sebagai standard alamat internet.

  

c. HTML digunakan untuk membuat dokumen yang dapat di akses melalui web

brower.

2.2.3. URL

  Universal Resource Identifier (URL) merupakan alat yang digunakan untuk

mengidentifikasikan sebuah obyek abstrak atau nyata (link). Sebuah URL

mempunyai tiga bagian dengan contoh sebagai berikut:

  

11

  c. Nama file lengkap dengan directory dimana file index.html disimpan Contoh:”info/index.html”

2.3. Pengantar HMTL

  HTML (HyperText Mark up Language) merupakan suatu metoda untuk

mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen.

  

HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya

yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan

sebagai program.

  Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi (JonMMx 2000):

a. Hypertext atau link hypertext adalah kata atau frase yang dapat menunjukkan

hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika pengguna mengklik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang dituju.

  

b. Markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu

yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.

c. Language. HTML merupakan kumpulan dari beberapa instruksi yang dapat

  

12

Dengan demikian banyak hal yang dapat dilakukan dengan menggunakan

HTML untuk membuat sebuah web yang memberikan tampilan yang baik sesuai

dengan keinginan pemilik web maupun pengembang web, yaitu antara lain:

  a. Menentukan format suatu teks maupun dokumen HTML

  b. Membuat daftar (list) dalam bentuk kelompok-kelompok

  c. Membuat link ke dokumen lain atau bagian lain dari dokumen yang sama

  d. Menyisipkan citra atau gambar, suara dan gambar bergerak

  e. Menampilkan informasi dalam bentuk tabel

  

f. Membentuk sebuah dokumen yang terdiri dari gabungan banyak dokumen

dalam bentuk frame.

2.3.1. Struktur Umum Dokumen HTML

  Dalam dokumen HTML, seluruh isi dari halaman terletak dalam pasangan <html>…</html>.

tag Informasi dalam file HTML dibagi menjadi dua bagian,

  <head>…</head>

  

yaitu Header (tag ) yang digunakan untuk menyimpan informasi

  <body>…</body>)

  

administratif dan sebuah Body (tag yang digunakan untuk

meletakkan informasi-informasi yang akan ditampilkan.

  Berikut ini merupakan struktur umum dokumen HTML: < H T M L > < H E A D > B a g i a n H e a d < / H E A D > < B O D Y >

  

13

2.3.2.

   Struktur Tag dan Atribut Struktur tag HTML memiliki tiga bagian utama, yaitu: < E l e m e n t A t r i b u t = V a l u e >

  a. Element : nama tag HTML

  b. Atribut : atribut dari tag HTML yang digunakan c. Value : nilai dari atribut.

  < B O D Y B G C O L O R = B l u e >

Sebagai contoh: . BODY merupakan element dengan

atribut BGCOLOR berwarna biru. Hasil yang akan ditampilkan dari penggunaan

tag ini adalah warna biru pada background halaman web.

2.4. CSS

  Pada dasarnya, setiap dokumen HTML disusun menggunakan tag-tag

HTML yang memiliki atribut-atribut khusus menurut tag yang digunakan, dimana

atribut tersebut berfungsi untuk menentukan format tampilan dari dokumen

HTML tersebut. Untuk membentuk tampilan yang sama pada setiap dokumen

HTML sehingga tampilan website akan lebih konsisten, maka diperlukan

pengaturan atribut-atribut dari tag yang digunakan dalam setiap pembuatan sebuah

dokumen. Dengan penggunaan CSS, style tampilan dan struktur informasi dapat

dipisahkan sehingga akan menghemat waktu dan tenaga dalam pembuatan

dokumen HTML dalam jumlah yang banyak.

  

14

melainkan style yang sama dapat digunakan pada seluruh dokumen HTML yang

menyusun sebuah website. Dengan kata lain, pendefinisian style hanya dilakukan

sekali saja dan style tersebut akan berlaku untuk setiap tag HTML yang digunakan

dan telah didefinisikan dalam CSS. Format penulisan style CSS adalah sebagai

berikut:

  <STYLE> nama_tag { properti_1: nilai_1; properti_n: nilai_n; } </STYLE>

Nilai untuk nama properti tidak boleh ditulis dalam tanda petik seperti yang biasa

dilakukan pada penulisan nilai untuk atribut pada tag HTML. Nilai properti

bersifat case sensitive, artinya huruf kapital dan kecil dibedakan. Pada CSS nama

properti selalu menggunakan huruf kecil.

  Berdasarkan sifatnya, CSS dibagi menjadi dua bagian yaitu internal dan

eksternal. CSS Internal adalah format style yang terdapat dokumen HTML,

letaknya di dalam pasangan tag <head>…</head> . Sedangkan CSS eksternal

adalah format style yang terpisah dengan dokumen HTML dan merupakan file

dengan ekstensi *.css yang dapat di link ke dokumen HTML dengan

<link>.

menggunakan tag Letaknya sama dengan CSS internal tetapi dibedakan

cara penulisan dan pemanggilan file CSS tersebut. Untuk melihat lebih jelas

perbedaan antara kedua CSS tersebut dapat dilihat pada contoh a dan b berikut:

a. CSS Internal

  

15

font-style: italic; color: green; } --> </STYLE> </HEAD> <BODY> <H1>CSS Internal</H1> Ini adalah contoh CSS Internal! </BODY> </HTML>

  b. CSS Eksternal File style.css berisi format style untuk tag H1 sebagai berikut: H1 { font-size: 14pt; font-style: italic; color: green; }

  Selanjutnya file style.css ini dapat di link ke dokumen HTML dengan cara menggunakan tag

  <link>

  pada dokumen HTML tersebut dan letaknya di dalam pasangan tag

  <head>…</head>

  sebagai berikut: <HTML> <HEAD> <TITLE>CSS Internal</TITLE>

<LINK REL=”stylesheet” TYPE=”text/CSS” HREF=”style.css”>

</HEAD> <BODY> <H1>CSS Internal</H1> Ini adalah contoh CSS Internal! </BODY> </HTML>

2.5. Apache Web Server

  Web server merupakan sebuah perangkat lunak yang bekerja pada komputer

server yang berfungsi sebagai media atau alat untuk memberikan layanan pada

  

16

browser di komputer client. Komunikasi antara web browser dengan web server

menggunakan protokol HTTP (Hypertext Transfer Protocol) yang berjalan pada

port 80.

  Apache merupakan web server yang mendukung PHP dalam menghasilkan

web dinamis. Apache bersifat freeware (gratis) namun memiliki dukungan teknis

dan dokumentasi yang lengkap dari pembuatnya (www.apache.org). Apache dapat

berjalan pada berbagai platform system operasi seperti Windows, Linux,

FreeBSD, dan Famili unix lainnya dengan perfomansi dan konsumsi sumber daya

yang tidak terlalu banyak.

  Beberapa kelebihan Apache sebagai web server yang banyak digunakan sebagai sarana di internet adalah sebagai berikut (Teguh-2001): a. Freeware (software gratis)

  b. Proses instalasi dan konfigurasi mudah

  c. Mampu beroperasi pada berbagai jenis platform sistem operasi

  

d. Apache Web server mudah dalam menambahkan periferal lainnya ke dalam

platform web servernya, misalnya: untuk menambahkan modul, cukup hanya menset file konfigurasinya agar mengikutsertakan modul itu kedalam kumpulan modul lain yang sudah dioperasikan.

  e.

  

Performansi dan konsumsi sumberdaya (resource) dari web server apache

tidak terlalu banyak, hanya sebesar 20 MB untuk file-file dasarnya dan setiap

  17 2.6.

   PHP PHP pertama kali diperkenalkan oleh Rasmus Lerdorf pada tahun 1994 pada

situs pribadinya untuk mencatat siapa saja yang mengakses daftar riwayat hidup

online -nya. Versi-versi selanjutnya yang dikembangkan oleh pihak lain

menghasilkan aplikasi PHP berupa parser engine (mesin pengurai) yang dapat

mengolah macro khusus, pencacah (counter), buku tamu, dan utilitas lain yang

digunakan dalam pembuatan home page. Perkembangan PHP kemudian semakin

bertambah pesat dengan adanya dukungan terhadap server database yang

menggunakan format mSQL.

  PHP (Hypertext Preprocessor) adalah bahasa script yang umum digunakan

untuk proses pengembangan web yang menghasilkan website-website dinamis

dan interaktif. PHP merupakan bahasa pemrograman web yang bersifat server- side dan HTML embedded scripting, artinya pada saat browser client melakukan

request , server mengolah sintaks dan perintah-perintah PHP dan kemudian

mengirimkan response ke browser client tersebut dalam bentuk HTML biasa. Arti

yang kedua adalah sintaks PHP dapat disisipkan pada dokumen HTML yaitu

diantara tag-tag HTML yang menyusun sebuah dokumen HTML.

  Solusi yang ditawarkan dengan menggunakan PHP sebagai bahasa

pemrograman web dinamis adalah keluwesan dalam penggunaan sintaks dan

perintah-perintahnya, sehingga para developer web tidak mengalami kesulitan

  

18

  

a. Script PHP dapat diintegrasikan ke dalam dokumen HTML, sehingga para

developer web lebih berkonsentrasi pada penyajian isi informasi website.

  

b. PHP kompatibel dengan berbagai jenis sistem operasi, web server dan

browser.

  c. Mudah dipahami dan dipelajari.

  

d. Bersifat Open Source, script PHP dipublikasikan secara umum dan dapat

diperoleh secara gratis dimana saja. Hal ini memungkinkan para pengembang web untuk saling bertukar pikiran dalam menghasilkan website-website yang dinamis dan interaktif.

  

e. Konektivitas PHP terhadap berbagai jenis database lebih fleksible. Database

yang dapat didukung PHP seperti: Oracle, MySQL, dBase, mSQL, FilePro, ODBC, Postgres, Sysbase, Velocis Informix, Unix dbm, IBM DB2, Solid, dan lain sebagainya.

  

f. PHP juga mendukung koneksi dengan protokol HTTP, IMAP, SNMP, NNTP

dan POP3.

2.6.1. Dasar-dasar PHP

  Sintaks PHP dapat disisipkan pada tag-tag HTML yang menyusun sebuah halaman web. Ada empat macam cara penulisan sintaks PHP, yaitu: a.

  <? echo (“ini adalah script PHP”); ?>

  

19

  <% echo (“sintaks ini mirip dengan ASP”); %> d.

  Contoh a dan b merupakan sintaks PHP yang sering digunakan pada

umumnya. Sintaks pada contoh c digunakan bila HTML editor tidak mengenal

PHP. Sedangkan pada contoh d, penulisan sintaks PHP dapat menggunakan cara

penulisan sintaks pada ASP (Active Server Pages) yang merupakan salah satu

bahasa pemrograman web. Seperti pada bahasa pemrograman lain, setiap akhir

baris sintaks PHP selalu diakhiri dengan tanda titik koma (;).

  Dalam PHP juga terdapat komentar-komentar yang disertakan oleh

programer untuk memberi keterangan mengenai sintaks yang bersangkutan. Cara

penulisan komentar adalah dengan menggunakan tanda // jika komentar hanya

terdiri dari satu baris dan tanda /* komentar */ jika komentar lebih dari satu baris.

  Berikut ini merupakan contoh dasar penulisan sintaks PHP yang disisipkan pada dokumen HTML: <HTML> <HEAD><TITLE>Dasar PHP</TITLE> <BODY> <H1>Berikut ini adalah cara penulisan sintaks PHP</H1> // ini adalah komentar <?php echo(“Cara penulisan pertama”); ?> </BODY> </HTML> 2.6.2. Variabel dan Tipe Data

  Variabel berfungsi untuk menyimpan suatu nilai dan nilai tersebut dapat

  

20

a. Tidak boleh menggunakan tanda baca dalam mendefinisikan sebuah identifier.

  

b. Dimulai dengan huruf, angka atau underscore ( _ ). Misalnya: _teknik ,

inter_milan .

  

c. Variabel dalam PHP diawali dengan tanda $ (dolar). Misalnya: $a=3 ,

$data=”ini adalah String” .

  

d. Identifier dalam PHP sangat sensitive, kecuali fungsi-fungsi yang telah

disediakan oleh PHP.

  e. Nama fungsi tidak boleh sama dengan nama fungsi yang terdapat pada PHP.

  

f. Nama variabel tidak boleh sama dengan nama fungsi yang telah ditetapkan

dalam PHP.

  Tipe data dalam PHP adalah variabel yang dapat ditentukan secara otomatis

oleh PHP yang bergantung pada operasi yang sedang dilakukan menggunakan

variabel tersebut. Beberapa tipe data dasar dalam PHP antara lain:

  

1. Integer menyatakan tipe bilangan bulat dengan jangkauan –2.147.483.648

sampai 2.147.483.647. Integer dapat dinyatakan dengan bilangan octal, desimal dan hexadesimal. Contoh tipe data Integer:

  $a = 1234; //desimal $b = -1234; //negatif $c = 0123; //octal $d = 0x12; //hexadesimal

  

2. Floating point atau Double menyatakan tipe bilangan pecahan dan bilangan

pemangkatan. Contoh tipe data floating point:

  

21

  

3. String menyatakan tipe data teks berupa sederetan karakter yang tidak

menyatakan bilangan. Misalnya berupa nama barang atau nama orang. Contoh tipe data string:

  $a = “ini adalah string”;

  

4. Array merupakan tipe data terstruktur yang berguna menyimpan sejumlah data

yang bertipe sama. Contoh tipe data array:

  $kota[0] = “Yogyakarta”; $kota[1] = “Jakarta”; $kota[3] = “Bandung”; $hasil = array (70, 80, 75, 90); $music = array (“Jazz”, “Rock”, “Dangdut”);

5. Object merupakan tipe data yang dapat berupa bilangan, variabel dan fungsi.

  Contoh pembuatan object:

  Class kuda { Function kudalah() { echo ”menjadi seekor kuda”;

  } } $keledai = new kuda; $keledai -> kudalah(); 2.6.3.

   Konstanta dan Operator Konstanta merupakan variable yang nilainya tetap. Konstanta hanya diberi

nilai pada awal program dan nilainya tidak pernah berubah selama program

berjalan. Konstanta juga tidak memerlukan sintak “$” untuk menyatakannya.

Untuk menyatakannya, PHP memiliki fungsi tertentu yaitu define(). PHP juga

telah mendefinikan beberapa konstanta, misalnya PHP_VERSION yaitu konstanta

  

22

  define (“nama_konstanta,”nilai konstanta”); define (“PHI”, 3.14);

  Operator adalah simbol yang digunakan untuk memanipulasi data dalam

sebuah operasi, seperti penambahan dan pengurangan. Ada operator yang

menggunakan satu operan dan ada pula yang menggunakan dua operan. Operator

dapat dikelompokkan dalam empat kelompok, yaitu operator aritmatika, operator

logika, operator bitwise, dan operator penugasan.

  

a. Operator aritmatika, adalah operator yang berhubungan dengan fungsi

matematika. Operator yang digunakan adalah sebagai berikut:

Tabel 2.2 Daftar Operator Aritmatika

  

Operator Kegunaan Prioritas

= Penjumlahan Ketiga

  Pengurangan Ketiga - Perkalian Kedua *

  / Pembagian Kedua

% Sisa Pembagian Kedua

  Penaikan Pertama ++ Penurunan Pertama --