法爾茅斯大學為「挑戰 2 - 呈現數據,以前端為中心」開發的網站。該網站為用戶提供了一個更友善的介面,可透過 http://api.spitcast.com/ API 查看天氣統計資料。
挑戰 2 – 呈現數據,以前端為中心
挑戰詳細資訊:建立一個可存取 API 的網站,並以有效、引人注目、設計精良的方式向客戶展示資訊。從此 API 取得 JSON 返回並將其顯示在令人愉悅的網站中。使用您想要的任何框架來有效地完成這項工作。可以在此處找到 JSON 格式的特定景點清單(取自 http://api.spitcast.com/api/spot/all) - 它們位於美國。您需要回答的特定使用者故事是(按重要性排序):
• 身為衝浪者,我希望能夠將我的專業水準設定為新手、中級或專家。 • 作為新手衝浪者,我預計,當風速高達 15 節時,地點的質量會增加,然後降低到 20 節,之後質量應與風平浪靜時的質量相同。 • 作為一名中級衝浪者,我預計衝浪點的品質會隨著速度提高至 20 節而增加,然後下降至 25 英尺,之後品質應與平靜的一天相同。 • 身為專業衝浪者,我預期衝浪點的品質會隨著風力的增強而提升。 • 身為衝浪者,我需要了解今天的最佳衝浪地點。 • 作為衝浪者,我可以選擇目前位置並在前 25% 的地點中按距離尋找最近的地點(使用大圓距離計算)。 • 作為衝浪者,我可以選擇目前位置並找到指定距離內的最佳地點。 • 身為衝浪者,可以自動確定我目前的位置(例如使用 HTML5 地理定位 API)。 • 作為衝浪者,我可以選擇我目前的位置,並在前 25% 的地點中按行駛時間查找最近的地點(可以為此使用 Google Directions API 或 Google Distance Matrix API)。 • 作為衝浪者,我可以選擇目前位置並在指定的駕駛時間內找到最佳地點。提交格式 請提供: • 託管在私人 BitBucket、GitLab 或 GitHub 儲存庫上的完全可建置的軟體包,與 [email protected] 共用。 • 可選:如果是網站託管,則為已完成挑戰的即時實例;如果是桌面構建,則為 Windows 可執行檔;如果是 Android 應用程式構建,則為 APK。 • 完成挑戰所需的時間。評估標準 此測驗的評估指標為: 1. 工作功能。 2. 使用者體驗品質(提供即時實例有助於實現這一點)。 3. 遵守 SOLID 原則的程度。 4.您不會在自動化測試方面受到特別評估。
透過使用天氣 API http://api.spitcast.com/ 創建 |很棒的 AP,可免費提供天氣信息,但基於美國,因此與我們(基於英國)不太相關。
修改後的引導範本「SB Admin 2」:https://startbootstrap.com/themes/sb-admin-2/ |最合適的佈局並支援多種設備。
目前正在開發中* 由於時間限制,某些功能無法完成,並且評論並不像我希望的那樣普遍,但網站功能正常*。我附近的地點目前處於“正在進行中”狀態。待結果回來後將恢復發展。代碼的註解。修復從 notepad++ 傳輸到 github 期間導致的奇怪程式碼結構(縮排)