Skip to content

Instantly share code, notes, and snippets.

@nakakaz11
Last active February 5, 2020 05:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nakakaz11/0d089996cb556187f6aacfe1b16e6c3d to your computer and use it in GitHub Desktop.
Save nakakaz11/0d089996cb556187f6aacfe1b16e6c3d to your computer and use it in GitHub Desktop.
tyo.samuraiworks.org

🔔Memo コンテスト期間中 頂くデータにより 随時アップデート Testしています

  • 仮想時刻にて時刻表示(現在時刻以外)検討

  • 2002 データ 分析/テスト/

    1. Bus Test
      ○ 東京都交通局
      小田急バス
      ○ 関東バス
      京王電鉄バス
      △ 国際興業
      JRバス関東
      △ 西武バス
      ○ 東急バス
      東武バス
      △ 西東京バス
      調整中 神奈川中央交通
      ○ 横浜市交通局
      △ 相模鉄道

注)iOS12.2 safari で使用する場合は
「設定」>「Safari」>「プライバシーとセキュリティ:
モーションと画面の向きのアクセス」
をONにして御覧ください。
IMG_0994

🎉第三回にて「審査員特別賞」をいただきました🎊

いまドコ?駅どっち向き?キョリと道順は?
1タップだけで解決。

至近の時刻表(ico2.pngをタップ)/ 道順(ico1.pngをタップ)がスグわかる!

情報カードをタップし Get すれば 「その情報カード」での
時刻表/路線/道順が スグわかる!

  • 右アイコン 時刻表機能追加!時刻表はリアルタイムに変動します。
  • 左アイコン 路線情報追加!路線の各駅での位置情報に飛び、時刻表/路線/道順を確認できます!
  • 仮想現地モードに入り次の乗換え駅を指定すれば、乗換え予定の路線の時刻がスグわかる!
  • 重なってタップできない? 上プルダウンからも🕓駅時刻表が選択できます!
  • 各路線の同じ駅名が集まりますので、乗り換え路線が一目瞭然です。
  • 画面下部の帯表示 一番近い路線のバス停乗り換え方面 / 系統 / インフォメーションを実用的に強化しました!
  • 21時以降は時刻表に「終電直前情報」が追加されます!
  • 路線情報に乗り換え可能アイコン↔追加!仮想現地にて路線確認ができます。
  • デバイスの現在位置情報を利用(保存・保持はしません)。屋外でおおよその向きを(半径25mくらいの誤差はありそうです)表示できます。経験上 継続使用により精度は上がってくるようです。
  • Safariでは「設定>Safari>場所>許可」に設定するとその都度位置の許可は出ないはずです。モーションの許可はiOS13で必須となりましたので、読み込み時に緑の許可ボタンを押す必要があります。

第三回まで継続して作成してきた経験から、実用/実現可能性を踏まえて整理し、
利用ユーザーに便利なアプリに絞り込みました。

左右アイコン 路線/時刻 情報は、地下などで位置情報が取得できない場面でも役に立つように、実用面を踏まえ追加しました。

バスは路線 / 系統が多いので、いちばん近い至近情報のみに絞りインフォメーション表示。
ハブになる駅へのアクセスをサポートします。

TYO TrainStationでは、インシデント時にインフォメーションアラートを表示。 インシデント以外はアラート表示はしません。 何ごとも起きないのがベストですよね。。

シンプルにワンタップでの情報アシストをすることを念頭に置き、
パッと見ただけでわかるよう、スマホの見すぎを考慮しています。


📱iPhone Safari / Chrome || 最新のAndroid Chrome (50+) にて御覧ください。


tyo3setsumei-01


↓アプリURL

↓紹介Youtube

YTthumb


📡Find My Spot!!

🚃TYO TrainStation

🚍TYO BusStop

🎪FreeWifiSpot

🚾Toilet (Shinagawa/Taito)

全体的な機能説明

  1. 各方向に応じたリアルタイム情報を「情報カード」と右の「文字ナビゲーション」によりあなたの東京オリエンテーションをサポートします!
  2. 各情報カードに応じたアイコンを自動判別付与。
  3. 進む方角に応じたディレクションを←↑→色分けして直感的に表示。右の文字ナビゲーション←↑→と連動しています。
  4. 移動に応じて残りの距離数 / 方角をリアルタイムでお知らせ。
  5. 近いものは手前の下に。遠い情報カードは奥の上に。直感的な情報のみに絞り込んで表示。
  6. 上プルダウンより「有視界の距離(🔎半径km)」から情報カードを調節できます。
  7. 右文字タイトルに現在地付近の住所番地を表示します。
  8. 天気状況(晴/曇/雨/気温)と時刻によって背景が変わります。
  9. PWAに対応し「ホーム画面に追加」すると全画面にて広く利用できます。(iPhone safariで検証)

いまドコ?駅どっち向き?

  • TYO TrainStation は路線ラインカラーを表示。
  • 上プルダウンからも🕓各駅の時刻表を選択できます。
  • 各路線の同じ駅名が集まりますので、乗り換え路線が一目瞭然です。
  • TYO TrainStationでは通常運行以外でダイヤが乱れている場合は駅名が赤字点滅し、右文字に状況を表示、下部に該当路線のインフォメーションを表示します。
  • 21時以降は時刻表に「終電直前情報」が追加されます!

いまドコ?バス停どっち向き?

  • TYO BusStop は路線事業者アイコンを表示。
  • 直近のバス停は各「PoleNumber」を表示
  • また下部の帯表示 一番近い路線のバス停乗り換え方面 / 系統 / インフォメーションを実用的に強化しました!

そしてキョリと道順は?

  • 下部メニュー中央「道順」より飛ぶ地図に至近(一番近い)ランドマークにPinと道順表示します。
  • さらに情報カードをTapし「道順」を選ぶと「Tapしたランドマーク」にて 上記同様に 地図にPinと道順表示します。
  • 移動に応じて残りの距離数 / 方角をリアルタイムでお知らせします。

gmap2


知らない場所でも、知ってる場所でもスグ!
あなたと東京を結び、1タップでサポートします。



下部セレクトメニューico3.pngの説明


📌CustomPosMode - 現地緯度経度入力モード
(GoogleMapの緯度経度情報をコピペなど)

GoogleMapアプリを起動し気になった場所をタップ。「指定した地点」の下部、緯度経度情報(Lat,Long)をコピペし、該当の場所からバーチャルのオリエンテーションを眺めることができます。

IMG_0528 IMG_0447

行こうとしている場所の確認ができます。例として、浅草を入れてみました。

IMG_0615 IMG_0619




※掲示画像は開発版です ※アプリは順次更新します


enjoy! TYO Trip!




  • Portrait (縦向き) を想定しています。
  • 屋内・野良Wifi環境では精度が低下します。最良の結果を得るには、垂直方向と水平方向に何度か空中で8の数字をトレースして、デバイスの加速度計を較正します。 また、近くの磁場の影響を受ける可能性があります。
  • 本アプリケーション等が利用する公共交通データは、東京公共交通オープンデータチャレンジにおいて提供されるものです。公共交通事業者により提供されたデータを元にしていますが、必ずしも正確・完全なものとは限りません。

本アプリケーションに関するお問い合わせは、以下のメールアドレスにお願いします。

tyosw【アット】samuraiworks.org



↓ 過去 TYO リリースノート Arcv 第一回コンテスト の説明

第一回コンテストのYoutube

YTthumb


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment