ファルマス大学による「チャレンジ 2 - フロントエンドに焦点を当てたデータの提示」のために開発された Web サイト。この Web サイトは、http://api.spitcast.com/ API から気象統計を表示するための、より使いやすいインターフェイスをユーザーに提供します。
課題 2 – フロントエンドに焦点を当てたデータの提示
課題の詳細: API にアクセスし、効果的で目を引く、適切に設計された方法で情報を顧客に提示する Web サイトを作成します。この API から返された JSON を取得して、見栄えの良い Web サイトに表示します。これを効果的に機能させたいフレームワークを使用してください。特定のスポットのリストは、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] と共有される、完全に構築可能なパッケージ。 • オプション: Web ホストの場合は完了したチャレンジのライブ インスタンス、デスクトップ ビルドの場合は Windows 実行可能ファイル、Android アプリのビルドの場合は APK。 • チャレンジを完了するまでにかかった時間。評価基準 このテストの評価基準は次のとおりです。 1. 動作する機能。 2. ユーザー エクスペリエンスの品質 (ライブ インスタンスの提供はこれに役立ちます)。 3. SOLID 原則への準拠レベル。 4. 自動テストでは特に評価されません。
天気 API を使用して作成 http://api.spitcast.com/ |自由に利用できる気象情報を提供する優れた API ですが、米国を拠点としているため、英国を拠点とする私たちにとってはあまり関連性がありません。
修正されたブートストラップ テンプレート「SB Admin 2」: https://startbootstrap.com/themes/sb-admin-2/ |最適なレイアウトでマルチデバイスに対応。
現在開発中* 時間の制約により、一部の機能を完成させることができず、コメントが思うように普及していませんでしたが、ウェブサイトは機能しています*。私の近くのスポットは現在「作業中」状態です。結果が出次第開発を再開します。コードのコメント。 notepad++ から github への転送中に発生するコードの奇妙な構造 (インデント) を修正