Download - Tugas_5 Twitter Bootstrap.pdf
-
WEB TWITTER BOOTSTRAP
CRUD(Create, Read Update dan Delete)
Disusun oleh:
ANDIKA NAVIAN
(1210651212)
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2014
-
1. Pengertian
Operasi CRUD atau biasa di kenal dengan Create, Read Update dan Delete
merupakan operasi yang sangat sering digunakan ketika seorang programer membuat
suatu program dengan PHP. CRUD merupakan salah satu inti dari sebuah pemrograman
karena di dalam suatu program biasanya mencakup operasi Create atau menciptakan
data, Read atau Menampilkan data, Update atau mengedit suatu data.
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 komponen-komponen lainnya yang
dibangun menggunakan JavaScript.
2. Penjelasan crud bootstrap
Sebelum melakukan Koding langkah pertama yang harus di lakukan adalah
menempatkan semua komponen bootstrap dalam satu folder contoh nama folder saya
crud bootstrap6 jadi di dalam folder itu harus ada komponen bootstrap di bawah ini :
-
3. Penjelasan masing-masing program
Pertama-tama memanggil file bootstrapnya di atas ini source untuk memanggil file bootstrapnya .
contoh source kode ini memanggil file
jquery yang ada di dalam folder jquery formatnya ada jquery.js
- Tampilan awal index.php
Source code :
Penjelasan kode: kode di atas adalah Default buttons membuat button link kodenya btn btn-link pada
surce di atas membuat link dimana link tersebut link ke index.php. dengan Button di HTML
kalau Button di bootstrap seperti ini dll
-
- Tampilan menu.php
Souerce code:
Penjelasan kode: source di atas blockquote di dalam sebuat table caranya di atas
membuat pragram artinya seprti .
Dalam menu ini menggunakan navbar yang berarti bentuk dari hasil codingaN Menyamping
sehingga dapat terlihat rapi.
- Tampilan pilih.php
Souerce code:
-
Penjelasan kode: di dalam kode biasanya dengan memakau twitter bootstrap agak berbeda dalam
pembuatan horizontal form dalam membuat form dalam bootstrap peratama
tambahkan "form-horizontal" bungkus dalam label.control-group tambahkan label class control-
label ,bungkus setiap control label dalam dalam .controls untuk kesalarasan setiap biasa membuat inputan type
number untuk nomor kode_mk yang ada di databse placeholder="kode mk" membuat suatu
perintah untuk mengisi apabila suatu input tidak di isi penjelasan kode di atas sebagai contoh
dalam inputan kode_
-
- Tampilan krs.php
Souerce code:
-
Codingan diatas adalah data yang diambil dari data base atau data yang dipilih oleh mahasiswa yang
bersangkutan.
- Tampilan mahasiswa.php
Souerce code:
-
Codingan diatas adalah hasil dari saat mengimputkan data.
-
- Tampilan edit.php
Source code:
-
coding diatas digunakan untuk menambah atau menghapus query saat mengimputkan data dalam data
base