Bumilpedia

Formal Name: Application for Early Detection of High-Risk Pregnant Women

Date: October 2020 - December 2020

Platform: Mobile

Tools: Canva (Storyboard), Draw.io (Chart), Adobe XD (Wireframe)

Description

The Bumilpedia application is an app for the public to be educated and able to detect early on about the high-risk of pregnant women. By introducing danger signs and pregnancy complications to the community, especially pregnant women, it is hoped that the community can increase their knowledge and prevent complications of mischief. This application will be distributed to groups of pregnant women in "Meeting Material III, Prevention of Disease and Complications of Pregnancy, Childbirth and Postpartum for Healthy Mother and Baby".

User Target

1. Pregnant women who are members of the group of pregnant women and get information about this application.

2. Class Facilitator for Pregnant Women to teach and inform pregnant women about this application

3. (If successful, it is hoped that this application can be distributed to the whole community)

Resource Required

1. Adobe XD software for designing wireframes and user interface designs.

2. An integrated development environment (Integrated Development Environment) for Android-based development, named Android Studio.

3. Android smartphone for application testing by application developers (developer)

4. Approximately 4GB of memory for storing all program and application data.

5. Other resources that may be required by application developers.

Storyboard

A storyboard is a storyboard in the form of a comic or rough sketch where there are consecutive images from beginning to end that compose a story. The following is a storyboard design table in the application that will be created and consists of several pages.

Storyboard Design Table

Scene 1 Opening page scene

Scene 2 The scene of the question page is whether you have done the initial evaluation or not

Scene 3 This is the initial data entry page for initial evaluation

Scene 4 Scene evaluation page, in which there are questions in the form of multiple choices regarding the material in the application.

Scene 5 Scene of the initial evaluation result page

Scene 6 Scene starting data entry page for final evaluation

Scene 7 Scene of the final evaluation result page

Scene 8 Scene material page accompanied by a choice of trimesters 1, 2, and 3 as well as a search feature

Scene 9 Scene detail page material selected by the user contains multimedia text and images or animation

Scene 10 The scene of an emergency contact page which when clicked will go directly to the emergency contact phone

Pregnant women take pregnant women classes and counseling -> are given a QR Code and a link to download the Bumilpedia application -> install and open the application -> conduct an initial evaluation -> look for signs of danger with keywords -> read the description of the danger signs -> conduct an evaluation end -> pregnant women learn and find out more about danger signs and complications of pregnancy.

User Stories

User stories are descriptions in natural and informal language of one or more features of a software system, including applications (Dimitrijević, Jovanović, & Devedžić, 2015). With this user story, the important elements needed can be well defined before the application is developed. Then, this user story also helps developers focus on user needs.

The following are user stories in making this application:

1. As a user, I can do a preliminary knowledge test of the danger signs and pregnancy compilation

2. As a user, I can do a final test of knowledge about the danger signs and complications of pregnancy

3. As a user, I can see a list of danger signs and a compilation of pregnancy

4. As a user, I can read more about the description of the danger signs of pregnancy and pregnancy complications

5. As a user, I can search for red flags and related complications based on the keywords I enter

6. As a user, I can contact related parties when I detect danger signs and complications in pregnant women

7. As a user, I can access this application without using the internet

Market Analysis

Market analysis is carried out to get ideas in application design and find out whether there are gaps in the market. The following are applications that have been analyzed and can assist in designing this application.

1. Period Calendar application

From the menstrual calendar application, there are sections that can be adapted in the application that will be developed. For example, in the figure, we can adapt the position of the search feature as a solution to the user story 5. By placing the search at the top, users can immediately see these features and access them. Then, filter search using tags can also be used as separator marks in each trimester. The interface for danger signs and pregnancy complications is also inspired by this application.

2. Pregnant Women Guide Book Application

This application can be accessed via the following link: https://play.google.com/store/apps/details?id=com.arvira.buku.punjuk.ibu.hamil&hl=in. Based on the name of this application, it is hoped that pregnant women can be guided by using this application. However, the pregnancy information provided, which can be seen in the Figure, is incomplete and does not differentiate between articles containing advice for pregnant women and danger signs of pregnancy.

3. Pregnancy Guide App

Through this application, pregnant women can write down their pregnancy at what week and pregnant women can view information about their pregnancy at that week. As in Figure, this application does not provide too many articles about pregnant women and there is no explanation about the danger signs and complications of pregnancy.

4. Teman Bumil App

This application is easier to use for users but requires an internet connection to access it. This application is also more complex and helps pregnant women in tracking pregnancy programs, during pregnancy, and parenting. The articles written are also separated based on Recommendations, Fertility, Pregnancy, and Parenting. In the Pregnancy article, the articles are further separated into 1st Trimester Pregnancy, 2nd Trimester Pregnancy, and 3rd Trimester Pregnancy, as can be seen in Figure. However, articles on danger signs and pregnancy complications are not highlighted too much and are not separated so that users can just don't read articles related to it.

Mind-map

The mind-map or mind map of the application to be developed can be seen in the following figure.

Concept Map

The following is a concept map of the materials that will be included in the Android-based smartphone application.

Flow Chart

The flow of using this application by pregnant women can be seen in the following image.

Wireframe

A wireframe is a two-dimensional illustration of a page interface that focuses specifically on space allocation and content priority, available functionality, and desired behavior. For this reason, wireframes do not usually include styles, colors, or graphics. (U.S. General Services Administration Technology, Transformation Services, 2020). If there is an image that you want to include in the interface design, the image is symbolized by a rectangle containing an "X". Below is a wireframe for each application page.

Information Architecture