Post on 27-Sep-2015
description
PEMOGRAMAN WEB
Tugas 4
(TWITTER BOOTSTRAP)
Disusun oleh:
(Apri lina dwi kurnia)
(1410651105)
(E)
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2015
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 2
Twitter Bootstrap
I. Tujuan:
1. Mengenalkan tentang Twitter Bootstrap
2. Memahami penggunaan Twitter Bootstrap sebagai framework CSS
3. Mengetahui cara menerapkan Twitter Bootstrap untuk template website
4. Mengetahui cara membuat desain layout dengan Twitter Bootstrap
II. Dasar Teori
1. DEFINISI TWITTER BOOTSTRAP
Twitter Bootstrap merupakan sebuahframework CSS dari twitter yang menyediakan
berbagai macam komponen antarmuka web untuk digunakan bersama-sama.
Selain komponen antarmuka, bootstrap juga menyediakan layout halaman dengan
mudah dan rapi. Twitter bootstrap ini menerapkan konsep responsive template sehingga
layout dapat menyesuaikan dengan lebar dari media yang mengaksesnya.
III. Tools yang digunakan:
1) Notepad++ / Sublime Text / Aptana Studio / Netbeans / Eclipse / dan lain-lain
2) Web Browser (Mozilla Firefox / Google Chrome / Opera / dan lain-lain)
3) XAMPP (sebagai paket tools untuk menjalankan program berbasis PHP)
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 3
IV. Tugas
SISTEM INFORMASI AKADEMIK
Sistem Informasi Akademik
MAHASISWA
MATA KULIAH
KRS
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 4
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 5
Mahasiswa
Daftar Nama Mahasiswa
NO NIM
NAMA
TEMPAT LAHIR TANGGAL LAHIR
AGAMA
JENIS KELAMIN NO.TELP
ACTION
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 6
Hasil dari data mahasiswa
Insert mahasiswa
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 7
Insert Data Mahasiswa
Form Tambah Mahasiswa
NIM
:
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 8
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 9
Edit mahasiswa
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 10
FORM EDIT DATA MAHASISWA
FORM EDIT DATA MAHASISWA
NIM
:
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 11
?>"/>
:
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 12
Delete mahasiswa
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 13
Delete Data Mahasiswa
Apakah anda yakin ingin menghapus data ini
?
Nama Mahasiswa :
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 14
Matakuliah
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 15
Delete Data Mahasiswa
Apakah anda yakin ingin menghapus data ini
?
Nama Mahasiswa :
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 16
Edit matakuliah
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 17
Delete Data matakuliah
Apakah anda yakin ingin menghapus data ini ?
Nama matakuliah :
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 18
Delete matakuliah
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 19
Delete Data matakuliah
Apakah anda yakin ingin menghapus data ini ?
Nama matakuliah :
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 20
Krs
PRAKTIKUM PEMOGRAMAN WEB
APRI LINA DWI KURNIA | 1410651105 21
MENU KRS
Cari KRS Mahasiswa: