Case Study on Application Development of "0-6 years old baby Development Guide" and "pregnant mother monthly Guide" (General)

I. Preface: demands for the guidance on the development of children aged 0-6 and monthly guidance for pregnant mothers

Some time ago, I shared an article titled "Integration of Android original applications with jquery Mobile: Case Studies". I mainly developed an "Libo parenting Encyclopedia" for my mom and dad. in fact, I mainly use it for my wife and myself. I also shared it with my colleagues and received a lot of feedback. Some people think that information should be presented to users in different dimensions, some care about what needs to be paid attention to during each pregnancy period, some care about what needs to be paid attention to each month when the baby is fed, the development status of each month, and the status of vaccination, etc, I went home and thought for a while that encyclopedia was a comprehensive app, I will do the "0-6 years old baby Development Guide" and "pregnant mother monthly guide" two apps to basically meet your needs, I am dedicated to the world's greatest women (mothers).

Then I will update the requirements analysis, technical design, and development details of these two apps to articles from start to end. I am afraid that I cannot develop these apps by time when I am not enough, it is also a spur to yourself.

Ii. app design goals:

1. Supports the use of Android and iOS smartphones. First, the Android version and then the IOS version.

2. In order to quickly respond to user operations, this time we will not use the web app method and use pure native code for development.

3. "Guidance for pregnant mothers every month": mainly based on the timeline of the pregnant mother's pregnancy month and gestational age, each time period consists of a summary, fetal indicators, pregnant women indicators, diet points, nursing points, disease, psychological points, fetal education points, disease points, birth points, and other information items.
For the "Development Guide for babies aged 0-6": the timeline is mainly based on the baby's age group, each age group consists of a summary, development indicators, feeding points, nursing points, disease prevention, intellectual development, and EQ training information items.

4. Considering that the data volume is not large, the data is stored in the mobile phone. The storage method used will be determined later. For some extended reading methods, you will use online queries, connect to the online web page of Libo parenting encyclopedia, and use the jquery moblie web page that has been prepared.

5. The app mainly displays data and queries data without considering the comment and SNS functions. In this way, when a tool is used, it will not consume too much development effort, do not share your posts on Weibo directly.

Iii. app prototype design: (updated in April 25)

How to browse so many items on a small mobile phone and ensure the user experience is indeed a challenge for yourself, I just took this opportunity to exercise my ue skills.

0-6 years old baby Development Guide app

1. design the app layout first, mainly for the baby's age and each age group (overview, development indicators, feeding points, nursing points, disease prevention, intellectual development, EQ training information items) switch

Use Excel to draw a simple layout:

The first figure shows the main interface. The second figure is displayed after the "Age" button is clicked. If one row of indicators is not displayed, you can create a horizontal scroll bar, you can move the indicator menu bar to select the expected indicator;

The layout is quite simple.

Send a 6-year-old baby with developmental indicators. The above users can refer to the specific introduction based on the tags they are interested in, such as "Fingers.

I will not publish other indicators. I have painted all the prototype images today, and I will be able to design the data structure tomorrow;

Iv. app Data Structure Design: (updated in April 26)

Fields in each indicator are variable. Obviously, it is not suitable for storing many Song data tables. Considering that the data volume is not large, we simply store it in XML structure, which is flexible;

<? XML version = "1.1" encoding = "UTF-8"?> <Root Title = "0-6 years old baby Development Guide" age = ""> <! -- Overview // --> <summation> </summation> <! -- Development Indicator // --> <grouth_quota prompt = ""> <! -- Boy's height, weight, sitting height, head circumference, bust // --> <boy body_height = "" Weight = "" sitting_height = "" head_circumference = "" chest_measurement = ""/> <! -- Girl's height, weight, sitting height, head circumference, bust // --> <girl body_height = "" Weight = "" sitting_height = "" head_circumference = "" chest_measurement = ""/> <body> </body> <! -- Body // --> 
You can create a template for this XML file and obtain the data source from Python to generate the final XML file.

After the data storage structure problem is solved, class design will begin tomorrow.
V. app design: (updated in April 27)

Class Diagrams I drew using the startuml tool. The class attributes are relatively simple and omitted. babygouthentity is actually a Data Structure class. Of course, there should also be XM parsing classes and self-encapsulated exception handling classes, A self-encapsulated log class. In the mainactivity diagram, the overall app page consists of three elements, each of which is actually composed of layout. XML structure. All UI controls, regardless of textview, scrollview, and linearylayout, are in layout. the definition in XML is not recommended to use code to write the UI, which is not suitable for uniform style definition.




Vi. app interface development: (updated on April 10, May 3)

After a few days of vacation, I was delayed. But it doesn't matter. It's enough to finish the app after a little time every day.
Previously I thought that the data storage adopts the XML method. I checked the data and found that it is more convenient to use fastjson. It can be saved as a. JSON file in fast serialization and mapped to an object in deserialization;
Therefore, it was converted to JSON storage and tested with high efficiency.

For interface development, I will not repeat it here. It is mainly divided into two pages. When the app on the first page opens, you can see the age group of your baby. You need to perform the next step based on the age group you want to check,

Click "Age selection" on the 2nd page to view a series of metrics;

0-6 years old baby Development Guide
Each stage of a baby's growth has specific development indicators. Based on these indicators, parents can determine the development of their children and do some auxiliary work to make the baby grow healthily.
Baby Development Guide includes the following main topics
1. Development Indicators (This section mainly describes the height, weight, sitting height, head circumference, bust, and other body organs of the baby in each age group)
2. Feeding points (describes how to supplement nutrition knowledge to children based on their age groups)
3. Key Points of care (mainly introduces the knowledge of sleeping, taking a bath, long child, defecation, shoes, and urine)
4. Disease Prevention (This section mainly introduces the prevention of some diseases or symptoms of children, so as to prevent them in a timely manner)
5. Intelligence Development (this article mainly introduces how new mothers can exercise their baby's physical movements, language ability, balance ability, object perception ability, and mathematical logic ability)
6. Cultivation of emotional intelligence (children's emotional development, interpersonal communication, and other psychological needs must be well understood and taken care of by their parents)
Application Support/Official Website: http://www.weibo.com/souapp
Email: souapp@163.com
Official application download link:
Http://www.souapp.com/site_media/SOUAPP_BabyFayu.apk