Fajri Abdillah

Profil Pendidikan Kota Batam

Dinas Pendidikan Batam City want to use dapodik data that they have for daily use, like give information about educational data at Batam City.

Educational Data is from dapodik, which is a national project at Ministry of Education Indonesia.

Challenge

  • Make great responsive chart

    For this project, I use NVD3JS and twitter Bootstrap

  • Caching and cold data

    Well, this is only on my personal portfolio, because I only have 512Mb ram. So every data is cached using redis. And the data does not increase, so it's really fit to cache.

Year

2013

Stack

  1. Twitter Bootstrap 3
  2. NVD3JS
  3. NGINX + PHP-FPM
  4. Jquery DataTable
  5. Centos 6.5
  6. MariaDB
  7. Redis 2.8

Screenshoot

Info Page
 nfz_kotabatam_1.png

Info Page
 nfz_kotabatam_2.png

Demo

Profil Pendidikan Kota Batam

Lesson learned

Frontend Coding is fun too, especially when do responsive features and charts. And d3 js charts is really cool, responsive chart.