Brainmatics

Responsive Web Design

Idealnya, situs web harus kompatibel dengan berbagai media (Desktop, Tablet, dan Mobile) untuk menanggapi atau beradaptasi dengan ukuran viewport yang berbeda, lebih kecil atau lebih besat tanpa mengatur domain atau subdomain khusus untuk pengguna yang menggunakan perangkat ponsel ketika mengakses situs web. Tampilan harus disesuaikan dengan media device dan resolusi yang digunakan oleh pengguna. Kemudahan dan kenyamanan dalam mengakses informasi harus diperhatikan oleh pengembang web. Tidak perlu repot dan mengeluarkan biaya besar untuk membangun situs web dinamis yang kompatibel dengan berbagai macam media dan resolusi.

Training ini bertujuan agar peserta dapat mengetahui proses pembuatan web responsif dari awal hingga akhir, termasuk pembuatan halaman administrator. Sehingga, setelah mengikuti training ini peserta dapat menjadi seorang web developer dalam mengembangkan website berbasis desktop, tablet, dan mobile.

 

OBJECTIVES

  1. Menguasai konsep Responsive Web Design (RWD)
  2. Memahami CSS Framework
  3. Menguasai Structure Query Language (SQL) pada database MySQL
  4. Mampu membuat web sederhana yang dinamis
  5. Mampu membuat aplikasi sederhana berbasis web
  6. Mampu membuat website dinamis dengan teknologi RWD

 

TARGET AUDIENCE

  1. Programmer
  2. Web Designer

 

SKILL REQUIREMENTS

  1. Mampu Mengoperasikan Komputer
  2. Mengetahui sintaks dasar HTML dan CSS

 

CONTENT

  1. Perbedaan Fixed, Liquid, Adaptive, dan Responsive Web
  2. CSS Framework
  3. Web Design Wireframe for Mockup
  4. Desain Responsif untuk Merombak Alur Kerja
  5. Praktikum Membuat Web Responsif
  6. Merancang Template dengan Sistem Grid
  7. Praktek Sederhana dalam Format HTML5
  8. CSS3 Media Query
  9. Best Practices: Dynamic Web with PHP & MySQL
  10. Halaman Dashboard
  11. Membuat Modul

 

INSTRUCTOR


Slamet Riyanto
. Peneliti bidang Sistem Informasi di Pusat Dokumentasi dan Informasi Ilmiah – LIPI (http://www.pdii.lipi.go.d). Kompetensi: Graphic Designer, Web Developer, Programmer. Aktif menulis di Elexmedia Komputindo dan Datakom Lintas Buana. Instruktur lepas di beberapa instansi pemerintah maupun swasta. Mengerjakan berbagai riset seputar aplikasi sistem informasi yang dapat diunduh melalui website I Know Research Group (http://www.iknow-reseach.org). Menyediakan artikel dan tutorial gratis seputar Desain Grafis, Animasi, CMS, Pemrograman, dll di blog http://slametriyanto.net