BAB IV ANALISA DAN PENERAPAN
ANALISA DAN PERANCANGAN
4.8.1 Testing Sistem
Database testing adalah database yang berisi kumpulan data contoh yang diharapkan dapat menjadi contoh perhitungan / simulasi. Tujuan utama dari keberadaan database ini adalah untuk melakukan pengecekan alur program agar sesuai dengan yang telah dijelaskan pada bab – bab sebelumnya.
90 4.8.1.1 Extended fuzzy
Extended fuzzy adalah sebuah fasilitas yang memungkinkan sebuah kata yang bukan merupakan kata pencarian namun mempunyai relasi dengan kata pencarian ikut muncul sebagai hasil pencarian.
Contoh :
Diasumsikan bahwa telah telah dilakukan pencarian dengan kata programming (K1) dan kata informatika (K2), dengan begitu maka saat ini telah ada hubungan antara kata K1 dengan K2., bila akan dicari kata programming (K1) maka dari relasi keyword to keyword terlihat bahwa kata programming mempunyai hubungan dengan kata informatika (K2). Dari bentuk hubungan ini maka semua paper yang mempunyai kata K1 dan K2 akan dihitung dan diranking. Sehingga pada hasil akan ada kemungkinan bila dokumen yang tidak mengandung K2 dapat muncul. Setelah melalui serangkaian perhitungan terlihat bahwa paper INF010100101 dan INF010100107 tidak mempunyai kata programming namun muncul dikarenakan kedua paper mengandung kata programming yang ber-relasi dengan kata informatika. Dengan begitu maka keberadaan extended fuzzy menjadi sebuah nilai tambah dalam perhitungan nilai.
91 Gambar 4.15 Hasil pencarian dengan extended fuzzy
92 4.8.1.2. Rangking Fuzzy bila terjadi kesamaan nilai
Rangking fuzzy adalah istilah yang diberikan untuk mengurutkan/memberikan ranking pada dua buah paper atau lebih yang mempunyai nilai fuzzy yang sama. Dengan adanya Rangking fuzzy maka hasil pencarian akan lebih akurat, dimana dengan rangking fuzzy akan ada dua lapis penentuan rangking. dengan adanya rangking fuzzy maka bila terjadi kesamaan nilai maka pengurutan/rangking akan melihat hubungan antara keyword dan paper. Paper yang dianggap lebih berhubungan / mempunyai hubungan lebih spesifik akan ditampilkan terlebih dahulu.
Gambar 4-16 Hasil pencarian dengan rangking fuzzy
93 4.8.1.3. Pencarian dengan melibatkan stop word
Pencarian stop word dilakukan dengan pertimbangan bahwa sebuah stop word akan muncul atau di cari manakala ada sebuah judul, phrase atau apapun yang memang mengandung stop word. Sehingga kebijakan yang di ambil adalah bila kata pencarian mengandung stop word maka pencarian akan di lakukan kembali dalam bentuk fisik data (file teks).
Contoh kata algoritma dan pemrograman akan disimpan menjadi
"algoritma" "pemrograman", sedangkan kata "dan" akan di hapus atau dibuang karena merupakan stop word. Namun karena juga mencari kedalam file secara fisik maka walaupun merupakan stop word, paper tetap akan di temukan.
Gambar 4-17 Pencarian dengan melibatkan stop word
94 4.8.1.4. Keyword attach to paper
keyword attach to paper adalah keyword yang didefinisikan oleh penulis.
Pada contoh berikut paper seharusnya bernilai 0.1 karena terdapat 2 kata fuzzy maka 2/20 adalah 0.1 (lihat rumus). namun pada hasil pencarian menunjukkan bahwa nilai nya 1. hal ini dikarenakan kata “fuzzy” merupakan keyword attach to paper dari paper INF010100101. sehingga secara otomatis akan mendapat nilai 1 (nilai tertinggi).
Gambar 4-18 Hasil pencarian keyword attach to paper
95 BAB V
PENUTUP
5.1. Kesimpulan
Tugas akhir ini bertujuan untuk membuat search engine paper/karya ilmiah dengan menerapkan atau menggunakan metode fuzzy relation, dan dari hasil penelitian ini dapat disimpulkan sebagai berikut :
a. Dengan adanya metode fuzzy relation maka bobot kekerabatan antara dua dokumen atau lebih dapat diketahui.
b. Nilai bobot yang telah didapat dengan metode fuzzy relation telah menunjukkan hubungan kekerabatannya, sehingga pada hasil proses pencarian selain menampilkan dokumen yang dicari, search engine juga akan menampilkan dokumen yang memiliki hubungan kekerabatan dengan dokumen yang dicari.
c. Metode fuzzy relation diterapkan pada search engine melalui proses parsing dokumen, stop word, pembobotan, indexing dan proses pencarian dokumen (paper/karya ilmiah)
5.2. Saran
Berdasarkan hasil penelitian yang diperoleh, ada beberapa saran untuk pengembang sistem lebih lanjut :
a. Kode pada dokumen ataupun yang lainnya diharapkan menunjukkan hubungan yang jelas, contohnya kode : Dok1
96 b. Pengembang diharapkan membuat function yang berfungsi untuk menjalankan proses indexing secara back-end sehingga dapat mempercepat proses searching.
c. Pengembang antar-muka pemakai yang lebih mempermudah pemakai dalam menggunakan sistem temu kembali.
97 DAFTAR PUSTAKA
Akhmad, D. Sembiring. Buku Pintar Internet: Apache Web Server. Jakarta: PT Elex Media Komputindo. 2010.
Brin, Sergey.The Anatomy of a Large-Scale Hypertextual Web Search Engine.
Http://www.cs.concordia.ca/~kosseim/Teaching/COMP791-F06/Papers/google.pdf. Download: July 2011.
Endou, Noboru. Properties of Fuzzy Relation.
Mizar.uwb.edu.pl/JFM/pdf/fuzzy_4.pdf. Download: July 2011.
Firrar, Utdirartatmo. Mengelola Database Server MySQL di Linux dan Windows.
Yogyakarta: Andi Yogyakarta. 2005.
Haryanto, Steven. Regex: kumpulan resep pemrograman. Jakarta: Dian Rakyat.2004.
Firrar, Utdirartatmo. Mengelola Database Server MySQL di Linux dan Windows.
Yogyakarta: Andi Yogyakarta. 2008.
Hamdani, Arief . Pemodelan Dalam Rekayasa Perangkat Lunak.
Http://www.elektroin
donesia.com/elektro/komp27.html. Download: July 2011.
Indrajit, Eko Richardus. APLIKASI SEARCH ENGINE DAN PERMASALAHANNYA.
Http://www.apjii.or.id/eko_indrajit/PDF%20COLLECTIONS/AplikasiSearc hEngi-ne.pdf. Download: July 2011.
Lubis, Safri Muhammad. APA ITU SEARCH ENGINE?.
Http://safrilubis.info/file/index-.
2php?option=com_content&do_pdf=1&id=12. Download: July 2011.
Mitsuishi, Takashi. The Concept of Fuzzy Relation and Basic Properties of its Operation. Mizar.org/JFM/Vol12/fuzzy_3.html. Download: Juli 2011.
Sutomo, Ario. Perbandingan Beberapa Metode Pengembangan Perangkat Lunak.
Http://www.sony-ak.com/articles/4/software_dev_method.php. Download:
Juli 2011
9 BAB II
LANDASAN TEORI
2.1 Search Engine
Search engine merupakan perangkat pencari informasi dari dokumen-dokumen yang tersedia (http://dosen.narotama.ac.id/wp-content/uploads/2012/01/APLIKASI-SEARCH-ENGINE-DAN-PERMASALAHANNYA.pdf). Pada beberapa instansi pendidikan, search engine digunakan untuk membantu dan mengatur sejumlah besar dokumen atau penulisan ilmiah, penggunaannya pun mengutamakan pengolahan yang berkaitan dengan teks atau dokumen. Hal-hal yang dilakukan oleh search engine, diantaranya adalah :
1. Mengolah rekord-rekord berupa teks dokumen, yaitu mengidentifikasikan sejumlah keyword yang dianggap mewakili isi dokumen.
2. Mengidentifikasi permintaan informasi.
3. Menentukan dan mengambil informasi atau dokumen yang dibutuhkan sesuai dengan permintaan.
2.2 Fuzzy Relation
Fuzzy relation dijelaskan sebagai metode untuk menjelaskan hubungan dua hal yang berbeda (completely different)
(http://decsai.ugr.es/vip/files/conferences/06007592.pdf). Sebagai ilustrasi bila dijumpai kata “apple” (apel) dan “tiger” (harimau) maka secara umum maka jelas kedua
10 kata itu tidak berhubungan dengan asumsi secara penulisan kedua kata itu berbeda, secara umum maka kata “apple” merujuk kepada nama buah dan “tiger” merujuk kepada nama hewan / atau lebih sempit lain hewan buas.
Dalam dunia komputer ada sebuah perusahaan pembuat software yaitu Macintosh (Mac). Mac mempunyai simbol “apple” sehingga seringkali disebut sebagai Macintosh Apple. Mac mengeluarkan sistem operasinya yang bernama
“Tiger” OS. Dari hubungan dengan Mac inilah kata “Apple” dan “Tiger” yang sebenarnya tidak berkaitan secara umum dan secara penulisan, mempunyai hubungan dalam dunia komputer. Dengan adanya fuzzy relation maka hubungan seperti ini akan diteliti dengan sebuah asumsi dan tujuan bahwa dengan mengetahui hubungan antara kedua kata / objek maka kita bisa mengetahui pula hubungan kedekatan / kekerabatan antara kedua kata / objek tersebut. Lebih jauh lain dalam hubungannya dengan dunia pencarian (searching) maka dengan masukkan kata “apple” maka ada kemungkinan bahwa kata tiger juga akan menjadi hasil output. Bukan karena hasilnya salah namun karena antara “apple”
dan “tiger” terdapat hubungan kekerabatan.
Penjelasan diatas dapat juga diuraikan secara harafiah menjadi sebagai berikut, dua buah kata yang sama sekali tidak berhubungan (contoh: “apple” dan
“tiger”). Akan mempunyai hubungan bila kedua kata tersebut dibahas pada satu dokumen. Semakin banyak dokumen yang membahas keduanya maka hubungan antara kedua kata (“apple” dan “tiger”) akan semakin dekat.
11 Fuzzy relation akan mencari 4 hubungan dari kombinasi kata (keyword) dan dokumen (paper) hubungan tersebut adalah :
a. keyword terhadap paper b. paper terhadap paper c. paper terhadap keyword d. keyword terhadap keyword
Penjelasan dari masing – masing hubungan tersebut beserta dengan proses perhitungannya dijelaskan sebagai berikut :
1. Pada langkah ini diasumsikan hubungan antara keyword to paper mempunyai nilai bobot dari keyword terhadap paper sebagai berikut :
P = {P1,P2,....Pn} adalah set of papers D= {D1,D2,...,Dm} adalah set of keywords
Misalnya dari data di peroleh relasi paper dan keyword yang dinyatakan sebagai fuzzy set paper terhadap keyword sebagai berikut :
P1 = {0.3/D2, 0.7/D5, 1/D7, 1/D8}, P2 = {1/D2, 0.8/D5, 0.8/D7, 1/D8}, P3 = {0.9/D1, 0.9/D3, 1/D4, 0.8/D6}, P4 = {1/D1, 0.5/D3, 0.8/D4, 0.8/D6}, P5 = {0.1/D2, 0.7/D5, 1/D4, 1/D8}, P6 = {0.9/D2, 1/D5, 0.8/D4, 1/D8}.
Untuk P={P1,P2,...P6}dan D={D1,D2,...,D8}, dimana setiap paper/dokumen dianggap sebagai suatu fuzzy set terhadap keyword sehingga didapatkan bahwa
12
[0.1] sebagaimana tertulis pada rumus :
R (Pi,Pj) =
: Membership function sebagai suatu mapping dapat ditemukan hubungan antara paper – paper yang ada misal :Tabel 2.1 Hubungan paper terhadap paper
X / Y P1 P2 P3 P4 P5 P6
13 3. Dari data yang ada dari hubungan keyword terhadap paper maka akan
didapatkan hubungan antara paper terhadap keyword :
Dj (Pi) =
: Membership function sebagai suatu mappingContoh: kita akan mencari bobot keyword (D2) pada paper 1
D2 (P1) =14 4. Similarity antara 2 keyword dinyatakan dengan suatu fungsi R dimana
R:DxD [0.1] sebagaimana tertulis pada rumus :
R(Di ,Dj) =
: Membership function sebagai suatu mappingdapat ditemukan hubungan antara keyword - keyword yang ada, misal hubungan R(D1,D3) =
Tabel 2.2 Hubungan keyword terhadap keyword
X / Y D1 D2 D3 D4 D5 D6 D7 D8
15 2.3 Database
Database adalah kumpulan file-file yang saling berelasi, relasi tersebut biasa ditunjukkan dengan kunci dari tiap file yang ada. Satu database menunjukkan satu kumpulan data yang dipakai dalam satu lingkup perusahaan, instansi (Kristanto, 1994).
Dalam satu file terdapat record-record yang sejenis, sama besar, sama bentuk, merupakan satu kumpulan entity yang seragam. Satu record terdiri dari field-field yang saling berhubungan untuk menunjukkan bahwa field tersebut dalam satu pengertian yang lengkap dan direkam dalam satu record.
1. Entity
Entity adalah orang, tempat, kejadian atau konsep yang informasinya direkam.
Pada bidang Administrasi Siswa misalnya, entity adalah siswa, buku, pembayaran, nilai test. Pada bidang kesehatan, entity adalah pasien, dokter, obat, kamar, diet.
2. Atribute
Setiap entity mempunyai atribute atau sebutan untuk mewakili suatu entity.
Seorang siswa dapat dilihat dari atributenya, misalnya nama, nomor siswa, alamat, nama orang tua, hobby. Atribute juga disebut sebagai data elemen, data field, data item.
3. Data Value (nilai atau isi data)
Data value adalah data aktual atau informasi yang disimpan pada tiap data elemen atau atribute. Atribute nama karyawan menunjukkan tempat dimana
16 informasi nama karyawan disimpan, sedang data value adalah Sutrisno, Budiman, merupakan isi data nama karyawan tersebut.
4. Record/Tuple
Kumpulan elemen-elemen yang saling berkaitan menginformasikan tentang suatu entity secara lengkap. Satu record mewakili satu data atau informasi tentang seseorang misalnya, nomor karyawan, nama karyawan, alamat, kota, tanggal masuk.
5. File
Kumpulan record-record sejenis yang mempunyai panjang elemen yang sama, atribute yang sama, namun berbeda-beda data valuenya.
2.4 MYSQL
Menurut Prasetyo (2003: 1), MySql adalah Relational Database Management System (RDBMS) yang didistribusikan secara gratis di bawah lisensi GPL (General Public Lisence). MySql dikembangkan sekitar tahun 1994 oleh sebuah perusahaan pengembang software dan konsultan database bernama MySql AB yang bertempat di Swedia. Mysql adalah database server yang cukup banyak digunakan, terutama bila dikolaborasikan dengan PHP.
Beberapa istilah yang digunakan pada database : a. Tabel
Tabel didefinisikan sebagai sekumpulan data yang disimpan pada baris dan kolom. Contoh dari tabel terlihat pada tabel 2.3 dibawah
17 Tabel 2.3 Contoh Tabel Mahasiswa
b. Kolom
Kolom atau disebut juga sebagai field adalah yang di-refer sebagai atribut pada conceptual data model. Mysql mendukung banyak type data untuk field mulai dari char, varchar, integer, hingga blob
c. Baris
Baris atau disebut juga record adalah isi / data dari sebuah tabel.
d. Key
Key atau dikenal juga sebagai pengenal pada conceptual data model adalah field yang menjadi pengenal sebuah tabel namun tidak semua tabel mutlak untuk memiliki key. Secara umum ada dua macam key yaitu primary key dan foreign key. Keberadaan sebuah key pada tabel dapat mempercepat proses pencarian data, terutama jika tabel tersebut di – index. Primary key diartikan sebagai sebuah kolom yang berisi data – data yang murni dari tabel itu sendiri dan menjadi acuan untuk mengenali tidak baris / record yang ada pada tabel.
Foreign key diartikan sebagai sebuah kolom dimana nilai yang ada pada kolom tersebut berasal dari tabel lain, foreign key tidak dapat dijadikan acuan pengenal tiap record pada tabel. Mysql tidak mengenal adanya foreign key.
Kode Mahasiswa Nama Mahasiswa Nilai
26401000 Agus 90
26402000 Budi 80
26403000 Chandra 95
26404000 Dodo 85
18 e. Relasi
Relasi adalah hubungan yang terjadi antara 2 tabel. Ada 3 macam relasi yang dikenal pada relational database.
1. One to one artinya satu nilai pada suatu tabel hanya digunakan maksimal satu kali pada tabel yang lain sebagai foreign key
2. One to many artinya satu nilai pada suatu tabel dapat digunakan lebih dari satu kali pada tabel yang lain sebagai foreign key
3. Many to many artinya antara satu tabel dengan yang lain saling bertukar key dan masing – masing key dapat digunakan lebih dari satu kali
2.5 Entity Relationship Diagram (ERD)
Entity Relationship Diagram adalah sebuah metode untuk memodelkan suatu sistem dengan cara menentukan data apa saja yang ada pada sebuah entity dan bagaimana entity yang satu berhubungan dengan entity yang lain. Simbol – simbol yang digunakan dalam penggambaran ERD yaitu :
Relation_7
Ent_1 Ent_2
Gambar 2.1 Relasi One to One
Gambar 2.1 menggambarkan bentuk hubungan one to one hubungan ini ditandai dengan adanya garis tunggal yang menempel pada kedua sisi entity.
Relation_8
Ent_3 Ent_4
19 Gambar 2.2 Relasi One to Many
Gambar 2.2 menggambarkan bentuk hubungan one to many. Hubungan ini ditandai dengan adanya garis dengan cabang 3 (disebut juga chicken feet) pada sisi entity yang bersifat many.
Rel ation_9
Ent_5 Ent_6
Gambar 2.3 Relasi many to many
Gambar 2.3 menggambarkan bentuk hubungan many to many. Hubungan ini ditandai dengan adanya garis dengan cabang 3 (disebut juga chicken feet) pada kedua sisi entity.
Relation_12
Ent_102 Ent_112
Gambar 2.4 Relasi one to many mandatory
Gambar 2.4 menggambarkan mandatory. Sebuah entity dapat dikatakan mandatory jika pada garis yang dekat dengan entity terdapat tanda “|”. Kemudian sebuah entity dapat dikatakan non- mandatory jika pada garis yang dekat dengan entity terdapat tanda “O”. Pada gambar 2.4 terlihat bahwa entity 102 (sisi kiri) merupakan non – mandatory dan entity 112 (sisi kanan) merupakan mandatory.
istilah mandatory sama dengan obligatory dan istilah non – mandatory sama dengan non - obligatory
Gambar 2.5 Relasi one to many dependent.
Relation_12
Ent_103 Ent_113
20 Gambar 2.5 menggambarkan dependent. Pada gambar 2.5 terlihat bahwa entity 113 (sisi kanan) merupakan dependent dari entity 103 (sisi kiri)
2.6 Diagram Alir (Flowchart)
Diagram alir memberikan bentuk gambar dalam merepresentasikan suatu aliran kontrol logika dengan menggunakan notasi-notasi simbol grafis (Pressman, 2002).
Pedoman yang digunakan pada saat akan menggambar atau membuat diagram alir :
a. Diagram alir sebaiknya digambar dari atas ke bawah dan mulai dari bagian kiri dari suatu halaman.
b. Kegiatan di dalam diagram alir harus ditunjukkan dengan jelas.
c. Harus ditunjukkan dari mana kegiatan akan dimulai dan dimana akan berakhirnya.
d. Masing-masing kegiatan di dalam diagram alir sebaiknya digunakan suatu kata yang mewakili suatu pekerjaan.
e. Masing-masing kegiatan di dalam diagram alir harus di dalam urutan yang semestinya.
f. Gunakan simbol-simbol bagan alir yang standar.
Beberapa diagram alir digambar dengan menggunakan simbol-simbol yang di tampilkan pada gambar 2.6 berikut.
21
SIMBOL KEGUNAAN
Simbol garis alir Untuk menghubungkan antara simbol yang satu dengan simbol yang lainnya.
Simbol Proses Simbol yang menunjukkan pengolahan yang dilakukan oleh computer.
Simbol Keputusan Simbol untuk kondisi yang akan
menghasilkan beberapa kemungkinan jawaban atau aksi.
Simbol Alternate Process Simbol untuk permulaan atau akhir dari suatu program.
Simbol Data Simbol yang menyatakan proses input dan output tanpa tergantung dengan jenis peralatannya.
Simbol Harddisk Menunjukkan input/output menggunakan harddisk.
Simbol Persiapan Simbol untuk persiapan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam storage.
Gambar 2.6 Simbol Flowchart
Pada penulisan skripsi ini, simbol flowchart yang di terapkan adalah simbol garis alir, simbol proses, simbol keputusan dan simbol alternate process.
2.7 HTML
HTML singkatan dari HyperText Mark-up Language adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis dari sebuah halaman web (Kristianto, 2002).
22 HTML merupakan turunan dari SGML (Standart Generalized Mark-up Language). Standar HTML diatur oleh W3C (World Wide Web Consortium), sebuah organisasi yang bergerak di bidang internet dan jaringan. HTML seperti singkatannya merupakan bahasa Mark-up yaitu bahasa yang mengatur tampilan dari suatu dokumen. Pada intinya sebuah halaman HTML hanyalah sebuah dokumen (file) text yang didalamnya berisi sekumpulan teks dan tag-tag HTML.
sebuah halaman web yang kita lihat menggunakan browser sebenarnya berisi tag-tag HTML yang digabungkan dengan berbagai media lain seperti gambar, suara dan skrip-skrip dinamis sehingga memungkinkan kita untuk berinteraksi didalamnya
Sejak pertama kali dikeluarkan HTML telah mengalami banyak sekali perubahan dan penyempurnaan. Untuk menjaga kompabilitas dengan versi – versi HTML yang ada sebelumnya maka ada sebuah policy untuk memberikan tag berisi informasi versi HTML yang digunakan pada halaman web atau dengan kata lain halaman web dibuat dengan mengikuti standar HTML versi berapa. Dengan adanya tag “DOCTYPE” yang menyatakan standar HTML yang digunakan maka diharapkan “kesalahpahaman” versi oleh browser dapat dihindari.
HTML terdiri dari serangkaian tag – tag. Tag dapat diartikan sebagai sebuah penanda yang diawali dengan tanda lebih kecil “<” dan diakhiri dengan tanda lebih besar “>”. Ada 3 macam tag HTML yaitu :
1. tag tunggal, yaitu tag yang tidak membutuhkan tag penutup mis : tag <br> dan <hr>
23 2. tag ganda, yaitu tag yang membutuhkan tag penutup. jenis tag ini dapat juga diingat sebagai tag yang berpasangan. Sebagian besar tag HTML merupakan tag yang berpasangan
mis : tag <p> </p> , <b> </b>
3. tag komentar, yaitu tag yang digunakan untuk menuliskan komentar, karena untuk komentar maka tag ini tidak akan ditampilkan oleh browser
mis : <!—ini komentar ->
konvensi penulisan tag HTML dijelaskan sebagai berikut:
Contoh :
<font face=”verdana” size=”5”> </font>
Kata “font” yang diawali dengan tanda “<” dan “>” adalah tag Kata “face“ disebut sebagai atribut
Kata “verdana” disebut sebagai value atribut atau disingkat menjadi value
Kemudian untuk beberapa tag seperti <p>, <form>, <body> juga ada yang disebut sebagai “event”.
Contoh :
<body onload=”value”>
Kata “onload” pada contoh adalah yang disebut sebagai event dan sama seperti sebelumnya kata “value” disebut juga sebagai value. Biasanya event digunakan untuk men-trigger sebuah atau beberapa function oleh client-side scripting.
24 Kemudian ada sebuah peraturan yang tidak tertulis yang menganjurkan agar penulisan value haruslah diapit dengan tanda petik “”. Tidak digunakannya petik tidak akan mempengaruhi bentuk tampilan bila value yang diberikan tidak mengandung spasi. Bila mengandung spasi maka akan terjadi masalah
Contoh:
<a href=http://www.main.php?nilai=tidak valid> Go </a>
Bila dijalankan akan mendeteksi nilai=tidak
<a href=http://www.main.php?nilai=”tidak valid”> Go </a>
Bila dijalankan akan mendeteksi nilai=tidak valid 2.7.1 Bagian halaman HTML
Halaman HTML secara umum terbagi atas 3 bagian yaitu : 1. Bagian Versi
2. Bagian Head 3. Bagian Body 2.7.2 Bagian Versi
Bagian versi adalah bagian dari halaman HTML yang memberikan informasi mengenai versi HTML yang digunakan. Contohnya
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
25 2.7.3 Bagian Head
Bagian head adalah bagian dari halaman HTML yang berisi tag <title> dan
<meta>, secara umum bagian head dapat juga diartikan sebagai bagian yang berisi keterangan mengenai isi dokumen
Berikut adalah beberapa contoh tag yang berada pada bagian head
<title>Untitled Document</title>
<base href=”http://puslit.uin.ac.id”>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
<meta http-equiv="refresh" content="5">
<meta http-equiv="keywords" content="keyword,kata kunci">
Tag title memberi informasi mengenai judul dokumen
Tag base memberi informasi mengenai alamat awal dari dokumen Tag meta memberi informasi mengenai deskripsi dokumen 2.7.4 Bagian Body
Bagian body dari dokumen HTML merupakan isi dari dokumen pada bagian ini terdapat banyak tag – tag HTML yang digunakan untuk memformat / membentuk sebuah dokumen HTML.
Tag – tag HTML yang seringkali digunakan pada bagian body 1. Tag untuk keperluan format paragraf
a. Tag Paragraf
26 Tag <p>... </p> berfungsi untuk membuat paragraf baru. Teks yang ingin dibuat paragraf diletakkan diantara tag <p> dan tag
</p>
b. Tag Heading
b. Tag Heading