SEMINAR NASIONAL SNASTIKOM 2012    STRATEGI IMPLEMENTASI MOBILE   -FRONTEND PADA WEBSITE RESMI          KEPEMERINTAHAN UNT...
AbstrakMengacu pada Undang-Undang No. 14 tahun 2008, tentang KeterbukaanInformasi Publik penerapan teknologi informasi sud...
Latar belakang• Undang-Undang No. 14 tahun 2008, tentang  Keterbukaan Informasi Publik penerapan teknologi  informasi suda...
Tujuan PenelitianMenemukan pola desain web untuk perangkat mobileyang paling sesuai dengan kondisi websitekepemerintahaan ...
Rumusan MasalahBagaimana kesiapan website resmi kepemerintahanuntuk mengadaptasi tampilan mobile (Mobile-Frontend)?Layanan...
Batasan MasalahYang termasuk dalam website resmi kepemerintahandalam makalah ini, disesuaikan dengan definisi daripenyedia...
Landasan TeoriInformasi publik adalah informasi yang dihasilkan,disimpan, dikelola, dikirim, dan/atau diterima oleh suatub...
Landasan TeoriMobile frontend adalah tampilan konten dari sebuahsitus web pada sebuah perangkat mobile, yang dapatberupa o...
Landasan TeoriPerangkat mobile adalah semua perangkat elektronikjinjing, dengan ukuran fisik layar tidak lebih besar darik...
Landasan TeoriLegalitas dan landasan hukum yang menjadi acuandalam makalah ini antara lain adalah Undang-undangKeterbukaan...
Metode PenelitianStudi DataMengumpulkan data-data situs resmi kepemerintahan, strukturkepemerintahan, SKPD, pelayanan publ...
Hasil dan PembatasanStrategi Implementasi1.Menetapkan Jenis Kelompok Perangkat   - Low-end Mobile (96x64, 128x160 atau 128...
Hasil dan Pembatasan
Hasil dan PembatasanMendefinisikan Aturan Konten dan Adaptasi Rancangan•Logo kepemerintahan harus dibuat dalam beberapa ve...
Hasil dan PembatasanMenentukan Struktur / Jenis MenuBerdasarkan petunjuk teknis,yang kemudian disesuaikan dengankebutuhan,...
Hasil dan PembatasanPenggunaan Standar Web dan Fleksibilitas Rancanganstandar teknologi yang disarankan untuk digunakan da...
Hasil dan PembatasanMenyatukan Rancangan dan PemasanganMekanisme switching digunakan untuk mendeteksi perangkat mobileyang...
Hasil dan PembatasanPengujianMengakses situs web secara langsung menggunakanbeberapa perangkat mobile yang berbeda jenis.M...
Hasil dan PembatasanPerawatan dan Pengembangan Lanjutan• Menerima masukan dari pengakses situs, apakah adakonten yang tida...
KesimpulanPenerapan mobile frontend semakin mutlak diperlukanuntuk situs web kepemerintahaan, dilihat dari data-datayang a...
Thank You!              L/O/G/O     www.themegallery.com
Upcoming SlideShare
Loading in...5
×

Strategi Implementasi Mobile-Frontend untuk Website Keperintahan

329

Published on

Presentasi

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
329
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Strategi Implementasi Mobile-Frontend untuk Website Keperintahan

  1. 1. SEMINAR NASIONAL SNASTIKOM 2012 STRATEGI IMPLEMENTASI MOBILE -FRONTEND PADA WEBSITE RESMI KEPEMERINTAHAN UNTUK MENDUKUNG KEMUDAHAN AKSES LAYANAN MASYARAKAT PEMAKALAH : A. DONI RIYANTO L/O/G/O YOSHIDA SARY www.themegallery.com
  2. 2. AbstrakMengacu pada Undang-Undang No. 14 tahun 2008, tentang KeterbukaanInformasi Publik penerapan teknologi informasi sudah diwajibkan kepadaBadan Publik untuk membuka akses bagi setiap pemohon informasi untukmendapatkan informasi publik (kecuali beberapa informasi tertentu). Saatini telah banyak instansi pemerintah pusat dan pemerintah daerah otonomyang mengembangkan pelayanan publik melalui jaringan komunikasi daninformasi dalam bentuk situs web. Namun seiring dengan kebutuhanakan kemudahan mendapatkan informasi yang semakin meningkat makasudah selayaknya pemerintah tidak hanya menyajikan informasi dalam Click to add title in herebentuk website yang hanya bisa diakses melalui browser desktop tetapijuga dalam bentuk versi mobile, memandang kini pengguna internetmobile sudah semakin berkembang pesat . Dari latar belakang inilah Click to add title in herepenulis ingin membantu masyarakat umumnya dalam mendapatkaninformasi yang dapat diakses secara online melalui media mobile. Dengandemikian akan sangat membantu pemerintah yang ingin menunjukkanataupun membuat layanan yang baru agar dapat dengan mudah dan Click to add title in herecepat diketahui masyarakat.
  3. 3. Latar belakang• Undang-Undang No. 14 tahun 2008, tentang Keterbukaan Informasi Publik penerapan teknologi informasi sudah diwajibkan kepada Badan Publik untuk membuka akses bagi setiap pemohon informasi untuk mendapatkan dan memberikan kemudahan untuk mendapatkan informasi publik tersebut• Semakin meningkatnya penggunaan perangkat bergerak Click to add title in here seperti handphone atau smartphone.• Dalam beberapa survei justru menunjukkan, jumlah pengguna internet melalui media mobile bahkan hampir sama banyaknya dengan pengguna internet aktif dengan Click to add title in here komputer
  4. 4. Tujuan PenelitianMenemukan pola desain web untuk perangkat mobileyang paling sesuai dengan kondisi websitekepemerintahaan saat ini.Menemukan pola implementasi yang paling sesuai,dengan memperhatikan kemudahan adaptasi, tepatguna dan rendah biaya Click to add title in hereMerumuskan strategi penerapan berdasarkan pola Click to add title in heredesain dan implementasi yang akan ditemukan.Melakukan kajian singkat akan in here Click to add title penggunaan dantanggapanya di masyarakat pemakai layananmasyarakat secara online.
  5. 5. Rumusan MasalahBagaimana kesiapan website resmi kepemerintahanuntuk mengadaptasi tampilan mobile (Mobile-Frontend)?Layanan online kepemerintahan apa saja yang palingsering/perlu diakses oleh masyarakat, terutama melaluiperangkat mobile ? Click to add title in hereBagaimana strategi yang paling tepat untuk Click to add title in heremenerapkan Mobile-Frontend untuk layanan-layanantersebut, sehingga mudah diterapkan dikepemerintahan dan mudah pula diakses oleh Click to add title in heremasyarakat?
  6. 6. Batasan MasalahYang termasuk dalam website resmi kepemerintahandalam makalah ini, disesuaikan dengan definisi daripenyedia layanan dan informasi masyarakat sesuairegulasi yang berlaku.Dari semua website resmi kepemerintahan yang ada,lebih difokuskan pada pemerintah provinsi dan Click to add title in herepemerintah kota/kabupaten.Pengamatan Click to add title acak, dan dilakukan dilakukan secara in herekhusus pada situs web resmi kepemerintahan yangberada di wilayah Sumatera. in here Click to add title
  7. 7. Landasan TeoriInformasi publik adalah informasi yang dihasilkan,disimpan, dikelola, dikirim, dan/atau diterima oleh suatubadan publik yang berkaitan dengan penyelenggaradan penyelenggaraan negara dan/atau penyelenggaradan penyelenggaraan badan publik lainnya yang sesuaidengan undang-Undang ini serta informasi lain yang Click to add title in hereberkaitan dengan kepentingan publik. Click to add title in here Click to add title in here
  8. 8. Landasan TeoriMobile frontend adalah tampilan konten dari sebuahsitus web pada sebuah perangkat mobile, yang dapatberupa output dan/atau input, yang ditampilkan olehaplikasi web browser yang dimiliki oleh masing-masingperangkat sesuai dengan ukuran dan densitaslayarnya. Click to add title in here Click to add title in here Click to add title in here
  9. 9. Landasan TeoriPerangkat mobile adalah semua perangkat elektronikjinjing, dengan ukuran fisik layar tidak lebih besar darikomputer personal dan/atau komputer jinjing (laptop/netbook), baik yang memiliki fasilitas komunikasiterpasang maupun terpisah, yang dapat digunakanuntuk mengakses situs web, menggunakan webbrowser yang tersedia, title in here Click to add Click to add title in here Click to add title in here
  10. 10. Landasan TeoriLegalitas dan landasan hukum yang menjadi acuandalam makalah ini antara lain adalah Undang-undangKeterbukaan Informasi Publik nomor 14 tahun 2008,Undang-undang Pelayanan Publik, Undang-undangInformasi dan Transaksi Elektronik, Instruksi Presiden(inpres) nomor 03 tahun 2003 tentang e-Government, Click to add title in herepetunjuk teknik (juknis) Kominfo tentang PanduanPenyelenggaraan Situs Web Pemerintah Daerah. Click to add title in here Click to add title in here
  11. 11. Metode PenelitianStudi DataMengumpulkan data-data situs resmi kepemerintahan, strukturkepemerintahan, SKPD, pelayanan publik, regulasi yang berlaku dansebagainya.ObservasiMelihat situs-situs resmi kepemerintahan terutama di wilayahSumatera seperti Pemprov NAD, Pemprov Sumut, Pemprov Kepri,Pemprov Riau, dan sebagainya. Mengamati desain, menu, materi,hasil tampilan pada komputer maupun perangkat Mobile.Studi Literatur Click to add title in hereMencari bahan-bahan artikel yang berkaitan dengan mobile dandesain web pada perangkat mobile dari here Click to add title in praktisi-praktisi desain webmobile , buku-buku, peraturan, undang-undang dan regulasi lain yangberkaitan.Wawancara Click to add title in hereWawancara dilakukan secara acak namun tidak dalam jumlah besar,disebabkan karena makalah ini lebih menekankan pada strategiteknis, bukan kepada analisa dari hasil survei.
  12. 12. Hasil dan PembatasanStrategi Implementasi1.Menetapkan Jenis Kelompok Perangkat - Low-end Mobile (96x64, 128x160 atau 128x128 pixel) - Smartphone (320 x 240 atau 480x360)2. Menetapkan Acuan Rancangan a. Logo kepemerintahan b. Kepala (header) situs web c. Foto kepala kepemerintahan d. Prakata, selayang pandang e. Pengumuman/Berita f. Menu-menu lain g. Link ke situs kepemerintahan lain h. Kaki (footer) situs web
  13. 13. Hasil dan Pembatasan
  14. 14. Hasil dan PembatasanMendefinisikan Aturan Konten dan Adaptasi Rancangan•Logo kepemerintahan harus dibuat dalam beberapa versi ukuran dankedalaman warna, agar dapat cukup jelas terlihat ketika diakses dariperangkat mobile dengan resolusi dan kedalaman warna yangberbeda.•Bagian kepala (header) harus dapat melebar/menyesuaikan lebar100% termasuk gambar danadd title in here ada didalamnya. Click to layar belakang yang•Gambar di dalam berita/pengumuman/artikel tidak boleh lebih besardari 200 pixel. Pertimbanganadd pixel adalah berdasarkan Click to 200 title in herekesimpulan dari para praktisi mobile frontend, sehingga bukansebuah standar baku. Click to add title in here•Semua konten tampilan gambar harus dapat dibuat berskala
  15. 15. Hasil dan PembatasanMenentukan Struktur / Jenis MenuBerdasarkan petunjuk teknis,yang kemudian disesuaikan dengankebutuhan, maka struktur menu yang disarankan setidaknya adalah:Pengumuman/berita/artikelRegulasiSelayang pandangPemerintahan daerahGeografi Click to add title in herePeta wilayah dan sumberdayaPeraturan/kebijakan daerahBuku tamu Click to add title in herePencarian/peta situs Click to add title in here
  16. 16. Hasil dan PembatasanPenggunaan Standar Web dan Fleksibilitas Rancanganstandar teknologi yang disarankan untuk digunakan dalammembangun mobile frontend adalah XHTML dan CSS. Beberapa halyang harus diperhatikan antara lain:• Jangan menerapkan ukuran lebar baku (fixed width) dalammendesain mobile frontend.• Maksimalkan konten/isi to add title in here bersifat penuh Click yang desain tampilannya(blocking) atau membentuk area tertentu• Maksimalkan penggunaan add title in here (background) dan Click to fasilitas warna layargambar tersusun (tiled) dari CSS untuk menghindari gambar tampat cacat ketika ditampilkan di perangkat mobile beda resolusi layar. Click to add title in here• Gunakan persen dalam menentukan lebar elemen-elemen situsweb.
  17. 17. Hasil dan PembatasanMenyatukan Rancangan dan PemasanganMekanisme switching digunakan untuk mendeteksi perangkat mobileyang digunakan untuk mengakses situs web, lalu melakukanpengalihan isi situs web.Hal ini bisa dilakukan dengan beberapa cara.• Bekerjasama dengan penyedia layanan switching online. Cara inidilakukan dengan Click to add title in here menentukan penyedia jasa deteksi dan switchingonline untuk perangkat mobile.• mengimplementasikan sendiri kode program untuk pendeteksi, Click to add title in herepengelompokan, dan pengalihan situs web.. Click to add title in here
  18. 18. Hasil dan PembatasanPengujianMengakses situs web secara langsung menggunakanbeberapa perangkat mobile yang berbeda jenis.Menggunakan aplikasi emulasi (emulator). Ada beberapajenis emulator, ada yang berbentuk aplikasi yang harusterlebih dahulu Click to add title in komputer klien, atau dipasang (install) di herepun secara online Click to add title in here Click to add title in here
  19. 19. Hasil dan PembatasanPerawatan dan Pengembangan Lanjutan• Menerima masukan dari pengakses situs, apakah adakonten yang tidak bisa ditampilkan sempurna di perangkatmereka. Click to add title in here• Mengukuti demografi dan kebutuhan pengakses situsweb. Click to add title in here• Mengikuti teknologi terbaru misalnya HTML5.
  20. 20. KesimpulanPenerapan mobile frontend semakin mutlak diperlukanuntuk situs web kepemerintahaan, dilihat dari data-datayang ada.• Penerapan mobile frontend perlu segeradiimplementasikan mengingat implementasinya yang masihsangat rendah, sementara proyeksi kebutuhan masyarakatIndonesia cenderung to add titlecukup tinggi. Click meningkat in here• Strategi yang tepat dapat mengurangi biaya, waktu, danmeningkatkan efisiensi/efektifitas in here Click to add title penerapannya.•Pemerintah juga perlu mengantisipasi untuk penerapapane-Government pada tahapan selanjutnya yaitu pemantapandan pemanfaatan, dengan kondisi masa depan.
  21. 21. Thank You! L/O/G/O www.themegallery.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×