BAB 1

PENDAHULUAN
1.1 LATAR BELAKAN

Kemajuan Teknologi Informasi di bidang pemanfaatan jaringan internet, telah membawa dampak yang
sangat besar pada masyarakat pengguna internet. Terlepas dari dampak negative yang ditimbulkan,
peranan teknologi internet dalam penyebaran informasi yang global tidak dapat dipungkiri. Semua
informasi dunia luar dapat disaksikan melalui layar monitor hanya pada tempat dimana pengguna
tinggal, tanpa harus beranjak.

Dan pada tugas ini akan dibahas mengenai pembuatan halaman web yang menggunakan serta
mengaplikasikan Javascript, Cascading Style Sheet (CSS), HyperText Preprocessor (PHP) dan Basis
data.

Javascript adalah bahasa script (bahasa pemrograman yang dapat memegang control aplikasi sebuah
web) yang digunakan secara procedural. Javascript juga dapat dikatakan sebagai bahasa scripting yang
berjalan pada sisi client atau client side. Untuk menjalankan script yang ditulis dengan JavaScript
dibutuhkan browser yang mampu menjalankan JavaScript.

Kemudian Cascading Style Sheet (CSS) adalah bahasa pemrograman web yang digunakan untuk
melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style yang akan
digunakan pada sebuah website dan mendesain isi halaman web menjadi lebih menarik.

PHP Merupakan bahasa pemrograman yang biasanya ditulis bersama kode HTML. Tiderti HTML yang
langsung dikirim ke browser, script PHP di parsing dulu oleh PHP binary dalam komputer server.
Elemen HTML dibiarkan tetapi kode PHP di eksekusi terlebih dahulu dan hasilnya dalam bentuk
HTML dikirim ke browser pengguna. Kode PHP mampu menjalankan perintah database, membuat
gambar, membaca dan menulis file, serta kemampuan lainnya yang tidak memiliki batas.

1.2 RUMUSAN MASALAH

Masalah yang akan dibahas dalam makalah ini adalah bagaimana membuat sebuah halaman web dan
mendeskripsikan penggunaan serta pengaplikasian Javascript, CSS, PHP, dan Basis Data pada website
kami yang bertemakan toko online penjualan pernak-pernik.
1.3 BATASAN MASALAH

Permasalahan yang diulas atau dibahas dalam makalah ini dibatasi hanya untuk pernyataan-pernyataan
sekilas tentang pembuatan halaman web yang disertai sintaks Javascript, tag-tag CSS, selector-selector
pada php dan pembuatan basis data yang dimiliki oleh halaman web yang kami buat.

1.4 TUJUAN PENULISAN

Berbagai hal yang menjadi tujuan dan maksud penulisan makalah ini, menjadikan alasan penting
untuk menjadi bahan pembelajaran dalam pembuatan sebuah website, diantaranya adalah :

1. Mempelajari dalam pembuatan halaman web

2. Mempelajari Javascript yang digunakan.

3. Mempelajari Style sheet yang digunakan.

4. Mempelajari PHP yang disertakan, dan

5. Mempelajari basis data untuk halaman web

Makalah ini dibuat untuk pemenuhan Tugas dari Mata Kuliah Pemrograman Web untuk Semester IV
Jurusan Teknik Informatika, Universitas Musamus Merauke.
 BAB II
PEMBAHASAN

2.1. PEMBAHASAN

Dalam suatu usaha diperlukan banyak alternatif agar usaha tersebut bisa terus dijalankan

dan mendapatkan banyak keuntungan serta penghematan biaya yang dikeluarkan tidak melampaui

batas pemasukan. Dalam kemajuan teknologi ini para wirausaha menambahkan alternatif baru dalam

berwira usaha. Salah satu alternatif tersebut adalah, mengemas sedemikian rupa usaha tersebut agar

lebih mudah dan lebih praktis saat dijalankan tanpa harus menyita banyak waktu dan menguras banyak

modal. Bisnis online menjadi alternatif yang diambil untuk menjalankan usaha mereka. Maka

diperlukan pula sebuah desain khusus sebuah website dimana didalamnya dapat menampung produk-

produk yang akan di perjual belikan. Bisnis ini banyak di geluti para wanita khususnya ibu rumah

tangga dan mahasiswa. Dalam pembahasan ini adalah proses pembuatan website yang bertemakan

pernak-pernik yang terdiri dari HTML dan atribut-atributnya.

2.2. Membuat Website

WEBSITE merupakan kumpulan halaman-halaman yang berisi informasi yang disimpan di internet

yang bisa diakses atau dilihat melalui jaringan internet pada perangkat-perangkat yang bisa

mengakses internet itu sendiri seperti komputer, HP, dan sebagainya.

Pengenalan Tag-tag Pada HTML

Yang pertama dilakukan adalah membuat atau mendesain halaman web yang berisi informasi

itu dengan menggunakan bahasa pemrograman web. Halaman ini ditulis dengan bahasa

pemrograman website. Dalam pembuatan website langkah pertama yang diambil adalah membuat

file HTML yang disertai css dalam langkah pembuatannya seperti:

2.2.1 Pembuatan HTML.

Secara umum, sebuah halaman website terdiri dari 2 bagian besar, yaitu head dan body. Bagian

head pada halaman website berfungsi sebagai tempat meletakkan informasi-informasi yang digunakan
untuk mendesain atau mengatur halaman website yang dibuat. Sedangkan bagian body pada halaman

website merupakan bagian yang tampak secara langsung di internet. Di bagian inilah bagian untuk

menyusun elemen-elemen yang akan ditampilkan di internet, yaitu tulisan, gambar, tabel, video, dan

lain-lain.

1. Membuat Tampilan Kepala

pada bagian kepala website ini merupakan penempatan judul yang menggunakan flas berikut adalah

perintah-perintah di dalamnya:

<div id="header">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"

width="842" height="318" accesskey="12" tabindex="12" title="header">

<param name="movie" value="images/pops.swf">

<param name="quality" value="high">

<embed src="images/pops.swf" quality="high"

pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"

width="842" height="318"></embed>

</object>

</div>

pada tampilan kepala ini menggunakan tag div dan menggunakan id “header”. Id header ini tersimpan

didalam file css yang berisi tentang beberapa pengaturan-pengatunan untuk bagian kepala agar menjadi

sesuai yang diinginkan.

Hasil:
Proses selanjutnya yaitu tag div berikutnya yang menggunakan id yang bernama news di sini beris tag

marquee sintax:

<marquee>

isi yang akan ditampilkan

</marquee>

perintah di bawah yang digunakan,

<div id="news"><marquee>*HAPPY FUN SHOPPING WITH US, GIRLS* DAPATKAN PRODUK-

PRODUK TERBARUNYA SETIAP MINGGU</marquee>

</div>

tag di atas berfungsi untuk menjalankan text yang diapit.

Tampilannya:
2. Link yang di panggil dalam halaman web.

Perintah-perintah yang di gunakan:

<div id="navcontainer">

<ul id="navlist">

<li id="active"><a href="index.html">Home </a></li>

<li id="active"><a href="">daftar </a></li>

<li id="active"><a href="#">contact </a></li>

<li id="active"><a href="#">Berita </a></li>

<li id="active"><a href="#">Pesanan</a></li>

</ul>

</div>

link yang akan di panggil adalah Home, daftar, contact, berita, pesanan. Dalam pemanggilan

link perintah-perintah yang digunakan seperti yang terurai diatas dimana masing-masing terurai

atribut yang di atur oleh css berupa id.

Tampilan: