DAFTAR ISI DAFTAR ISI KATA PENGANTAR

i

DAFTAR ISI

DAFTAR ISI ... i KATA PENGANTAR ... ii A. Halaman Utama ... 1 B. Halaman Berita ... 4

C. Halaman Katalog Duta ... 5

D. Halaman Galeri Foto ... 10

E. Halaman Buku Kenangan ... 11

F. Aktifitas Duta Sanitasi ... 12

1. Login ... 12

2. Kegiatan ... 12

3. Karya Ilmiah (Karya Tulis dan Karya Poster) ... 13

4. Profile ... 13

5. Menu Navigasi Data ... 14

6. Upload Karya Ilmiah ... 14

7. Upload Foto ... 15

8. Ubah Profile ... 16

9. Ganti Avatar ... 16

10. Apresiasi dan Komentar ... 17

ii

KATA PENGANTAR

Web Jambore Sanitasi merupakan Web Sosial Media dimana web aplikasi ini dibuat dengan tujuan agar masing-masing duta dapat berinteraksi satu sama lain. Selain itu pada Website ini juga memuat berita berita mengenail Sanitasi yang dipublikasikan pada Portal Cipta Karya (ciptakarya.pu.go.id), dan Twitter mengenai sanitasi dapat dilihat pada Website ini.

Pada Website ini para duta dapat upload kegiatan, Karya Ilmiah dan poster. Selanjutnya para duta dapat berselancar untuk melihat halaman duta lainnya dan memberi komentar kepada duta lainnya mengenai kegiatannya atau foto-foto karya ilmiah yang diuploadnya.

Website ini dibangun dengan semenarik mungkin dan user friendly agar dapat dioperasionalkan oleh para duta maupun pengelola dalam hal ini Direktorat Pengembangan Lingkungan Penyehatan dan Permikiman Ditjen Cipta Karya.

Secara Umum fitur Website Jambore Sanitasi adalah sebagai berikut : Feature :

 Berita otomatis ter-Update mengikuti berita yang ada di Portal/Website Ciptakarya dengan inisial Sanitasi

 Dilengkapi Peta Sebaran para duta sesuai dengan propinsi dimana para duta berada

 Galery foto kegiatan tersusun sesuai dengan tahun kegiatan dan memudahkan user atau admin dalam melakukan upload foto kegiatan, selanjutnya system yang akan mengatur penempatan dan tampilan serta thumbnail secara otomatis (interactive)

 Galery buku kenangan ditampilkan secara otomatis seperti majalah elektronik

 Search Engine

 Halaman para Duta:

o Para Duta memiliki Login masing-masing

o Para Duta dapat saling memberi komentar pada Karya tulis, poster o Para Duta dapat memberi Like This /Suka terhadap karya tulis atau poster o Para Duta dapat dengan mudah meng-Upload karya tulisnya dengan format PDF o Para Duta dapat dengan mudah meng-Upload karya poster dengan format Image

iii

 Web dibangun menggunakan Interactive Web sehingga dapat dibuka dari berbagai device (Laptop, Ipad,Iphone, Android dan Gadget lainnya) dengan secara tampilan akan

menyesuaikan

Untuk dapat mengakses Website Jambore Sanitasi dapat diakses melalui Portal Cipta Karya (http://ciptakarya.pu.go.id) pada kolom Informasi Kegiatan dengan nama Pojok Duta Sanitasi atau jika pengguna ingin aplikasi ini dibuatkan shortcut dapat diisi dengan URL : ciptakarya.pu.go.id/dutasanitasi

1

A.

Halaman Utama

Halaman utama merupakan halaman yang pertamakali tampil ketika pengguna mengakses alamat website Jambore Santiasi

pada URL “

http://ciptakarya.pu.go.id/dutasa nitasi/”. Pada halaman utama ini, pengunjung diperlihatkan beberapa berita, pengenalan mengenai duta sanitasi, tujuan dari duta sanitasi, serta sasaran dari duta sanitasi, twitter dan Peta Sebaran Lokasi para Duta. Berikut adalah tampilan dari halaman utama duta sanitasi.

2 Pada Halaman Utama pengunjung maupun pengguna dari website ini dapat melihat dan mengoperasionalkan beberapa perintah.

1. Pada Pojok atas sebelah kana nada menu pencarian (Search Engine) yang berfungsi untuk mencari berita atau para duta dengan kategori bebas atau dengan mengetik nama Propinsi, Alamat maupun nama para duta.

2. Selanjutnya dibawah kolom pencarian terdapat beberapa tombol perintah sebagai berikut :

Keterangan:

 Home merupakan halaman utama

 Berita merupakan Halaman berita terkait sanitasi yang dipublish pada Portal Cipta Karya

 Katalog Duta merupakan halaman para duta sanitasi dimana pengguna dapat mengisi profil, mengupload foto, karya ilmiah, maupun poster

 Galeri terdiri dari dua sub menu yaitu Galeri Foto dan Buku kenangan

3. Selanjutnya dibawah menu diatas ada beberapa kolom antara lain Tentang apa itu Duta Sanitasi, Kolom Berita terkini dan Hashtag Twitter tentang sanitasi. Berikut gambar dari kolom tersebut :

3 4. Kemudian pada baris paling bawah terdapat Peta sebaran lokasi para duta. Peta sebaran dibuat interaktif yaitu pengunjung atau pengguna dapat melakukan pencarian para duta melalui peta sebaran ini. Informasi utama para duta dapat terlihat pada peta dan dapat secara langsung pindah kehalaman profil para duta dengan menekan symbol yang tertera pada peta :

4

B.

Halaman Berita

Halaman berita merupakan kumpulan berita berita tentang Sanitasi yang otomatis diambil dari website http://ciptakarya.pu.go.id .

5

C.

Halaman Katalog Duta

Halaman ini merupakan halaman dimana para duta dapat mengisi Profilnya, mengupload Foto, Karya Ilmiah dan Hasil Karya Posternya. Selain itu Para Duta dapat berinteraksi dengan berselancar melihat karya para duta lainnya, memberikan komentar serta memberikan apriesiasi dengan memberikan LIKE terhadap hasil karya dari masing masing para duta yang diupload dengan terlebih dahulu login untuk dapat melakukan semua yang disebutkan diatas.

6 Klik pada nama Duta untuk melihat lebih detil dan memberi komentar, seperti terlihat pada gambar dibawah ini :

1. Halaman Profil Duta Sanitasi

Halaman ini menampilkan profile dari duta sanitasi, yang diantaranya biodata dari peserta duta sanitasi, kontak, serta pembimbing dari duta sanitasi.

7 2. Halaman Upload Foto Duta Sanitasi

Selain pengguna dapat mengupload foto-foto mengenai kegiatannya, pengunjung lainnya dapat memberikani komentar terhadap foto yang diupload.

8 3. Halaman Karya Ilmiah

Merupakan halaman yang berisikan hasil-hasil karya ilmiah peserta. Karya ilmiah ini berupa tulisan peserta mengenai saran dalam mengelola sanitasi, maupun bahasan mengenai teknologi sanitasi.

9 4. Halaman Karya Poster

Merupakan halaman yang menampilkan hasil karya berupa gambar poster dari duta sanitasi. Poster-poster yang dibuat merupakan poster yang mengingatkan akan pentingnya sanitasi untuk bumi.

10

D.

Halaman Galeri Foto

Pada Halaman ini pengunjung maupun pengguna dapat melihat album foto kegiatan Jambore Sanitasi setiap tahunnya.

Untuk melihat isi dari Album Galeri Foto, pengunjung dapat mengarahkan kursor pada album yang dituju dan klik album tersebut.

Untuk meihat foto secara penuh klik pada foto yang dituju, maka akan muncul Slide dari Album galeri Foto.

11

E.

Halaman Buku Kenangan

Pada Halaman ini Pengunjung dan pengguna dapat melihat Buku Kenangan dari Kegiatan Tahunan Jambore Sanitasi dengan format E-Megazine yang interaktif.

1. Halaman Album Buku Kenangan

Untuk dapat melihat isi buku kenangan, pengunjung atau pengguna dapat klik mouse pada buku kenangan yang dituju.

12

F.

Aktifitas Duta Sanitasi

Pada bagian ini akan dibahas mengenai aktifitas – aktifias yang dapat dilakukan oleh duta sanitasi melalui portal web duta sanitasi.

1.

Login

Duta sanitasi dapat melakukan login dengan mengakses halaman Katalog Duta di url : http://ciptakarya.pu.go.id/dutasanitasi/duta.php. Pada halaman itu akan tampil form login disamping list daftar duta sanitasi se Indonesia. Masukan username dan password untuk masuk kedalam portal duta sanitasi.

2.

Kegiatan

Tampilan pertama yang akan dilihat oleh para duta sanitasi adalah form kegiatan, dimana fungsinya sama seperti wall pada facebook.

13

3.

Karya Ilmiah (Karya Tulis dan Karya Poster)

Pada bagian ini akan ditampilkan hasil-hasil karya duta sanitasi yang sudah diupload kedalam portal. Karya yang ditampilkan bisa berupa karya tulis dalam bentuk file pdf, maupun karya gambar poster dalam bentuk file JPEG, GIF, ataupun PNG. Yang ditampilkan adalah judul dari karya ilmiah yang diupload oleh duta sanitasi. Tampilan ketika mengklik salah satu judul akan nampak seperti pada halaman 8.

4.

Profile

Bagian profile akan menampilkan detail dari profil duta sanitasi. Selain menampilkan profil bribadi, duta sanitasi dapat melihat detail profile dari duta sanitasi lainnya dengan mengunjungi profile dari duta sanitasi tersebut.

14

5.

Menu Navigasi Data

6.

Upload Karya Ilmiah

Form upload karya ilmiah merupakan form yang dapat digunakan oleh duta sanitasi untuk mengupload hasil karyanya, baik berupa karya tulis maupun poster. Hanya tipe file tertentu yang diizinkan untuk upload pada form ini, diantaranya pdf, jpg, png, dan gif. Duta sanitasi diharap mengconvert tipe file menjadi tipe yang diizinkan oleh sistem pada form ini sebelum diupload.

Menu navigasi data merupakan meun yang akan muncul pada bagian bawah menu kategori setelah duta sanitasi melakukan login. Pada menu ini duta sanitasi dapat mengupload karya, mengupload foto yang akan tampil pada halaman kegiatan, ubah profile duta sanitasi, ganti avatar, serta logout dari portal.

Akan terdapat dua buah form utama, yaitu judul karya, serta browse untuk memilih karya yang akan diupload.

Klik tombol upload untuk mengunggah file karya kedalam portal.

15

7.

Upload Foto

Form upload foto merupakan form yang berfungsi untuk duta sanitasi berkirim foto maupun gambar. Foto atau gambar yang diupload akan tampil pada “wall” atau halaman kegiatan duta sanitasi.

16

8.

Ubah Profile

Menu ubah profile merupakan menu yang akan menampilkan form ubah profile duta sanitasi. Duta sanitasi dapat mengubah profilenya dengan mengisikan pada form yang sudah disediakan, klik tombol submit untuk menyimpan perubahan profile.

9.

Ganti Avatar

Menu ganti avatar merupakan menu yang akan menampilkan form dimana duta sanitasi dapat mengganti avatar atau gambar profile. Pada form pilih file avatar baru, kemudian klik tombol upload untuk mengunggah.

17

10.

Apresiasi dan Komentar

Setiap duta sanitasi dapat berkunjung ke profile duta sanitasi lain, melihat kegiatan yang dilakukan, selain itu duta sanitasi dapat menambah “like” berupa apresiasi pada kegiatan yang dilakukan duta sanitasi lainnya, serta memberikan komentar .

11.

Logout

Menu logout adalah menu yang akan membuat duta sanitasi keluar dari portal, dimana menu upload dan sebagainya tidak akan tampil serta tidak dapat membuat kegiatan.