Git Product home page Git Product logo

taxi-management's Introduction

#計程車管理系統


##1. 系統主要架構

system structure

##2. 系統版面配置

頁面主要由三個區塊構成,分別是

(1) 最左方:計程車編號按鈕列表,可供使用者指定某台特定計程車

(2) 中間:以曲線圖表示行駛里程與行駛時間,並且以不同顏色區分整體與個人的行駛狀態

(3) 最右方:以地圖顯示目前各計程車的位置,或是查看某計程車的行駛軌跡

home page

##3. 系統功能介紹

###(1)即時位置

當一進入網頁,即可從地圖上看到目前所有活動中的計程車位置,點擊計程車後,可觀看該車的編號

taxi pos

而計程車以不同顏色表示不同狀態

(1)若該計程車目前是正常活動的在行駛,則以黃色圖標的計程車來標記

(2)若是該計程車以經連續十分鐘以上未活動,停滯於某一點,則以黑色計程車圖標來標記

(3)而當使用者點擊了做左方計程車編號列表的某一台計程車,且該台計程車目前正在活動,則將該計程車標為紅色

taxi sign color

###(2)行駛資訊

提供行駛距離與行駛時間的分析,並且將個人與車隊比較

圖表中紅色表示為整體車隊,綠色則為個人,下為行駛里程與行駛里程的圖表

info

除了圖表之外,為了可顯示更詳細資訊,因此另外以表格或是放大圖表的方式呈現

text info

bigger info

###(3)行駛軌跡

使用者可透過萬年曆選擇某計程車任意一天的行駛軌跡,並顯示在地圖上

taxi track

下方的五個按鈕可幫助凸顯某一時段的軌跡

button color

taxi track color

##4. 使用的外部資源

(1)開放街圖(OpenStreetMap)地圖資料:http://download.geofabrik.de/asia/taiwan.html

(2)MapMatching version 0.7:https://github.com/graphhopper/map-matching/tree/0.7

taxi-management's People

Contributors

rox38431 avatar

Watchers

 avatar Eiwuert avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.