網頁系統開發
Web Base System Programming

Spring, 2021

Instructor 連耀南 (Yao-Nan Lien)
時間 地點 星期三 6,8,9 (2:10pm-6PM) @ I627
Office I626
Phone 1811
E-mail yaonanlien@asia.edu.tw
Office Hours Thur 4-6PM, or By appointment or By Email
Text Book
  • 書名: 新觀念 PHP, MySQL, AJAX 網頁設計範例教本, 5th,
  • 作者:陳會安
  • 旗標出版社 書號:F6473
  • Class Note http://cehrry.cs.nccu.edu.tw/~lien/BCC.htm
    線上學習資源 網頁伺服器空間登入方式
    檔案上傳 及 HTML 網頁製作常見問題 MySQL 入口 PhP 接 MySQL
    修課名單 名單 All Students HW1 RGB 驗證 專題規劃書 期中考
     

    期末考 Teams Link
     
     
    https://teams.microsoft.com/l/meetup-join/19:6uClClTl8icgPNCirRB3PNfa7n1G48r3Pxbfo80NNWY1@thread.tacv2/1624428942006?context=%7B%22Tid%22:%22da140a55-a3ec-49de-889e-93c4e142a2fb%22,%22Oid%22:%227af7b6b8-278d-49d8-b608-85d1772d1e59%22%7D
     

    5/19 作業: 將專題所需的資料庫設計好,抱括 ER-Model 及綱要圖 (Schema) 放到規畫書裡面:
     

    自5/17 開始實施遠距教學 (請使用TronClass,每堂課用 QRcode 方式點名)
     

    教室上課時,固定座位,確實點名,以防萬一
     

    TronClass 點名 2PM 4PM 各點一次
     

    PHPMyAdmin 新增資料庫的問題
     
     
    請注意,資料庫是預先建好,不能新增 只能在現有資料庫上新增 Table
     

    期末考 繳交兩項專題成果,
     
     
    1. 系統規劃書 (webplan.htm)
     
     
    2. 實際系統 (webproject.htm)
     
     
    系統必須完成的項目
     
       
    1. 一般會員註冊,(必須能在前端檢查錯誤)
     
       
    2. 一般會員登入系統
     
      
    登入之後,系統要展示一個畫面,包含一些超連結連到一般會員所能執行的功能, 例如,掛號,查詢掛號,取消掛號,查詢各科,查詢醫師,查詢診間進度等
     
       
    3. 管理員登入系統
     
      
    登入之後,系統要展示一個畫面,包含一些超連結連到管理員所能執行的功能, 例如,列出所有會員,列出所有診間的進度,查詢某診間的總掛號數, 列出某診間今天未到診的掛號會員等。
     
       
    4. 管理員 印出所有註冊會員
     

    系統規劃書必要內容 (webplan.htm)

    系統名稱
    簡介
    成員及分工
    功能需求
    效能需求
    可靠度需求
    業務流程 (各項功能的操作方式)
    ER Model
    Database Schema
    人機介面設計
    輸入資料檢核: 例如 password 規則, ID 規則, 以及檢核所使用的 Regular Expression
     

    課程重點
     
     
    本課程之主要目標在介紹新一代網路應用觀念, 學習製作網頁式服務系統所需之程式設計語言、 工具及設計準則, 有效達成資訊之傳播與知識之累積。
     

    教學方式
     
     
    本課程採用混合式網路教學,藉由網際網路輔助課堂教學, 並採用隨堂練習,提高學習效率,最後以專案方式製作 一個網頁式服務系統作為成績評量依據。
     

    使用的程式語言
     
     
    HTML5, CSS, Javascript, PHP7, jQuery, MySQL
     

    課程進度

    1 2021/2/24 課程介紹,HTML 複習
    2 2021/3/3 人機互動原則, CSS
    3 2021/3/10 UI/UX, Javascript
    4 2021/3/17 Javascript, DOM Model
    5 2021/3/24 jQuery
    6 2021/3/31 RWD and Bootsrap
    7 2021/4/7 HTML-Form and CGI
    8 2021/4/14 PHP
    9 2021/4/21 期中考 Midterm
    10 2021/4/28 關聯式資料庫
    11 2021/5/5 ER Model
    12 2021/5/12 SQL
    13 2021/5/19 SQL
    14 2021/5/26 PHP + MySQL
    15 2021/6/2 Integrity Constraint
    16 2021/6/9 資料庫設計與正規化
    17 2021/6/16 資料庫系統與交易系統
    18 2021/6/23 期末口頭報告
    學期成績評量方式
    平時參與 10%
    期中考 40%
    期末專案 50%
     
     
    專案
     
       
    以 HTML 製作一個與光通系專業相關網頁系統,必須用到後端程式及資料庫
     
       
    每位學生的專題檔案位址為 210.70.80.111/學號/webproject.htm
    專案評分標準
    原創性20%
    完整性40%
    功能性40%