Anda di halaman 1dari 11

TUGAS

PEMROGRAMAN BERBASISA WEB


(Twitter-Bootstrap)





Disusun oleh:
Fadinda Suci Rosiana
1210651222





JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2013/2014

I. Tujuan:
Memahami konsep dasar dari Twitter-Bootstrap dan penggunaannya sebagai
templating pada website.

II. Dasar Teori
Twitter Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan
halaman website yang dapat mempercepat pekerjaan seorang pengembang website
ataupun pendesain halaman website. Sesuai namanya, website yang dibuat dengan alat
bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter
atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.
Twitter Bootstrap dibangun dengan teknologi HTML dan CSS yang dapat
membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya
dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML
yang telah didefinisikan. Selain itu juga terdapat

Struktur direktori Bootstrap :



Keuntungan Menggunakan Twitter Bootstrap :
a. Memudahkan dalam mendesain website.
b. Responsive (Support segala macam layar dan device)
c. Dokumentasi Lengkap
d. Elegan


III. Alat dan Bahan
a. Modul Pemrograman Berbasis Web
b. LCD & KOMPUTER
c. Notepad++

IV. Tugas

1. Buatlah sebuah aplikasi CRUD dengan PHP tentang mahasiswa, mata kuliah, dan
KRS.
2. Form tampilan menggunakan twitter bootstrap.


Pertama buat database dengan nama KRS



Buat Table di dalam data base dengan nama Mahasiswa,Matakuliah dan KRS.








Kemudian Inputkan data untuk tabel Mahasiswa dan Mata kuliah





Setelah membuat data base lanjut untuk membuat file dengan nama
Index.php




Kemudian Buat File Inputkrs.php untuk menginputkan data





Buat File Outputkrs.php untuk menampilkan mata kuliah yg diambil oleh
mahasiswa







Delete





Hasil

Form Login



Input KRS






Setelah kita klik Proses



Output dari KRS yang di ambil



Apabila Kita klik cetak





Hasil dari cetak KRS