twitter bootstrap

21
PEMOGRAMAN WEB Tugas 4 (TWITTER BOOTSTRAP) Disusun oleh: (Apri lina dwi kurnia) (1410651105) (E) PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH JEMBER 2015

Upload: apri-lina-dwi-kurnia

Post on 27-Sep-2015

248 views

Category:

Documents


2 download

DESCRIPTION

tugas pemograman web

TRANSCRIPT

  • 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

    EMAIL

    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

    ?>"/>

    EMAIL

    :

  • 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: