MAKALAH

“HTML DAN BASIS DATA ”

Disusun Untuk Memenuhi Tugas Matakuliah Client Server

DISUSUN OLEH :
ARIS WANDANA RAHMAN
1855201037

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER

UNIVERSITAS LANCANG KUNING

2019
 KATA PENGANTAR

Alhamdulillah, segala puji dan syukur bagi Allah SWT yang telah memberikan
kemampuan, kekuatan, serta keberkahan baik waktu, tenaga, maupun pikiran kepada penulis
sehingga dapat menyelesaikan makalah yang berjudul “HTML dan Basis Data” tepat pada
waktunya.
Makalah ini disusun berdasarkan dari sumber, dan penulis juga mengucapkan
terimakasih kepada pihak terkait yang telah membantu penulis dalam penyusunan makalah ini..
Penulis menyadari bahwa masih banyak kekurangan pada penulisan makalah ini. Maka
dari itu, saran dan kritik yang membangun sangat penulis harapkan dari pembaca sekalian.
Penulis berharap semoga makalah ini dapat bermanfaat bagi siapa saja yang membacanya.

Pekanbaru, 22 Oktober 2019

Penulis

i
 DAFTAR ISI

KATA PENGANTAR
KATA PENGANTAR ............................................................................................................ i
DAFTAR ISI........................................................................................................................... ii
BAB I PENDAHULUAN ....................................................................................................... 1
1.1 Latar Belakang ............................................................................................................ 1
1.2 Rumusan Masalah ....................................................................................................... 1
1.3 Tujuan dan Manfaat .................................................................................................... 2
BAB II PEMBAHASAN ........................................................................................................ 3
2.1 Penjelasan HTML ....................................................................................................... 3
2.2 Sejarah Perkembangan HTML ................................................................................... 4
2.3 Kegunaan dan Struktur HTML ................................................................................... 5
2.4 Tag Pada HTML ......................................................................................................... 7
2.5 Contoh contoh Penggunaan ...................................................................................... 15
2.6 Penjelasan Basis Data ............................................................................................... 29
2.7 Komponen Basis Data .............................................................................................. 29
2.8 Elemen Pembentuk Basis Data .................................................................................31
2.9 Jenis Jenis Software DBMS ...................................................................................... 32
BAB III PENUTUP ..............................................................................................................35
3.1 Kesimpulan ...............................................................................................................35
3.2 Saran ......................................................................................................................... 35
DAFTAR PUSTAKA ...........................................................................................................36

ii
 BAB I
PENDAHULUAN

1.1 Latar belakang

Web merupakan salah satu sumber daya internet yang berkembang pesat (Harison,
2016). Dalam membuat halaman web kita akan menjumpai istilah html. Dimana html adalah
dasar dari pembuatan halaman web. Dengan menguasai html kita akan bisa membuat suatu
halaman web yang sederhana dan desain tampilan web yang memuaskan. Teknologi banyak
digunakan sebagai sarana promosi dan informasikhususnya pada bidang website yang saat
ini sangat berperan dalam penyampaian informasi. Website mampu memberikan informasi
menjadi lebih efisien dan up to date (Suhadya, 2013). Penulis bermaksud menjelaskan dan
mengenalkan pengertian dasar dari Hypertext Markup Language (HTML) adalah bahasa yang
digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar
pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML
sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada
suatu sistem operasi tertentu.

Basis data ( Database ) Database adalah kumpulan informasi yang disimpan di dalam
komputer secara istematik sehingga dapat diperiksa menggunakan suatu program komputer
untuk memperoleh informasi dari basis data tersebut. Konsep dasar dari basis data adalah
kumpulan dari catatan-catatan, atau potongan dari pengetahuan (Lavarino, 2016).

Pemrosesan basis data sebagai perangkat andalan sangat diperlukan oleh berbagai
institusi dan perusahaan. Dalam pengembangan sistem informasi diperlukan basis data sebagai
media penyimpanan data. Kehadiran basis data dapat meningkatkan Daya saing perusahaan
tersebut. Basis data dapat mempercepat upaya pelayanan kepada pelanggan, menghasilkan
informasi dengan cepat dan tepat sehingga membantu pengambilan keputusan untuk segera
memutuskan suatu masalah berdasarkan informasi yang ada.

1.2 Rumusan Masalah

1. Apa yang dimaksud HTML?
2. Bagaimana struktur HTML?
3. Atribut-atribut apa saja saat kita ingin membuat sebuah web?
4. Apa saja komponen komponen pada Basis Data?

1
 5. Apa Saja Elemen elemen pada Basis Data?

1.3 Tujuan dan Manfaat

Adapun tujuan dan manfaat dari penyusunan makalah ini adalah Untuk mengetahui dan
membagi informasi dan pengetahuan mengenai HTML dan Basis Data secara lebih mendalam
dan terstruktur.

2
 BAB II
PEMBAHASAN

2.1 Penjelasan HTML

HTML yang merupakan singkatan dari Hyper Text Markup Language adalah
serangkaian kode program yang merupakan dasar dari representasi visual sebuah halaman
Web. Didalamnya berisi kumpulan informasi yang disimpan dalam tag-tag tertentu, dimana
tag-tag tersebut digunakan untuk melakukan format terhadap informasi yang dimaksud
(Constantianus & Suteja, 2005)
HyperText Markup Language (HTML) adalah bahasa dari Worl Wide Web (www)
yang dipergunakan utntuk menyusun dan membentuk dokumen agar dapat ditampilkan pada
program web browser.HTML juga dapat disebut sebagai protocol yang digunakan untuk
mentransfer data atau dokumen dari web server ke browser. HTML inilah yang menjadi dasar
bila akan menjelajah internet dan melihat halaman web yang menarik.
HTML berupa kode-kode tag yang menginstrusikan browser untuk menghasilkan
tampilan sesuai yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan
menggunakan browser web seperti Mozilla firefox atau aplikasi pembuka email ataupun dari
PDA dan program lain yang memiliki kemampuan browser. HTML dokumen tersebut mirip
dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks biasa memuat instruksi
yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu.
HTML adalah bahasa markup yang umum digunakan.Kepopuleran HTML disebakan
karena HTML ini mudah digunakan. Pembuatan dokumen web dengan HTML dapat dilakukan
dengan mudah dan cepat. Dokumen web dapat tersaji dengan cepat ke banyak pembaca di
seluruh dunia sekaligus. HTML mudah melakukan kontrol terhadap tampilan halaman web
baik berupa teks, gambar, suara, animasi maupun video.
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan
tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat
dibuka dengan menggunakan web browser seperti Mozilla Firefox atau Microsoft Internet
Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan
program lain yang memiliki kemampuan browser.
a. Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah
dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk

3
 mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari
naskah atau dokumen yang kita tuju.
b. Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu
intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan
ditampilkan pada Word Wide Web.
c. Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan
kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format
suatu naskah atau dokumen. Pada awalnya HTML dikembangkan sebagai subset
SGML(Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk
ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada
SGML yang lebih pada format dokumen yang berorientasi pada aplikasi.

2.2 Sejarah perkembangan HTML

HTML merupakan sebuah dasar ataupun pondasi bahasa pemograman sebuah web
page, HTML muncul sebagai standar baru dari kemajuan dan berkembangnnya internet, pada
pertama kali muncul internet masih dalam keadaan berbasis text dimana tampilan sebuah
halaman web hanya berisikan sebuah text yang monotone tanpa sebuah format dokumen secara
visual, bayangkan saja sebuah dokument text yang dikemas dalam bungkus format seperti tipe
file .txt atau sering disebut notepad, tanpa paragraph, satu warna, satu ukuran huruf tanpa
gambar serta tidak adanya visual format dokumen seperti halnya Ms. Word, hal ini akan sangat
membosankan dalam membaca. dan selain itu pertamakali muncul internet user mengakses
masih menggunakan sebuah terminal, hal itu jelas sangatlah tidak friendly. Pemograman
HTML muncul seiring perkembangan teknologi dan informasi.
a. Pada tahun 1980 IBM mulai untuk mengembangkan sebuah bahasa pemograman dimana
text dan format sebuah dokumen dijadikan satu dalam bahasa pemrograman yang sering
kita sebut sebagai HTML (Hyper Text Markup Language) akan tetapi pada saat itu pihak
IBM memberikan sebuah nama GML (Generalized Markup Language).
b. Pada tahun 1986 ISO mengeluarkan sebuah standarisasi tentang bahasa pemograman
tersebut dan menyatakan sebuah nama baru dari GML tersebut dengan sebutan SGML
(Standard Generalized Markup Language)
c. Nah mulai pada tahun kelahiran saya yaitu tahun 1989, Sebuah nama HTML muncul dari
pemikiran Caillau Tim yang bekerja sama dengan Banners Lee Robert yang ketika itu

4
 masih bekerja di CERN memulai mengembangkan bahasa pemrograman ini, dan
dipopulerkan pertama kali dengan browser Mosaic. Nah mulailah dari tahun 1990 HTML
sangat berkembang dengan cepat hingga mencapai versi HTML versi 5.0 yang digarap
pada 4 Maret 2010 kemarin oleh W3C
d. HTML versi 1.0 ini adalah versi pertama sejak lahirnya nama html tersebut, memiliki
sebuah kemampuan untuk heading, paragraph, hypertext, bold dan italic text, wrapping
serta memiliki dukungan dalam peletakan sebuah gambar
e. HTML versi 2.0 pada 14 Januari 1996, pada versi ini ada beberapa tambahan kemampuan
diantaranya penambahan form comment, hal ini menyebabkan adanya sebuah interaktif
dan mulai dari versi ini yang menjadikan sebuah pioneer dalam perkembangan homepage
interaktif.
f. Tak lama kemudian HTML versi 3.0 dirilis pada 18 Desember 1997 yang sering disebut
sebut sebagai HTML+ yang mempunyai kemampuan dalam beberapa fasilitas diantaranya
adalah penambahan fitur table dalam paragraph, akan tetapi versi ini tidak bertahan lama.
g. Dan pada bulan Mei 1996 dikeluarkan versi baru sebagai pengganti dan penyampurnaan
versi 3.0 ini yaitu HTML versi 3.2, keluarnya versi ini dikarenakan adanya beberapa kasus
yang timbul pada pengembang browser yang telah melakukan pendekatan dengan cara lain
yang justru hal tersebut menjadi popular, maka di bakukan versi 3.2 untuk mengakomodasi
praktek yang banyak digunakan oleh pengembang browser dan diterima secara umum,
dapat dikatakan bahwa versi 3.2 ini merupakan versi 3.0 yang dikembangkan oleh
beberapa pengembang browser seperti Netscape dan Microsoft.
h. Nah yang terakhir perombakan terjadi pada tahun 1999 tepatnya tanggal 24 Desember
yaitu HTML versi 4.0, seperti yang kita kenal HTML pada saat ini penambahan link, meta,
imagemaps , image dan lain lain sebagai penyempurnaan versi 3.2
i. Pada tanggal 4 Maret 2010, terdapat sebuah informasi bahwasanya HTML versi 5.0 masih
dikembangkan oleh W3C (World Wide Web Consortium) dan IETF (Internet Engineering
Task Force) yaitu sebuah organisasi yang menangani HTML sejak versi 2.0

2.3 Kegunaan dan Struktur HTML

Kegunaan HTML :
1. Mengintegerasikan gambar dengan tulisan.
2. Membuat Pranala.
3. Mengintegerasikan berkas suara dan rekaman gambar hidup.
4. Membuat form interaktif.

5
5. Menentukan format suatu teks
6. Membuat list tentang sekelompok hal
7. Membuat link ke dokumen lain atau bagian lain dari dokumen yang sama.
8. Menyisipkan citra atau gambar.
9. Menampilkan informasi dalam bentuk tabel
10. Memodifikasi.Mengontrol tampilan dari web page dan contentnya.
11. Mempublikasikan dokumen secara online sehingga bisa di akses dari seluruh dunia.
12. Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi
secara online.
13. Menambahkan object-object seperti image, audi, video dan juga java applet dalam
dokumen HTML.

Struktur HTML
1. Elemen
Elemen terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.Contonya
untuk menampilkan judul dokumen HTML pada web browser digunakan element
title, dimana: <title> ini adalah tag pembuka judul dokumen HTML
2. Tag
Adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh
<body> adalah tag dengan nama body. Tag ditulis secara berpasangan, yang terdiri
atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"),
sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini
adalah tag penutup isi dokumen HTML. Yang merupakan tag-tag dasar dalam HTML
adalah:
a. <HTML></HTML>
Tag <HTML> dan </HTML> digunakan untuk menandai awal dan akhir dari suatu
file HTML.
b. <TITLE></TITLE>
Tulisan yang berada diantara tag <TITLE> dan </TITLE>akan ditampilkan oleh
browser pada bagian title yang mana merupakan title dari jendela browser.
c. <HEAD></HEAD>
Berisi keterangan informasi, seperti title dan jenis dokumen, ditulis diantara HEAD
tags.
d. <BODY></BODY>

6
 e. Bagian tag BODY menandai awal dan akhir dari badan dokumen HTML. Tag ini
memiliki sejumlah attribut dapat ditentukan.
Contoh:
<HTML>
<HEAD>
<TITLE>Halaman HTMLku yang pertama</TITLE>
</HEAD>
<BODY TEXT="#000000" BGCOLOR="#FFFFFF">
Hello World
</BODY>
</HTML>

2.4 Tag pada HTML

Demi mewujudkan struktur halaman web yang lebih baik semantik dan
aksesibilitasnya, dikenalkanlah beberapa elemen, diantaranya:
Tag Description
<b>Ini tulisan tebal</b> Ini tulisan tebal

<i>Ini tulisan miring</i> Ini tulisan miring

<u>Ini tulisan bergaris bawah</u> Ini tulisan bergaris bawah

Ini baris 1<br>Ini baris 2 Ini baris 1

Ini baris 2

Ini garis horizontal <hr> Ini garis horizontal

Daftar lengkap elemen di HTML, antara lain:

Tag Attribute Description
<html>

Baris paling atas dari setiap file HTML

</html>

7
<head>

Informasi umum dari sebuah halaman web

</head>

<title> Judul halaman. Terdapat pada head

</title>

background

bgcolor

bgsound

font
<body> Link

</body> Alink Settingan atribut untuk seluruh dokumen.

Vlink

Topmargin

Leftmargin

Marginheight

marginwidth

Color

<font> Size Mengubah gaya suatu huruf

8
</font> name

Href

Target

style Membuat link ke dokumen atau situs lainnya.

<a></a> class

name

id

Src

<img> Alt

Name Menampilkan sebuah gambar.

Border

Height

weight

border

cellpadding

cellspacing

width

height

9
 name

<table></table> id Mengatur semua elemen table

title

bgcolor

background

align

valign

height

bgcolor

<tr> </tr> background Membuat baris baru

align

valign

title

colspan

rowspan

height

width

bgcolor

10
 background

<td></td> align Membuat kolom

valign

title

colspan

rowspan

height

width

<th></th> align Header(kepala tabel). Otomatis ke tengah dan

tebal.
valign

bgcolor

background

height

width

Format yang berlaku bagi cell yang diapit tag.

<tbody></tbody> align

valign

bgcolor

background

11
 height

width Format yang berlaku bagi kolom

<colgroup> align

</colgroup> valign

bgcolor

background

colspan

<form> method

</form> action Mengatur elemen dari form

name

text

password

hidden

<input type=> radio Variasi dari tipe elemen form

checkbox

submit

image

12
 reset

name

text value Sample tex

width

maxlength

name

password value

width ***********

maxlength

hidden name Digunakan untuk membuat variable hidden.

value Radio 1

radio name

value Radio 2

name

checkbox value Check 1

checked Check 2

submit value Tombol

src

13
 height

image width

reset alt

name

border Reset

<select> value

</select> name Membuat combo-box. Digunakan bersama

dengan option
size

Option 1
selected

<f ont f ace="Arial, Helvetica,

<option> name

sans-serif ">Text
<textarea></textare value

a> area box. Text is typed betw ee

name

the tags</f ont>

rows

no wrap
cols

word wrap, sent as one line

wrap

wrap word wrap, sent with breaks

off

virtual
physical

14
2.5 Contoh Contoh Penggunaan HTML
a. Mengawali dengan HTML

Ini adalah sebuah perkenalan singkat menganai bagaimana menulis HTML. Apakah
HTML itu? HTML adalah sebuah jenis teks dokumen khusus yang digunakan oleh Web
browser untuk mempresentasikan teks dan gambar. Di dalam teks tersebut terdapat tag
markup seperti <p> untuk menandakan awal dari sebuah paragraf, dan </p> untuk
menandakan akhir dari sebuah paragraf. Dokumen HTML sering disebut
sebagai "halaman Web". Browser mengambil halaman Web dari Web server dan karena
adanya Internet, halaman tersebut bisa berada di manapun di dunia.

Banyak orang masih menulis HTML secara manual menggunakan perangkat lunak
seperti NotePad pada Windows, atau TextEdit pada Mac. Petunjuk ini akan membuat anda
membantu anda memahami dan membuatnya sendiri. Dan bila anda tidak ingin mengedit
HTML secara manual dan ingin menggunakan HTML editor seperti Netscape Composer,
atau W3C Amaya, petunjuk ini akan membuat anda mengerti, cukup untuk membuat anda
mampu menggunakan perangkat tersebut lebih baik dan membuat dokumen HTML anda
dapat di akses oleh berbagai macam browser. Begitu anda merasa nyaman dengan konsep
dasar pembuatan HTML, anda mungkin ingin belajar bagaimana menambahkan style
menggunakan CSS, dan lanjut dengan fitur yang dibahas pada halaman saya di HTML
lanjutan.

catatan. sebauah cara yang baik untuk belajar ialah dengan melihat bagaimana orang
lain menulis halaman HTML mereka sendiri. Untuk melakukan hal ini, click pada menu
"View" lalu pada "Source". Pada beberapa browser, anda perlu mengklik pada menu "File"
dan kemudian pada "View Source". Cobalah pada halaman ini untuk melihat bagaimana
saya menerapkan beberapa ide yang saya jelaskan dibawah. Anda akan menyadari bahwa
anda mengembangkan kemampuan untuk melihat kesalahan kesalahan yang dibuat karena
banyak halaman terlihat bagus sumbernya sebenarnya berantakan!

Untuk pengguna Mac, sebelum anda dapat dapat menyimpan file dengan akhiran
(extention) ".html", anda harus memastikan bahwa dokumen anda di ketik dalam bentuk
plain text. Untuk TextEdit, anda dapat membuatnya dengan opsi "Make Plain Text" dari
menu "Format".

Halaman ini akan mengajarkan anda bagaimana:

15
 mulai dengan sebuah judul
 mulai menambah heading dan paragraf
 menambah emphasis pada teks
 menambah gambar
 menambah link ke halaman lain
 menggunakan berbagai macam list (daftar) Bila anda mencari hal yang lain

b. Mulai dengan sebuah judul

Tiap dokumen HTML membutuhkan sebuah judul. Anda perlu mengetiknya sebagai
berikut:

<title>Dokumen HTML saya yang pertama</title>

Ganti teks tersebut "Dokumen HTML saya yang pertama" sesuai kebutuhan anda.
Teks judul tersebut diawali dengan tag pembuka <title> dan diakhiri dengan tag penutup
yang sesuai </title>. Judul ini harus ditempatkan diawal dokumen anda.

Untuk mencoba hal ini, ketik hal diatas dalam sebuah teks editor dan simpan file
tersebut sebagai "test.html", dan lihat dengan sebuah web browser. Bila akhiran file
tersebut adalah ".html" or ".htm" maka browser akan mengenalinya sebagai HTML.
Kebanyakan browser muncul di menunjukkan judul di bagian caption bar dari browser.
Dengan hanya sebuah title, browser akan menunjukkan sebuah halaman kosong. Jangan
khawatir. Bagian berikut akan menunjukkan bagaimana menambahkan konten yang dapat
di lihat.

c. Menambah heading dan paragraf

Bila anda pernah menggunakan Microsoft Word, anda akan terbiasa dengan style
yang ada untuk heading dengan tingkat kepentingan yang berbeda. Pada HTML ada enam
tingkatan heading. H1 adalah yang paling penting, H2 lebih sedikit kurang penting,
seterusnya hingga H6, yang paling tidak penting.

Berikut adalah cara menambah sebuah heading yang penting:

<h1>Sebuah heading yang penting</h1>

dan beikut sebuah heading yang kurang begitu penting:

16
<h2>Sebuah heading yang sedikit kurang penting</h2>

Setiap paragraf yang anda tulis harus diawali dengan tag <p>. Tag </p> merupakan
opsi, tidak seperti end tag untuk elemen seperti heading. Sebagai contoh:

<p>Ini adalah paragraf pertama.</p>

<p>Ini adalah paragraf kedua.</p>

d. Menambahkan sedikit of emphasis

Anda dapat menambahkan tekanan (emphasis) pada satu atau dua buat kata dengan
tag <em>, sebagai contoh:

Topic ini adalah topik yang sangat <em>menarik</em>!

e. Menambahkan perhatian pada halaman dengan gambar - gambar

Gambar-gambar dapat digunakan untuk membuat halaman Web anda berbeda

dengan yang lain dan sangat membantu anda dalam menyampaikan pesan anda. Cara
mudah untuk menambahkan gambar adalah dengan menggunakan tag <img>. Mari
assumsikan bahwa anda memiliki sebuah gambar dengan bernama "peter.jpg" di
folder/directory file HTML anda. Gambar tersebut tingginya 200 pixel dan lebar 150 pixel.

<img src="peter.jpg" width="200" height="150">

Attribut src anda beri nama file gambar tersebut. Width dan height tidak diwajibkan
tetapi membantu mempercepat tampilannya di halaman Web anda. Sesuatu masih kurang!
Orang yang tidak dapat melihat gambar membutuhkan deskripsi yang mereka bisa baca
sebagai penggantinya. Anda bisa menambahkan penjelasan singkat sebagai berikut:

<img src="peter.jpg" width="200" height="150"

alt="Teman saya Peter">

Atribut alt digunakan untuk memberikan deskripsi singkat, dalam hal ini "My friend
Peter". Untuk gambar yang kompleks, anda mungkin perlu menambahkan deskripsi yang
lebih panjang. Dengan asumsi bahwa hal ini telah tertulis pada file "peter.html", anda dapat
menambahkan hal berikut menggunakan atribut longdesc:

<img src="peter.jpg" width="200" height="150"

17
alt="Teman saya Peter" longdesc="peter.html">

Anda dapat membuat gambar dengan berbagai cara, sebagai contoh dengan sebuah
digital kamera, dengan mengscan sebuah gambar, atau membuatnya dengan menggunakan
program untuk menggambar atau melukis. Kebanyakan browser mengerti format gambar
GIF dan JPEG, browser baru juga mengerti format gambar PNG. Untuk menghindari
waktu yang lama ketika gambar tersebut di download melewati jaringan, anda sebaiknya
menghindari penggunaan file gambar yang besar.

Secara umum, JPEG paling baik digunakan untuk photo dan gambar lain yang
sejenis, segankan GIF dan PNG baik untuk gambar seni yang melibatkan warna yang
datar, garis dan tulisan. Ketiga format mendukung opsi untuk di render secara bertahap
(progressive rendering) dimana gambar kasarnya diperlihatkan dahulu lalu secara perlahan
di haluskan.

f. Menambahkan link ke halaman lain.

Apa yang membuat Web sangat efektif adalah kemampuan untuk membuat link dari
satu halaman ke halaman yang lain, dan mengikutinya hanya dengan sebuah klik. Sebuah
klik dapat membawa anda langsung ke seberang dunia!

Link didefinisikan dengan tag <a>. Mari membuat sebuah link pada file "peter.html"
di folder/direktori yang sama dengan file HTML yang sedang anda edit::

Ini adalah link ke <a href="peter.html">halamannya Peter</a>.

Teks antara <a> dan </a> digunakan sebagai keterangan dari link. Adalah hal yang
umum bagi keterangan tersebut untuk diberi garis bawah berwarna biru.

Bila file yang anda link adalah direktori asal (parent directory), anda perlu
menambahkan "../" sebelumnya, sebagai contoh:

<a href="../mary.html">halamannya Mary</a>

Bila file yang dilink adalah sebuah sub direktori, anda perlu memberikan nama dari
subdirektori tersebut diikuti sebuah "/" setelahnya, sebagai contoh:

<a href="friends/sue.html">halamannya Sue</a>

18
 Penggunaan relative path memungkinkan anda melink sebuah file dengan pergi naik
atau turun direktori sesuai kebutuhan, sebagai contoh":

<a href="../college/friends/john.html">halamannya John</a>

Di mana pertama kali akan dicari pada direktori asal, dari sebuah direktori lain
bernama "college", dan kemudian sebuah subdirektori dengan nama "friends" untuk
sebuah file dengan nama "john.html".

Untuk melink ke sebuah halaman atau situs Web lain anda perlu memberikan alamat
lengkap Web (umumnya dinamakan URL), sebagai contoh untuk melink ke www.w3.org
anda perlu menuliskan:

Ini adalah sebuah link menuju<a href="http://www.w3.org/">W3C</a>.

Anda dapat mengubah sebuah gambar menjadi sebuah link hypertext, sebagai
contoh, berikut ini memungkinkan anda untuk mengklik pada logo perusahaan untuk pergi
ke halaman utama / depan:

<a href="/"><img src="logo.gif" alt="home page"></a>

Contoh ini menggunakan "/" untuk menghubungi direktori asal, yang mana adalah
home page.

g. Tiga jenis daftar

HTML mendukung tiga jenis daftar. Jenis yang pertama adalah daftar dengan bullet
(bulletted list), atau sering disebut unordered list. Yang menggunakan tag <ul> dan <li>,
sebagai contoh:

<ul>

<li>list item pertama</li>

<li>list item kedua</li>

<li>list item ketiga</li>

</ul>

19
 Catatan bahwa anda perlu mengakhiri daftar dengan tag </ul>, tetapi tag </li>
merupakan opsi dan dapat di hiraukan. Jenis daftar kedua adalah daftar dengan nomor,
yang sering juga disebut ordered list. Hal tersebut menggunakan tag <ol> dan <li>.
Sebagai contoh:

<ol>

<li>list item pertama</li>

<li>list item kedua</li>

<li>list item ketiga</li>

</ol>

Seperti juga bulletted lists, anda perlu mengakhiri daftar dengan tag </ol>, tetapi tag
penutup </li> merupakan opsi dan dapat di hiraukan.

Yang ketiga dan yang terakhir adalah daftar definisi. Daftar ini memungkinkan anda
untuk membuat daftar suatu hal dan penjelasannya. Daftar ini diawali dengan sebuah tag
<dl> dan diakhiri dengan </dl> Tiap hal diawali dengan sebuah tag <dt> dan tiap
penjelasannya diawali dengan sebuah tag <dd>. Sebagai contoh:

<dl>

<dt>hal pertama</dt>

<dd>penjelasannya</dd>

<dt>hal kedua</dt>

<dd>penjelasannya</dd>

<dt>hal ketiga</dt>

<dd>penjelasannya</dd>

</dl>

Tag penutup </dt> dan </dd> merupakan opsi dan dapat diabaikan. Perlu dicatat
bahwa daftar ini bisa saling disisipkan, satu diantari yang lain. Sebagai contoh:

20
<ol>

<li>list item pertama</li>

<li>

list item kedua

<ul>

<li>list pertama yang disisipkan</li>

<li>list kedua yang disisipkan</li>

</ul>

</li>

<li>list item ketiga</li>

</ol>

Anda juga dapat menggunakan paragrapf dan heading dsb. untuk daftar hal yang
lebih panjang..

h. HTML memiliki sebuah head dan body

Bila anda menggunakan fitur view source dari web browser anda (lihat menu View
atau File) anda dapat melihat struktur dari halaman HTML. Dokumen tersebut biasanya
dimulai dengan sebuah perrnyataan versi HTML yang digunakan HTML, dan kemudian
diawali dengan sebuah tag <html> dikuti dengan tag <head> dan diakhiri dengan </html>.
Tag <html> ... </html> berfungsi sebagai sebuah kontainer untuk dokumen tersebut. Tag
<head> ... </head> mengandung judul, dan informasi style dan script, sementara <body>
... </body> mengandung markup dari isi yang terlihat. Berikut adalah sebuah pola yang
dapat anda copy dan paste ke text editor untuk menciptakan halaman anda sendiri:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

21
 <title> ganti dengan judul dokumen anda </title>

</head>

<body>

ganti dengan isi dokumen anda

</body>

</html>

i. Merapikan markup anda

Sebuah cara yang tepat untuk memperbaiki markup secara otomatis adalah dengan
menggunakan HTML Tidy yang juga merapikan markup agar dapat dibaca dengan baik
dan lebih mudah di edit. Saya sarankan agar anda menggunakan Tidy pada tiap markup
yang anda edit. Tidy sangat efektif untuk membersihkan markup yang dibuat oleh
peralatan yang memiliki kebiasaan buruk. Tidy tersedia untuk berbagai macam sistem
operasi dari TidyLib Sourceforge site, dan juga telah di integrasikan dengan berbagai
macam peralatan mengedit HTML.

j. Merapikan Kalimat Dengan Text HTML

Ternyata caranya merapikan kalimat dengan Text HTML itu sederhana sekali. Kita
hanya perlu meletakkan tags <p align="#"> dan </p> Tanda # boleh diganti dengan
center, right atau justify.

Kalau tidak diisi maka secara default kalimat diatur dengan left.

align-left membuat semua baris text berada disisi sebelah kiri.

align-right membuat semua baris text berada disisi sebelah kanan.
align-center membuat semua baris text berada ditengah halaman.
align-justify membuat semua baris text diatur sama jaraknya dengan tepi halaman sebelah
kiri dan kanan.

Dibawah ini saya berikan contoh artikel yang saya buat dengan Mengatur Text
HTML.

Diatas text saya tambahkan judul dengan warna merah dan ukuran yang besar
sekedar untuk memperjelas keterangan saya saja.

22
Ini artikel dengan tags <p> </p> atau boleh juga diisi align="left". Tidak akan ada
pengaruhnya sama sekali.

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem, feugiat vitae
placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum euismod
ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus
adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel
tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim. </p>

Ini artikel dengan tags <p align="right"> </p>

<p align="right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem,
feugiat vitae placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum
euismod ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus
adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel
tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim.</p>

Ini artikel dengan tags <p align="center"> </p>

<p align="center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem,
feugiat vitae placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum
euismod ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus
adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel
tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim.</p>

Ini artikel dengan tags <p align="justify"> </p>

<p align="justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nibh sem,
feugiat vitae placerat vel, facilisis quis arcu. Sed eu pretium tortor. Nam a velit in ipsum
euismod ultrices quis non est. Aenean congue vulputate erat et accumsan. Integer id metus
adipiscing felis suscipit laoreet viverra sed sapien. Donec purus ligula, elementum vel
tristique sit amet, tempor ut est. Morbi placerat rutrum urna at dignissim.</p>

k. Hyperlink

Hyperlink adalah link yang menghubungkan file dari sebuah website ke file yang
lain dalam website itu sendiri.

23
 Dulu ketika pertama kali ingin Belajar Membuat Website, saya heran sekali melihat
text berwarna biru yang ada garis dibawahnya (underline) kalau diklik dapat membuka
halaman lain dari sebuah website.

Tentu saja ini sangat menarik bagi saya yang pada waktu itu baru mulai belajar
membuat website.

Setelah saya pelajari, ternyata caranya sangat mudah. Kita tinggal menuliskan kode
Hyperlink HTML dan memasangnya pada salah satu halaman website.

Misalkan kita mempunyai website www.contoh-saja.com yang berisi 2 halaman,

yaitu:

Halaman Website 1 dengan link: http://www.contoh-saja.com/website-1 dan

Halaman Website 2 dengan link: http://www.contoh-saja.com/website-2

Pada halaman website 1 kita tulis kode Hyperlink HTML seperti ini:

<a href=”http://www.contoh-saja.com/website-2″>LINK HALAMAN 2 INI</a>

Sebagai contoh saya berikan gambar dari Halaman 1 seperti dibawah ini

Kalau Anda Klik link “LINK HALAMAN 2 INI“, maka akan terbukalah halaman
2 dari website ini.

Contohnya seperti ini:

Halaman 1

Untuk membuka Halaman 2 silahkan Klik LINK HALAMAN 2 INI

Halaman 2

Untuk kembali ke Halaman 1 silahkan Klik KEMBALI KE HALAMAN 1

Dari Halaman 2 kembali ke Halaman 1 penulisan kodenya seperti ini:

<a href=”http://www.contoh-saja.com/website-1″>KEMBALI KE HALAMAN 1</a>

24
 Kalau Anda Klik Link “KEMBALI KE HALAMAN 1“, maka Anda akan melihat
kembali Halaman 1 dari website.

l. Membuat List atau Daftar dengan HTML

Membuat List HTML

Seringkali kita melihat daftar yang misalnya seperti ini:

Daftar Buku Sejarah dan Pahlawan Kemerdekaan:
 Pangeran Diponegoro
 Perang Padri
 Teuku Umar
 Wolter Monginsidi
 Dan Lain-lainnya

Atau yang seperti ini:

Daftar Buku Sejarah dan Pahlawan Kemerdekaan:

1. Pangeran Diponegoro
2. Perang Padri
3. Teuku Umar
4. Wolter Monginsidi
5. Dan Lain-lainnya
Nah, untuk membuat list atau daftar yang seperti ini dengan html caranya adalah
dengan tag <ul></ul> yang disebut Unordered List atau dengan tag <ol></ol> yaitu
Ordered List.
Beda antara <ol></ol> dan <ul></ul> adalah bahwa Ordered List <ol></ol>
menghasilkan daftar dengan nomor urut 1,2,3 dst sedangkan Unordered List <ul></ul>
hasilnya tanpa nomor.

Sekarang kita membuat list atau daftar dengan tag <ul></ul> supaya memperoleh
hasil seperti diatas.

<strong>Daftar Buku Sejarah dan Pahlawan Kemerdekaan:</strong>

<ul>

<li>Pangeran Diponegoro</li>

<li>Perang Padri</li>

25
 <li>Teuku Umar</li>

<li>Wolter Monginsidi </li>

<li>Dan Lain-lainnya</li>

</ul>

Hasilnya adalah seperti ini:

Daftar Buku Sejarah dan Pahlawan Kemerdekaan:

 Pangeran Diponegoro

 Perang Padri

 Teuku Umar

 Wolter Monginsidi

 Dan Lain-lainnya

Supaya kita tahu perbedaannya, maka tag <ul></ul> kita ganti dengan tag <ol></ol>
kita lihat kode htmlnya sekarang menjadi seperti ini:

<strong>Daftar Buku Sejarah dan Pahlawan Kemerdekaan:</strong>

<ol>

<li>Pangeran Diponegoro</li>

<li>Perang Padri</li>

<li>Teuku Umar</li>

<li>Wolter Monginsidi </li>

<li>Dan Lain-lainnya</li>

</ol>

Sekarang hasilnya adalah seperti dibawah ini:

Daftar Buku Sejarah dan Pahlawan Kemerdekaan:

1. Pangeran Diponegoro

2. Perang Padri

3. Teuku Umar

4. Wolter Monginsidi

26
5. Dan Lain-lainnya

Catatan:

Tag <strong> </strong> adalah untuk menebalkan text.

Seperti pada contoh diatas ada tag <strong> </strong> yang mengapit kalimat Daftar
Buku Sejarah dan Pahlawan Kemerdekaan:

Silahkan Anda coba sendiri apa yang terjadi kalau tag <strong> </strong> dihapus.

Kali ini saya akan melanjutkan keterangan saya tentang beberapa cara lain untuk
menampilkan List HTML.
Sebagaimana telah saya terangkan kemarin bahwa ada dua jenis List yang bisa kita
buat dengan HTML. Yaitu Ordered List yang contohnya kemarin adalah:

1. Gelas
2. Piring
3. Sendok
4. Garpu

Dan Unordered List seperti contoh dibawah ini.

 Gelas
 Piring
 Sendok
 Garpu

Selain itu ada beberapa macam tampilan lagi yang dapat dibuat dengan List HTML.
Langsung saja akan saya berikan kode berikut contohnya pada table dibawah ini:

Ordered List

<ol type=”a”> a. Gelas

<li>Gelas</li> b. Piring
<li>Piring</li>
c. Sendok
<li>Sendok</li>
<li>Garpu</li> d. Garpu

27
 </ol>

<ol type=”A”>
E. Gelas
<li>Gelas</li>
<li>Piring</li> F. Piring

<li>Sendok</li> G. Sendok
<li>Garpu</li> H. Garpu
</ol>

<ol type=”i”>
ix. Gelas
<li>Gelas</li>
<li>Piring</li> x. Piring

<li>Sendok</li> xi. Sendok

<li>Garpu</li> xii. Garpu
</ol>

<ol type=”I”>
XIII. Gelas
<li>Gelas</li>
<li>Piring</li> XIV. Piring

<li>Sendok</li> XV. Sendok

<li>Garpu</li> XVI. Garpu
</ol>

Unordered List

<ul>
o Gelas
<li>Gelas</li>
<li>Piring</li> o Piring

<li>Sendok</li> o Sendok
<li>Garpu</li> o Garpu
</ul>

<ol type=”disc”>  Gelas

<li>Gelas</li>
 Piring
<li>Piring</li>
 Sendok
<li>Sendok</li>

28
 <li>Garpu</li>  Garpu
</ol>

<ol type=”circle”>
o Gelas
<li>Gelas</li>
<li>Piring</li> o Piring

<li>Sendok</li> o Sendok
<li>Garpu</li> o Garpu
</ol>

<ol type=”square”>
 Gelas
<li>Gelas</li>
<li>Piring</li>  Piring

<li>Sendok</li>  Sendok
<li>Garpu</li>  Garpu
</ol>

2.6 Penjelasan Basis Data

Basis Data (database) adalah kumpulan data yang diorganisasikan agar informasi yang
terkandung didalamnya dapat dengan mudah diakses, dikelola serta diperbaharui. Basis data
digunakan untuk menyimpan, memanipulasi dan mengambil data hampir semua tipe
perusahaan termasuk bisnis, pendidikan, rumah sakit, pemerintahan dan perpustakaan
(Constantianus & Suteja, 2005).
Basis Data adalah Kumpulan file / table yang saling berelasi (berhubungan) yang
disimpan dalam media penyimpanan eletronik. Dari pengertian tersebut dapat diambil
kesimpulan pada masing – masing table / file didalam database berfungsi untuk menampung /
menyimpan data – data, dimana masing – masing data yang ada pada table / file tersebut saling
berhubungan dengan satu sama lainnya.

2.7 Komponen Basis Data

1. Perangkat keras (hardware)
Sistem basis data dapat dilihat bahwa basis data pada intinya adalah disimpan pada
media penyimpanan elektronik (hardisk), sedangkan database adalah terdiri dari
beberapa file / table yang saling berelasi (berhubungan). Basis data tersebut dikelola

29
 oleh DBMS (database management system) dan database tersebut dapat dimanfaatkan
oleh beberapa user (pemakai) yang dapat melakukan manipulasi pada database.
Perangkat keras yang biasanya terdapat dalam sistem basis data adalah sebagai berikut:
a. Komputer (satu untuk stand alone atau llebih dari satu untuk komputer jaringan)
b. Memori sekunder yang on-line (hardisk).
c. Memori sekunder yang offline (tape) untuk keperluan backup data
d. Media/ perangkat komunikasi (untuk sistem jaringan)
2. Sistem operasi (operating system)
Sistem Operasi merupakan program utama yang menghubungkan Software Aplikasi
yang digunakan oleh user dengan hardware. Pengertian sistem operasi secara umum
ialah pengelola seluruh sumber-daya yang terdapat pada sistem komputer dan
menyediakan sekumpulan layanan (system calls) yang sering disebut “tools atau utility”
berupa aplikasi kepemakai sehingga memudahkan dan menyamankan penggunaan
ketika memanfaatan sumber-daya sistem komputer tersebut (Satya, 2010). Program
pengelola basis data (DBMS) akan aktif (running) jika sistem operasi yang
dikehendakinya telah aktif.
3. Basis data (database)
Sebuah sistem basis data dapat memiliki beberapa basis data. Setiap basis data dapat
memiliki sejumlah objek basis data (seperti file/table, store procedure, indeks, dan
lainya). Disamping berisi / menyimpan data, setiap basis data juga mengandung /
menyimpan definisi struktur (baik untuk basis data maupun objek-objeknya secara
detail).
4. Sistem Pengelolaan Basis Data (DBMS)
DBMS berisi satu koleksi data yang saling berelasi dan satu set program untuk
mengakses data tersebut (Anisah & Mayasari, 2016). Sistem (aplikasi/perangkat lunak)
pengelola basis data (DBMS) Pengelolaan basis data secara fisik tidak ditangani
langsung oleh user (pemakai), tetapi ditangani oleh sebuah perangkat lunak (sistem)
yang khusus / spesifik. Perangkat inilah disebut DBMS, yang akan menentukan
bagaimana data diorganisasi, disimpan, diubah, dan diambil kembali. Perangkat
tersebut juga menerapkan mekanisme pengamanan data (security), pemakaian data
secara bersama (sharing data), pemaksaan keakuratan / konsistensi data, dan
sebagainya.
5. Pemakai (user)

30
 Ada beberapa jenis / tipe pemakai pada sistem basis data, berdasarkan cara mereka
berinteraksi pada basis data, diantaranya adalah:
a. Programmer
Programmer adalah pemakai yang berinteraksi dengan basis data Aplikasi melalui
DML (data manipulation language), yang disertakan dalam program yang ditulis
dalam bahasa pemrograman induk (seperti pascal, cobol, clipper, foxpro, dan
lainnya).
b. User Mahir (Casual Users)
User Mahir (Casual Users) adalah pemakai yang berinteraksi dengan sistem tanpa
menulis modul program. Mereka menyatakan query (untuk akses data), dengan
bahasa query yang telah disediakan oleh suatu DBMS.
c. User Umum
User Umum adalah pemakai yang berinteraksi dengan sistem basis data melalui
pemanggilan satu program aplikasi permanen, yang telah ditulis / disediakan
sebelumnya.
d. User Khusus
User Khusus adalah pemakai yang menulis aplikasi basis data non konvensional
untuk keperluan khusus.
6. Aplikasi (perangkat lunak) lain (bersifat optional)
aplikasi AI, Sistem Pakar, Pengolahan Citra, dan lainnyal, yang bisa saja mengakses
basis data dengan / tanpa DBMS. Aplikasi (perangkat lunak) lain Aplikasi lain ini
bersifat optional, ada tidaknya tergantung pada kebutuhan kita. DBMS yang kita
gunakan lebih berperan dalam pengorganisasian data dalam basis data, sementara bagi
pemakai basis data (khususnya yang menjadi end user) dapat disediakan program
khusus untuk melakukan pengisian, pengubahan dan pengambilan data.

2.8 Elemen pembentuk basis data

Basis data memiliki beberapa elemen :
Element Description
Elemen Pengertian

Tabel Sebuah menu di dalam database dalam bentuk baris dan kolom, yang
digunakan untuk memasukan data.
Query Sebuah menu di dalam database yang sudah terkait dengan perintah-
perintah khusus yang berfungsi untuk melakukan pencarian data,

31
 mengurutkan data, etc.

Form Sebuah bentuk tampilan data yang di desain sedemikian rupa sehingga
proses pemasukan, pencarian, dan pembacaan data dapat dilakukan
dengan mudah.
Report Sebuah fasilitas yang berfungsi untuk membuat lembar-lembar laporan
dari data yang kita access sehingga data tersebut
dapat dicetak atau diprint.

2.9 Jenis- jenis Software database manajemen system (DBMS)

1. MySQL
MySQL merupakan sebuah perangkat lunak system manajemen basis data SQL (bahasa
inggris : data management system) atau DNMS yang multithread, multi-user, dengan
sekitar 6 juta instalasi di seluruh dunia. MySQL dimiliki dan disponsori oleh sebuah
perusahaan komersial Swedia yaitu MySQL AB. MySQL AB memegang penuh hak
cipta hampir atas semua kode sumbernya. Kedua orang Swedia dan satu orang
Finlandia yang mendirikan MySQL AB adalah : david axmark, allan larsson, dan
Michael “monthy widenius. Memiliki kelebihan sebagai berikut:
a. free (bebas didownload)
b. stabil dan tangguh
c. fleksibel dengan berbagai pemrograman
d. Security yang baik
e. dukungan dari banyak komunitas
f. kemudahan management database
g. mendukung transaksi
h. perkembangan software yang cukup cepat.

2. ORACLE
Oracle adalah relational database management system (RDBMS) untuk mengelola
informasi secara terbuka, komprehensif dan terintegrasi. Oracle Server menyediakan
solusi yang efisien dan efektif karena kemampuannya dalam hal sebagai berikut:
- Dapat bekerja di lingkungan client/server (pemrosesan tersebar)
- Menangani manajemen space dan basis data yang besar
- Mendukung akses data secara simultan
- Performansi pemrosesan transaksi yang tinggi
- Menjamin ketersediaan yang terkontrol

32
 - Lingkungan yang terreplikasi

3. FIREBIRD
Firebird (juga disebut FirebirdSQL) adalah sistem manajemen basisdata relasional yang
menawarkan fitur-fitur yang terdapat dalam standar ANSI SQL-99 dan SQL-2003.
RDBMS ini berjalan baik di Linux, Windows, maupun pada sejumlah platform Unix.
Firebird ini diarahkan dan di-maintain oleh FirebirdSQL Foundation. Ia merupakan
turunan dari Interbase versi open source milik Borland. Karena itulah Interbase dan
Firebird sebenarnya mempunyai CORE yang sama karena awalnya sama”
dikembangkan oleh Borland.
Kemampuan dan Kelebihan Firebird
a. Firebird support dengan transaksi layaknya pada database komersial lainnya. Sebuah
transaksi bisa di-commit atau di-rollback dengan mudah
b. Firebird menggunakan sintaks standard untuk menciptakan suatu foreign key.
c. Firebird support stored procedure dan triggers dengan bahasa yang standard
sehingga tidak akan membingungkan bagi Anda yang ingin belajar
d. Firebird bisa menggunakan lebih dari satu file sebagai single logic database

4. Microsoft SQL server 2000

Microsoft SQL Server 2000 adalah perangkat lunak relational database management
system (RDBMS) yang didesain untuk melakukan proses manipulasi database
berukuran besar dengan berbagai fasilitas.

5. Visual Foxpro 6.0

pada tahun 1989. FoxPro berkembang menjadi Visul FoxPro pada tahun 1995.
kemampuan pemrogrman prosural tetap dipertahankan dan dilengkapi dengan
pemrograman berorietasi objek. Visual FoxPro 6.0 dilengkapi dengan kemampuan
untuk berinteraksi dengan produk desktop dan client/server lain dan juga dapat
membangun aplikasi yang berbasis Web. Model data yang digunakan Visual FoxPro
yaitu model relasional. Model ini menggunakan sekumpulan table berdimensi dua
(yang disebut relasi atau table), dengan masing-masing relasi tersusun atas tupel atau
baris dan atribut

6. Database Desktop

33
Paradox Database desktop merupakan suatu program “Add-Ins”, yaitu program
terpisah yang langsung terdapat pada Borland Delphi. Pada database desktop terdapat
beberapa DBMS yang terintegrasi di dalamnya antara lain Paradox 7, Paradox 4, Visual
dBase, Foxpro, Ms. SQL, Oracle, Ms. Acces, db2 dan interbase

34
 BAB III
PENUTUP

3.1 Kesimpulan

Hypertext Markup Language (HTML) adalah bahasa markup yang umum digunakan
untuk membuat halaman web. Sebenarnya HTML bukanlah sebuah bahasa pemrograman.
Apabila di tinjau dari namanya, HTML merupakan bahasa markup atau penandaan terhadap
sebuah dokumen teks.Tanda tersebut di gunakan untuk menentukan format atau style dari teks
yang di tandai. Pada HTML kita biasa menggunakan tag-tag seperti elemen yang dibutuhkan
untuk membuat suatu dokumen HTML.

Di dalam HTML terdapat dua bagian dokumen yaitu bagian kepala (head) dan bagian
tubuh (body). Pembuatan proyek web/HTML sekolah dengan menggunakan notepad ini
dimulai dengan pembuatan bahasa HTML dalam notepad. Yang kemudian untuk setiap baris
dalam proyek ini selalu dibuat dengan bahasa HTML tersendiri sesuai dengan apa yang akan
kita buat.

Basis data merupakan kumpulan dari data yang saling terintegrasi satu dengan yang
lainnya, dan tersimpan dalam perangkat keras komputer serta menggunakan perangkat lunak
untuk bantuan dalam mengoperasikannya.

DBMS (Database Management systems) adalah kumpulan program yang

mengkoordinasikan semua kegiatan yang berhubungan dengan basis data.

Tujuan Merancang Basis Data adalah untuk memenuhi informasi yang berisikan
kebutuhan-kebutuhan user secara khusus dan aplikasi-aplikasinya., memudahkan pengertian
struktur informasi serta mendukung kebutuhan-kebutuhan pemrosesan dan beberapa obyek
penampilan (response time, processing time, dan storage space).

3.2 Saran
1. Perlunya pembelajaran teori khusus dan praktek yang rutin.
2. Dalam metode pembelajaran jangan terlalu cepat untuk mempelajarinya.
3. Pembelajaran ini harus dilakukan secara bertahap dan jelas.

35
 DAFTAR PUSTAKA

Anisah, A., & Mayasari, M. S. (2016). Desain Database Sistem Informasi Penerimaan Peserta
Didik Baru Pada Selective English Course. Simetris : Jurnal Teknik Mesin, Elektro Dan
Ilmu Komputer, 7(1), 183. https://doi.org/10.24176/simet.v7i1.503
Constantianus, F., & Suteja, B. (2005). Analisa dan Desain Sistem Bimbingan Tugas Akhir
Berbasis Web dengan Studi Kasus Fakultas Teknologi Informasi. Jurnal Informatika,
1(2), 93–106.
Harison. (2016). Model pengembangan sistem diperlukan sebagai metode, best practices,
deliverables, dan alat otomasi yang digunakan stakeholder untuk mengembangkan dan
meningkatkan sistem informasi dan perangkat lunak. Proses perangkat lunak terdapat
beberapa tahap, yang . 4(2), 76–81.
Lavarino, D. (2016). Rancang Bangun E – Voting Berbasis Website Di Universitas Negeri
Surabaya. Jurnal Manajemen Informatika, 6(1), 72–81.
Satya, B. (2010). Mengenal Sistem Operasi Yang Beredar Disekitar Kita. Data Manajemen
Dan Teknologi Informasi, 11(2), 19–32.
Suhadya, A. (2013). Website Sebagai Media Promosi. PERANCANGAN WEBSITE SEBAGAI
MEDIA PROMOSI DAN INFORMASI Penda, 3(1), 82–86. Retrieved from
http://www.cakranet.com/website-sebagai-media-promosi/

36