PROPOSAL PRA SKRIPSI

PERANCANGAN WEB RESPONSIVE SEBAGAI MEDIA INFORMASI DAN

E-LEARNING PADA SMK ISLAM ANDALUSIA MUARA BUNGO
MENGGUNAKAN FRAMEWORK BOOTSTRAP
(Study Kasus : SMK Islam Andalusia Muara Bungo)

DISUSUN OLEH :
Muhklisin
135410084

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM

YOGYAKARTA
2017
 LEMBAR PERSETUJUAN

Judul : PERANCANGAN WEB RESPONSIVE SEBAGAI MEDIA INFORMASI

DAN E-LEARNING PADA SMK ISLAM ANDALUSIA MUARA BUNGO
MENGGUNAKAN FRAMEWORK BOOTSTRAP (Study Kasus : SMK islam
Andalusia Muara Bungo)

Nama : Muhklisin

NIM : 135410084

Jurusan : Teknik Informatika

Semester : Delapan (8) Genap

Telah memenuhi syarat dan disetujui untuk diselenggarakan di

Hadapan dosen penguji seminar Pra Skripsi

Yogyakarta, ..2017
Dosen Pembimbing,

Badiyanto S.Kom.,M.Kom
NIP/NPP: 951062
A. Latar Belakang Masalah

SMK Islam Andalusia Muara Bungo adalah sebuah instansi sekolah milik Negara yang

merupakan sekolah teknologi yang berjurusan multimedia di Kota Muara Bungo, bahkan

masuk jajaran SMK terbaik dikabupaten Muara Bungo. Sekolah ini memiliki berbagai fasilitas

yaitu adanya lab komputer, serta di sediakan Wi-Fi gratis untuk koneksi ke internet. Dengan

jumlah siswa yang banyak dari dalam maupun luar kota.

Sejalan dengan perkembangan ilmu dan teknologi terutama teknologi informasi,

pemanfaatan internet dalam bidang pendidikan terus berkembang. Pemanfaatan internet ini

tidak hanya untuk pendidikan jarak jauh, akan tetapi juga dikembangkan dalam sistem

pendidikan konvensional. E-Learning adalah salah satu bentuk pendidikan yang menggabungkan

motivasi, komunikasi, efisiensi dan teknologi. Sering kali proses pembelajaran mengalami

keterbatasan seperti waktu dan jarak, tetapi tidak dengan E-Learning yang bisa di akses dimana

saja dan kapan saja. Sedikitnya waktu belajar yang disediakan serta banyaknya kegiatan

mencatat membuat proses pembelajaran siswa terhambat. Selain itu, medium yang

digunakan oleh sekolah masih kurang maksimal dalam menyebarkan informasi.

Berdasarkan uraian diatas, solusi yang akan ditulis dan diangkat dalam penulisan

proposal pra skripsi ini berjudul PERANCANGAN WEB RESPONSIVE SEBAGAI MEDIA

INFORMASI DAN E-LEARNING DI SMK ISLAM ANDALUSIA MUARA BUNGO

MENGGUNAKAN FRAMEWORK BOOTSTRAP.

B. Rumusan Masalah

Berdasarkan latar belakang dari urain diatas, maka pokok permasalahan adalah

bagaimana merancang dan membangun sebuah aplikasi web responsive sebagai media

informasi dan e-learning di smk islam andalusia muara bungo.

C. Ruang Lingkup

Dalam penulisan proposal ini, penulis memberikan batasan masalah yaitu :

1. Manajemen user/pengguna aplikasi e-learning ini adalah siswa, guru dan tata usaha

(TU) yang telah mendaftar. Dan pendaftaran bisa dilakukan sendiri oleh pengguna

(siswa, guru dan TU) smk islam andalusia muara bungo tersebut pada menu yang

telah disediakan.
2. Manajemen kelas Media ini dibangun untuk menciptakan interaksi antara guru dan

siswa dalam hal ini guru dapat melakukan upload materi dan tugas atau soal-soal

pada siswa sedangkan siswa dapat melakukan download file berupa materi dan

mengerjakan langsung tugas atau soal-soal yang diberikan oleh guru pada web

tersebut.
3. Manajemen pembelajaran media ini adalah Agar terciptanya proses belajar mengajar

yang efektif dan efisien. Yang meliputi : pengujian materi langsung, kuis dan penilain

oleh guru.
4. Tata usaha (TU) dapat memberikan informasi-informasi tentang sekolah sejenis

berita, agenda-agenda dan artikel.

5. Metode yang akan digunakan yaitu linear congruent method (LCM) untuk

pengolahan soal-soal kuis atau tugas.

6. Aplikasi ini akan dibangun dan dirancang berbasis web responsive dengan

menggunakan framework bootstrap.

D. Tujuan Penelitian
 Adapun tujuan yang akan dicapai yaitu Memanfaatkan Teknologi web responsive sebagai

media informasi dan e-learning pada smk islam anadalusia muara bungo dengan menggunakan

framework bootstrap.

E. Tinjauan Pustaka

Beberapa penelitian yang terkait dengan penelitian dapat dilihat pada Tabel 1.

Tabel 1. Penelitian yang digunakan sebagai referensi

Parameter
Bahasa
Obyek Metode Studi Kasus
Penulis Pemrograman

Modular
Object SMK
Oriented Al Amanah,
Nasro Membangun sistem
Dinamic PHP Pamulang,
(2011) E-learning
Learning Tangerang
Enviropment Selatan
(MOODLE)
metode
Perancangan aplikasi perancangan SMK/SMA
Rofiqoh Dewi
E-learning berbasis konteks PHP dharma bakti
(2015)
website diagram, Medan
DFD,
Perancangan dan
Implementasi E- System
Ariyani Kusuma
learning Development SMAN Karang
Dewi PHP
Berbasis Web dengan Life Cycle pandan
(2012)
Standarisasi World (SDLC)
Wide Web Consortium
Rational
Maha Putri and Perancangan sistem
Unifed Smk nurul iman
Suryana informasi E learning PHP
Process palembang
(2013) berbasis web
(RUP)

F. Dasar Teori

a. Bootstrap

Bootstrap adalah platform baru yang dikembangkan tim twitter. Pertama kali muncul

pada ajang hackweek dan kini sudah mulai penyempurnaan. Platform ini hanya menggunakan
sedikit coding css dan javascript namun tetap bisa membuat website yang powerfull mengikuti

perkembangan browser. Website yang menggunakan bootstrap akan menjadi website yang

fleksibel, nyaman dan tentu saja cepat.

Dalam bahasa umum, bootstrap biasanya mengacu pada awal proses mandiri yang

seharusnya untuk melanjutkan tanpa masukan eksternal. Dalam teknologi komputer istilah

(biasanya disingkat menjadi booting) biasanya mengacu pada proses loading software dasar ke

dalam memori komputer setelah power-on atau ulang umum, terutama sistem operasi yang

kemudian akan mengurus memuat perangkat lunak lain yang diperlukan .

Bootstrap awalnya dibangun oleh Mark Otto dan hanya ditujukan untuk

penggunaan internal di Twitter. Kemudian Bootstrap diluncurkan sebagai perangkat lunak

bebas untuk umum. Dalam perkembangan awal Bootstrap, fitur responsif belum ada, kemudian

ditambahkan dalam Versi 2 sebagai respon terhadap meningkatnya permintaan untuk

responsive web design.

b. e-learning

E-Learning adalah semua proses kegiatan belajar, pelatihan, dan tutoring yang

dilakukan memanfaatkan media elektronik maupun teknologi informasi yang ada.

c. Web Responsive

Web Responsive adalah website yang memiliki tampilan yang dapat berubah-ubah

sesuai resolusi layar pengakses website.

G. Analisa Kebutuhan

1. Input
 Kebutuhan input adalah fungsinal system pada smk islam andalusia pengolahan data

berita, pengumuman dan agenda, pengolahan data kelas, murid dan guru, pengolahan

data soal-soal ujian atau kuis serta pengolahan data materi pelajaran online.

2. Proses

Kebutuhan proses terdapat proses pengacakan soal-soal latihan maupun kuis dengan

menggunakan linear congruent method (LCM) dalam pembuatan web responsive sebagai

media informasi dan e-learning pada smk islam Andalusia muara bungo menggunakan

framework bootstrap.

3. Output

Kebutuhan output yang dihasilkan dari web ini yaitu berupa hasil dari pengacakan soal-

soal dan nilai-nilai dari siswa mengerjakan soal-soal kuis atau tugas tersebut serta

informasi-informasi tentang sekolah.

4. Software
Perangkat lunak yang dibutuhkan adalah sebagai berikut :
1. Sistem Operasi Windows 7 Ultimate 32 bit
2. XAMPP
3. Framework Bootstrap
4. Notpad ++
5. Browser Mozila Firefox
5. Hardware
Perangkat keras yang digunakan adalah Laptop dengan spesifikasi sebagai berikut :
1. Processor Intel Pentium Dual-Core
2. Grafis Type Intel 4500M 220 MB
3. RAM 1GB
4. HDD 160 GB

H. PEMODELAN SISTEM

a. Data Flow Diagram (DFD)

Adapun pemodelan yang digunakan pada aplikasi ini yang menggunakan DFD

(data flow diagram). Data flow diagram (DFD) adalah alat pembuatan model yang

memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu jaringan

 proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual

maupun komputerisasi.

Gambar 1. Digram conteks

I. Daftar Pustaka

[1] Mulhim, Imam, Desain Web untuk Destop dan Mobile dengan Responsive Web

Design, Maxikom. Palembang, 2014.

[2] Sutabri, Tata, Konsep Sistem Informasi, Penerbit Andi. Yogyakarta, 2012.
[3] Effendi, Empty dan Zhuang, Hartono, E-Learning Konsep dan Aplikasi, Penerbit

Andi. Yogyakarta, 2005.

[4] Efraim Turban , Pengertian E Learning, Andi Offset, Yogyakarta, 2006.