Try   HackMD
tags: NTUEE+

NTUEE+ 網頁分工

回MD首頁

beta回饋

bug

  • fb手機chrome無法登入 (已修復)
  • career的Recruitment和Recommandation(我就爛那一頁)有些電腦圖片會跑掉
  • profile edit按下去後新+的work exp不能輸入，要再按一次才能輸入

建議

  • 註冊按鈕要再明顯
  • "or login with…"只有一個選項先不要刪節號(這個的顏色好像也點太淡了，不容易發現他)
  • register時Qestion和照片要拔掉，FAQ和preview也是
  • profile head/edit應該要固定
  • edit再明顯一點，沒按edit前不顯示+號和update按鈕
  • edit按下後建議變成update
  • 留學的excel加入導覽頁面，介紹名詞和代號(O/A不夠明顯)，凍結第一欄
  • About在/in也應該顯示
  • Register時選填private信箱並說明功用(忘記密碼)
  • Job ID先拔掉
  • 封面 (NTUEE+)很醜。字體很醜。

稱讚

  • headshot雙關(?)很好笑

beta 待辦(start 9/1)

  • 拔掉console
  • 前端
    • 擋Auth
    • 拔安全問題(login change、reg
    • reg照片、安全問題拔掉；profile JobID拔掉
    • merge column
    • ResetPassword的按鈕字太大
    • Policy的排版?
  • 後端
    • 拔掉reg照片
    • 拔掉/api/chLogin
    • docker
    • 寫script把column複製到主機的mongoDB
      • 用 npm run reset-db
    • https憑證
    • facebook 手機板問題

資訊部的建議

  • 等預選系統架好後請他幫忙
  • 手機板版面不能跑掉
  • 網站title和logo
  • 前端可套模板(自動做responsive)
    • material ui(因為react已經包好，可能要改很多東西
    • bootstrap
  • 裝eslint跟prettier，規定coding style
  • 圖片load太久/github clone太久
    • 不用那麼大張(壓縮
    • optimizer優化

學長們的建議

  • profile加組別(11個組)、tag
  • ntuee chain 留學交流功能應該開個專區放心得文
  • 開源，系友可發issue

Frontend

  • 君輔想到的一些工作

    • 目前session到期會自動logout，那再login希望跳到之前的畫面(現在預設是home
    • webpack debug( recruitment )

  • Search 外觀及功能部份

    • 外觀部份指的是搜尋結果的呈現以及動畫效果之類的
    • 功能部份則是自製一個selector，使得選項不會重複出現，之前有寫但有bug，待修正
    • 負責人:
      • 王友廷

  • Add Recruitment/Recommendation

    • 兩個差不多，就是寫一個可以在最上面滑出的component，供增加職缺/履歷使用
    • 負責人:
      • 陳俊廷

  • 整個前端的檔案整理

    • 套coding style rule
    • 將檔案架構列出並使其更加直覺清晰
    • 實裝prettier
    • 負責人:
      • 王友廷

  • Column 套 Bootstrap

    • 進行中
    • 負責人:
      • Column_block :黃靖傑
        • 將bootstrap的column功能加入，解決不同螢幕大小時發生的錯誤。
        • 建議
          • 我在src/in/style中加入常用色彩和字體，希望之後可以被其他頁面引用，用來統一色調，當然我覺得顏色可以再慢慢調整。
          • 由於intro字有點多，有時很佔版面（尤其是手機版）因此希望將intro資訊移動到Column_text中以簡化Column_block頁面，反正字多的東西要真正想看的人才會點開來看嘛
          • 若是擔心intro部分刪去導致在欄位資訊不夠，可以改成在Column_block上顯示hashtag來讓人對內容一目了然
          • 現在的column_block資訊都是內刻在.js當中，代表是不是我們可以對輸入的json格式進行修改，像我就希望在原本讀入的title格式分成title和subtitle兩個property分別讀入
        • 疑問
          • 在column_block底下的每篇文章的所有Component都有自己的id，像title, anno, intro 都有自己的id，這些id的作用是什麼。因為如果是用來辨識css的話，我後來都用class完成了，然後如果是用來搜尋的話，在block的層級加上id就夠了，好像不用底下的每一個都加上一個id的property… 我在想如果沒有特定的用法的話我可不可以適當地進行刪減。
        • 回覆
          • 當初這麼多id好像是怕有些特別狀況發生，但現在應該可以將它刪掉了，我之後也會把之前的code做同樣修正
          • Json部分行阿，當初是因為都沒有人有意見所以我才隨便弄了一個，現在情況更為複雜，所以可以更動資料結構，只是之後要一個一個改就是XD
        • github branch: columnBlock
      • Column_text :陳亮君
        done:
        1.字體大小
        2.標題文字
        3.hashtag隱藏
        4.新增簡介和副標
        todo:
        1.將intro 文字移植到 page裡（1912,1910,1909已完成）
        2.同上，更改subtitle

  • 小畫家功能（？

    • 給大頭貼或是照片修正用，應有相關套件可使用

  • in/out 首頁動畫

  • 外部背景動畫效果

  • 內容頁數問題

    • 比如Column Search等大量資料應分頁顯示 如每十個一頁等

Both

  • 安全性
    • 工作內容：
      • 確保out拿不到in的檔案(現在的方法好像有點暴力)
      • post的加密(要不要寫個/post.js統一管理?
      • validation(檢查有沒有漏掉的或bug
      • 廣哥建議：fb拔掉https
    • 可能的負責人：
      • 陳映樵(有資安經驗)
      • 鐘郁翔(給你的人力

Backend

debug

  • search空時要handle

api(多人，依功能再劃分)

  • 工作內容

    • 工作career：
      • 職缺Recruitment
      • 履歷Recommandation
      • 如何互動(like?)
    • 管理員Auth
      • 管理員介面顯示、權限確認
      • 加管理員
      • 註冊後確認(動到流程、去改reg.js)
      • 開啟特定活動(留學配對)
      • column post
    • column
      • add
      • post(等管理員功能)
      • search、hashtag link
    • 留學Study
      • 開放留學表單(等管理員功能)
      • 放留學資料(圖像化
      • 先輩心得連結/心得分享專區
      • search?
    • 留學配對登記
      • 瑋襄進度：
        • input : 兩個excel
        • output: 名字配名字的excel
        • 問卷學長姐需要填領域

  • 負責人

    • 陳君輔(教學)
    • 洪維辰
    • 葉星宏
    • 09
    • 09

資料庫&優化

交給有經驗但忙的人，沒空做就算了我來幹

  • 工作內容
    • 模糊搜尋(目前學號的用reg完成)
    • 定時自動刪除(for activation( done
    • search時照權重(怎樣算權重??)傳10筆資料(按下一頁再傳11~20之類的
    • 圖片壓縮，優化圖片傳輸(現在load有點久，不知道是哪邊卡住
      • 用docker跑很順
      • 想一下大頭貼、team那些怎麼處理(照片不要掛在git裡)，廣哥對於git clone太久很不開心
      • 傳buffer和傳string哪個效率比較好?目前是用buffer但前端需要額外處理好像不太好
        • 如果效率沒差的話可以在後端先轉換(mongoose.schema.virtual)，或者傳個function到前端?
    • sort by account或其他想得到的優化/加速方法
    • error handling
    • obj mapping and schema method
      • for req->query & obj->output
    • facebook 功能擴充
      • 要測試facebook功能請將index.js中https的部分(67-76行)取消註解，原本app.listen(79-82行)註解掉
      • facebook developer，如果需要其他fb api功能，可能要在這裡設定
      • 建立routes/middleware/facebook資料夾，在main.js中export以下兩個function
      • 檢查使用者是否在EEplus社團裡
        • 寫成middleware的形式
        • input：(req,res,next)
          • req.body.facebookID獲得使用者ID
        • output：
          • 若存在於社團 呼叫next()
          • 若不存在於社團，呼叫next('route')
          • 參考doc的next()與next('route')
        • 你可能需要的範例：
          • facebook api：client/src/out/Register.js
      • 發送messenger訊息給使用者
        • 寫成一個async function，類似middleware/mail/main.js，因為可能多個地方需要用到它
        • input：msg(要發送的訊息)
        • output：true/false(error)
  • 可能的負責人
    • 維恩
    • 君輔
    • 謹譯
Last changed by 
 
chinyi0523
0
453
Published on HackMD