1410651097_eka bagus

10
Pemrograman web Pemrograman web Oleh Nama : Eka bagus susanto Nim : 1410651097 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2014/2015 Page 1 of 10

Upload: eka-bagus

Post on 15-Jan-2016

27 views

Category:

Documents


0 download

DESCRIPTION

tugasbootstrap_pakmudafiq

TRANSCRIPT

Page 1: 1410651097_eka bagus

Pemrograman web

Pemrograman web

Oleh

Nama : Eka bagus susanto

Nim : 1410651097

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH JEMBER

2014/2015

Page 1 of 10

Page 2: 1410651097_eka bagus

Pemrograman web

Membuat form mahasiswa menggunakan bootstrap

Pertama buat folder di htdocs

Dan taruh folder di bawah ini kedalam htdocs

Download folder tersebut di getbootstrap/2.3.2/

Page 2 of 10

Page 3: 1410651097_eka bagus

Pemrograman web

Setelah itu buat codingan seperti berikut :

Page 3 of 10

Page 4: 1410651097_eka bagus

Pemrograman web

Page 4 of 10

Page 5: 1410651097_eka bagus

Pemrograman web

Page 5 of 10

Page 6: 1410651097_eka bagus

Pemrograman web

Dan tampilan kedua setelah memasukkan nim dan password

Jika kita mengklik gambar mahasiswa maka tampilan seperti berikut :

Jka kita ingin menambahkan data/mendaftar :

Page 6 of 10

Page 7: 1410651097_eka bagus

Pemrograman web

Dan data akan langsung tertambah di mahasiswa:

Jika kita ingin menghapus data klik gambar silang :

Page 7 of 10

Page 8: 1410651097_eka bagus

Pemrograman web

Lalu tampilan akan berubah :

Dan data berhasil di hapus :

Page 8 of 10

Page 9: 1410651097_eka bagus

Pemrograman web

Apa bila kita ingin mengubah data maka klik gambar pensil :

Page 9 of 10

Page 10: 1410651097_eka bagus

Pemrograman web

Jika kita mengklik gambar matakuliah maka tampilan seperti berikut :

Jika kita mengklik gambar krs maka tampilan seperti berikut :

Page 10 of 10