• Tidak ada hasil yang ditemukan

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

N/A
N/A
Protected

Academic year: 2017

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

Copied!
6
0
0

Teks penuh

(1)

1

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

(2)
(3)
(4)
(5)
(6)

2

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)[email protected],2)[email protected]

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)

Mahasiswa Fakultas Teknologi Informasi Unive rsitas Kristen Satya Wacana

2)

Referensi

Dokumen terkait

Information for academic assessment of students in a school is a very important thing for students, parents and teachers in order to see the development of

Teknologi komputer yang telah maju dapat dimanfaatkan dalam berbagai bidang, salah satunya dalam pengelolaan data keuangan, yaitu dengan adanya sistem informasi keuangan

Berkembangnya teknologi dan informasi didunia saat ini telah memunculkan berbagai macam terobosan di hampir semua bidang. Salah satunya adalah berkembangnya

Responsive Web Design adalah salah satu istilah tentang konsep tampilan web yang akan menyesuaikan dengan besarnya viewport (luasan area pada browser untuk menampilkan

Forum Mobil Indonesia (FORMI) yang dibangun telah diintegrasikan dengan google maps dan memiliki tampilan antarmuka berbasis Responsive Web Design yang

Dengan menerapkan teknologi Web Design Responsive pada sistem informasi perkuliahan, maka sistem informasi perkuliahan ini akan langsung beradaptasi dengan ukuran layar device

menggunakan framework codeigniter maka permasalahan perkembangan perangkat dan variasi layar terpecahkan oleh teknologi web responsive design selain itu juga mempermudah

ini, seorang programmer Web dapat dengan mudah membuat tampilan Website nya.Dreamweaver CS5 merupakan editor yang komplit dan dapat digunakan untuk membuat animasi