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
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 can automatically adapt layout
view of website to user device. There are 3 special components in this technology, such as
flexible grids, flexible images, and media queries. This technology is implemented on an
e-learning of SMPN3 Salatiga, because teaching and learning process at SMPN 3
Salatiga is still less effective and as much as 60% of students and teachers then they are
access a website using smartphone, they fell not comfortable because the content of
website is too difficult for them to read and they should have to zoom in the website to see
all of the content. So by applying technology into e-learning of SMPN 3 Salatiga teachers
and students feel much comfortable to accessing this e-learning in many kind of devices.
Keyword: E-Learning, Responsive Web Design
Abstrak
Responsive Web Design merupakan suatu teknologi website yang bisa membuat layout
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-learning 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-learning SMPN 3 Salatiga maka pengajar dan
siswa merasa nyaman dalam mengakses e-learning di berbagai macam perangkat.
Kata Kunci : E-Learning, Responsive Web Design
_______________________________
1)
2)
Mahasiswa Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
Staf Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
2
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 can automatically adapt layout
view of website to user device. There are 3 special components in this technology, such as
flexible grids, flexible images, and media queries. This technology is implemented on an
e-learning of SMPN3 Salatiga, because teaching and learning process at SMPN 3
Salatiga is still less effective and as much as 60% of students and teachers then they are
access a website using smartphone, they fell not comfortable because the content of
website is too difficult for them to read and they should have to zoom in the website to see
all of the content. So by applying technology into e-learning of SMPN 3 Salatiga teachers
and students feel much comfortable to accessing this e-learning in many kind of devices.
Keyword: E-Learning, Responsive Web Design
Abstrak
Responsive Web Design merupakan suatu teknologi website yang bisa membuat layout
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-learning 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-learning SMPN 3 Salatiga maka pengajar dan
siswa merasa nyaman dalam mengakses e-learning di berbagai macam perangkat.
Kata Kunci : E-Learning, Responsive Web Design
_______________________________
1)
2)
Mahasiswa Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
Staf Pengajar Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
2