袁震森 李旭芳 南瑞娟 覃英欣
摘 要 為了解決當前眾多托育網(wǎng)站不能精確定位用戶的需求,為家長提供一個查找、了解托育機構(gòu)的平臺。無憂托育網(wǎng)站基于個性化的特點,前臺采用Bootstrap,后臺采用Wampserver64中提供的Mysql數(shù)據(jù)庫進行數(shù)據(jù)庫設(shè)計與管理,以實現(xiàn)用戶可以根據(jù)自己的需要個性化查詢到真正符合自己需求的托育機構(gòu),并直觀看到托育機構(gòu)的信息,利用較短的時間選擇合適的機構(gòu)等功能。
關(guān)鍵詞 無憂托育網(wǎng)站 個性化服務
中圖分類號:TP311文獻標識碼:A
0引言
2015年10月中共十八屆五中全會決定:堅持計劃生育的基本國策,完善人口發(fā)展戰(zhàn)略,全面實施一對夫婦可生育兩個孩子政策,積極開展應對人口老齡化行動。全面二孩政策實施帶來托育需求持續(xù)增加,黨的十九大報告把“幼有所育”作為保障和改善民生的重要內(nèi)容。同時,隨著人們知識水平的提高,生活質(zhì)量得到了一定的保證,越來越多的父母更加希望自己的孩子得到更好的教育。為此,父母對孩子的學前教育,早教等倍加關(guān)注。在當今互聯(lián)網(wǎng)快速發(fā)展的時代,越來越多的父母會利用互聯(lián)網(wǎng)獲取托育服務行業(yè)中各種托育機構(gòu)的信息,然后結(jié)合自己家庭情況以及自己對孩子的規(guī)劃,為自己的孩子選擇一個適合孩子進行學前教育或者才藝教育。
無憂托育網(wǎng)能夠解決當前眾多托育網(wǎng)站不能精確定位用戶的需求,有利于家長能夠利用較短的時間為自己的孩子選擇合適的托育機構(gòu)。而托育機構(gòu)的信息查詢是網(wǎng)站最重要的功能,信息查詢實現(xiàn)個性化,給用戶提供更加符合自身的服務。便捷的操作流程,簡潔的頁面,準確定位用戶的需求,無憂托育網(wǎng)站實現(xiàn)了提供個性化查詢的功能,提高了用戶的查詢效率。
1網(wǎng)站設(shè)計
1.1網(wǎng)站功能結(jié)構(gòu)設(shè)計
根據(jù)無憂托育網(wǎng)的使用步驟和用途分析,將系統(tǒng)分為用戶管理模塊、信息查詢模塊、評論模塊三大主要部分。(1)用戶管理模塊為使用者的個人隱私問題提供了保障,其具體功能分為用戶賬號注冊、用戶賬號登錄、賬號密碼修改、評論管理四大功能。用戶賬號登陸將對每一位用戶設(shè)置各自的權(quán)限,保證了用戶信息的安全;用戶信息管理可以對用戶的個人信息進行修改,同時可以對自己發(fā)表的評論進行管理。(2)信息查詢模塊為用戶提供個性化的服務,具體功能分為托育機構(gòu)查詢、親子活動查詢兩部分。其中托育機構(gòu)查詢又分為托育類型、機構(gòu)類別、適應階段、價格范圍、所屬區(qū)域查詢。如此個性化的設(shè)計主要是為了給用戶提供更適合他們要求的托育機構(gòu),同時能夠快速地找到合適的托育機構(gòu)。親子活動查詢部分還包括價格范圍、所屬區(qū)域查詢和關(guān)鍵字查詢。這個模塊主要給用戶提供有關(guān)孩子與父母交流或者活動的一些方式以及根據(jù)孩子的一些特征為其打造一些活動。(3)評論模塊為用戶提供一個管理自己對托育機構(gòu)評價的平臺,具體功能主要包括添加評論和評論點贊。無憂托育網(wǎng)站的主要功能模塊如圖1所示:
1.2網(wǎng)站界面結(jié)構(gòu)設(shè)計
無憂托育網(wǎng)主要是為了實現(xiàn)用戶快速查詢到符合自己需求的托育機構(gòu)信息,所以本網(wǎng)站的界面主要是以簡約為主要設(shè)計風格。這樣的界面設(shè)計在實現(xiàn)查詢、預約、報名等功能的前提下,可以為用戶減少查詢的時間,以提高效率。
1.3數(shù)據(jù)庫設(shè)計
本網(wǎng)站的數(shù)據(jù)庫表主要包括用戶登錄表、日志表、托育機構(gòu)信息表、親子活動表、評論表。其中用戶登錄表用來存儲用戶注冊信息,日志表用來存儲用戶的登錄日期和次數(shù),托育機構(gòu)信息表用來存儲托育機構(gòu)信息,親子活動表用來儲存親子活動的相關(guān)信息,而評論表主要是為了存儲用戶對活動和機構(gòu)的評論記錄。各表之間關(guān)系如圖2所示。
1.4網(wǎng)站開發(fā)環(huán)境
該網(wǎng)站開發(fā)該網(wǎng)站開發(fā)使用的是Microsoft Windows 10平臺,網(wǎng)站開發(fā)所使用的的軟件是Wampserver64、Dreamweaver、Navicat Premium 12,使用Dreamweaver進行PHP等相關(guān)頁面設(shè)計,采用Navicat Premium 12 數(shù)據(jù)庫管理器處理數(shù)據(jù)庫信息。Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計工具,使用Dreamweaver在設(shè)計動態(tài)網(wǎng)頁時,所見即所得的功能,不需要透過瀏覽器就能預覽網(wǎng)頁。Navicat Premium是一個可多重連接的數(shù)據(jù)庫管理工具,它可讓你以單一程序同時連接到MySQL、Oracle、PostgreSQL、SQLite 及 SQL Server數(shù)據(jù)庫,讓管理不同類型的數(shù)據(jù)庫更加方便。
1.5無憂托育網(wǎng)的特點
為了使無憂托育網(wǎng)具有較高的應用價值,開發(fā)時在注重功能強大的同時,關(guān)注便捷性、實用性、針對性和安全性,這些特征形成了無憂托育網(wǎng)的重要特點。作品在設(shè)計方式的創(chuàng)意是采用模塊化設(shè)計,根據(jù)內(nèi)容和動作指令設(shè)計模塊功能的,由下至上的設(shè)計思路。
1.5.1便捷性
本網(wǎng)站主要界面簡單,操作大部分都通過按鈕完成,主界面附上“幫助”按鈕,幫助信息的構(gòu)造采用分層式幫助,人性化地為使用者提供操作說明書。能夠快速查詢不同類型的托育服務機構(gòu),初次使用者也能很容易上手。
1.5.2實用性
本網(wǎng)站適合不同的家長使用,在網(wǎng)站上可以快速獲取托育機構(gòu)的詳細信息,能夠準確為用戶定位到符合要求的機構(gòu)。從而解決了用戶過度浪費于查詢合適教育機構(gòu)的時間以及提高家長對托育機構(gòu)的滿意度。
1.5.3針對性
本網(wǎng)站主要是為托育服務而建立,這樣可以更加全面和系統(tǒng)化滿足用戶對托育服務的需求,增加用戶的滿意度。
1.5.4安全性
登陸用戶賬號,個人數(shù)據(jù)采用本地保存的方式以保護用戶錄入信息的安全性。用戶在網(wǎng)站的操作都會被網(wǎng)站自動保存,方便用戶管理個人信息。修改密碼使用“原密碼-新密碼-確認密碼”的流程在保證信息安全的情況下使用戶輕松修改。
2主要實現(xiàn)技術(shù)
2.1主要技術(shù)的應用
該網(wǎng)站主要運用Bootstrap(框架)進行頁面架構(gòu)的設(shè)計,使用Wampserver64中的Mysql作為數(shù)據(jù)庫。Bootstrap是基于HTML、CSS、JavaScript的,它簡潔靈活,使得Web開發(fā)更加快捷,是一個CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范,它即是由動態(tài)CSS語言Less寫成,所以在頁面設(shè)計方面提供了強大的功能和豐富的工具。用Bootstrap作為網(wǎng)站的前端框架,Wampserver處理的MySQL作為后端,即數(shù)據(jù)庫前端是一個計算機應用程序,用該程序選擇數(shù)據(jù)庫中的數(shù)據(jù)項,加以排版簡潔美觀地顯示出來。
2.2信息個性化查詢設(shè)計
信息查詢模塊為用戶提供個性化的服務,具體功能分為托育機構(gòu)查詢、親子活動查詢兩部分。根據(jù)用戶對托育機構(gòu)的特色需求,所以查詢模塊采用多種查詢結(jié)合的方式,從而定位到滿足用戶需求的網(wǎng)站信息界面,并在頁面上高亮關(guān)鍵字。實現(xiàn)此功能的主要代碼為:
2.3信息個性化查詢的實現(xiàn)
(1)模糊查詢實現(xiàn)個性化查詢:在托育機構(gòu)查詢界面,輸入查詢字,下方即顯示包含此查詢字的托育機構(gòu)信息,并以其他顏色進行高亮,更加醒目。
(2)可使用關(guān)鍵字進行查詢:在查詢界面上方,可以使用關(guān)鍵字進行查詢,包括托育類型、機構(gòu)類別、適應階段、價格范圍以及區(qū)域選擇進行查詢,可以更快地查詢到符合自己需求的托育機構(gòu)信息。
(3)可以使用模糊查詢和關(guān)鍵字查詢相結(jié)合,從而提高查詢效率,更快速定位到相關(guān)頁面。
3總結(jié)
本網(wǎng)站設(shè)計并實現(xiàn)了基于個性化定制的托育網(wǎng)站,希望用戶可以通過使用本網(wǎng)站,解決不能精確定位用戶的需求的問題,從而提高用戶的查詢效率,節(jié)約用戶時間成本。本網(wǎng)站目前只實現(xiàn)了評論的功能,尚未實現(xiàn)論壇交流的功能,隨著用戶對托育機構(gòu)信息需求的增大,將來可以進行完善,實現(xiàn)論壇交流的功能,從而讓用戶可以更加充分了解托育機構(gòu),更好地滿足用戶的需求。
參考文獻
[1] 李曉斌等.PHP+MySQL+Dreamweaver網(wǎng)站建設(shè)[M].北京:機械工業(yè)出版社,2016.
[2] 賈小娟.基于心智模型的兒童網(wǎng)站設(shè)計研究視覺傳達[J].設(shè)計,2015(04):105-106.
[3] 段玲玲,史文佳.全民閱讀背景下在線閱讀平臺的設(shè)計與實現(xiàn)[J].電腦知識與技術(shù),2017(24):71-73.
[4] 潘國榮.基于JSP,JavaBean,Servlet實現(xiàn)模式的增刪改模塊的設(shè)計與實現(xiàn)[J].信息通信,2017(08):101-103.
[5] 傅宏智,王靜玉.基于個人興趣的新聞推送網(wǎng)站設(shè)計與實現(xiàn)[J].信息與電腦,2018(23):73-74.