劉麗娟 薛婉婷

(內(nèi)江師范學(xué)院 四川 內(nèi)江 641100)

一、引言

疫苗接種是每個(gè)新生兒必不可少的一個(gè)環(huán)節(jié)?？墒沁@么多年以來，在幼兒疫苗接種中出現(xiàn)的由于疫苗接種次數(shù)及時(shí)間的不同、醫(yī)院疫苗庫存不足、家長當(dāng)天無法帶孩子前往接種等問題導(dǎo)致幼兒漏打疫苗的現(xiàn)象屢見不鮮。家長們迫切需要一種方式來防止幼兒漏打疫苗現(xiàn)象的發(fā)生。

隨著當(dāng)今時(shí)代的不斷進(jìn)步以及互聯(lián)網(wǎng)的不斷發(fā)展，手機(jī)中的各類App解決了人們對(duì)各類問題的需要，手機(jī)上的各種應(yīng)用程序已經(jīng)成為服務(wù)我們?nèi)粘Ｉ钏豢苫蛉钡囊徊糠?。通過在手機(jī)端設(shè)計(jì)出一款能夠方便快捷的查看幼兒疫苗接種信息、及時(shí)提醒家長帶自己的子女去醫(yī)院進(jìn)行疫苗接種、簡潔明了的顯示醫(yī)院疫苗庫存信息、在線預(yù)約接種時(shí)段等功能的App，可以減少幼兒漏打疫苗現(xiàn)象的發(fā)生。

二、技術(shù)和平臺(tái)

(一)APICloud Studio 2

APICloud Studio 2是一個(gè)受前端開發(fā)人員歡迎的應(yīng)用程序集成開發(fā)工具，適用于前端開發(fā)。它基于前端工程師首選的開源且具有簡介和直觀的圖形用戶界面的文本編輯器所深度定制，與APICloud云平臺(tái)提供的各種服務(wù)和開發(fā)模式相結(jié)合，既可在APICloud Studio 2上編寫相應(yīng)代碼，也可引用云平臺(tái)各個(gè)模塊完成App的設(shè)計(jì)，是一款貨真價(jià)實(shí)的移動(dòng)應(yīng)用程序快速開發(fā)工具。

(二)開發(fā)模式和技術(shù)語言

APICloud應(yīng)用程序的開發(fā)模式是使用標(biāo)準(zhǔn)的HTML、CSS和JavaScript+APICloud擴(kuò)展API來進(jìn)行應(yīng)用程序的開發(fā)。應(yīng)用程序在開發(fā)工具上開發(fā)使用的是標(biāo)準(zhǔn)的HTML5技術(shù)，由于在開發(fā)過程中并不是所有的功能都可以通過HTML5技術(shù)實(shí)現(xiàn)，為了完成這些HTML5技術(shù)無法實(shí)現(xiàn)但用戶或開發(fā)者又有所要求的功能。APICloud通過在云服務(wù)端提供多個(gè)模塊插件和API，利用開發(fā)工具與APICloud數(shù)據(jù)云服務(wù)相結(jié)合的特點(diǎn)，完善HTML5所無法實(shí)現(xiàn)的功能，滿足用戶對(duì)應(yīng)用程序的開發(fā)需求。

(三)APICloud開發(fā)應(yīng)用理念

APICloud開發(fā)應(yīng)用的理念是通過HTML、CSS、JavaScript+APICloud擴(kuò)展API的方式來進(jìn)行的。以這種簡化的技術(shù)開發(fā)，但同時(shí)要保證開發(fā)的App的功能、性能和體驗(yàn)，能夠達(dá)到原生的要求。所以，一個(gè)關(guān)鍵的因素就是APICloud引擎支持Native+HTML5的混合渲染。APICloud通過5大組件對(duì)整個(gè)App的UI結(jié)構(gòu)進(jìn)行了定義，在渲染機(jī)制上與原生應(yīng)用的分層渲染一致，并且支持Native和HTML5的混合渲染，從而保證用APICloud開發(fā)的App的渲染效果和體驗(yàn)。

三、幼兒接種App的功能需求

在本App中通過使用APICloud數(shù)據(jù)云實(shí)現(xiàn)App的登陸注冊(cè)功能，使用戶可以在本App上進(jìn)行登錄和注冊(cè)操作，用戶所創(chuàng)建的賬號(hào)數(shù)據(jù)存儲(chǔ)于APICloud數(shù)據(jù)云中。用戶登陸成功后，跳轉(zhuǎn)到本App的首頁，在首頁的左上角用戶可以選擇所在城市，首頁默認(rèn)顯示疫苗信息界面。疫苗信息頁可以查看各種疫苗的詳細(xì)信息、疫苗庫存以及所在醫(yī)院、實(shí)現(xiàn)上拉刷新和下拉加載更多功能。

在App首頁右上角，有個(gè)人中心圖標(biāo)，用戶可以點(diǎn)擊該圖標(biāo)進(jìn)入個(gè)人中心頁。個(gè)人中心頁可以查看自己的賬號(hào)情況、上傳頭像、查看預(yù)約、查看App通知消息、查看收藏、跳轉(zhuǎn)接種信息頁查看接種信息和意見反饋等功能。

個(gè)人中心底部擁有三個(gè)圖標(biāo)按鈕，左下角設(shè)置按鈕可以退出登錄、清除緩存和查看App關(guān)于信息；底部中央消息按鈕可以查看App通知消息，右下角客服按鈕可以聯(lián)系客服。

首頁點(diǎn)擊在線預(yù)約可進(jìn)入預(yù)約頁，填入預(yù)約信息后可在門診通知頁查看預(yù)約情況和通知。預(yù)約頁可以輸入寶寶姓名及家長電話、選擇所在區(qū)域、設(shè)置具體地址和選擇所要預(yù)約接種的疫苗類型。

點(diǎn)擊接種信息可進(jìn)入接種信息頁查看幼兒接種信息，點(diǎn)擊家長課堂可進(jìn)入家長課堂頁查看育兒相關(guān)知識(shí)和接種常識(shí)。

四、系統(tǒng)設(shè)計(jì)

(一)系統(tǒng)設(shè)計(jì)目標(biāo)

在系統(tǒng)分析的基礎(chǔ)上，設(shè)計(jì)出能滿足用戶需求的應(yīng)用程序的過程。系統(tǒng)設(shè)計(jì)內(nèi)容主要包括：確定應(yīng)用的開發(fā)方式和構(gòu)建方法，將應(yīng)用中不同功能部分分解為各個(gè)互相連接的窗口，確定各個(gè)窗口的設(shè)計(jì)目標(biāo)、功能及相互跳轉(zhuǎn)的方式，決定對(duì)各個(gè)窗口的管理體系和控制模式，對(duì)各個(gè)窗口不同功能各個(gè)框架進(jìn)行技術(shù)劃分和設(shè)計(jì)，對(duì)整個(gè)應(yīng)用的不同模塊進(jìn)行技術(shù)劃分和設(shè)計(jì)等。

本系統(tǒng)的設(shè)計(jì)目標(biāo)是建立一個(gè)幼兒疫苗接種App軟件，可以滿足用戶在疫苗接種方面查看疫苗信息、查看接種信息和在線預(yù)約接種的功能，減少嬰幼兒漏打疫苗現(xiàn)象的發(fā)生。

用戶界面各個(gè)結(jié)構(gòu)清晰明確，在美觀的同時(shí)又含有幫助用戶操作的提示圖標(biāo)，從而方便用戶使用。經(jīng)過精心設(shè)計(jì)，每一步的操作都更加符合用戶的需求，在簡單的操作下隱藏了繁瑣的后臺(tái)數(shù)據(jù)操作過程，使系統(tǒng)的布局不僅方便美觀還可靠安全。

本系統(tǒng)運(yùn)用當(dāng)下安全、穩(wěn)定、可靠的網(wǎng)絡(luò)技術(shù)以及值得信賴且穩(wěn)定的開發(fā)工具進(jìn)行開發(fā)，保證了系統(tǒng)的安全性和可靠性。系統(tǒng)本著用戶友好的原則，充分完善用戶所需的要求，處處為用戶著想。

(二)數(shù)據(jù)庫設(shè)計(jì)

運(yùn)用APICloud數(shù)據(jù)云構(gòu)造后臺(tái)數(shù)據(jù)，APICloud數(shù)據(jù)云簡化了后端的生成和部署，而且運(yùn)用APICloud數(shù)據(jù)云可以方便開發(fā)者采用圖形界面操作的方式，方便快捷地建立數(shù)據(jù)庫、表、業(yè)務(wù)模型和相關(guān)API，這極大地簡化了后端的開發(fā)。

(三)APICloud云端模塊使用設(shè)計(jì)

運(yùn)用UIScrollPicture模塊實(shí)現(xiàn)疫苗圖片輪播效果(通常，App的首頁新聞或廣告輪播展示是無限循環(huán)自動(dòng)播放的，使用本模塊可以快速實(shí)現(xiàn)相同功能)。

使用UIInput模塊實(shí)現(xiàn)再打開新的頁面后，會(huì)立刻彈出鍵盤(如登陸注冊(cè)、評(píng)論、聊天等頁面)。

使用UIActionSelector模塊做出一個(gè)城市地區(qū)選擇器、醫(yī)院部門選擇器或菜單選擇器。

五、結(jié)語

通過研究幼兒疫苗接種的國內(nèi)研究現(xiàn)狀及目前幼兒疫苗接種中存在的問題，為幼兒疫苗接種App的研究和設(shè)計(jì)奠定了基礎(chǔ)。其次，對(duì)當(dāng)前網(wǎng)絡(luò)環(huán)境下疫苗接種App的組成結(jié)構(gòu)、運(yùn)行方式、運(yùn)用的技術(shù)和具體實(shí)現(xiàn)方式進(jìn)行了深入的研究，根據(jù)當(dāng)前主流App的設(shè)計(jì)思想和布局方式實(shí)現(xiàn)整個(gè)應(yīng)用的研究和設(shè)計(jì)，可以為類似App的設(shè)計(jì)提供一定的參考價(jià)值。