背景說明
在眾匯智能公司和同學們一起實習的第一天,公司高層有和我們開會,給予我們三人的任務是"以吸引重視健康的人們為目標,開發一個醫療論壇"。
我們和公司高層討論過後,大致確認這個網站中要有哪些功能,以及日後要給公司正職員工參考我們做的網站,讓他們去開發正式的網站。
實習期間有一位正職員工負責指導我們,盡量在每天下班之前來看我們的進度並提出建議。
專案開發流程
競品分析
我們分析了一些論壇、社群平台與健康資訊文章網站,觀察它們的優勢、架構與內容。
人物誌
我們歸納出一些常見話題,並利用雛型人物誌列出幾種使用者的行為、需求與目標。
功能地圖
我們利用功能地圖來列出論壇的功能與使用者。功能分為四個種類,帳號、文章、留言、追蹤;使用者有兩種,訪客和會員。訪客只能閱讀文章和留言,訪客註冊帳號並登入後才可以使用所有的功能。
實體關係模型圖
我根據功能地圖列出需要儲存的資料、繪製實體關係模型圖。
介面流程圖、功能流程圖
我們在製作這兩個流程圖的時候,有將其中的頁面分成三種:
- 登入前就能看到的頁面
- 登入後添加功能的頁面
- 登入後才能看到的頁面
線框圖、視覺稿
兩位同學先在紙上畫出線框圖,經過一番討論後,再用 Figma 製作視覺稿。
開發
兩位同學負責前端,我負責後端。我的後端任務是:
- 資料:建立資料表
- 頁面:將可重複使用的網頁區塊分割成獨立的檔案再使用
- 帳號:註冊帳號並為密碼加鹽,檢視、修改帳號資料
- 文章:新增、檢視、編輯、刪除、收藏文章
- 留言:新增留言
- 追蹤:追蹤其他會員
結果報告
在實習結束前,我們有向公司做結果報告,展示網站製作過程中的各階段相關文件,以及現場操作網站。
遺憾
在人物誌階段,我們有注意到醫療相關議題牽涉到專業,或許並不是可以在論壇中透過討論得到答案的話題。
公司的主要商品是健康檢查和醫師諮詢等服務。在功能地圖階段,我們有嘗試思考獲利方法,例如針對使用者的文章內容推薦對應症狀的健康檢查,不過因為時間和能力都有限,未能在網站中實作。
在開發階段,由於當時不知道前後端分離的概念,也不知道建立分支、各自開發、合併分支的版本控制協作流程,有出現前端和後端同時修改同一個檔案的情況。為了整合三人的程式碼花了不少心力。
我們做的網站並未實際上線,公司後續也沒有推出相關網站。