Tugas Pemograman Web

Twitter Bootstrap

Oleh

Nama : SABAR PRANGGONO

Nim : 1310651050

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH JEMBER

Tujuan Perkuliahan

Memahami konsep dasar Twitter Bootstrap dan penggunaannya sebagai templating pada

website.

Twitter Bootstrap

Framework CSS yang dibuat oleh Twitter

CSS siap pakai, sehingga developer tidak perlu menulis CSS dari awal

Download: http://twitter.github.com/bootstrap/

Support dengan modern web browser

Layout mirip dengan twitter

Kompatible dengan semua platform

Struktur Twitter Bootstrap

Download http://twitter.github.com/bootstrap/assets/bootstrap.zip

Extract file zip tersebut, terdapat struktur file sebagai berikut:

http://twitter.github.com/bootstrap/http://twitter.github.com/bootstrap/assets/bootstrap.zip

Komponen Twitter Bootstrap

Bootstrap Template (contd)

Secara default, templating bootstrap tanpa memiliki fitur responsive.

Responsive features berfungsi untuk menjadikan CSS berbasis pada beberapa kondisi: rasio,

width, tipe display, dan lain-lain.

Dengan fitur responsif tersebut, dapat menyesuaikan dengan layar device.

Komponen Bootstrap - Button

Tugas 1. Buatlah sebuah aplikasi CRUD dengan PHP tentang mahasiswa, mata kuliah, dan KRS.

2. Form tampilan menggunakan twitter bootstrap.

Buat dokumentasinya dalam bentuk PDF dan upload di www.scribd.com

Link dokumen scribd di submit ke elearning.

Dikumpulkan paling lambat tanggal 6 Mei 2015 jam 23:55 WIB

Pertama langakahnya ialah membuat databasesnya menggunakan mysql/phpadmyn :

Databases KRS

Databases Mahasiswa :

http://www.scribd.com/

Databases matakuliah :

Langkah selanjutnya ialah membuat phpnya atau kode program yang akan kita jadikan fitur

menu master dan simpan lah pada direktori master.

Koneksi di atas saya koneksi dengan databases yang mana databasesnya adalah CRUD

Langkah selanjutnya membuat index.php atau membuat tampilan awalnya :

Selanjutnya kita membuat insert mahasiswa yang mana untuk memasukan nama

mahasiswa:

Mahasiswa :

Delete:

Matakuliah :

Insert mahasiswa :

Matakuliah :

Edit matakuliah :

Delete Matakuliah :

Krs :

Join krs:

Insert KRS :

Edit KRS :

Delete KRS :

Kesimpulan :

yang bisa diambil ialah dari latihan atau ujicoba di atas ialah mahasiswa dengan twettir

bootstrap dapat mempermudah semua tampiulan css dan js yang ada dalam paket

bootstrap

Twitter Bootstrap