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

BAB 3 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.

38

39

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.

Gambar 3.2 Kios Informasi Pos

40 - 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 - Kios Informasi GenBeNar 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.

41 - 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. - Plan UK’s Interactive Advertising 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 - Kios Informasi GenBeNar 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.

42 - Plan UK’s Interactive Advertising 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

Website

Variatif

Website

Variatif

Kios Informasi GenBeNar Kios Informasi Pos

Tampilan Kurang Menarik

Kurang Menarik

Games

Ada

Tidak Ada

43 Software yang Plan UK’s Interactive Advertising

dikembangkan oleh Clear Channel UK

Kurang Variatif

Menarik

Tidak Ada

dan 3D Exposure

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.

44 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.

1.

2.

Pertanyaan

Tujuan Pertanyaan

Apakah Anda gagap terhadap teknologi?

Untuk

mengetahui

apakah

responden mampu menggunakan aplikasi yang akan dibuat.

Apakah Anda memiliki perangkat komputer?

Untuk mengetahui seberapa dekat responden

dengan

perangkat

komputer. Untuk mengetahui berapa banyak

3.

Apakah

Anda

dapat

menggunakan internet?

responden

yang

menggunakan

internet,

dapat karena

nantinya kios informasi ini akan berbasis website. Untuk

4.

mengetahui

apakah

Apakah Anda tahu apa itu kios

responden sudah mengerti cara

informasi?

penggunaan kios informasi dan kegunaan dari kios informasi.

5.

6.

7.

Pernahkan Anda mengakses kios informasi sebelumnya?

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

Apakah Anda tahu perbedaan

Untuk

dari sampah organik dan sampah

pengetahuan responden tentang

anorganik?

sampah.

Apa Anda tahu manfaat dari pemisahan sampah?

Untuk

mengukur

mengukur

tingkat

tingkat

pengetahuan responden tentang sampah.

45

8.

Apa Anda tahu dampak negatif

Untuk

dari

responden mengerti manfaat dan

tidak

dilakukannya

pemisahan sampah? Sebelum 9.

apakah

pentingnya pemisahan sampah. sering

memisahkan

menjumpai organik

Menurut

Anda

sampah

sebelum

kebiasaan rata – rata responden.

tempat

sampah

pihak – pihak terkait (pemerintah,

anorganik

yang

Anda

perlukah

tentang

pengelola

tempat,

dsb)

dalam

memfasilitasi pemisahan sampah. kios

pemisahan

Untuk

mengetahui

tingkat

antusiasme responden terhadap

sampah?

aplikasi yang akan dibuat.

Informasi/ fitur seperti apakah

Untuk mengetahui fitur apa yang

yang Anda diharapkan ada di

sebaiknya

dalam kios informasi?

informasi yang akan dibuat.

menyerap

Jika

informasi

dari

kios

tersedia

tentang

kios

informasi

pemisahan

sampah,

apakah

anda

Untuk

anda

informasi diletakkan?

dimana

tersebut

dalam

mengetahui

kios

elemen

multimedia apa yang akan lebih ditonjolkan

akan

Untuk

untuk

membantu

mengukur

tingkat

antusiasme responden terhadap aplikasi yang akan dibuat. Untuk

Menurut

ada

penyerapan informasi.

menggunakannya?

16.

tingkat

Untuk melihat tingkat kesadaran

informasi dengan mudah?

15.

mengetahui

Anda

dan

informasi

Untuk

sering

Melalui media apakah anda dapat 14.

apakah

dahulu?

terpisah di tempat umum?

13.

mengetahui

responden mengerti manfaat dan

Seberapa

12.

Untuk

sampah Anda dipisahkan terlebih

dibuang?

11.

apakah

pentingnya pemisahan sampah.

dibuang,

Seberapa 10.

mengetahui

mengetahui

tempat

–

kios

tempat strategis untuk peletakan

perlu

kios informasi agar informasi yang diberikan dapat diserap dengan optimal dan tepat sasaran.

46 b. Hasil Kuisioner 1) Apakah Anda gagap terhadap teknologi?

Gambar 3.4 Hasil Kuisioner 1

Tabel 3.3 Hasil Kuisioner 1 Gagap

Jumlah

Teknologi

Responden

Ya

12

9%

Tidak

124

91%

Jumlah

136

100%

Presentase

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.

47 2) Apakah Anda memiliki perangkat komputer?


Tabel 3.4 Hasil Kuisioner 2 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?


48 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

mengoperasikan kios informasi yang nantinya akan dibuat.

4) Apakah Anda tahu apa itu kios informasi?


responden

dapat

49 Tabel 3.6 Hasil Kuisioner 4 Tahu atau tidak apa

Jumlah

itu kios informasi

Responden

Ya

83

61%

Tidak

53

39%

Jumlah

136

100%

Presentase

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?


50 Tabel 3.7 Hasil Kuisioner 5 Pernah kios

Jumlah

informasi

Responden

Ya

79

58%

Tidak

57

42%

Jumlah

136

100%

Presentase

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?


51 Tabel 3.8 Hasil Kuisioner 6 Tahu perbedaan sampah organik dan

Jumlah Responden

Presentase

anorganik 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?


52 Tabel 3.9 Hasil Kuisioner 7 Tahu manfaat dari

Jumlah

pemisahan

Responden

Presentase

sampah 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?


53 Tabel 3.10 Hasil Kuisioner 8 Tahu dampak

Jumlah

negatif

Responden

Ya

96

71%

Tidak

40

29%

Jumlah

136

100%

Presentase

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?


54 Tabel 3.11 Hasil Kuisioner 9 Memisahkan sampah

Jumlah

terlebih

Responden

Presentase

dahulu 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?


55 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?


56 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?


57 Tabel 3.14 Hasil Kuisioner 12 Perlu Kios

Jumlah

Informasi Sampah

Responden

Sangat perlu

68

50%

Perlu

48

35%

Agak Perlu

15

11%

Tidak Perlu

5

5%

Jumlah

136

100%

Persentase

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?


58 Tabel 3.15 Hasil Kuisioner 13 Seberapa sering melihat tempat sampah terpisah

Jumlah Responden

Persentase

Perbedaan sampah organik dan

95

70%

95

70%

97

71%

81

60%

Mini Games

47

35%

Lain - lain

6

4%

Jumlah Responden

136

100%

sampah anorganik Akibat dari tidak dilakukannya pemisahansampah Manfaat dari pemisahan sampah Cara pemisahan sampah

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.

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


Tabel 3.16 Hasil Kuisioner 14 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?


60 Tabel 3.17 Hasil Kuisioner 15 Tahu dampak

Jumlah

negatif

Responden

Ya

117

86%

Tidak

19

14%

Jumlah

136

100%

Presentase

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?


Tabel 3.18 Hasil Kuisioner 16 Pilihan Jawaban Mall / Pusat perbelanjaan Taman Kota

Jumlah Responden

Persentase

103

76%

102

75%

61

Sekolah / Kampus /

108

79%

Lain - lain

108

79%

Jumlah

136

100%

Institusi Pendidikan

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.

62 -

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.

63 -

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

64 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.

65 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

66 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

67 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 ke tampilan sebelumnya, tombol “Next” digunakan untuk pindah ke

68 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 Kursor menyentuh menu Recycle Memilih menu Recycle

Menu Utama Chapter

: Menu Utama

Sub Chapter

: Intro

Reaksi Lambang recycle akan bergoyang – goyang. Masuk ke halaman Menu Utama.

69 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.

Karakter


Tabel 3.20 Aksi Reaksi Menu Utama Aksi

Reaksi

Kursor menyentuh menu Perbedaan Sampah

Organik

dan

Sampah

Anorganik

gumpalan

bergoyang,

lalu

kertas

akan

akan

adatulisan

“Perbedaan Sampah Organik dan Sampah Anorganik”.

Memilih menu Perbedaan Sampah Organik dan Sampah Anorganik

dari Pemisahan Sampah Organik dan Sampah Anorganik

menu

Manfaat

ke

Sampah

halaman

Organik

Perbedaan

dan

Sampah

Gambar

gumpalan

bergoyang,

lalu

kertas

akan

akan

adatulisan

“Manfaat dari Pemisahan Sampah Organik dan Sampah Anorganik”.

dari

Dilakukannya Pemisahan Sampah Organik dan Sampah Anorganik

Masuk

Anorganik (Bagian 1).

Kursor menyentuh menu Manfaat

Memilih

Gambar

Masuk ke halaman Manfaat dari Dilakukannya Pemisahan Sampah Organik

dan

(Bagian 1).

Sampah

Anorganik

70

Kursor menyentuh menu Akibat dari Tidak

Dilakukannya

Pemisahan

Sampah

Dilakukannya Pemisahan Sampah

menyentuh

menu

Cara

Pemisahan Sampah Organik dan Sampah Anorganik Memilih

gumpalan

bergoyang, “Akibat

lalu

dari

akan

Tidak

akan

adatulisan

Dilakukannya

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

gumpalan

bergoyang,

lalu

kertas

akan

akan

adatulisan

“Cara Pemisahan Sampah Organik dan Sampah Anorganik”.

menu

Manfaat

dari

Masuk ke halaman Cara Pemisahan

Pemisahan Sampah Organik dan

Sampah

Sampah Anorganik

Anorganik (Bagian 1).

Kursor

kertas

Pemisahan Sampah”.

Memilih menu Akibat dari Tidak

Kursor

Gambar

menyentuh

menu

Mini

Games

Gambar

Organik

gumpalan

dan

Sampah

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 Deskripsi

: Menu Utama : 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

:-

Menu

: Next, Replay, Home.

71 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 Kursor menyentuh menu Next Memilih menu Next Kursor menyentuh menu Replay Memilih menu Replay

Reaksi Pindah ke halaman animasi selanjutnya Animasi pada halaman tersebut akan diulang

Kursor menyentuh menu Home

-

Memilih menu Home

Pindah ke halaman Menu Utama



Sub Chapter


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.

Object

: Bungkus deterjen, plastik, sterofoam, kaleng.

72 Karakter


Tabel 3.22 Aksi Reaksi Perbedaan Sampah Organik dan Sampah Anorganik (Bagian 2) Aksi Kursor menyentuh menu Back Memilih menu Back Kursor menyentuh menu Next Memilih menu Next Kursor menyentuh menu Replay Memilih menu Replay

Reaksi Pindah

ke

halaman

animasi

halaman

animasi

sebelumnya Pindah

ke

selanjutnya Animasi pada halaman tersebut akan diulang


-

Memilih menu Home




Sub Chapter


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

73 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.

Karakter


Tabel 3.23 Aksi Reaksi Perbedaan Sampah Organik dan Sampah Anorganik (Bagian 3) Aksi Kursor menyentuh menu Back Memilih menu Back Kursor menyentuh menu Replay Memilih menu Replay

Reaksi Pindah

ke

halaman

animasi

sebelumnya Animasi pada halaman tersebut akan diulang


-

Memilih menu Home


Akibat dari Tidak Dilakukannya Pemisahan Sampah (Bagian 1) Chapter

: Akibat dari Tidak Dilakukannya Pemisahan Sampah (Bagian 1)

Sub Chapter

: Menu Utama

74 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


Object

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

Karakter


Tabel 3.24 Aksi Reaksi Akibat dari Tidak Dilakukannya Pemisahan Sampah (Bagian 1) Aksi Kursor menyentuh menu Next Memilih menu Next Kursor menyentuh menu Replay Memilih menu Replay



-

Memilih menu Home




Sub Chapter


75 Deskripsi

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

Menu


Object

: Tempat tidur, selang infus.

Karakter

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

Tabel 3.25 Aksi Reaksi Akibat dari Tidak Dilakukannya Pemisahan Sampah (Bagian 2) Aksi Kursor menyentuh menu Back Memilih menu Back Kursor menyentuh menu Next Memilih menu Next Kursor menyentuh menu Replay Memilih menu Replay

Reaksi Pindah

ke

halaman

animasi

halaman

animasi

sebelumnya Pindah

ke



-

Memilih menu Home




Sub Chapter


76 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. Menu


Object

: Sungai, tumpukan sampah, awan, air hujan.

Karakter

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

Tabel 3.26 Aksi Reaksi Akibat dari Tidak Dilakukannya Pemisahan Sampah (Bagian 3) Aksi Kursor menyentuh menu Back Memilih menu Back Kursor menyentuh menu Replay Memilih menu Replay

Reaksi Pindah

ke

halaman

animasi



-

Memilih menu Home


Manfaat dari Dilakukannya Pemisahan Sampah (Bagian 1) Chapter

: Manfaat dari Dilakukannya Pemisahan Sampah (Bagian 1)

Sub Chapter

: Menu Utama

77 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 Kursor menyentuh menu Next Memilih menu Next Kursor menyentuh menu Replay Memilih menu Replay



-

Memilih menu Home


78 Manfaat dari Dilakukannya Pemisahan Sampah (Bagian 2) Chapter


Sub Chapter


Deskripsi

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

Menu


Object

: Bungkus deterjen, kaleng, tas, gantungan kunci.

Karakter


Tabel 3.28 Aksi Reaksi Manfaat dari Dilakukannya Pemisahan Sampah (Bagian 2) Aksi Kursor menyentuh menu Back Memilih menu Back Kursor menyentuh menu Next Memilih menu Next Kursor menyentuh menu Replay Memilih menu Replay

Reaksi Pindah

ke

halaman

animasi

halaman

animasi

sebelumnya Pindah

ke



-

Memilih menu Home




Sub Chapter


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


Object

: Tempat sampah besar yang kotor dan penuh, tempat sampah organik dan anorganik yang rapi dan teratur.

Karakter


Tabel 3.29 Aksi Reaksi Manfaat dari Dilakukannya Pemisahan Sampah (Bagian 3) Aksi Kursor menyentuh menu Back Memilih menu Back Kursor menyentuh menu Next Memilih menu Next Kursor menyentuh menu Replay Memilih menu Replay

Reaksi Pindah

ke

halaman

animasi

halaman

animasi

sebelumnya Pindah

ke



-

Memilih menu Home




Sub Chapter


Deskripsi

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

Menu


Object

: Infus, tempat tidur.

Karakter

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

Tabel 3.30 Aksi Reaksi Manfaat dari Dilakukannya Pemisahan Sampah (Bagian 4) Aksi Kursor menyentuh menu Back Memilih menu Back Kursor menyentuh menu Replay Memilih menu Replay

Reaksi Pindah

ke

halaman

animasi



-

Memilih menu Home


81 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


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 Kursor menyentuh menu Next Memilih menu Next Kursor menyentuh menu Replay Memilih menu Replay



-

Memilih menu Home


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


Sub Chapter


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.

Menu


Object

: Kantong plastik, label nama, gerobak sampah.

Karakter


Tabel 3.32 Aksi Reaksi Cara Pemisahan Sampah Organik dan Sampah Anorganik (Bagian 2) Aksi Kursor menyentuh menu Back Memilih menu Back Kursor menyentuh menu Replay Memilih menu Replay

Reaksi Pindah

ke

halaman

animasi



-

Memilih menu Home


83 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


-

Memilih menu Home


Start Chapter

: Start

Sub Chapter

: Mini Games

Deskripsi

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

Narasi

:-

84 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


-

Memilih 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


-

Memilih menu Exit


85 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 Verifikasi username dan password.

Apabila username dan password yang dimasukkan benar, maka admin akan masuk ke halaman Home Admin. Adminmelakukan log in untuk dapat

Tetapi apabila Admin salah

mengakses halaman admin

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 Memilih menu Split the Waste

Pindah ke halaman Intro

86 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

Pindah ke menu yang dipilih oleh

yang isinya akan di update.

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)

Sub Chapter

: Menu Utama

87 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


Pindah ke halaman Subpage 1 – 2



Subpage 1 - 1 Chapter

: Subpage 1 - 1

Sub Chapter


Deskripsi

:-

Narasi

:-

Menu

: Split the Waste, Home, Logout, Submit.

Object

:-

88 Karakter

:-

Tabel 3.39Subpage 1 - 1 Aksi

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

Admin memasukkan data yang ingin di update Apabila tidak terjadi perubahan pada database, akan muncul tulisan “Data masih sama. Data tidak di update.”


: Subpage 1 - 2

Sub Chapter


Deskripsi

:-

Narasi

:-

Menu


Object

:-

Karakter

:-

89 Tabel 3.40Subpage 1 - 2 Aksi

Reaksi Database akan berubah setelah Admin selesai mengubah data Perbedaan dan muncul tulisan “Data

Admin memasukkan data yang ingin

berhasil di update.”

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


: Subpage 1 - 3

Sub Chapter


Deskripsi

:-

Narasi

:-

Menu


Object

:-

Karakter

:-


Reaksi Database akan berubah setelah Admin selesai mengubah data Perbedaan dan muncul tulisan “Data




90 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








: Subpage 2 - 1

Sub Chapter


91 Deskripsi

:-

Narasi

:-

Menu


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

Sub Chapter


Deskripsi

:-

Narasi

:-

Menu


Object

:-

Karakter

:-

92 Tabel 3.44 Subpage 2 - 2 Aksi

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

Admin memasukkan data yang ingin di update

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


: Subpage 2 - 3

Sub Chapter


Deskripsi

:-

Narasi

:-

Menu


Object

:-

Karakter

:-

Tabel 3.45 Subpage 2 - 3 Aksi

Reaksi Database akan berubah setelah

Admin memasukkan data yang ingin di update

Admin selesai mengubah data Akibat dan muncul tulisan “Data berhasil di update.”

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

Manfaat dari Dilakukannya Pemisahan Sampah (Admin) Chapter

: Manfaat dari Dilakukannya Pemisahan Sampah (Admin)

Sub Chapter

: Menu Utama

Deskripsi

:-

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









94 Subpage 3 - 1 Chapter

: Subpage 3 - 1

Sub Chapter


Deskripsi

:-

Narasi

:-

Menu


Object

:-

Karakter

:-


Reaksi Database akan berubah setelah Admin selesai mengubah data Manfaat dan muncul tulisan “Data





: Subpage 3 - 2

Sub Chapter


Deskripsi

:-

Narasi

:-

95 Menu


Object

:-

Karakter

:-







: Subpage 2 - 3

Sub Chapter


Deskripsi

:-

Narasi

:-

Menu


Object

:-

Karakter

:-







: Subpage 3 - 4

Sub Chapter


Deskripsi

:-

Narasi

:-

Menu


Object

:-

Karakter

:-






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

: Cara Pemisahan Sampah Organik dan Sampah Anorganik (Admin)

Sub Chapter

: Menu Utama

Deskripsi

:-

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






: Subpage 4 - 1

Sub Chapter


Deskripsi

:-

98 Narasi

:-

Menu


Object

:-

Karakter

:-


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


update.”



: Subpage 4 - 2

Sub Chapter


Deskripsi

:-

Narasi

:-

Menu


Object

:-

Karakter

:-


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

admin.Lastmodified

kata

sandi

sebagai

yang

penampung

dimiliki tanggal

oleh

setiap

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 Tanggal dan waktu

Lastmodified

Timestamp

melakukan pengeditan terakhir

100 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 Nama Field

Tipe Data

Panjang

Keterangan

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 Nama Field

Tipe Data

Panjang

SubpageCode

Integer

11

SubpageDescription

Text

Keterangan Primary key, ID Subpage Judul Subpage

101 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 Nama Field

Tipe Data

Panjang

Keterangan

ContentPage

Int

11

Primary key, ID content

PageCode

Int

11

Foreign key ID page

AdminCode

Int

11

ID subpage

IsiContent

Text

Lastmodified

Timestamp

Isi berita Tanggal melakukan pengeditan terakhir

5. Entity Relationship Diagram

Gambar 3.20 Entity Relationship Diagram (ERD)

102 3.3.5

Perancangan Layar a. Perancangan Layar User

Multimedia Storyboard Project: Kios Informasi Split the Waste Screen: 1 of 17

Date: 24 Desember 2012 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: Animation:Lambang recycle yang berputar, Rubby yang bergerak.

103



Games

Beda

Cara Akibat

Manfaat

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

Link From Screen ID: 1, 3, 4, 5, 6, 7, 8, Link to Screen ID: 3, 6, 9, 13, 15 9, 10, 11, 12, 13, 14, 15, 16, 17 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.

104



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: Animation: Rubby berbicara, contoh – contoh sampah yang bergerak.

105



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 Text Attributes: Times New Roman, 12 pt Still Images: Background lingkungan yang asri dan bersih Audio: ketik.wav , bgm.wav Video: Animation: Rubby berbicara, contoh – contoh sampah yang bergerak.

106


Organik


Anorganik

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


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: Animation: Rubby berbicara, kupu – kupe yang sedang hinggap, contoh olahan sampah yang berputar.

107



Tempat Sampah

Tempat Sampah

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


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: Animation: Rubby berbicara, lalat yang berterbangan.

108



Benny yang terbaring di rumah sakit

Screen Description: Ditampilkan Benny yang terbaring di kasur sambil memakai selang infus karena sakit. Link From Screen ID: 6, 8


Color Scheme:Red Text Attributes: Times New Roman, 12 pt. Still Images: Background lingkungan yang asri dan bersih Audio: ketik.wav, bgm.wav Video: Animation: Rubby berbicara, Benny sakit dan berwajah sedih.

109



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


Color Scheme: Grey Text Attributes: Times New Roman, 12 pt Still Images: Background lingkungan yang asri dan bersih Audio: ketik.wav , bgm.wav Video: banjir.mpeg Animation: Rubby berbicara, Stickky membuang sampah di sungai, sampah menumpuk dan menutup aliran sungai, hujan, Rubby hanyut terbawa arus.

110



Screen Description: Benny sedang memberi makan Cowwy di sebuah daerah peternakan. Link From Screen ID: 2, 10


Color Scheme:Light blue dan Green Text Attributes: Times New Roman, 12 pt. 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.

111


Tempat Sampah


Organik

Anorganik

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


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: Animation: Rubby berbicara.

112


Tas


Gantunga n Kunci

Screen Description: Sampah anorganik akan didaur ulang menjadi barang- barang komersil seperti tas, gantungan kunci, dsb. Link From Screen ID: 9, 11 Color Scheme:Blue. Text Attributes: Times New Roman, 12 pt. Still Images: Background sebuah ruangan Audio: ketik.wav , bgm.wav Video: Animation: Rubby berbicara.


113



Screen Description:Benny yang terbaring lemah karena sakit akan menjadi sembuh dan akan berlari-larian dengan gembira karena lingkungan yang bersih. Link From Screen ID: 11


Color Scheme:Light blue Text Attributes: Times New Roman, 12 pt. Still Images: Background lingkungan taman bermain Audio: ketik.wav , bgm.wav Video: Animation: Rubby berbicara, Benny yang terbaring lemah karena sakit akan menjadi sembuh dan akan berlari – larian dengan gembira.

114



Organik

Anorganik

Screen Description: Stickky akan membuang sampah sesuai pada tempatnya sesuai dengan jenis sampahnya. Link From Screen ID: 2, 14


Color Scheme: Light blue. Text Attributes: Times New Roman, 12 pt. Still Images: Background lingkungan perumahan Audio: bgm.wav , multimedia_beep.wav , ketik.wav Video: Animation: Sampah yang ingin dibuang oleh Stickky akan diperbesar lalu Stickky akan membuang sampah sesuai dengan jenisnya.

115



Screen Description: Berlatar belakang dapur sebuah rumah dan di dapur tersebut terdapat dua buah kantong yang bertuliskan “organik” dan “anorganik”. Lalu datanglah Stickky yang akan mengambil sampah tersebut dan Stickky tampak senang karena sampah – sampah tersebut telah dipisahkan. Link From Screen ID: 13


Color Scheme: Green Text Attributes: Times New Roman, 12 pt. Still Images: Background dapur sebuah rumah Audio: ketik.wav , bgm.wav Video: Animation: Rubby berbicara, Benny yang terbaring lemah karena sakit akan menjadi sembuh dan akan berlari-larian dengan gembira.

116



Screen Description: User diminta memilih, masuk ke layar mini games atau kembali ke menu utama. Link From Screen ID: 2 Color Scheme:Blue. Text Attributes: Still Images:Background taman Audio: bgm.wav Video: Animation: Lambang recycle yang berputar.


117



Anorganik

Organik

Screen Description: Mini games, menampilkan conveyor belt game yang meminta pengguna untuk memasukkan sampah sesuai dengan jenisnya. Link From Screen ID: 15, 17


Color Scheme:Yellow. Text Attributes: Still Images: Kaleng minuman, kulit pisang, buah apel, botol minuman, tempat sampah, Rubby. Audio: bgm.wav, failbuzzer.wav , multimedia_beep.wav Video: Animation: Conveyor Belt membawa berbagai jenis sampah organik dan anorganik dan user diminta memasukkan sampah sesuai dengan jenisnya.

118

Multimedia Storyboard Project: Kios Informasi Split the Waste Screen: 17of 37


Selamat Anda Berhasil!!! Score Anda:

Screen Description: Menampilkan score yang diperoleh user.

Link From Screen ID: 16 Color Scheme: White. Text Attributes: Arial, 18 pt. Still Images: Lambang recycle, icon home. Audio: bgm.wav. Video: Animation: Lambang recycle yang berputar.


119 b. Perancangan Layar Admin



Split the Waste

Selamat Datang di Split the Waste | Admin Username:

Password:

Submit

Screen Description: Admin diminta memasukkan username dan password. Apabila username dan password yang dimasukkan valid, maka akan ke layar Home Admin. Link From Screen ID: Color Scheme: White Text Attributes: Cambria, 16 pt Still Images: Audio: Video: Animation: -


120



Split the Waste

Logout

Selamat Datang di Split the Waste | Admin Perbedaan Sampah Organik dan Anorganik

Selamat dating admin, Anda dapat merubah konten Kios Informasi Split the Waste

Akibat dari Tidak Dilakukannya Pemisahan Sampah Manfaat Pemisahan Sampah

Cara Pemisahan Sampah Organik dan Anorganik

Screen Description: Admin akan memilih bagian mana yang ingin diubah. Atau admin dapat juga memilih menu logout untuk keluar dari aplikasi. Selain itu juga, admin dapat langsung pindah ke aplikasi kios informasi “Split the Waste”. Link From Screen ID:20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, Link to Screen ID:1, 18, 20, 24, 28, 33 36, 37 Color Scheme:White Text Attributes: Arial, 14 pt. Still Images: Audio: Video: Animation: -

121


Split the Waste


Home

Logout


Subpage 1-1 Subpage 1-2 Subpage 1-3



Screen Description: Admin akan memilih bagian mana yang ingin diubah. Selain itu, admin juga dapat keluar dari aplikasi dengan memilih men Logout, pindah halaman ke Home Admin, maupun pindah halaman langsung ke aplikasi kios informasi “Split the Waste”. Link From Screen ID: 19, 24, 29, 33 Color Scheme: Green Text Attributes: Arial, 14 pt. Still Images: Audio: Video: Animation: -

Link to Screen ID: 1, 18, 19, 21, 22, 23, 24, 28, 33

122


Date: 24 Desember 2012 Screen ID: 21 Home

Split the Waste

Logout

Selamat Datang di Split the Waste | Admin Silahkan edit konten subpage 1-1

Submit

Screen Description: Admin diminta memasukkan perubahan teks yang diinginkan. Selain itu, admin juga dapat keluar dari aplikasi dengan memilih menu Logout, pindah halaman ke Home Admin, maupun pindah halaman langsung ke aplikasi kios informasi “Split the Waste”. Link From Screen ID: 20 Color Scheme: White Text Attributes: Arial, 14 pt. Still Images: Audio: Video: Animation: -

Link to Screen ID: 1, 18, 19, 36, 37

123



Split the Waste

Logout


Submit


Link to Screen ID: 1, 18, 19, 36, 37

124



Split the Waste

Home

Logout


Submit


Link to Screen ID: 1, 18, 19, 36, 37

125


Split the Waste


Home

Logout


Subpage 2-1 Subpage 2-2 Subpage 2-3



Screen Description: Admin akan memilih bagian atau subpage mana yang ingin diubah. Selain itu, admin juga dapat keluar dari aplikasi dengan memilih menu Logout, pindah halaman ke Home Admin, maupun pindah halaman langsung ke aplikasi kios informasi “Split the Waste”. Link From Screen ID: 19, 20, 28, 33 Color Scheme: White Text Attributes: Arial, 14 pt. Still Images: Audio: Video: Animation: -

Link to Screen ID: 1, 18, 19, 20, 25, 26, 27, 28, 33

126



Split the Waste

Logout


Submit

Screen Description: Admin akan memilih bagian mana yang ingin diubah. Atau admin dapat juga memilih menu log out untuk keluar dari aplikasi. Link From Screen ID: 24 Color Scheme: White Text Attributes: Arial, 14 pt. Still Images: Audio: Video: Animation: -

Link to Screen ID: 1, 18, 19, 36, 37

127



Split the Waste

Log Out


Submit


Link to Screen ID: 1, 18, 19, 36, 37

128



Split the Waste

Log Out


Submit


Link to Screen ID: 1, 18, 19, 36, 37

129


Split the Waste


Home

Log Out


Subpage 3-1 Subpage 3-2 Subpage 3-3 Subpage 3-4



Screen Description: Admin akan memilih bagian mana yang ingin diubah. Atau admin dapat juga memilih menu log out untuk keluar dari aplikasi.

Link From Screen ID: 19, 20, 24, 33 Color Scheme: White Text Attributes: Arial, 14 pt. Still Images: Audio: Video: Animation: -

Link to Screen ID: 1, 18, 19, 20, 24, 29, 30, 31, 32, 33

130



Split the Waste

Log Out


Submit


Link to Screen ID: 1, 18, 19, 36, 37

131



Split the Waste

Log Out


Submit


Link to Screen ID: 1, 18, 19, 36, 37

132



Split the Waste

Log Out


Submit


Link to Screen ID: 1, 18, 19, 36, 37

133



Split the Waste

Log Out


Submit


Link to Screen ID: 1, 18, 19, 36, 37

134


Split the Waste


Home

Log Out


Subpage 4-1 Subpage 4-2



Screen Description: Admin akan memilih bagian mana yang ingin diubah. Atau admin dapat juga memilih menu log out untuk keluar dari aplikasi.

Link From Screen ID: 19, 20, 24, 28 Color Scheme: White Text Attributes: Arial, 14 pt. Still Images: Audio: Video: Animation: -

Link to Screen ID: 1, 18, 19, 20, 24, 28, 34, 35

135



Split the Waste

Log Out


Submit


Link to Screen ID: 1, 18, 19, 36, 37

136



Split the Waste

Log Out


Submit


Link to Screen ID: 1, 18, 19, 36, 37

137

Multimedia Storyboard Project: Kios Informasi Split the Waste Screen: 36 of 37 Split the Waste


Log Out

Selamat Datang di Split the Waste | Admin Data berhasil di update.

Screen Description: Layar ini akan muncul apabila admin telah berhasil mengubah isi teks. Link From Screen ID: 21, 22, 23, 25, 26, Link to Screen ID: 1, 18, 19 27, 29, 30, 31, 32, 34, 35 Color Scheme: White Text Attributes: Arial, 14 pt. Still Images: Audio: Video: Animation: -

138

Multimedia Storyboard Project: Kios Informasi Split the Waste Screen: 37 of 37 Split the Waste


Log Out

Selamat Datang di Split the Waste | Admin Data masih sama. Data tidak di update.

Screen Description: Layar ini akan muncul apabila admin tidak berhasil mengubah apapun ke dalam database. Link From Screen ID: 21, 22, 23, 25, 26, Link to Screen ID: 1, 18, 19 27, 29, 30, 31, 32, 34, 35 Color Scheme: White Text Attributes: Arial, 14 pt. Still Images: Audio: Video: Animation: -

139

3.4

Data Flow Diagram (DFD) •

Level 0 Data Flow Diagram

Gambar 3.21Level 0 DFD

•

Level 1 Data Flow Diagram

Gambar 3.22Level 1 DFD

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

Recommend Documents