LAPORAN PRAKTIKUM

BENGKEL PENGEMBANGAN WEB LANJUT

“MODUL 3 – MENGGUNAKAN TEMPLATE”

NAMA : ARDIAH PRAMESTY CAHYANI

NIM : 2055301016
DOSEN : MAKSUM RO’IS ADIN SAF,S.KOM., M.ENG
AIL : DWI LISTIYANTI, S.S.T.
 ISI LAPORAN

A. Apa itu Web Template ?

Web template terdiri dari kata web dan template. Dalam bidang ilmu komputer, arti kata tem-
plate adalah :
“Sebuah dokumen atau file yang memiliki format preset, digunakan sebagai titik awal un-
tuk aplikasi tertentu sehingga format tidak harus diciptakan kembali setiap kali
digunakan”.
Sedangkan pengertian web template itu sendiri dalam situs wikipedia disebutkan bahwa :
“Web template merupakan komponen dasar dari suatu sistem template website yang mem-
isahkan antara bagian konten dengan bagian presentasi dari suatu desain web. Web tem-
plate digunakan untuk memproduksi dokumen web secara massal”.
Web template memudahkan kita untuk mengembangkan sendiri website yang diinginkan,
bahkan jika kita tidak memiliki skill pemrograman web yang cukup. Ini bisa saja terjadi, karena
banyak web template yang dibuat dengan tujuan dapat digunakan oleh orang yang awam ten-
tang pemrograman web. Dengan bekal sedikit pengetahuan tentang bahasa web, dapatlah
menggunakan web template untuk membuat sebuah website dengan tampilan yang menawan.

Salah satu penggunaan web template adalah pada tampilan database. Sehingga susunan data
tersebut terlihat rapi dan indah. Untuk melakukan peng-editan pada tampilan database dapat
menggunakan template dari boostrap. Apakah yang dimaksud dengan boostrap?. Bootstrap ada-
lah framework open-source khusus front end yang awalnya dibuat oleh Mark Otto dan Jacob Thornton
untuk mempermudah dan mempercepat pengembangan web di front end. Bootstrap memiliki semua
jenis HTML dan template desain berbasis CSS untuk berbagai fungsi dan komponen, seperti navigasi,
sistem grid, carousel gambar, dan tombol (button). Framework ini memang menghemat waktu devel-
oper karena tidak perlu mengelola template berkali-kali. Namun, fungsi utama dari Bootstrap adalah
untuk membuat situs yang responsif. Interface website akan bekerja secara optimal di semua ukuran
layar baik di layar smartphone maupun layar komputer/laptop.

B. Mekanisme Kerja Web Template

Source template dan konten akan diproses dan digabungkan oleh mesin template untuk
menghasilkan dokumen web secara masal. Diperlukan strategi khusus untuk mengotomatisasi
“pekerjaan berulang”:
1. Menggunakan sistem web template untuk mengelola website.
2. Mengelompokkan berita.
3. Menentukan standar presentasi untuk setiap kelompok berita.
4. Menentukan sumber konten untuk menghasilkan atau memperbarui konten setiap item
berita.
• Screenshot Syntax index.php
• Screenshot Syntax index.html
• Screenshot Syntax add.html
• Screenshot Syntax config.php

• Screenshot Syntax database.sql

• Hasil Tampilan Web Template

• Analisa
Screen picture di atas merupakan hasil tampilan dari web template yang terdiri atas Name,
Age, Email dan Update. Lalu perintah Add New Data berfungsi untuk menambahkan data-
data baru yang diinginkan oleh user.
• Edit

• Analisa
Pada tampilan di atas user ingin mengupdate salah satu data dengan nama Indah Setia
Ningrum menjadi Indah Setia, maka setelah user mengeklik tombol Update tampilan nama
Indah Setia Ningrum pada web template akan berubah menjadi Indah Setia seperti yang ter-
lihat seperti screen picture di bawah.
• Hapus

• Analisa
Terlihat pada tampilan web template sebelumnya bahwa data berjumlah sebanyak 5 data, disini
user ingin menghapus salah satu dari data tersebut yaitu data dengan nama “Pujiarti”. Untuk
menghapus data yang tidak kita inginkan silahkan pilih opsi “Update” lalu klik perintah “De-
lete” maka setelah itu data dengan nama “Pujiarti” tidak lagi ditampilkan pada halaman web
template seperti yang terlihat pada screen picture di atas.