NASA 3! UI/UX Document

基本資訊

名字

學號

Discord ID

email

GitHub ID

張庭瑋

b13902107

alvingogo

accctw376@gmail.com

alvingogo

高翊恩

b13902149

ianneeddiamond

ianneeddiamond@gmail.com

曾承皓

b13902135

EverHow

b13902135@csie.ntu.edu.tw

UI Library

  • Figma: https://www.figma.com/design/umP3iq42zYgX8UtiL0R3cn/begin?node-id=0-1&p=f&t=zVVsyorYUAVmbhqD-0

工作站

  • 在 172.16.127.113 上有一個 git server 跟 mock client

  • client 用 uiux 登就可以看到

  • 跑 npm run storybook 就可以在 172.16.127.113:6006 上看到 storybook 頁面

Midterm Demo

https://docs.google.com/presentation/u/2/d/1SLt52yVQPrzNdxhQ6fEJmKJeuIO1WmvAaR5Nh7nGKkc/edit?usp=sharing

Printing

API

  • 登入：傳帳號密碼

    • 密碼要明文 / 非對稱加密

    • 登入後會回傳 cookie

  • query user 餘額：給 query session

  • 上傳檔案並列印：傳 post request 給 server，一次可以上傳多個檔案

  • query status：每五秒發 get request 到後端 / 按重新整理時發 request

需要的頁面

  • 登入

  • 上傳檔案

    • 現在有 docx / pdf

  • 看目前那份文件的 status

Mail

alias 是類似公告的東西：「如果你想要收到 tmp2 的下線通知請訂閱這個 alias」之類的

底下這段應該會跟 mail 組再討論一下之後把 layout 換成圖片

login 介面

使用者介面：

  • 功能是每個使用者自己選擇要訂閱什麼 alias

  • 要有 CD

  • 一個表格，每排是一個 alias 敘述跟一排選擇

    • 滑桿處理訂閱 <-> 不訂閱

  • send button：按下才會發 request to ldap

  • 要跳確認視窗

Admin 介面

  • 專門管理用的帳號（非學生帳號）

  • 功能是 add/modify/delete new alias 以及 view all alias

  • 介面跟學生差不多，多一個 edit

  • Edit:

    • description 一排

    • 所有使用者的刪除一排

    • 不同使用者看到的 description 會一樣

    • 加新的使用者

  • 刪除要跳確認視窗

會議記錄

會議記錄