Top Banner
Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter dan Bootstrap Nama : Ronny Armeilla NPM : 56412688 Fakultas : Teknologi Industri Jurusan : Teknik Informatika
16

Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Jul 15, 2016

Download

Documents

Ronny Armeilla
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Aplikasi InfoKelas Berbasis Web Menggunakan

CodeIgniter dan BootstrapNama : Ronny ArmeillaNPM: 56412688Fakultas : Teknologi IndustriJurusan : Teknik Informatika

Page 2: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

LATAR BELAKANG Pembuatan website ini dibuat untuk memenuhi sebagian tugas

dari praktikum laboratorium teknik informatika, khususnya mata praktikum Pemorgraman WEB.

Website InfoKelas ini memiliki konten yang berisi informasi-informasi materi mata kuliah yang diikuti mahasiswa di dalam kelas. Dikarenakan dibutuhkannya suatu portal informasi dan artikel yang berkaitan dengan materi dan tugas kuliah agar terdokumentasi dengan rapi.

Website ini juga dimaksudkan agar dapat diakses oleh semua orang, khususnya anggota kelas yang membutuhkan informasi materi ataupun tugas. Diharapkan dengan adanya website ini, mampu mengurangi kebingungan akan tugas ataupun materi pada mata kuliah yang berkaitan

Page 3: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

CodeIgniter Pembuatan web infokelas menggunakan

framework PHP yaitu CodeIgniter (CI). CI adalah framework opensource untuk pengembangan aplikasi web dengan model MVC (Model, View, Controller)

MVC membuat programmer lebih sistematis dalam mendesain dan mengembangkan suatu aplikasi web, Sehingga dapat membuat suatu website yang dinamis dan menarik

Page 4: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Bootstrap

Bootstrap adalah sebuah framework CSS yang dibuat oleh Twitter. Bootstrap menyediakan komponen-komponen yang dapat digunakan untuk sebuah website. Programmer dapat menggunakan Boostrap untuk membuat suatu tampilan yang menarik karena kerangka kerja bootstrap sudah menyediakan sarana tampilan yang rapi dan menarik.

Banyak keunggulan yang disajikan oleh Bootstrap, salah satunya adalah sifatnya yang responsif yang mampu menyesuaikan ukuran layar website dengan ukuran layar pengguna, baik itu secara desktop ataupun mobile.

Page 5: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Perancangan Antarmuka

Page 6: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Struktur Navigasi Pengguna

Page 7: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Struktur Navigasi Admin

Page 8: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Tampilan Awal

Page 9: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Tampilan Per Artikel

Page 10: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Tampilan Per Kategori

Page 11: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Tampilan Halaman Login

Page 12: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Tampilan Halaman Admin

Page 13: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Tampilan Halaman Artikel Admin

Page 14: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Tampilan Tambah Artikel Admin

Page 15: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Tampilan Kategori Admin

Page 16: Aplikasi InfoKelas Berbasis Web Menggunakan CodeIgniter Dan Bootstrap

Tampilan Setting Halaman Web