BAB 3 ANALISIS DAN PERANCANGAN. dibutuhkan untuk membangun sebuah aplikasi kios informasi.

(1)

38

ANALISIS DAN PERANCANGAN

3.1 Analisis Aplikasi

Analisis aplikasi dilakukan dengan tujuan untuk mengetahui apa saja yang dibutuhkan untuk membangun sebuah aplikasi kios informasi.

3.1.1 Analisis Aplikasi Sejenis

Perbandingan aplikasi sejenis dilakukan dengan tujuan untuk menganalisa berbagai aspek yang dibutuhkan dalam pembuatan kios informasi “Split the Waste”. Aplikasi yang dipilih adalah aplikasi yang mempunyai tema dan kegunaan yang sama, yaitu untuk memberikan informasi dan membangkitkan kesadaran masyarakat terhadap isu sosial yang ada di sekitarnya.Perbandingan dilakukan kepada Kios Informasi GenBar, Kios Informasi Pos, dan Plan’s UK Interactive Advertising.

a. Platform

- Kios Informasi GenBeNar

Kios informasi GenBeNar merupakan kios informasi berbasis website yang diedarkan oleh Badan Narkotika Nasional dan Telkomsel. Kios informasi ini berguna untuk memberikan informasi tentang narkoba, seperti jenis- jenis narkoba, apa efek samping dari narkoba, dan juga cara pencegahan.

(2)

Gambar 3.1 Kios Informasi GenBeNar - Kios Informasi Pos

Kios informasi pos merupakan kios informasi yang juga berbasis website yang dimiliki oleh Pos Indonesia yang berlokasi di Bogor. Kios informasi ini menyediakan informasi tentang layanan dan benda – benda pos hingga sejarah kantor pos Bogor.

(3)

- Plan UK’s Interactive Advertising

Kios informasi ini berbasis software yang dikembangkan oleh Clear Channel UK dan 3D Exposure yang berkerja sama dengan Plan UK, sebuah perusahaan non-profit untuk anak, yang mengkampanyekan tentang pendidikan remaja putri di negara miskin.

Gambar 3.3 Plan UK’s Interactive Advertising

b. Fitur

Fitur – fitur yang terdapat pada kios informasi ini adalah jenis – jenis narkoba, efek samping narkoba, pencegahan, penanggulangan dan rehabilitasi, serta terdapat kuis berhadiah. Selain itu, terdapat kontak untuk konsultasi seputar narkotika dan obat – obatan terlarang. Kios informasi ini sangat bergantung kepada koneksi internet, sehingga apabila tidak ada koneksi internet, kios informasi ini akan menjadi sia – sia.

(4)

- Kiosk Informasi Pos

Kiosk Informasi Pos ini mempunya beberapa fitur, diantaranya untuk mencari kode pos berdasarkan alamat yang kita inginkan, keterangan tentang layanan benda – benda pos, sampai kepada sejarah kantor pos Bogor itu sendiri.

Fitur yang disediakan oleh Plan UK’s memang hanya sedikit, yaitu hanya mendeteksi jenis kelamin seseorang lalu memberikan informasi sesuai dengan jenis kelamin yang dideteksi. Walaupun fitur yang disediakan hanya sedikit, tetapi kios informasi ini cukup menarik banyak perhatian masyarakat karena memberikan informasi yang tepat sasaran dan cara penyampaiannya yang cukup menarik sehingga informasi yang diberikan dapat dengan cepat diterima.

c. Tampilan

Tampilan pada Kios Informasi GenBeNar terkesan monoton dan kurang variatif karena hanya terdapat background putih saja.Selain itu, pilihan fitur yang selalu kembali ke website membuat tampilan menjadi itu – itu saja.

- Kios Informasi Pos

Tampilan pada Kios Informasi Pos sangat sederhana, hanya tersedia box untuk menulis alamat agar pengguna dapat mengetahui kode pos dari alamat tersebut, dan menampilkan layanan dari kantor pos.

(5)

Perancangan tampilan pada Plan UK’s Interactive Advertising sangat menarik.Walaupun tampilan terkesan sederhana, tetapi tampilan konten yang disajikan tidak monoton.Terdapat berbagai animasi dan video yang menambahkan atraktifitas dari kios informasi ini.

d. Game

Setelah melakukan analisa dan perbandingan dari ketiga aplikasi kios informasi sejenis, hanya kios informasi GenBeNar saja yang mempunyai fitur game yang dapat diakses oleh pengguna. Fitur game yang ditawarkan adalah kuis berhadiah. Pengguna harus menjawab beberapa pertanyaan dalam tenggat waktu yang diberikan, dan apabila dapat menjawab semua pertanyaan dengan benar dan tepat waktu maka pengguna akan mendapatkan hadiah.

Beda halnya dengan Kios Informasi GenBeNar, Kiosk Informasi Pos dan Plan UK’s Interactive Advertising tidak mempunyai fitur game yang dapat diakses oleh pengguna.

Tabel 3.1 Tabel Perbandingan Aplikasi Sejenis

Platform Fitur Tampilan Games

Kios Informasi GenBeNar

Website Variatif Kurang

Menarik Ada

Kios Informasi

Pos

Website Variatif Kurang

(6)

Plan UK’s Interactive Advertising Software yang dikembangkan oleh Clear Channel UK dan 3D Exposure

Kurang Variatif Menarik Tidak Ada

3.2 Analisis Kebutuhan dan Solusi

Unutuk mendapatkan informasi yang diinginkan, dilakukan survey dengan cara membagikan kuisioner kepada responden. Responden tidak terbatas pada suatu kelompok atau kalangan saja, tetapi masyarakat pada umumnya.

Penyebaran informasi tentang pemisahan sampah sudah cukup baik, karena mayoritas dari responden sudah mengetahui tentang perbedaan sampah organik dan sampah anorganik dan juga pemisahannya. Namun, terlepas dari hal itu, responden juga merasa masih perlu adanya kios informasi tentang pemisahan sampah, karena tingkat kesadaran responden untuk memisahkan sampah sebelum dibuang masih terbilang rendah.

3.2.1 Analisis Kuisioner

Kuisioner yang disebarkan sebagai salah satu metode pengumpulan data untuk dianalisis ini disebarkan kepada masyarakat umum, tidak terbatas pada suatu kelompok atau kalangan yang spesifik.

Penyebaran kuisioner dilakukan secara online. Penyebaran kuisioner dilakukan pada tanggal 3 – 5 November 2012.Responden dari kuisioner adalah masyarakat umum yang berjumlah 136 orang.

(7)

Hasil dari kuisioner yang didapat akan dianalisis dan digunakan untuk merancang kios informasi pemisahan sampah yang tepat dibutuhkan. Adapun pertanyaan yang diajukan di dalam kuisioner dan data yang diperoleh dari hasil kuisioner adalah sebagai berikut:

a. Tabel Pertanyaan dan Tujuan dari Pertanyaan Kuisioner

Tabel 3.2 Pertanyaan dan Tujuan dari Pertanyaan Kuisioner

No. Pertanyaan Tujuan Pertanyaan

1. Apakah Anda gagap terhadap teknologi?

Untuk mengetahui apakah responden mampu menggunakan aplikasi yang akan dibuat.

2. Apakah Anda memiliki perangkat komputer?

Untuk mengetahui seberapa dekat responden dengan perangkat komputer.

3. Apakah Anda dapat menggunakan internet?

Untuk mengetahui berapa banyak responden yang dapat menggunakan internet, karena nantinya kios informasi ini akan berbasis website.

4. Apakah Anda tahu apa itu kios informasi?

Untuk mengetahui apakah responden sudah mengerti cara penggunaan kios informasi dan kegunaan dari kios informasi.

5. Pernahkan Anda mengakses kios informasi sebelumnya?

Untuk mengetahui berapa banyak responden yang telah mengetahui cara penggunaan kios informasi.

6.

Apakah Anda tahu perbedaan dari sampah organik dan sampah anorganik?

Untuk mengukur tingkat pengetahuan responden tentang sampah.

7. Apa Anda tahu manfaat dari pemisahan sampah?

Untuk mengukur tingkat pengetahuan responden tentang sampah.

(8)

8.

Apa Anda tahu dampak negatif dari tidak dilakukannya pemisahan sampah?

Untuk mengetahui apakah responden mengerti manfaat dan pentingnya pemisahan sampah.

9.

Sebelum dibuang, apakah sampah Anda dipisahkan terlebih dahulu?

Untuk mengetahui apakah responden mengerti manfaat dan pentingnya pemisahan sampah.

10.

Seberapa sering Anda memisahkan sampah sebelum dibuang?

Untuk mengetahui tingkat kebiasaan rata – rata responden.

11.

Seberapa sering Anda menjumpai tempat sampah organik dan anorganik yang terpisah di tempat umum?

Untuk melihat tingkat kesadaran pihak – pihak terkait (pemerintah, pengelola tempat, dsb) dalam memfasilitasi pemisahan sampah.

12.

Menurut Anda perlukah kios informasi tentang pemisahan sampah?

Untuk mengetahui tingkat antusiasme responden terhadap aplikasi yang akan dibuat.

13.

Informasi/ fitur seperti apakah yang Anda diharapkan ada di dalam kios informasi?

Untuk mengetahui fitur apa yang sebaiknya ada dalam kios informasi yang akan dibuat.

14.

Melalui media apakah anda dapat menyerap informasi dari kios informasi dengan mudah?

Untuk mengetahui elemen multimedia apa yang akan lebih ditonjolkan untuk membantu penyerapan informasi.

15.

Jika tersedia kios informasi tentang pemisahan sampah, apakah anda akan menggunakannya?

Untuk mengukur tingkat antusiasme responden terhadap aplikasi yang akan dibuat.

16.

Menurut anda dimana kios informasi tersebut perlu diletakkan?

Untuk mengetahui tempat – tempat strategis untuk peletakan kios informasi agar informasi yang diberikan dapat diserap dengan optimal dan tepat sasaran.

(9)

b. Hasil Kuisioner

1) Apakah Anda gagap terhadap teknologi?

Gambar 3.4 Hasil Kuisioner 1

Tabel 3.3 Hasil Kuisioner 1

Gagap Teknologi Jumlah Responden Presentase Ya 12 9% Tidak 124 91% Jumlah 136 100%

Dari hasil data diatas dapat disimpulkan bahwa sebagian besar responden tidak gagap terhadap teknologi, yang artinya sebagian responden dapat memanfaatkan dan dapat mengoperasikan perangkat – perangkat teknologi.

(10)

2) Apakah Anda memiliki perangkat komputer?

Memiliki perangkat komputer Jumlah Responden Presentase Ya 128 94% Tidak 8 6% Jumlah 136 100%

Dari hasil kuisioner diatas dapat disimpulkan bahwa sebagian besar dari responden memiliki perangkat komputer. Hal ini bertujuan untuk mengetahui seberapa banyak responden yang telah terbiasa dengan komputer.

3) Apakah Anda dapat menggunakan internet?

(11)

Tabel 3.5 Hasil Kuisioner 3 Dapat mengoperasikan komputer Jumlah Responden Presentase Ya 133 98% Tidak 3 2% Jumlah 136 100%

Dari hasil data diatas dapat disimpulkan bahwa mayoritas dari responden dapat mengoperasikan komputer, yang artinya sebagian responden dapat mengoperasikan kios informasi yang nantinya akan dibuat.

4) Apakah Anda tahu apa itu kios informasi?

(12)

Tahu atau tidak apa itu kios informasi

Jumlah

Responden Presentase

Ya 83 61%

Tidak 53 39%

Jumlah 136 100%

Sebagian besar responden telah mengetahui apa itu kios informasi, yang artinya sebagian besar responden telah mengetahui cara kerja dan cara mengoperasikan kios informasi. Tetapi, terlepas dari hal tersebut, perancangan kios informasi haruslah tetap praktis dan user friendly agar informasi yang disajikan nantinya dapat diterima oleh masyarakat, karena ternyata masih ada yang tidak mengetahui apa itu kios informasi.

5) Pernahkah Anda mengakses kios informasi sebelumnya?

(13)

Tabel 3.7 Hasil Kuisioner 5 Pernah kios informasi Jumlah Responden Presentase Ya 79 58% Tidak 57 42% Jumlah 136 100%

Jumlah responden yang sudah pernah dan yang belum pernah mengakses kios informasi ternyata menunjukkan angka perbedaan yang tidak terlalu signifikan.Dari data tersebut dapat disimpulkan bahwa kios informasi yang akan dibuat haruslah dirancang dalam bentuk yang mudah dimengerti, praktis, dan

user friendly agar informasi yang disajikan dapat dengan cepat diterima.

6) Apakah Anda tahu perbedaan dari sampah organik dan sampah anorganik?

(14)

Tabel 3.8 Hasil Kuisioner 6 Tahu perbedaan sampah organik dan anorganik Jumlah Responden Presentase Ya 130 96% Tidak 6 4% Jumlah 136 100%

Dari data diatas dapat disimpulkan bahwa sebagian besar responden telah mengetahui perbedaan dari sampah organik dan sampah anorganik.Hal ini menunjukkan bahwa pengetahuan masyarakat tentang sampah organik dan sampah anorganik sudah cukup baik. Oleh karena itu, kios informasi yang akan dirancang nantinya haruslah menyediakan informasi yang lebih detail agar masyarakat nantinya dapat menerima informasi yang belum diketahui sebelumnya.

7) Apakah Anda tahu manfaat dari pemisahan sampah?

(15)

Tabel 3.9 Hasil Kuisioner 7 Tahu manfaat dari pemisahan sampah Jumlah Responden Presentase Ya 112 82% Tidak 24 12% Jumlah 136 100%

Sebagian responden telah mengetahui manfaat dari pemisahan sampah organik dan sampah anorganik. Dari hasil tersebut dapat disimpulkan bahwa penyajian informasi tentang manfaat pemisahan sampah organik dan sampah anorganik nantinya harus lebih detail dan menarik lagi agar masyarakat tetap mau mengakses kios informasi yang nantinya akan dibuat.

8) Apakah Anda tahu dampak negatif dari tidak dilakukannya pemisahan sampah?

(16)

Tabel 3.10 Hasil Kuisioner 8 Tahu dampak negatif Jumlah Responden Presentase Ya 96 71% Tidak 40 29% Jumlah 136 100%

Dari hasil data tersebut dapat terlihat bahwa pengetahuan responden tentang dampak negatif dari tidak dilakukannya pemisahan sampah sudah cukup baik. Oleh karena itu, penyajian informasi harus lebih banyak dan menarik agar nantinya kios informasi ini dapat diminati oleh masyarakat.

9) Sebelum dibuang, apakah sampah Anda dipisahkan terlebih dahulu?

(17)

Tabel 3.11 Hasil Kuisioner 9 Memisahkan sampah terlebih dahulu Jumlah Responden Presentase Ya 87 36% Tidak 49 64% Jumlah 136 100%

Dari hasil data diatas dapat disimpulkan bahwa kesadaran responden untuk memisahkan sampah sebelum dibuang masih rendah, padahal menurut data pertanyaan sebelumnya, responden telah mengetahui manfaat dari pemisahan sampah organik dan anorganik dan juga dampak negatif dari tidak dilakukannya pemisahan sampah.Oleh karena itu, informasi yang disajikan harus dibuat sedemikian rupa sehingga nantinya tingkat kesadaran pengguna dapat meningkat setelah mengakses kios informasi tersebut.

10) Seberapa sering Anda memisahkan sampah Anda?

(18)

Tabel 3.12 Hasil Kuisioner 10 Seberapa sering memisahkan sampah Jumlah Responden Persentase Selalu 9 7% Sering 22 16% Kadang – kadang 79 58% Tidak Pernah 29 19% Jumlah 136 100%

Sebagian besar responden hanya kadang – kadang memisahkan sampah.Bahkan persentase responden yang tidak pernah memisahkan sampah sebelum dibuang masih lebih besar dibandingkan dengan persentase responden yang selalu membuang sampah yang belum dibuang.

11) Seberapa sering Anda menjumpai tempat sampah organik dan anorganik terpisah di tempat umum?

(19)

Tabel 3.13 Hasil Kuisioner 11 Seberapa sering melihat tempat sampah terpisah Jumlah Responden Persentase Selalu 5 4% Sering 35 26% Jarang 91 67% Tidak Pernah 5 4% Jumlah 136 100%

Dari data diatas dapat disimpulkan bahwa responden masih jarang menemukan tempat sampah terpisah untuk membuang sampah organik dan sampah anorganik, yang berarti masih kurangnya perhatian dari pemerintah dan pihak – pihak terkait untuk memfasilitasi kebiasaan baik masyarakat untuk memisahkan sampah.

12) Menurut Anda perlukah kios informasi pemisahan sampah?

(20)

Tabel 3.14 Hasil Kuisioner 12 Perlu Kios Informasi Sampah Jumlah Responden Persentase Sangat perlu 68 50% Perlu 48 35% Agak Perlu 15 11% Tidak Perlu 5 5% Jumlah 136 100%

Dari data diatas dapat disimpulkan bahwa sebagian responden merasa perlu tersedianya kios informasi pemisahan sampah organik dan anorganik. Dapat disimpulkan bahwa kios informasi yang akan dibuat nantinya akan mendapatkan antusiasme yang baik dari responden.

13) Informasi / fitur seperti apakah yang diharapkan ada di dalam kios informasi?

(21)

Tabel 3.15 Hasil Kuisioner 13 Seberapa sering melihat tempat sampah terpisah Jumlah Responden Persentase Perbedaan sampah organik dan sampah anorganik 95 70%

Akibat dari tidak dilakukannya pemisahansampah 95 70% Manfaat dari pemisahan sampah 97 71% Cara pemisahan sampah 81 60% Mini Games 47 35% Lain - lain 6 4% Jumlah Responden 136 100%

Dari data diatas dapat dilihat informasi atau fitur apa saja yang diharpakan ada didalam kios informasi. Sebagian besar mengharapkan adanya informasi tentang perbedan sampah organik dan sampah anorganik, akibat dari tidak dilakukannya pemisahan sampah, manfat dari dilakukannya pemisahan sampah, dan juga cara pemisahan sampah. Selain itu, 35% dari responden juga mengharapkan adanya mini games, dan beberapa responden mengharapkan ada informasi lain seperti informasi tentang kesehatan yang berhubungan dengan pemisahan sampah.

(22)

14) Melalui media apakah Anda akan menyerap informasi lebih cepat?

Pilihan Jawaban Jumlah Responden Persentase

Gambar / animasi 125 92%

Suara 63 46%

Teks 56 41%

Jumlah 136 100%

Pada data diatas dapat disimpulkan bahwa sebagian besar responden lebih mudah menyerap informasi melalui media gambar atau animasi, sedangkan beberapa responden lainnya menyerap informasi lebih cepat melalui media suara dan teks.

15) Jika terdapat kios informasi tentang pemisahan sampah, apakah Anda akan menggunakannya?

(23)

Tabel 3.17 Hasil Kuisioner 15 Tahu dampak negatif Jumlah Responden Presentase Ya 117 86% Tidak 19 14% Jumlah 136 100%

Data diatas menyatakan bahwa responden akan menggunakan kios informasi tentang pemisahan sampah jika disediakan. Ini berarti responden cukup antusias dengan kios informasi yang akan dibuat.

16) Menurut Anda dimana kios informasi tersebut perlu diletakkan?

Pilihan Jawaban Jumlah

Responden Persentase

Mall / Pusat

perbelanjaan 103 76% Taman Kota 102 75%

(24)

Sekolah / Kampus /

Institusi Pendidikan 108 79% Lain - lain 108 79%

Jumlah 136 100%

Dari data diatas dapat disimpulkan tempat- tempat dimana kios informasi perlu diletakkan. Sebagian besar responden mengharapkan kios informasi ini diletakkan di mallatau pusat perbelanjaan, taman kota, dan juga institusi pendidikan. Beberapa responden juga mengharapkan kios informasi diletakkan di seluruh tempat, seperti semua tempat umum dan juga di penjuru kota maupun desa.

3.2.2 Analisis Kebutuhan

Kuisioner yang disebarkan, bertujuan untuk mengetahui kebutuhan responden akan kios informasi yang akan dibuat. Dari hasil kuisioner yang di dapat, dapat disimpulkan bahwa kebutuhan responden adalah sebagai berikut:

- Sebagian besar responden mengakui bahwa mereka mengerti tentang perbedaan sampah, manfaat pemisahan sampah dan juga akibat dari tidak dilakukannya pemisahan sampah, namun masih banyak responden yang tidak merealisasikannya dalam kehidupan mereka sehari-hari. Oleh karena itu, kios informasi ini diharapkan dapat meningkatkan kesadaran masyarakat akan pentingnya dilakukan pemisahan sampah tersebut.

(25)

- Menurut hasil kuisioner yang disebarkan, sebanyak 85% dari responden menyatakan bahwa mereka perlu disediakannya kios informasi tentang pemisahan sampah organik dan sampah anorganik. - Responden dapat lebih cepat menerima informasi melalui media

gambar dan animasi, namun tidak menutup kemungkinan untuk menerima informasi dari media lain seperti teks dan suara.

- Informasi yang perlu disediakan menurut kebutuhan responden antara lain: perbedaan tentang sampah organik dan sampah anorganik, manfaat pemisahan sampah, akibat dari tidak dilakukannya pemisahan sampah, cara pemisahan sampah organik dan sampah anorganik serta mini games.

3.2.3 Analisis Solusi Kebutuhan

Dari analisis kebutuhan tersebut, akan didapatkan beberapa solusi yang nantinya dapat diimplementasikan ke dalam aplikasi, yaitu:

- Media penyampaian informasi yang akan lebih banyak menggunakan gambar dan juga animasi dan akan dibantu dengan media suara dan teks.

- Informasi yang disediakan adalah perbedaan sampah organik dan sampah anorganik, manfaat dari pemisahan sampah, akibat dari tidak dilakukannya pemisahan sampah, cara pemisahan sampah organik dan sampah anorganik, serta mini games.

(26)

- Platform yang akan digunakan adalah website, karena sebagian besar responden tidak gagap terhadap teknologi dan dapat mengoperasikan komputer.

3.3 Perancangan

Perancangan aplikasi dibutuhkan sebagai tahapan awal dalam membuat aplikasi dengan tujuan untuk membuat gambaran tentang bagaimana aplikasi tersebut nantinya.

3.3.1 Deskripsi Aplikasi

Kios informasi “Split the Waste” merupakan aplikasi kios informasi berbasis HTML5 yang dirancang untuk meningkatkan tingkat kesadaran masyarakat akan pentingnya pemisahan sampah organik dan sampah anorganik. Aplikasi ini mempunyai dua buah view, yaitu admin dan guest.Kios informasi berbasis website ini bersifat dinamis, yang artinya isi dari aplikasi tersebut dapat di update sesuai dengan kebutuhan, tetapi fitur update tersebut hanya dapat diakses oleh admin.Guest hanya dapat menggunakan fitur – fitur yang telah disediakan tanpa mempunyai kemampuan untuk merubah isi dari aplikasi tersebut. Terdapat lima buah menu utama dari aplikasi ini, yaitu: perbedaan sampah organik dan sampah anorganik, manfaat dari pemisahan sampah, akibat dari tidak dilakukannya pemisahan sampah, cara pemisahan sampah organik dan sampah anorganik, serta mini games. Mini games yang akan ditampilkan adalah mini game dengan konsep conveyor belt yang mempunyai

(27)

genrestrategi. Di setiap menu, kecuali menu mini games,terdapat

informasi seputar sampah sesuai dengan kategori masing – masing.

3.3.2 Komponen Aplikasi Kios Informasi

Aplikasi kios informasi “Split the Waste” ini mempunyai beberapa komponen pendukung dalam menyampaikan informasi seputar pemisahan sampah organik dan sampah anorganik. Beberapa komponen tersebut, antara lain:

a. Aplikasi Client – Side

Aplikasi kios informasi ini merupakan sebuah program multimedia interaktif yang akan dipakai oleh masyarakat umum nantinya dengan tujuan untuk meningkatkan kesadaran masyarakat akan pentingnya dilakukannya pemisahan sampah organik dan sampah anorganik. Aplikasi ini menggunakan prinsip – prinsip multimedia dan menggunakan elemen – elemen multimedia, terutama animasi, serta beberapa elemen penunjang lainnya agar dapat menyampaikan informasi yang interaktif, informatif, serta akurat.

b. Aplikasi Admin – Side

Aplikasi admin – side digunakan oleh administrator untuk update, data yang diperlukan dari aplikasi client – side.

c. Database

Database digunakan untuk menampung semua data yang digunakan dalam aplikasi kios informasi tersebut. Data yang ditampung antara lain: cara pemisahan sampah, manfaat dari pemisahan sampah, dsb.

(28)

3.3.3 Perancangan Aplikasi

a. User

- Deskripsi Umum • Konsep Dasar

Aplikasi kios informasi “Split the Waste” memiliki konsep berupa media informasi yang interaktif yang diharapkan dapat meningkatkan kesadaran masyarakat akan pentingnya melakukan pemisahan sampah organik dan sampah anorganik sebelum dibuang ke tempat sampah. • Tema

Tema yang digunakan oleh aplikasi kios informasi “Split the Waste” adalah sebuah lingkungan tempat tinggal, untuk memvisualisasikan berbagai macam keadaan yang berbeda.

• Objektif

Aplikasi kios informasi “Split the Waste” memiliki objektif untuk memberikan informasi tentang pemisahan sampah organik dan sampah anorganik, serta untuk meningkatkan kesadaran masyarakat akan pentingnya pemisahan sampah.

- Komponen • Karakter

1. Tong sampah Nama : Rubby Tinggi : 50 cm

(29)

Rubby merupakan tong sampah yang dapat berbicara.Rubby prihatin terhadap keadaan sekitarnya yang kotor dan kumuh karena banyaknya sampah yang bertebaran. Karena itulah, Rubby ingin membagikan pengetahuannya kepada masyarakat luas tentang pemisahan sampah, mulai dari manfaat, akibat, cara pemisahan, dsb. Rubby akan menemani pengguna selama menggunakan aplikasi kios informasi ini.

2. Anak kecil

Nama : Benny

Usia : 7 tahun Tinggi : 130 cm Berat : 32 kg Jenis Kelamin : Laki - laki

Benny adalah seorang anak perempuan yang periang.Benny gemar sekali bermain di lingkungan rumahnya.Suatu saat, Benny jatuh sakit karena lingkungannya yang kotor.Namun, setelah dibersihkan dan dilakukan pemisahan sampah, lingkungannya menjadi bersih dan Benny pun jarang terserang penyakit.

3. Stickman

Nama : Stickky

Stickky merupakan karakter figuran yang membantu memvisualisasikan keadaan yang coba digambarkan di dalam aplikasi kios informasi ini. Stickky merepresentasikan warga yang

(30)

tidak bertanggung jawab terhadap lingkungan sekitar dengan cara gemar membuang sampah sembarangan.

4. Sapi

Nama : Cowwy

Cowwy adalah hewan ternak milik Benny.Cowwy merupakan tokoh figuran yang membantu menjelaskan tentang manfaat dari pemisahan sampah.

• Tempat

Salah satu lingkungan tempat tinggal di sudut kota di Jakarta yang kotor dan kumuh, namun nantinya akan menjadi lingkungan yang bersih dan sehat.

- Skenario

Saat pertama kali pengguna menggunakan aplikasi kios informasi ini, pengguna akan disambut oleh Rubby, tong sampah yang dapat berbicara. Selain itu, juga terdapat beberapa gumpalan kertas yang merepresentasikan menu – menu yang terdapat pada aplikasi kios informasi ini. Apabila kursor didekatkan ke salah satu menu, akan ada animasi gumpalan kertas yang terbuka.

Jika salah satu menu dipilih, akan ada animasi Rubby yang menelan gumpalan kertas tersebut. Kemudian Rubby akan mulai memberikan informasi tentang topik yang dipilih berupa slide show yang berisi teks, suara, dan animasi. Di setiap slide, akanada tombol “Back”,

“Next”,“Replay” dan “Home”. Tombol “Back” digunakan untuk kembali

(31)

tampilan selanjutnya, tombol “Replay” digunakan untuk mengulang animasi yang sedang dibuka, dan tombol “Home” digunakan untuk kembali ke menu utama.

Intro

Chapter : Intro Sub Chapter : -

Deskripsi : Pada chapter ini, pengguna dapat melihat animasi berupa Rubby yang bergerak – gerak serta akan ada background lingkungan yang bersih, dan ada lambang “Recycle” untuk masuk ke dalam menu utama.

Menu : Recycle

Object : Gumpalan kertas yang merepresentasikan masing – masing menu.

Karakter : Tong Sampah (Rubby).

Tabel 3.19 Aksi Reaksi Intro

Aksi Reaksi

Kursor menyentuh menu Recycle Lambang recycle akan bergoyang – goyang.

Memilih menu Recycle Masuk ke halaman Menu Utama.

Menu Utama

Chapter : Menu Utama Sub Chapter : Intro

(32)

Deskripsi : Pada chapter ini, pengguna dapat melihat beberapa menu yang dapat dipilih.

Menu : Perbedaan Sampah Organik dan Sampah Anorganik, Akibat dari Tidak Dilakukannya Pemisahan Sampah, Manfaat dari Dilakukannya Pemisahan Sampah Organik dan Sampah Anorganik, Cara Pemisahan Sampah Organik dan Sampah Anorganik, Mini Games.

Object : Gumpalan kertas yang merepresentasikan masing – masing menu.

Tabel 3.20 Aksi Reaksi Menu Utama

Aksi Reaksi

Kursor menyentuh menu Perbedaan Sampah Organik dan Sampah Anorganik

Gambar gumpalan kertas akan bergoyang, lalu akan adatulisan “Perbedaan Sampah Organik dan Sampah Anorganik”.

Memilih menu Perbedaan Sampah Organik dan Sampah Anorganik

Masuk ke halaman Perbedaan Sampah Organik dan Sampah Anorganik (Bagian 1).

Kursor menyentuh menu Manfaat dari Pemisahan Sampah Organik dan Sampah Anorganik

Gambar gumpalan kertas akan bergoyang, lalu akan adatulisan “Manfaat dari Pemisahan Sampah Organik dan Sampah Anorganik”.

Memilih menu Manfaat dari Dilakukannya Pemisahan Sampah Organik dan Sampah Anorganik

Masuk ke halaman Manfaat dari Dilakukannya Pemisahan Sampah Organik dan Sampah Anorganik (Bagian 1).

(33)

Kursor menyentuh menu Akibat dari Tidak Dilakukannya Pemisahan Sampah

Gambar gumpalan kertas akan bergoyang, lalu akan adatulisan “Akibat dari Tidak Dilakukannya Pemisahan Sampah”.

Memilih menu Akibat dari Tidak Dilakukannya Pemisahan Sampah

Masuk ke halaman Akibat dari Tidak Dilakukannya Pemisahan Sampah (Bagian 1).

Kursor menyentuh menu Cara Pemisahan Sampah Organik dan Sampah Anorganik

Gambar gumpalan kertas akan bergoyang, lalu akan adatulisan “Cara Pemisahan Sampah Organik dan Sampah Anorganik”.

Memilih menu Manfaat dari Pemisahan Sampah Organik dan Sampah Anorganik

Masuk ke halaman Cara Pemisahan Sampah Organik dan Sampah Anorganik (Bagian 1).

Kursor menyentuh menu Mini Games

Gambar gumpalan kertas akan bergoyang, lalu akan adatulisan “Mini Game: Memilah Sampah”.

Memilih menu Mini Games Masuk ke halaman Mini Games.

Perbedaan Sampah Organik dan Sampah Anorganik (Bagian 1)

Chapter : Perbedaan Sampah Organik dan Sampah Anorganik (Bagian 1)

Sub Chapter : Menu Utama

Deskripsi : Pada halaman ini, Rubby akan menjelaskan tentang pengertian dasar dari sampah organik. Akan ada teks dan suara yang berkesinambungan. Selain itu akan ada animasi Rubby berbicara.

Narasi : -

(34)

Object : Sisa – sisa makanan, daun kering, kulit pisang, dan buah apel yang sudah digigit.

Karakter :Tong Sampah (Rubby).

Tabel 3.21 Aksi Reaksi Perbedaan Sampah Organik dan Sampah Anorganik (Bagian 1)

Aksi Reaksi

Kursor menyentuh menu Next -

Memilih menu Next Pindah ke halaman animasi selanjutnya

Kursor menyentuh menu Replay -

Memilih menu Replay Animasi pada halaman tersebut akan diulang

Kursor menyentuh menu Home -

Memilih menu Home Pindah ke halaman Menu Utama

Sub Chapter : Perbedaan Sampah Organik dan Sampah Anorganik (Bagian 1)

Deskripsi : Pada halaman ini, Rubby akan menjelaskan tentang pengertian dasar dari sampah organik. Akan ada teks dan suara yang berkesinambungan. Selain itu akan ada animasi Rubby berbicara.

Menu : Back, Next, Replay, Home.

(35)

Aksi Reaksi

Kursor menyentuh menu Back -

Memilih menu Back Pindah ke halaman animasi sebelumnya

Kursor menyentuh menu Next -

Memilih menu Next Pindah ke halaman animasi selanjutnya

Kursor menyentuh menu Replay -

Memilih menu Replay Animasi pada halaman tersebut akan diulang

Kursor menyentuh menu Home -

Memilih menu Home Pindah ke halaman Menu Utama

Sub Chapter : Perbedaan Sampah Organik dan Sampah Anorganik (Bagian 2)

Deskripsi : Pada halaman ini, akan dijelaskan contoh perbedaan sampah organik dan sampah anorganik dengan cara menampilkan hasil dari olahan masing – masing jenis sampah tersebut secara bersampingan. Akan ada animasi sampah organik yang diolah menjadi pupuk kompos yang jatuh dari atas ke tanah dan membuat pohon yang kecil

(36)

tumbuh menjadi besar karena tanah yang subur. Lalu disampingnya, sampah anorganik diolah menjadi berbagai macam barang komersil, seperti tas dan kerajinan tangan lainnya.

-

Menu : Back, Replay, Home.

Object : Sisa – sisa makanan, kulit pisang, daun kering, pupuk kompos, pohon kecil, pohon besar, sedotan, bungkus deterjen, tas, gantungan kunci.

Aksi Reaksi

Akibat dari Tidak Dilakukannya Pemisahan Sampah (Bagian 1)

Chapter : Akibat dari Tidak Dilakukannya Pemisahan Sampah (Bagian 1)

(37)

Deskripsi : Akan ditampilkan tempat penampungan sampah yang kotor dan penuh, bahkan banyak sampah yang tersebar di sekitar tempat sampah tersebut. Akan ada pula animasi lalat yang berterbangan di sekitar tempat penampungan sampah besar tersebut.

Menu : Next, Replay, Home.

Object : Tempat penampungan sampah, lalat, sampah – sampah yang bertebaran.

Tabel 3.24 Aksi Reaksi Akibat dari Tidak Dilakukannya Pemisahan Sampah (Bagian 1)

Aksi Reaksi

Sub Chapter : Akibat dari Tidak Dilakukannya Pemisahan Sampah (Bagian 1)

(38)

Deskripsi : Akan terlihat Benny yang terbaring lemah di tempat tidur sambil memakai selang infus. Wajah Rubby juga menjadi sedih.

Menu : Back, Next, Replay, Home. Object : Tempat tidur, selang infus.

Karakter : Tong Sampah (Rubby) dan Anak Kecil (Benny).

Aksi Reaksi

Sub Chapter : Akibat dari Tidak Dilakukannya Pemisahan Sampah (Bagian 2)

(39)

Deskripsi : Animasi Stickky yang membuang sampah ke sungai setiap 2 detik sekali selama 12 detik dan menyebabkan sampah menumpuk. Lalu ketika musim hujan tiba, sampah menghalangi aliran sungai dan membuat lingkungan menjadi banjir.Akan ada animasi Rubby yang hanyut terbawa arus banjir.

Object : Sungai, tumpukan sampah, awan, air hujan. Karakter : Tong Sampah (Rubby) dan Stick Man (Stickky).

Aksi Reaksi

Manfaat dari Dilakukannya Pemisahan Sampah (Bagian 1)

Chapter : Manfaat dari Dilakukannya Pemisahan Sampah (Bagian 1)

(40)

Deskripsi :Pada halaman ini, akan ada animasi Benny memberi makan Cowwy dari hasil pengolahan sampah organik. Selain itu akan ada animasi pepohonan yang dari kecil menjadi kesar karena subur setelah diberi pupuk, yang juga merupakan hasil olahan dari sampah organik.

Narasi : “Jika kamu memisahkan sampah, akan lebih mudah untuk mengolah dan menjadikan sampah organik menjadi pupuk dan makanan ternak.”

Menu :Next, Replay, Home.

Object : Pupuk, makanan ternak, pohon kecil, pohon besar. Karakter : Tong Sampah (Rubby), Anak Kecil (Benny), Hewan

Ternak (Cowwy).

Tabel 3.27 Aksi Reaksi Manfaat dari Dilakukannya Pemisahan Sampah (Bagian 1)

Aksi Reaksi

(41)

Sub Chapter : Manfaat dari Dilakukannya Pemisahan Sampah (Bagian 1)

Deskripsi : Pada halaman ini, sampah anorganik akan didaur ulang menjadi barang- barang komersil seperti tas, gantungan kunci, dsb.

Menu : Back, Next, Replay, Home.

Object : Bungkus deterjen, kaleng, tas, gantungan kunci. Karakter : Tong Sampah (Rubby).

Aksi Reaksi

(42)

Deskripsi : Pada halaman ini, tempat sampah besar yang kotor dan penuh akan berubah menjadi tempat sampah yang telah terpisah, yaitu: tempat sampah organik dan anorganik, dan lingkungan akan menjadi lebih rapih dan teratur. Menu : Back, Next, Replay, Home.

Object : Tempat sampah besar yang kotor dan penuh, tempat sampah organik dan anorganik yang rapi dan teratur. Karakter : Tong Sampah (Rubby).

Aksi Reaksi

(43)

Deskripsi : Pada halaman ini, Benny yang terbaring lemah karena sakit akan menjadi sembuh dan akan berlari-larian dengan gembira.

Menu : Back, Replay, Home. Object : Infus, tempat tidur.

Karakter : Tong Sampah (Rubby), Anak Kecil (Benny).

Aksi Reaksi

(44)

Cara Pemisahan Sampah Organik dan Sampah Anorganik (Bagian 1)

Chapter : Cara Pemisahan Sampah Organik dan Sampah Anorganik (Bagian 1)

Sub Chapter : Menu Utama

Deskripsi : Di beberapa tempat umum, sudah disediakan tempat sampah organik dan tempat sampah anorganik. Akan ada animasi Stickky yang ingin membuang sampah, lalu ada

bubble chat yang memperbesar sampah yang akan dibuat.

Lalu Stickky akan membuang sampah pada tempat sampah yang disediakan sesuai dengan jenis sampahnya. Menu : Next, Replay, Home.

Object : Tempat sampah anorganik, tempat sampah organik, kulit pisang, kaleng bekas minuman.

Karakter : Tong Sampah (Rubby) dan Stick Man (Stickky).

Tabel 3.31 Aksi Reaksi Cara Pemisahan Sampah Organik dan Sampah Anorganik (Bagian 1)

Aksi Reaksi

(45)

Cara Pemisahan Sampah Organik dan Sampah Anorganik (Bagian 2)

Chapter : Cara Pemisahan Sampah Organik dan Sampah Anorganik (Bagian 2)

Sub Chapter : Cara Pemisahan Sampah Organik dan Sampah Anorganik (Bagian 1)

Deskripsi : Berlatar belakang keadaan dapur rumah. Lalu ada animasi dua buah kantong muncul, setelah itu ada label yang ditempel di masing – masing tempat sampah tersebut.Kemudian, ada Stickky yang datang dengan gerobak sampah sambil tersenyum karena mengetahui bahwa sampahnya sudah dipisahkan.

Object : Kantong plastik, label nama, gerobak sampah. Karakter : Tong Sampah (Rubby).

Tabel 3.32 Aksi Reaksi Cara Pemisahan Sampah Organik dan Sampah Anorganik (Bagian 2)

Aksi Reaksi

(46)

Mini Games

Chapter : Mini Games Sub Chapter : Menu Utama

Deskripsi : Pada tampilan ini, akan ada dua buah menu, yaitu: “Start” dan “Home”.Mini games ini menampilkan

conveyor belt game yang meminta pengguna untuk

memasukkan sampah sesuai dengan jenisnya.

Narasi : -

Menu : Start, Home.

Object : -

Karakter : -

Tabel 3.33 Aksi Reaksi Mini Games

Aksi Reaksi

Kursor menyentuh menu Start -

Memilih menu Start Pindah ke halaman Start Kursor menyentuh menu Home -

Start

Chapter : Start

Sub Chapter : Mini Games

Deskripsi : Game ini meminta pengguna untuk memasukkan sampah sesuai dengan jenisnya.

(47)

Menu : Restart, Exit.

Object : -

Karakter : -

Tabel 3.34 Aksi Reaksi Start

Aksi Reaksi

Kursor menyentuh menu Restart -

Memilih menu Restart Game akan diulang dari awal Kursor menyentuh menu Home -

Done

Chapter : Done Sub Chapter : Start

Deskripsi : Setelah menyelesaikan game, pengguna dapat melihat skor yang didapat pada halaman ini.

Narasi : -

Menu : Start, Home.

Object : -

Karakter : -

Tabel 3.35 Aksi Reaksi Exit

Aksi Reaksi

Kursor menyentuh menu Start -

Memilih menu Start Pindah ke halaman Start Kursor menyentuh menu Home -

(48)

b. Admin

Index Admin

Chapter : Index Admin Sub Chapter : -

Deskripsi : -

Menu : Split the Waste, Submit.

Narasi : -

Object : -

Karakter : -

Tabel 3.36 Aksi Reaksi Index Admin

Aksi Reaksi

Adminmelakukan log in untuk dapat mengakses halaman admin

Verifikasi username dan password.

Apabila username dan password yang dimasukkan benar, maka admin akan masuk ke halaman Home Admin. Tetapi apabila Admin salah

memasukkan username maka akan muncul warning “Username yang Anda masukkan salah”, dan apabila salah memasukkan password maka akan ada warning “Password yang Anda masukkan salah”.

Kursor menyentuh menu Split the

Waste -

(49)

Home Admin

Chapter : Home Admin Sub Chapter : Index Admin Deskripsi : -

Narasi : -

Menu : Perbedaan Sampah Organik dan Sampah Anorganik, Akibat dari Tidak Dilakukannya Pemisahan Sampah, Manfaat dari Pemisahan Sampah Organik dan Sampah Anorganik, Cara Pemisahan Sampah Organik dan Sampah Anorganik, Split the Waste, Log Out.

Narasi : -

Object : -

Karakter : -

Tabel 3.37 Aksi Reaksi Home Admin

Aksi Reaksi

Admin akan memilih menu mana yang isinya akan di update.

Pindah ke menu yang dipilih oleh Admin

Memilih menu Log Out Pindah ke halaman Index Admin Memilih menu Split the Waste Pindah ke halaman Intro

Perbedaan Sampah Organik dan Sampah Anorganik (Admin)

Chapter : Perbedaan Sampah Organik dan Sampah Anorganik (Admin)

(50)

Deskripsi : -

Narasi : -

Menu : Manfaat dari Pemisahan Sampah Organik dan Sampah Anorganik, Akibat dari Tidak Dilakukannya Pemisahan Sampah, Cara Pemisahan Sampah Organik dan Sampah Anorganik, Subpage 1 - 1, Subpage 1 - 2, Subpage 1 - 3, Split the Waste, Home, Log Out.

Object : -

Karakter : -

Tabel 3.38 Aksi Reaksi Perbedaan Sampah Organik dan Sampah Anorganik (Admin)

Aksi Reaksi

Admin memilih subpage 1 - 1 Pindah ke halaman Subpage 1 - 1 Admin memilih subpage 1 - 2 Pindah ke halaman Subpage 1 – 2 Admin memilih subpage 1 - 3 Pindah ke halaman Subpage 1 – 3

Subpage 1 - 1

Chapter : Subpage 1 - 1

Sub Chapter : Perbedaan Sampah Organik dan Sampah Anorganik (Admin)

Deskripsi : -

Narasi : -

Menu : Split the Waste, Home, Logout, Submit.

(51)

Karakter : -

Tabel 3.39Subpage 1 - 1

Aksi Reaksi

Admin memasukkan data yang ingin di update

Database akan berubah setelah Admin selesai mengubah data Perbedaan dan muncul tulisan “Data berhasil di update.”

Apabila tidak terjadi perubahan pada database, akan muncul tulisan “Data masih sama. Data tidak di update.”

Subpage 1 - 2

Deskripsi : -

Narasi : -

Object : -

(52)

Aksi Reaksi

Subpage 1 - 3

Deskripsi : -

Narasi : -

Object : -

Karakter : -

Aksi Reaksi

(53)

Akibat dari Tidak Dilakukannya Pemisahan Sampah (Admin)

Chapter : Akibat dari Tidak Dilakukannya Pemisahan Sampah (Admin)

Sub Chapter : Menu Utama Deskripsi : -

Narasi : -

Menu : Perbedaan Sampah Organik dan Sampah Anorganik, Manfaat dari Pemisahan Sampah Organik dan Sampah Anorganik, Cara Pemisahan Sampah Organik dan Sampah Anorganik, Subpage 2 - 1, Subpage 2 - 2, Subpage 2 – 3, Split the Waste, Home, Log Out.

Object : -

Karakter : -

Tabel 3.42 Aksi Reaksi Akibat dari Tidak Dilakukannya Pemisahan Sampah (Admin)

Aksi Reaksi

Admin memilih subpage 2 - 1 Pindah ke halaman Subpage 2 - 1 Admin memilih subpage 2 - 2 Pindah ke halaman Subpage 2 – 2 Admin memilih subpage 2 - 3 Pindah ke halaman Subpage 2 – 3

Subpage 2 - 1

Sub Chapter : Akibat dari Tidak Dilakukannya Pemisahan Sampah (Admin)

(54)

Deskripsi : -

Narasi : -

Object : -

Karakter : -

Tabel 3.43 Subpage 2 - 1

Aksi Reaksi

Database akan berubah setelah Admin selesai mengubah data Akibat dan muncul tulisan “Data berhasil di update.”

Subpage 2 - 2

Deskripsi : -

Narasi : -

Object : -

(55)

Aksi Reaksi

Subpage 2 - 3

Deskripsi : -

Narasi : -

Object : -

Karakter : -

Aksi Reaksi

(56)

Manfaat dari Dilakukannya Pemisahan Sampah (Admin)

Chapter : Manfaat dari Dilakukannya Pemisahan Sampah (Admin)

Narasi : -

Menu : Perbedaan Sampah Organik dan Sampah Anorganik, Akibat dari Tidak Dilakukannya Pemisahan Sampah, Cara Pemisahan Sampah Organik dan Sampah Anorganik, Subpage 3 - 1, Subpage 3 - 2, Subpage 3 – 3, Subpage 3 – 4, Split the Waste, Home, Log Out.

Object : -

Karakter : -

Tabel 3.46 Aksi Reaksi Manfaat dari Dilakukannya Pemisahan Sampah (Admin)

Aksi Reaksi

Admin memilih subpage 3 - 1 Pindah ke halaman Subpage 3 - 1 Admin memilih subpage 3 - 2 Pindah ke halaman Subpage 3 – 2 Admin memilih subpage 3 - 3 Pindah ke halaman Subpage 3 – 3 Admin memilih subpage 3 - 4 Pindah ke halaman Subpage 3 – 4

(57)

Subpage 3 - 1

Sub Chapter : Manfaat dari Dilakukannya Pemisahan Sampah (Admin)

Deskripsi : -

Narasi : -

Object : -

Karakter : -

Aksi Reaksi

Database akan berubah setelah Admin selesai mengubah data Manfaat dan muncul tulisan “Data berhasil di update.”

Subpage 3 - 2

Deskripsi : -

(58)

Object : -

Karakter : -

Aksi Reaksi

Subpage 3 - 3

Deskripsi : -

Narasi : -

Object : -

(59)

Aksi Reaksi

Subpage 3 - 4

Deskripsi : -

Narasi : -

Object : -

Karakter : -

Aksi Reaksi

(60)

Cara Pemisahan Sampah Organik dan Sampah Anorganik (Admin)

Chapter : Cara Pemisahan Sampah Organik dan Sampah Anorganik (Admin)

Narasi : -

Menu : Manfaat dari Pemisahan Sampah Organik dan Sampah Anorganik, Perbedaan Sampah Organik dan Sampah Anorganik, Akibat dari Tidak Dilakukannya Pemisahan Sampah, Subpage 3 - 1, Subpage 3 - 2, Split the Waste, Home, Log Out.

Object : -

Karakter : -

Tabel 3.51 Aksi Reaksi Cara Pemisahan Sampah Organik dan Sampah Anorganik (Admin)

Aksi Reaksi

Admin memilih subpage 4 - 1 Pindah ke halaman Subpage 4 - 1 Admin memilih subpage 4 - 2 Pindah ke halaman Subpage 4 – 2

Subpage 4 - 1

Sub Chapter : Cara Pemisahan Sampah Organik dan Sampah Anorganik (Admin)

(61)

Narasi : -

Object : -

Karakter : -

Aksi Reaksi

Database akan berubah setelah Admin selesai mengubah data Cara dan muncul tulisan “Data berhasil di update.”

Subpage 4 - 2

Sub Chapter : Cara Pemisahan Sampah Organik dan Sampah Anorganik (Admin)

Deskripsi : -

Narasi : -

Object : -

(62)

Aksi Reaksi

Database akan berubah setelah Admin selesai mengubah data Cara dan muncul tulisan “Data berhasil di update.”

3.3.4 Perancangan Database

1. MsWebMasterAdmin

Tabel webmaster digunakan untuk menyimpan data admin. Di dalamnya terdapat 5 field yaitu AdminCode, Username, Password, Lastmodified.AdminCode berfungsi sebagai pengenal/ID admin. Username sebagai penampung nama dari admin untuk proses login. Password sebagai kata sandi yang dimiliki oleh setiap admin.Lastmodified sebagai penampung tanggal dan waktu dilakukannya pengeditan oleh admin.

Tabel 3.54 Tabel MsWebMasterAdmin

Nama Field Tipe Data Panjang Keterangan

AdminCode integer 11 Primary Key, ID webmaster Username varchar 20 Username admin

Password varchar 20 Password admin

PageCode Integer 11 Id page

Lastmodified Timestamp

Tanggal dan waktu melakukan pengeditan terakhir

(63)

2. MsPage

Tabel page digunakan untuk menyimpan nama judul dalam menu. Terdapat 3 field dalam table ini. PageCode berfungsi sebagai ID untuk setiap nama judul dalam menu yang ada. Judul berfungsi menyimpan nama menu yang ada. Lastmodified sebagai penampung tanggal dan waktu dilakukannya pengeditan oleh admin.

Tabel 3.55Tabel MsPage

PageCode Integer 11 Primary key, ID page SubpageCode Integer 11 ID Subpage

Judul Text Judul Page

3. MsSubpage

Tabel subpage digunakan untuk menyimpan nama sub judul dalam menu. Terdapat 2 field dalam tabel ini. SubpageCode berfunsgi sebagai ID untuk setiap sub judul yang ada. SubpageCode disini merupakan foreign key yang berasal dari tabel page. Subpage Description berfungsi untuk mendeskripsikan nama sub judul yang ada.

Tabel 3.56 Tabel MsSubPage

SubpageCode Integer 11 Primary key, ID Subpage SubpageDescription Text Judul Subpage

(64)

4. Content

Tabel content digunakan untuk menyimpan berita terbaru dari sampah organik dan non organik. Terdapat 4 field dalam table ini. ContentPage berfungsi sebagai ID untuk setiap content yang ada. PageCode disini merupakan foreign key yang berasal dari tabel page.AdminCode berfungsi sebagai pengenal/ID admin.IsiContent berfungsi menyimpan berita.Lastmodified sebagai penampung tanggal dan waktu dilakukannya pengeditan oleh admin.

Tabel 3.57 Tabel Content

ContentPage Int 11 Primary key, ID content PageCode Int 11 Foreign key ID page AdminCode Int 11 ID subpage

IsiContent Text Isi berita

Lastmodified Timestamp Tanggal melakukan pengeditan terakhir

5. Entity Relationship Diagram

(65)

3.3.5 Perancangan Layar

a. Perancangan Layar User

Multimedia Storyboard

Project: Kios Informasi Split the Waste Date: 24 Desember 2012

Screen: 1 of 17 Screen ID: 1

Split the Waste

Screen Description: User akan melihat animasi Rubby yang bergerak – gerak. Lalu akan ada background berupa lingkungan yang asri dan bersih.

Link From Screen ID: - Link to Screen ID: 2 Color Scheme:Light blue

Text Attributes: -

Still Images: Background lingkungan asri dan bersih Audio: -

Video: -

(66)

Multimedia Storyboard

Screen Description: Halaman utama yang berisi menu- menu pada aplikasi.

Link From Screen ID: 1, 3, 4, 5, 6, 7, 8,

9, 10, 11, 12, 13, 14, 15, 16, 17 Link to Screen ID: 3, 6, 9, 13, 15 Color Scheme:Light blue

Text Attributes:Arial, 12 pt

Still Images:Background lingkungan yang asri dan bersih Audio: bgm.wav , beep.wav

Video: -

Animation: Rubby yang akan memakan kertas apabila salah satu menu dipilih, background awan yang bergerak.

Manfaat

Cara

Games _Beda

(67)

Multimedia Storyboard

Screen Description: Rubby akan menjelaskan pengertian dasar dari sampah organik.

Link From Screen ID: 2, 4 Link to Screen ID: 2, 4 Color Scheme:Light blue

Text Attributes: Times New Roman, 12 pt

Still Images: Background lingkungan yang asri dan bersih Audio: ketik.wav , bgm.wav

Video: -

(68)

Multimedia Storyboard

Screen Description: Rubby akan menjelaskan tentang pengertian dasar dari sampah anorganik.

Link From Screen ID: 3, 5 Link to Screen ID: 2, 3, 5 Color Scheme:Light blue

Video: -

(69)

Multimedia Storyboard

Screen Description: Dijelaskan contoh perbedaan sampah organik dan sampah anorganik dengan cara menampilkan hasil dari olahan masing – masing jenis sampah tersebut secara bersampingan.

Link From Screen ID: 4 Link to Screen ID: 2, 4 Color Scheme:Light blue.

Text Attributes: Times New Roman, 12 pt.

Video: -

Animation: Rubby berbicara, kupu – kupe yang sedang hinggap, contoh olahan sampah yang berputar.

Organik

(70)

Multimedia Storyboard

Screen Description:Ditampilkan tempat penampungan sampah yang kotor dan penuh, bahkan banyak sampah yang tersebar di sekitar tempat sampah tersebut. Lalu ada lalat yang berterbangan di sekitar tempat sampah.

Link From Screen ID: 2, 7 Link to Screen ID: 2, 7 Color Scheme:Light blue

Video: -

Animation: Rubby berbicara, lalat yang berterbangan.

Tempat Sampah Tempat Sampah

(71)

Multimedia Storyboard

Screen Description: Ditampilkan Benny yang terbaring di kasur sambil memakai selang infus karena sakit.

Link From Screen ID: 6, 8 Link to Screen ID: 2, 6, 8 Color Scheme:Red

Still Images: Background lingkungan yang asri dan bersih Audio: ketik.wav, bgm.wav

Video: -

Animation: Rubby berbicara, Benny sakit dan berwajah sedih. Benny yang terbaring di rumah sakit

(72)

Multimedia Storyboard

Screen Description: Stickky akan membuang sampah ke sungai dan menyebabkan aliran sungai terhalang sampah, lalu akan ada hujan dan Rubby akan hanyut terbawa arus banjir.

Link From Screen ID: 7 Link to Screen ID: 2, 7 Color Scheme: Grey

Video: banjir.mpeg

Animation: Rubby berbicara, Stickky membuang sampah di sungai, sampah menumpuk dan menutup aliran sungai, hujan, Rubby hanyut terbawa arus.

(73)

Multimedia Storyboard

Screen Description: Benny sedang memberi makan Cowwy di sebuah daerah peternakan.

Link From Screen ID: 2, 10 Link to Screen ID: 2, 10 Color Scheme:Light blue dan Green

Still Images: Background lingkungan yang asri dan bersih. Audio: ketik.wav , bgm.wav

Video: -

Animation: Rubby berbicara, pohon yang tumbuh dari kecil ke besar, Benny memberi makan Cowwy.

(74)

Multimedia Storyboard

Screen Description: Tempat sampah besar yang kotor dan penuh akan berubah menjadi tempat sampah yang telah terpisah, yaitu: tempat sampah organik dan anorganik, dan lingkungan akan menjadi lebih rapih dan teratur.

Link From Screen ID: 10, 12 Link to Screen ID: 2, 10, 12 Color Scheme: Light blue.

Still Images: Background lingkungan yang asri dan bersih. Audio: ketik.wav , bgm.wav

Video: -

Animation: Rubby berbicara.

Organik Anorganik Tempat