Web航路予測システム – フロント開発 – 新規開発案件

Webブラウザで動作する「航路予測業務システム」のフロントエンドを構築

デザインをPSDファイル、仕様はExcelドキュメントでご提供して頂き、コーディングを行った

レスポンシブ仕様

ページ一覧

• ログインページ

UserName , Passwordを入力し、ログインを行う。日本語・英語に切り替え可能

• ヘッダー（ヘッダーメニュー)

各種ページへのリンク、ドロップダウンメニュー

• フッター

コピーライトを最下部に表示

• メインページ

DBから管理する船社 – 船を取得し、船の現在の航路をマップに表示する

• 航路編集ページ

船ごとに、WayPointが標示され、緯度経度を入力し、WayPointを編集する。保存削除可能

• 最適航路計算結果ページ

船ごとに、最適航路を計算した結果を表示するページ。WayPointの検索、航路を表示するマップを表示。WayPoint一覧表を表示し、一覧表に対応したスライダーを表示し、左右にスクロールが可能。

• 概況文ページ

概況文やWayPoint等を入力することができ、PDF出力を行える

• 最適航路入力モーダル

最適航路を計算するための入力欄を用意

• 表示設定モーダル

項目を表示するためのモーダル。行を上下に移動させることが可能

各種ページにアイコン4つが並んだ小メニューを設置し、クリックしたらモーダルが表示される仕様