LAPORAN

REKAYASA WEB
Pembuatan Website

Disusun Oleh:

Cep Suwandi Maulana (123040101)

JURUSAN TEKNIK INFORMATIKA

UNIVERSITAS PASUNDAN
BANDUNG
2014
 Laporan Pembuatan Website (Rekayasa Web) | Cep Suwandi Maulana

Daftar Isi

Daftar Isi ........................................................................................................................................................ 2

1. MVC ....................................................................................................................................................... 3
2. FRAME WORK........................................................................................................................................ 3
3. Tampilan DATABASE ............................................................................................................................. 4
4. HTML5 ................................................................................................................................................... 5
5. CSS3 ....................................................................................................................................................... 5
6. JAVA SCRIPT .......................................................................................................................................... 6
7. Alamat Website..................................................................................................................................... 6

Page 2|6
 Laporan Pembuatan Website (Rekayasa Web) | Cep Suwandi Maulana

Penggunaan/kriteria yang harus ada dalam pembuatan website :

1. MVC
2. FRAME WORK
3. Tampilan DATABASE
4. HTML5
5. CSS3
6. JAVA SCRIPT

1. MVC
MVC yaitu singkatan dari Model, View, Controller yang bertujuan untuk membuat Pola
Arsitektural, memisahkan logika perangkat lunak dan antar muka dan untuk menghasilkan aplikasi
yang mudah untuk dimodifikasi.
Dengan penggunaan konsep MVC kita bisa memisahkan logika sesuai dengan
kegunaannya, contohnya untuk Representasi data yang diolah oleh aplikasi kita bisa
menyimpannya di Model, View untuk yang berhubungan dengan antar muka, dan controller untuk
penghubung Antara Model dan View. Dengan begitu ketika terjadi di error kita bisa dengan mudah
memperbaikinya tanpa merubah semua aplikasi.
Dalam pembuatan website saya menggunakan konsep MVC supaya pembuatan
websitenya lebih mudah karena kita sudah memisahkan logika sesuai dengan fungsinya.

2. FRAME WORK
Dalam pembuatan website, saya menggunakan Frame work Bootstrap. Bootstarp adalah
sebuah frame work Responsive yang akan menyesuaikan tampilan website di segala device,
contohnya desktop,tablet ataupun penggunaan di smartphone. Dengan penggunaan Frame work
Bootstrap website yang kita buat akan stabil di segala device. Dengan begitu website yang kita buat
bisa diakses menyesuaikan dengan device pengguna.
Penggunan Bootstrap sangat mudah, pertama kita download Frame work Bootstrap
kemudian simpan di polder di tempat dimana kita membuat website. Setelah itu kita panggil frame
work yang sudah kita download dengan format html seperti dibawah ini, dan atur tampilan css nya
untuk menyesuaikan tampilan device.

Page 3|6
 Laporan Pembuatan Website (Rekayasa Web) | Cep Suwandi Maulana

3. Tampilan DATABASE
Pada pembuatan website, saya menggunakan database untuk menyimpan data, dan untuk
menampilkan data tersebut kelayar. Penggunaan Database pada website sangat penting, karena
dengan menggunakan database kita bisa dengan mudah untuk mengelola data. Untuk pemanggilan
database dari php kita harus membuat koneksi dahulu supaya database yang kita buat dapat
diakses oleh php. Ini adalah contoh pembuatan koneksi database:

Dalam pembuatan koneksi database kita perlu mengisi host, user, password dan nama
databasenya apa yang akan kita koneksikan dengan php.
Ini contoh pemanggilan dan penggunaan database dalam website yang saya buat:

Saya menggunakan database untuk menampilkan semua judul film, dan untuk
menampilkan semua detail film sesuai id yang saya panggil.

Page 4|6
 Laporan Pembuatan Website (Rekayasa Web) | Cep Suwandi Maulana

4. HTML5
Dalam pembuatan website, saya menggunakan HTML5. HTML5 merupakan sebuah bahasa
markah untuk menstrukturkan dan menampilkan isi dari World Wide Web, sebuah teknologi inti
dari Internet. Penggunaan HTML 5 juga yaitu untuk memperbaiki teknologi HTML agar mendukung
teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
Penggunaan HTML5 lebih sederhana. Dan dalam pembuatannya-pun tidak berbeda jauh
dengan html-html sebelumnya misalnya html4.
Ini contoh penggunaan html 5.

5. CSS3
CSS3 adalah Cascading Style Sheet versi ke 3, yaitu pengatur dan pengendali tampilan
sebuah halaman blog/ web.
CSS3 melakukan penataan terhadap komponen HTML maupun XHTML pada halaman web
sehingga menghasilkan tampilan yang ramah dimata atau retina friendly. CSS3 juga membuat
tampilan web lebih baik.
Ini contoh penggunaan CSS3 untuk membuat shadow pada tampilan web, dan radius untuk
membuat sudut lengkung pada tampilan web. Untuk shadow dan radius kita bisa mengaturnya
sesuai dengan keinginan kita dengan merubahnya di css.

Bukan hanya itu css3 juga mendukung animasi misalnya membuat gambar bergerak ketika
di tunjuk pointer. seperti dibawah ini.

Page 5|6
 Laporan Pembuatan Website (Rekayasa Web) | Cep Suwandi Maulana

6. JAVA SCRIPT
JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP
akan tetapi javascript berjalan di sisi Client. Kode JavaScript dapat disisipkan dalam halaman web
menggunakan tag SCRIPT. javaScript juga adalah bahasa yang digunakan untuk AJAX. Kode
JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan
tag.
Contoh pemanggilan JavaScript:

JavaScript juga mendukung animasi, memvalidasi input pengguna pada formulir

perhitungan tanpa perlu kembali ke server, menentukan jenis browser dan masih banyak lagi.
Ini contoh javaScript dalam pembuatan webiste.

Script ini berfungsi untuk merubah tampilan gambar ketika diletakan pointer. Gambar akan
berubah yang tadinya sedikit gelap, kemudian ketika diletakan pointer diatasnya gambar tersebut
akan berubah lebih cerah. Kita bisa memodifikasinya dengan mengganti starEffect dan hoverEffect
sesuai keinginan kita.

7. Alamat Website
Dengan mengikuti spesifikasi diatas, inilah hasil akhir dari website yang telah saya buat.
Dan untuk websitenya dapat diakses di http://Csm.cyberkay.com.

Page 6|6