在現今的時代，資訊化已成為各行業的基礎，而網站的規劃與建置需求也愈來愈高，需要更加仔細的考慮，網站能為我們做些什麼？能提供什麼樣的功能？然而國內部分網站仍停留於單純的顯示資訊與新增、修改、刪除資料等方式，有些甚至是紙本人工作業，缺少了平台化、標準化與管理者和使用者之間的「互動性」。為了能更加明確與更有幫助的建置具有高「互動性」網站，本論文與精英國際教育集團及新北市公立托育中心合作，希望藉由專業的知識協助與理解目前業界工作流程，進而設計並實作出符合業界實際需求之具高互動性網頁管理平台。
本論文提出了「親子照護平台」的設計與實作，將具高互動網站以服務平台的方式呈現，並在服務平台上設計出五大功能模組分別為「前台服務模組」、「後台管理模組」、「訊息服務模組」、「操作紀錄模組」、「排程管理模組」。此服務平台支援手機、平板、筆記型電腦和桌上型電腦等各種設備上網使用，並提高使用者對親子機構的資訊獲取管道、管理者對使用者需求的掌握的和管理者與使用者之間的互動性，且保留網站的彈性令未來可以依照需求進行擴充。

In today's era, information technology has become the basis of various industries, and the site planning and construction needs are getting higher and higher, the need for more careful consideration, the site can do for us? What kind of function can be provided? However, some domestic websites still remain in the form of simple display information and addition, modification, and deletion of data. Some even work on paper, lacking platformization, standardization, and "interaction" between managers and users. In order to be more clear and more helpful in building a highly interactive website, this paper works with Elite International Education Group and New North City Public Care Center. It is hoped that with professional knowledge to assist and understand the current industry workflow, we will design and implement a highly interactive web management platform that meets the actual needs of the industry.
    This paper proposes the design and implementation of the "Parent-child care platform", which presents a highly interactive website in the form of a service platform,  and designs five functional modules on the service platform are the "front-end service module", "background management module", "message service module", "operation record module" and "schedule management module". This service platform supports various devices such as mobile phones, tablets, notebook computers and desktop computers, and improve the user's access to the parent-child information, the manager's grasp of the user's needs, and the interaction between the manager and the user, and retaining the flexibility of the website allows the future to expand as needed.

目錄
第一章、簡介	1
第二章、相關研究	6
2-1	提高開發效率	6
2-2	具擴充性	7
2-3	高效率的資源管理	8
第三章、背景知識	10
3-1	Windows 10作業系統	10
3-2	Python後端開發語言	11
3-3	HTML、CSS和JS前端開發語言	12
3-4	Django網頁框架	13
3-5	PyCharm開發環境	13
3-6	FCM推播服務：	14
第四章、系統架構與功能	15
4-1	系統架構	16
4-2	模組架構	17
4-3	軟體介面	19
4-4	MTV架構流程	20
4-5	資料庫	22
4-6	模組功能	25
4-6-1	前台服務模組與後台管理模組	26
4-6-2	訊息服務模組	38
4-6-3	操作紀錄模組	41
4-6-4	排程管理模組	44
第五章 、網站效能分析	47
5-1	測試網站效能工具	47
5-1-1	Google PageSpeed Insights	47
5-1-2	Pingdom Website Speed Test	48
5-1-3	GTmetrix	49
5-1-4	WebPagetest	51
5-2	推播效能測試	52
第六章 、結論	54
參考文獻	55
附錄—英文論文	57
I.	Introduction	58
II.	Related work	60
III.	System architecture	62
A.	System architecture	62
B.	Module architecture	63
C.	Software interface	64
D.	MTV Architecture Process	64
E.	Database	65
IV.	Conclusions	66
V.	Reference	67
  
圖目錄
圖 1. 手機用戶數	1
圖 2. 網民行動上網率趨勢圖	2
圖 3. 網購消費占總消費比例	3
圖 4. 平台服務架構圖	15
圖 5. 親子照護平台關聯架構圖	16
圖 6. 親子照護平台層級架構圖	17
圖 7. 軟體介面圖	19
圖 8. MTV架構流程	21
圖 9. 專案部分實體聯繫模型	22
圖 10. Python語法的Django Model格式	23
圖 11. 親子照護平台模組架構圖	25
圖 12. 前台服務模組與後台管理模組資料表關聯圖	27
圖 13. 前台服務模組與後台管理模組	28
圖 14. 註冊會員、登入會員與管理會員	29
圖 15. 查詢課程、報名課程與管理課程	31
圖 16. 查詢教師與教師管理	33
圖 17. 查詢機構與機構管理	35
圖 18. 意見交流與意見交流管理	36
圖 19. 訊息服務模組關聯圖	38
圖 20. 訊息服務模組	39
圖 21. 使用訊息服務	40
圖 22. 操作紀錄模組資料表關聯圖	41
圖 23. 操作紀錄模組	42
圖 24. 操作紀錄模組運行流程	43
圖 25. 排程管理模組資料表關聯圖	44
圖 26. 排程管理模組	45
圖 27. 排程管理模組運行流程	46
圖 28. Google PageSpeed Insights效能評估	48
圖 29. Pingdom Website Speed Test效能評估	49
圖 30. GTmetrix效能評估	50
圖 31. WebPagetest效能評估	52
圖 32 推播傳輸時間(秒)	53  

表目錄
表1. 本論文與相關研究使用Django Web框架特性	8
表2. MVC架構與MTV架構比對表	20
表3. Django與SQL語法比較	24

[1]. 台灣NCC：2016年第4季台灣手機總用戶數達到2892.9萬，普及率高達126% https://www.ncc.gov.tw/chinese/news_detail.aspx?site_content_sn=2017&cate=0&keyword=&is_history=0&pages=0&sn_f=40408

[2]. 資策會MIC：2016年時已達到17.8％https://mic.iii.org.tw/IndustryObservations_PressRelease02.aspx?sqno=464
 
[3]. 台灣上網民眾行動上網率在2017年已經達到85.3%
https://www.twnic.net.tw/download/200307/20170721e.pdf

[4]. D.V. Annenkov, E.A. Cherkashin, “Generation Technique for Django MVC Web Framework Using the Stratego Transformation Language,” in Proc. IEEE MIPRO, Opatija, Croatia, 20-24 May 2013

[5]. Chunxia Yang, Yunyang Yan, Quanyin Zhu, “The Face Database Development of Science and Technology Expects Based on Web Mining,” in Proc. IEEE 2012 Fourth International Conference on Multimedia Information Networking and Security, Nanjing, China, 2-4 Nov. 2012

[6]. Tullio Facchinetti, Guido Benetti, Moses A. Koledoye, Gianluca Roveda, “Design and Implementation of a Web-Centric Remote Data Acquisition System,” in Proc. IEEE ETFA, Berlin, Germany, 6-9 Sep. 2016

[7]. Jian Chou, Lin Chen, Hui Ding, Jingxuan Tu, Baowen Xu, “Efficient Resource Management on Template-Based Web Servers,” in Proc. IEEE 2009 IEEE/IFIP International Conference on Dependable Systems & Networks, Lisbon, Portugal, 29 June-2 July 2009

[8]. Qingxia Kong, Yang Cai, Quanyin Zhu, “The Case Study for the Basic Information Service of Job Post Resource Based on Web Mining,” in Proc. IEEE CSSS, Nanjing, China, 11-13 Aug. 2012

[9]. Windows 10
https://zh.wikipedia.org/wiki/Windows_10

[10]. Python
https://zh.wikipedia.org/wiki/Python

[11]. HTML
https://zh.wikipedia.org/wiki/HTML

[12]. CSS
https://zh.wikipedia.org/wiki/%E5%B1%82%E5%8F%A0%E6%A0%B7%E5%BC%8F%E8%A1%A8

[13]. JavaScript
https://zh.wikipedia.org/wiki/JavaScript

[14]. Django
https://zh.wikipedia.org/wiki/Django

[15]. PyCharm
https://zh.wikipedia.org/wiki/PyCharm

[16]. Firebase Cloud Messaging
https://zh.wikipedia.org/wiki/Firebase%E4%BA%91%E6%B6%88%E6%81%AF%E4%BC%A0%E9%80%92