PENGEMBANGAN APLIKASI e-atlas NASIONAL DOKUMEN USER GUIDE

(1)

PENGEMBANGAN APLIKASI e-ATLAS

NASIONAL

DOKUMEN USER GUIDE

(2)

User Guide e-Atlas Nasional Indonesia - 2017 i

Daftar Isi

Daftar Isi ... i Daftar Gambar ... ii 1. Pendahuluan ... 1

1.1. Struktur Website e-Atlas Nasional Indonesia ... 1

2. Petunjuk Pengunaan ... 2

2.1. Frontend ... 2

2.1.1. Fitur Utama Website ... 2

1. Atlas Multitema ... 2

2. Storymaps ... 14

3. Ebook ... 16

2.2. Backend ... 18

2.2.1. Halaman Utama Administrator ... 18

(3)

User Guide e-Atlas Nasional Indonesia - 2017

ii

Daftar Gambar

Gambar 1.1 Struktur Halaman Website e-Atlas Nasional Indonesia ... 1

Gambar 2.1 Halaman Fontend Website e-Atlas Nasional Indonesia ... 2

Gambar 2.2 Atlas Multitema ... 3

Gambar 2.3 Logo Website E-Atlas Nasional Indonesia ... 3

Gambar 2.4 Atlas Multitema Wilayah NKRI ... 4

Gambar 2.5 Atlas Multitema Geologi ... 4

Gambar 2.6 Atlas Multitema Geomorfologi ... 4

Gambar 2.7 Atlas Multitema Gunung Api ... 5

Gambar 2.8 Atlas Multitema Penutup Lahan ... 5

Gambar 2.9 Atlas Multitema Rawan Bencana ... 5

Gambar 2.10 Atlas Multitema Kawasan Konservasi ... 6

Gambar 2.11 Atlas Multitema Kelautan ... 6

Gambar 2.12 Atlas Multitema Curah Hujan ... 6

Gambar 2.13 Atlas Multitema Batu Bara ... 7

Gambar 2.14 Atlas Multitema Logam ... 7

Gambar 2.15 Atlas Multitema Non Logam ... 7

Gambar 2.16 Atlas Multitema Panas Bumi ... 8

Gambar 2.17 Atlas Multitema Flora dan Fauna ... 8

Gambar 2.18 Atlas Multitema Mangrove ... 8

Gambar 2.19 Atlas Multitema Perikanan Laut ... 9

Gambar 2.20 Atlas Multitema Hidrologi ... 9

Gambar 2.21 Atlas Multitema Penerbangan ... 9

Gambar 2.22 Atlas Multitema Wilayah Sungai ... 10

(4)

iii

Gambar 2.25 Atlas Multitema Zaman Prasejarah ... 10

Gambar 2.26 Atlas Multitema Masa Indonesia Klasik ... 11

Gambar 2.27 Atlas Multitema Masa Kerajaan Islam ... 11

Gambar 2.28 Atlas Multitema Masa ... 11

Gambar 2.29 Atlas Multitema Masa Kolonial Jepang ... 12

Gambar 2.30 Atlas Multitema Masa Revolusi Kemerdekaan ... 12

Gambar 2.31 Atlas Multitema Masa Demokrasi Parlementer ... 12

Gambar 2.32 Atlas Multitema Perkembangan Wilayah Administrasi Negara ... 13

Gambar 2.33 Atlas Multitema Transmigrasi dan Kepadatan Penduduk ... 13

Gambar 2.34 Atlas Multitema Periode Pembangunan ... 13

Gambar 2.35 Atlas Multitema Persebaran Suku Bangsa ... 14

Gambar 2.36 Halaman Storymap ... 14

Gambar 2.37 Halaman Detail Storymap ... 15

Gambar 2.38 Halaman Detail Storymap Lembar Kedua ... 15

Gambar 2.39 Halaman Detail Storymap Lembar Ketiga ... 15

Gambar 2.40 Halaman Ebook ... 16

Gambar 2.41 Halaman Deskripsi Ebook ... 16

Gambar 2.42 Halaman Utama FlipBook ... 17

Gambar 2.43 Halaman Login Administrator ... 18

Gambar 2.44 Halaman Administrator ... 18

Gambar 2.45 Halaman Dashboard ... 19

Gambar 2.46 Halaman Messages ... 20

Gambar 2.47 Halaman Detil Pesan ... 20

Gambar 2.48 Halaman Data Dowloaders ... 20

Gambar 2.49 Halaman Data Flipbook ... 21

(5)

1

1. Pendahuluan

e-Atlas merupakan penyajian sintesis pengetahuan terkait elemen geografis yang ada di suatu wilayah dengan struktur informasi yang berisi kumpulan peta yang dapat dilengkapi dengan grafik, narasi, serta berbagai informasi tematik lainnya, melalui sarana penyajian elektronis/multimedia.

“Penyebarluasan data geospasial (DG) dan informasi geospasial (IG) merupakan kegiatan pemberian akses, pendistribusian, dan pertukaran DG dan IG yang dapat dilakukan dengan menggunakan media elektronik dan media cetak”.

1.1. Struktur Website e-Atlas Nasional Indonesia

Website e-Atlas Nasional Indonesia terdiri dari 2 bagian halaman yang terintegrasi, diantaranya:

1. Halaman User Guest / Frontend (Pengunjung)

2. Halaman User Administrator / Backend (Administrator)

Selanjutnya, akan diberikan panduan kepada user admin dalam mengatur dan mengelola e-Atlas Nasional Indoensia.

Gambar 1.1 Struktur Halaman Website e-Atlas Nasional Indonesia

1. Frontend

Merupakan halaman informasi pengunjung website e-Atlas Nasional Indonesia yang berisi fitur-fitur untuk pengampaian informasi mengenai e-Atlas Nasional Indonesia yang terdiri dari fitur Atlas Multitema, Storymap, Ebook.

2. Backend

Merupakan halaman user administrator website e-Atlas Nasional Indonesia yang berisi fitur-fitur untuk pengaturan dan pengelolaan fitur-fitur informasi pada isi dari halaman user guest website e-Atlas Nasional Indonesia.

(6)

2

2. Petunjuk Penggunaan

2.1 Frontend

Untuk mengakses halaman e-Atlas Nasional Indonesia yaitu dengan membuka url : https://atlas.big.go.id maka akan tampak seperti:

Gambar 2.1 Halaman Fontend Website e-Atlas Nasional Indonesia Pada halaman utama terdiri dari 7 konten yang terdiri dari:

1. Logo Website 2. Main Menu

3. Backgound Slider dan Tagline Website 4. Icon Konten Utama

5. Link Terkait Lainnya 6. Kontak Informasi 7. Sosial Media 2.1.1 Fitur Utama Website

Fitur utama pada website e-Atlas Nasional Indonesia yaitu: 1. Atlas Multitema

Atlas Multitema merupakan atlas yang memiliki banyak tema baik dari sisi layer, legend, background peta, narasi seperti:

(7)

3

Gambar 2.2 Atlas Multitema

Pada Atlas Multitema terdiri dari beberapa 10 konten yang terdiri dari: 1. Logo Website 2. Main Menu 3. Narasi Peta 4. Pencarian 5. Background Peta 6. Peta 7. Reset Zoom 8 Perbesar Peta 9. Perkecil Peta 10. Legenda/Layer 1. Logo Website

Logo adlaah gambar identitas dari Website e-Atlas Nasional Indoneia pada bagian kiri atas layar;

Gambar 2.3 Logo Website E-Atlas Nasional Indonesia

2. Main Menu

2.1 Wilayah NKRI

Pada halaman ini terdapat narasi tentang wilayah NKRI, batas wilayah NKRI seperti:

(8)

4

Gambar 2.4 Atlas Multitema Wilayah NKRI

2.2 Fisik & Lingkungan Alam

Pada menu Fisik & Lingkungan Alam terbagi menjadi 8 bagian yaitu:

2.2.1 Geologi

Gambar 2.5 Atlas Multitema Geologi

2.2.2 Geomorfologi

(9)

5

2.2.3 Gunung Api

Gambar 2.7 Atlas Multitema Gunung Api

2.2.4 Penutup Lahan

Gambar 2.8 Atlas Multitema Penutup Lahan

2.2.5 Rawan Bencana

(10)

6

2.2.6 Kawasan Konservasi

Gambar 2.10 Atlas Multitema Kawasan Konservasi

2.2.7 Kelauatan

Gambar 2.11 Atlas Multitema Kelautan

2.2.8 Curah Hujan

(11)

7

2.3 Potensi & Sumberdaya 2.3.1 Batu Bara

Gambar 2.13 Atlas Multitema Batu Bara

2.3.2 Logam

Gambar 2.14 Atlas Multitema Logam

2.3.3 Non Logam

(12)

8

2.3.4 Panas Bumi

Gambar 2.16 Atlas Multitema Panas Bumi

2.3.5 Flora dan Fauna

Gambar 2.17 Atlas Multitema Flora dan Fauna

2.3.6 Mangrove

(13)

9

2.3.7 Perikanan Laut

Gambar 2.19 Atlas Multitema Perikanan Laut

2.3.8 Hidrogeologi

Gambar 2.20 Atlas Multitema Hidrologi

2.3.9 Penerbangan

(14)

10

2.3.10 Wilayah Sungai

Gambar 2.22 Atlas Multitema Wilayah Sungai

2.3.11 Pariwisata

Gambar 2.23 Atlas Multitema Pariwisata

2.4 Sejarah & Penduduk 2.4.1 Zaman Prasejarah

(15)

11

2.4.2 Masa Indonesia Klasik

Gambar 2.26 Atlas Multitema Masa Indonesia Klasik

2.4.3 Masa Kerajaan Islam

Gambar 2.27 Atlas Multitema Masa Kerajaan Islam

2.4.4 Masa Kolonial Belanda

(16)

12

2.4.5 Masa Kolonial Jepang

Gambar 2.29 Atlas Multitema Masa Kolonial Jepang

2.4.6 Masa Revolusi Kemerdekaan

Gambar 2.30 Atlas Multitema Masa Revolusi Kemerdekaan

2.4.7 Masa Demokrasi Parlementer

(17)

13

2.4.8 Perkembangan Wilayah Administrasi Negara

Gambar 2.32 Atlas Multitema Perkembangan Wilayah Administrasi Negara

2.4.9 Transmigrasi dan Kepadatan Penduduk

Gambar 2.33 Atlas Multitema Transmigrasi dan Kepadatan Penduduk

2.4.10 Periode Pembangunan

(18)

14

2.4.11 Persebaran Suku Bangsa

Gambar 2.35 Atlas Multitema Persebaran Suku Bangsa

2. Storymap

(19)

15

Gambar 2.37 Halaman Detail Storymap

Gambar 2.38 Halaman Detail Storymap Lembar Kedua

(20)

16

3. Ebook

Gambar 2.40 Halaman Ebook

(21)

17

Gambar 2.42 Halaman Utama FlipBook

Pada halaman Utama FlipBook terdapat 16 menu fungsi yang terdiri dari: 1. Logo atau Nama Institusi

2. Share Ebook berfungsi untuk menshare ebook ke media sosial 3. Tombol Print yang berfungsi untuk mencetak halaman

4. Form Pencarian berfungsi untuk mencari kata/kalimat yang terdapat dalam ebook

5. Tombol Print yang berfungsi untuk mencetak halaman

6. Icon Musik/Suara berfungsi untuk mengaktifkan atau menonaktifkan suara pada ebook

7. Fullscreen berfungsi untuk menampilkan ebook dengan ukuran full/satu layar

8. Rewind button berfungsi untuk mengembalikan ke halaman pertama ebook

9. Previous page berfungsi untuk mengembalikan ke satu halaman sebelumnya

10. Icon Download PDF berfungsi untuk mendownload lengkap ebook 11. Icon Go to page berfungsi untuk membuka halaman yang diinginkan 12. Page Number berfungsi untuk mengetahui posisi halaman yang

sedang dibuka dan jumlah halaman keseluruhan

13. Index berfungsi untuk menampilkan ebook dalam bentuk thumnails 14. Next Page berfungsi untuk membuka halaman berikutnya

15. Forward Button berfungsi untuk menuju halaman akhir ebook 16. Lembar flipbook