sabarpranggono 1310651050 twitter
Post on 27-Sep-2015
218 Views
Preview:
DESCRIPTION
TRANSCRIPT
-
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
top related