Jogoboyo as An App for Disaster Education Awareness

Raka Dianjaya
Binar Academy
Published in
4 min readDec 6, 2018

2018 became the darkest years for Indonesia, on this year we are facing many disaster and the latest disaster which is happened in Sulawesi costed more than 15,27 billions rupiah. This is only counted by materials losses and when we counts using immaterials losses, it would be huge.

With this kind of problems, we should think how we can give something to our beloved country. Not only money or sympathy, we should give more than we could. As my teacher always said to me, “Don’t ask what you can take from others, but think what you can give to others.” This kind of mindset should not be taken lightly. In this materials era, people tends to thinking himself than others, so are you this kind type of people?

This past 3 months, I’ve chance meet with wonderful people. Binar as promotor and organization who makes this happen. In Binar i’ve chance learning new stuff. and during my time on Binar, we have project to create. As our answer to give something to our country we developing new app for disaster education awareness.We called Jogoboyo.

What is Jogoboyo?

Jogoboyo has meaning about people who works to guard and alerting people about threat or problem that will be happened in his/her region. Jogoboyo already developed in rural area, specially in java region. “Jogo” means “to guard” and “Boyo” means “danger” or “threat”. From that meaning, our apps are developed. Our focus is to give warning and education awareness about disaster threat and how to do when disaster happen. Before we started this project we collected data from many users. Our target users range between 20-35 years old. Why we choose this range because from our point of views, on this range usually don’t feel seriously about how handle disaster and to lazy to collect data about their surrounding regarding about disaster awareness.

We started to collect data, and here our User Research result from 60 respondents from range 20 years old — 35 years old.

From our research we got informations about 86,7% those range age knew about potential disaster on Yogyakarta. 50% people don’t know location that should they heading during disaster happen. 65% don’t know what should they prepare for facing disaster. The nearest potential disaster in their location are volcanic eruption. And from those total respondent 91,7% aware about the danger from Merapi eruption. The important things 90% respondents need apps that can help them to be aware and have information about the important of education about disaster awareness. From this data, it shown that our first assumption are correct.

User Flow

Our UI/UX team started to design an user flow for users, as our team discussion, we need apps that can easily be accessed and not require many features so will lessen the main focus for education. Then we have this 3 main key for this apps. SIAGA, SIAP and TANGGAP. Let’s us breakdown every part from these features. Firstly, i’ll explained what we have on SIAGA. On this part SIAGA will be main page for this App. On here user will see current weather on his location. Another features that user will be found in this page are informations regarding 5 disasters that usually happen in Indonesia, especially in Yogyakarta. Merapi, represent volcano eruption disaster. As people know, Merapi is the most active Strato Volcano on Planet Earth. Second are Gempa or in English mean Earthquake, third are Angin or Wind. fourth are Banjir or Flood and the last are Kebakaran or fire/wildfire. Still on these page user can found Waspada feature as well. This feature included one bundle with Info. Waspada are infographic about how user can handle disaster or at least will decrease disaster risk.

Next main key for this app are SIAP. on SIAP we have feature P3K, Darurat and Pribadi. on This SIAP page, user will be provided list about all medical or important things that they should bring when Disaster occured. on P3K, user will be provided about first aid that they should always prepare.On Darurat, user will be provided about important things besides medical kits that user should prepare and the last part are Pribadi, on Pribadi section, user can added their own list that should they bring.

Third main key for this app are DARURAT. On darurat we can get information about important place like hospital, shelter location, pharmacy, and Search and Rescue Unit.

Flowchart that our UI/UX team created.

Unit Interface

As for unit interface, mainly we using red. We believe red color represent of awareness. As you seen on flow chart image above, for the first time user will be navigate to on boarding page. We have 3 images that shown how this app work.

This one was my responsibility to create illustration that used for onboarding page

From this pages, user will be navigated to main menu on Siaga page, here is some video regarding how our App works:

That’s how our app working, and we believe we still have a lot deficiency that need to be fixed in order to make it working smoothly and accordingly our perception.

Thank you for your time to reading my article regarding our project. I hope this app can be useful in the future. We’ll meet again in another time to talk with another theme. Thanks.

--

--

Raka Dianjaya
Binar Academy
0 Followers
Writer for

Founder kitatumbuh.com. International Relations enthusiasm focusing on global governance, food security, and green economy.