Institutional Repository | Satya Wacana Christian University: Penerapan Responsive Web Design pada E-learning SMP Negeri 3 Salatiga

Penerapan Responsive Web Design Pada E-learning SMP
Negeri 3 Salatiga
Artikel Ilmiah

Diajukan kepada
Fakultas Teknologi Informasi
Untuk memperoleh Gelar Sarjana Komputer

Peneliti:
Priska Violetta Virginia Wisan (672009259)
Hendry M.Kom.

Program Studi Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
Oktober 2013

1

Penerapan Responsive Web Design Pada E-Learning SMP Negeri

3 Salatiga
1)

Priska Violetta Virginia Wisan, 2)Hendry
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Jl. Diponegoro 52-60, Salatiga 50771, Indonesia
E-mail :1)priska_wisan@yahoo.com,2)hendry@staff.uksw.edu

Abstract
Responsive Web Design is a technology of website which ca n a utoma tica lly a dapt la yout
view of website to user device. There a re 3 specia l components in this technology, such as
flexible grids, flexible images, a nd media queries. This technology is implemented on an
e-lea rning of SMPN3 Sa la tiga , beca use teaching a nd lea rning process a t SMPN 3
Sa la tiga is still less effective and a s much a s 60% of students a nd tea chers then they a re
a ccess a website using smartphone, they fell not comforta ble because the content of
website is too difficult for them to rea d and they should ha ve to zoom in the website to see
a ll of the content. So by applying technology into e-learning of SMPN 3 Sa la tiga teachers
a nd students feel much comfortable to accessing this e-lea rning in ma ny kind of devices.
Keyword: E-Lea rning , Responsive Web Design

Abstrak
Responsive Web Design merupakan suatu teknologi website yang bisa membuat la yout
tampilan sebuah web menjadi otomatis beradaptasi pada perangkat yang digunakan oleh
pengguna. Dalam penggunaaan teknologi ini terdapat 3 teknik khusus yaitu flexible grid,
flexible image , dan media queries. Responsive Web Design ini di implementasikan pada
situs e-lea rning SMPN 3 Salatiga. karena sistem belajar mengajar masih kurang efektif
dan sebanyak 60% siswa dan pengajar dalam mengakses sebuah website masih kurang
nyaman penyebabnya dikarenakan dari tulisan web yang diakses sulit dibaca dan harus
melakukan zoom-in untuk melihat isi konten secara optimal. Dengan menerapkan
teknologi Responsive Web Design pada e-lea rning SMPN 3 Salatiga maka pengajar dan
siswa merasa nyaman dalam mengakses e-learning di berbagai macam perangkat.

Kata Kunci : E-Lea rning , Responsive Web Design
_______________________________
1)
2)

Mahasiswa Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
Staf Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana

2