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