2018.12.7 成果発表会

ビーコン IoT で函館のまちをハックする
Project No.14

Leverage the Beacon IoT for Our Smarter Life in Hakodate Real Downtown
PM中田裕貴 大橋一真

大山義人 佐藤登威

Yoshito Oyama

Yuki Nakata

Kazuma Ohashi

佐藤綾省

篠田大地 高松耕太
Daichi Shinoda

Kota Takamatsu

前野匠星

山口賢登

伊勢田蓮

Ryosei Sato

Naruse Maeno

Kento Yamaguchi

Toi Sato

中村陽太
Yota Nakamura

北條奨 林友佳

松原克弥

鈴木昭二

森雄斗 松浦巧

藤野雄一

鈴木恵二

Tasuku Hojo

Yuto Mori

Katsuya Matsubara Shoʼji Suzuki

Tomoka Hayashi

Takumi Matsuura

Yuichi Fujino

奥野拓

南部美砂子

Taku Okuno

Misako Nambu

佐藤生馬
Ikuma Sato

美馬義亮

Keiji Suzuki

Yoshiaki Mima

Ren Iseda

プロジェクト概要 Project Overview
目的 Objective

ビーコンとは What is a beacon?
- Bluetooth の電波を発している小さな機器- 個体識別用の ID、任意の URL、アプリで何らかのビーコンを用いて函館のまちをより良くする
The project develops new services to improve Hakodate with beacons.

アクションを起こすためのトリガーなどの情報を発信- 低コスト・低消費電力- Beacon is a device emits Bluetooth waves.
- It transmits information such as ID for individual identification, URL,
trigger for causing some action with an application, etc.
- It typically consume less electricity and low costs.

活動内容 Activities
調査・企画

開発・実証実験

技術習得・開発準備

HAKODATE

アカデミックリンク

中間発表

576

函館市異業種交流会

May

8Git / GitHub ワークショップ、ロゴ作成、フィールドワーク
ビーコンレクチャー、サービスのアイデア出し
Beacon lecture, Coming up with services

サービスの決定
Jul.

910

11

オープンキャンパス

Git / GitHub workshop, Making logo, Fieldwork

Jun.

発表

Determination of services

成果発表会

12

1

enPiT BizSysD 分野

北海道東北合同発表会

Nov.
Future University Hakodate × Aomori Public University
cooperative workshop- 青森公立大学の学生 11 名とのワークショップ- 西部地区や道南いさりび鉄道で、開発中のサービスの実証実験・ユーザビリティテストを実施- UI・UX の改善点をブレインストーミング方式
Aug. ~ Sep. Acquiring a technique- Swift, Kotlin, Ruby on Rails, Python

それぞれの言語の経験者が、学習リソースを未経験者に向けて教示- 毎週日曜日に通話で学習の進捗や困っている点を報告・共有- Some team members who have experience of learning
Swift, Kotlin, Ruby on Rails or Python taught learning
resources to the others.
- We each report and share about the progress andproblems of our studies online on every Sunday.

開発
Sep. ~ Nov. Development

で出し合い、発表- We held a workshop with 11 students of Aomori Public
University.
- In the workshop, demonstrative experiments and usability
tests of systems we developed were conducted at Seibu
area in Hakodate and South Hokkaido Railway.
- We also had brainstorming about improvements of thesystemsʼ UI and UX, and gave a presentation of our idea.

Project No.14 ビーコン IoT で函館のまちをハックする

2018.12.7 成果発表会

開発について About Development
チーム構成 Team Formation- 各サービスごとに 4 名程度の機能横断的なスクラムチーム- 各チームごとにプロダクトオーナー（PO）、スクラムマスター（SM）を置く- 各チームごとに独立して裁量をもった活動- 定期的にチームを超えて知見の共有やレビューを行う- We challenged “agile” development.
- We repeated plan, implementation and review in a week.
- We developed flexibly to deal with changes in circumstances andspecification changes.
- We adopted a framework called scrum which is about how to proceedwith work.
- We placed importance on active communication within the team.

- We formed scrum team has about 4 members a service we developed.
- Each team has a product owner (PO) and a scrum master (SM).
- Each team can act based on their discretion.
- Each team share their knowledge and review their works sometimes.

Wed

1week
Tue

Cross-functional

Designers

Testers

ThuaSMsI- u m p l e m e n t ekdayp m(wee e ti n gPO)

Stnd

機能横断的なチーム

FunctionalanRew

一般的なチームPlvie

開発体制 Development System- アジャイルな開発に挑戦- 1 週間で計画、実装、振り返りを繰り返す- 状況の変化・仕様変更に対して柔軟に対応する開発- スクラムと呼ばれる仕事の進め方に関する枠組みを採用- チーム内での活発なコミュニケーションを重視

Developers

Development team

開発フロー Development Flow
計画 Plan実装 Implement

1 スプリント（1 週間）で、毎日の Stand-up meeting でメンバーの進捗を把握し、問題にすぐ対処できるようにする

First, we plan ways of implement
programs and the functions.

Second, we gets the membersʼ
progress in Stand-up meeting tofind membersʼ problems and dosomething about it every day.

機能の実装のために行う必要のあるタスクを洗い出す

ZenHub で進捗管理

どの機能をどうやって実装するか計画する

Then, we find tasks needed toimplement in a week.

Progress management byZenHub.

振り返り Review

金曜日のプロジェクトの時間
は、モブプログラミングも導入作ったプロダクトを実際に動かす

We also do mob programming
at Friday project time.

We run a product that made inthe sprint.

CI ツールを導入

主に KPT でスプリントの振り返りを行い、次回以降のスプリントに活かす

テストの自動化

Introduce a CI tool and test
automatically whenever code
updated.

次のスプリントへ To the next sprint

We review our activities at endof the sprint by the KPT method
and record the result for thenext sprints.

Project No.14 ビーコン IoT で函館のまちをハックする

2018.12.7 成果発表会

学び Learning
活動全体を通じて得た知見 Archievement through activities- 直接会って行うコミュニケーションの重要性→ Slack や通話で話をした結果、なかなかまとまらない場面があったため- 重要な情報を文章化することの大切さ→ 口頭で連絡をした結果、連絡内容を忘れてしまうことがあったため- やりとりを可視化し共有するために、適切な発信場所を選択することの大切さ→ 全体で話し合うべき内容を数人しかいない場で取り上げてしまうことがあり、情報の共有が一部なされていないことがあったため- 計画通りに物事を進める難しさ→ 計画内容に抜けていることがあったり、あまり余裕のない計画を立てていたため- メンバー内で目標や方向性を共有することの重要性→ メンバー全員がより良い活動をしようという意識を持って活動に取り組んだ結果、自分たちがある程度納得できる成果を出すことができたため- The importance of face-to-face communication- As a result of talking by online, it happened that difficulty that
concludes the meeting agenda.
- The importance of documenting important information- As a result of doing verbal communication, there was that someone
forgot the contents of the message.
- The importance of choosing an appropriate transmission place tovisualize and share the exchange of conversation- Sometimes we picked up the content to be discussed as a whole
when there were only a few people, and there was a case where some
information was not shared.
- The difficulty that doing things as planned- We sometimes had plans that have lack of the contents, or that wascramped schedule.
- The importance of sharing goals and direction with the members- As a result of working on activities with the awareness that allmembers would do better activities, we were able to achieve resultsthat we can be proud of.

開発を通じて得た知見 Archievement through developments- チーム内でサービスなどに対するイメージや目標を共有することの重要性→ サービスの設計を行う際に、メンバーそれぞれが抱いているイメージに相違があったため- メンバーがリラックスして開発できる環境を整えることの重要性→ プロジェクトの時間中に音楽を流したり、作業場所を自由にした結果、メンバーのモチベーション向上に繋がり開発が進んだため- 現状の技術で実現可能な内容かどうかを事前に調査することの重要性→ 実装に着手する段階で、実現が難しい技術であることに気がつき、実装が滞った場面があったため- 最初のうちにサービスの新規性と有用性をはっきりさせておくことの重要性→ 開発を進めていく段階で、サービスの中で重要な機能やそのサービスのアイデンティティを見失ってしまう場面があったため- The importance of sharing thoughts and targets about services, andothers with the teammates- There was that each member had different images when we thinkservices.
- The importance of creating an environment where the members canrelax and develop- The members were motivated and proceed to work well by BGM andfree working styles.
- The importance of investigating beforehand whether the function can berealized with current technology- We sometimes delayed implementation because we realized thatusing a technology was difficult when we started developing ourservices.
- The importance of clarifying the novelty and the usefulness of theservice at first- We sometimes lost important functionalities and the identity of thedeveloped service in the progress of development.

2018.12.7 成果発表会@ ハナセル

ビーコン IoT で函館のまちをハックする

時代を超えて偉人と対話する新体験
PO森雄斗 大山義人
Yuto Mori

Yoshito Oyama

SM篠田大地Daichi Shinoda

背景課題- 函館には様々なパブリックアートが存在し歴史的偉人の銅像は約 20 点存在- 20 代の LINE の普及率は 96.3%[1]- 若者は有形文化財に対しての関心が薄い [2]- 銅像が設置されていることに気が付きにくい- 銅像には撮影スポット以外の価値が見いだされていない

提案サービス
概要- 銅像を介して歴史的な偉人と会話

UX- 若者の使用率が高い LINE を使用- ビーコンを使うことによって屋内に- インターネットチャットとはできるという新体験を提供設置された銅像にも対応- 通りかかるだけで銅像から対応している銅像

話しかけられる

異なって、会話相手が目の前に存在- 銅像ごとの個性に基づいた会話内容

土方歳三ブロンズ像 [3]

坂本龍馬像 [3]ペリー提督来航記念碑 [3]機能- 雑談や質問ができる- 付近の観光地やお店を紹介する- 函館市にある銅像を探せるマップ

評価
HAKODATE アカデミックリンク 201811/10 ＠函館アリーナ

青森公立大学との連携ワークショップ
11/25 ＠坂本龍馬像と土方歳三像

導入が LINE アプリだけなら楽そう

言葉遣いにこだわってて楽しい
銅像と話して歴史を知れた

他の観光地でも応用できそう

LINE での操作は使いやすい

着眼点が面白い説明されてイメージしにくい

Android での設定がわかりにくい
何を話せばいいのかわからない

会話できるパターンが少ない

設置場所によって電波が不安定LINE の機能を活かせてない
ポスター説明とデモ展示

第三者による実証実験[1] 2018 年情報通信白書 [2] 2003 年内閣府世論調査 [3] 函館市観光情報 はこぶら2018.12.7 成果発表会

ビーコン IoT で函館のまちをハックする

Becoma

その場ですぐにフリーマーケットPO

高松耕太
Kota Takamatsu

佐藤綾省
Ryosei Sato前野匠星
Naruse Maeno

SM林友佳

Tomoka Hayashi

背景

課題- CtoC（個人間取引）の需要が高まっている- 函館は北海道を代表する観光地の一つであり、- 観光先から帰る時に持ち帰る必要のないものが置き去りにされたり捨てられたりすることがある

多くの観光客が訪れる

例）ガイドブック、傘、地図、スーツケース、割引券など- 場所によって売買・譲渡したいものが変わる

実現サービス概要- ビーコンを活用して近くの人とマッチングを行い、ものを手放したい人と欲しい人を繋げる- 駅や空港など、観光客が訪れる場所のビーコンを活用することで、観光客でも手軽にものを売買・譲渡ができる- 複数の場所にあるビーコンを活用することで、機能- 価格上限を低く設定することで、売買に対する障壁を軽減- ビーコン電波と取引識別画像を用いて、待ち合わせを支援- 評価をもとに取引相手の信頼度を算出することで、取引の不安を軽減

それぞれの場所でのニーズに合った売買・譲渡ができる

利用シーン

良い

普通

良い

普通

悪い

悪い

良い

普通

悪い

評価

観光先を離れる時に不要になったものを出品する

欲しい商品を見つけた人が購入してマッチング

指定場所に行き、共通の画像が表示されている相手を探す

直接会って受け渡しをする

売買・譲渡についてお互いに評価する

評価
青森公立大学との連携ワークショップ
11/25 ＠金森倉庫・函館朝市・五稜郭タワー
どこでもフリーマーケットができて無駄なゴミが減りそう
実際に Becoma を使ってもらっている

低い価格設定で買いやすいチュートリアルが親切
感覚的に操作できた
出品・購入しやすい

どこのビーコンエリアにいるかわからない
Becoma のユーザビリティ
評価についての会議

商品説明でキーボードを消すことができず、出品ボタンが半分しか出ない

実際に会って取引をするのが不安

商品について質問する機能が欲しい2018.12.7 成果発表会

ビーコン IoT で函館のまちをハックする

いさりび Grafﬁti

感じて、残して、つなげる。AR いさ鉄ノート
PO中田裕貴Yuki Nakata

伊勢田蓮
Ren Iseda

佐藤登威
Toi SatoSM

山口賢登

Kento Yamaguchi

背景

課題- 道南いさりび鉄道 ( いさ鉄 ) は豊富な観光資源があり観光列車と通学・通勤列車としての 2 面性がある- 駅ノートなどの鉄道での思い出を残したいニーズがある- 駅ノートはページが有限で紛失・盗難が起こりうる- 市民しか知らない観光資源や魅力が伝えにくい

提案サービス概要- 列車自体をノートとしてメッセージや写真を投稿閲覧できるサービス- 列車毎の想い出ノートを「みんな」で作り上げる- 市民がもつ日々の想いと観光客を繋げる

UX- ビーコン利用によりストレスなく列車内の判別を体験- AR×SNSによる列車の中に直接落書きできるという体験- AR×SNSより一度に沢山のユーザと想いを共有できる- 同じ空間の共有をAR で体験

アプリ機能

チュートリアル利用シーン

いさ鉄を満喫

想いを投稿

想い出を ARで閲覧

アプリの流れ

乗車確認

ARで投稿・閲覧

プロフィール

想いを投稿する

車内の AR マーカーにスマホをかざす

挑戦

評価

移動体におけるAR- 今回のサービスにおいてAR表現はApple 社が提供する
ARKit というフレームワークを利用しアプリケーションを青森公立大学の連携ワークショップ
11/25 @道南いさりび鉄道

開発した- ARKit はユーザ端末の加速度とカメラによる物体との深度を利用し、AR世界の物体を描画している。よってユーザが列車に乗ってしまうと、ユーザが動いていなくても加速度を計測してしまうので AR世界の物体が移動してしまう

解決策- 今回、AR マーカーにユーザの投稿を設置するという形式に変更し AR 世界を表現した- この手法により移動している列車の中でも「投稿を貼る、閲覧する」という体験を提供することができた

過去の投稿を閲覧
する

上手に写真が撮れなかった
日でも楽しめる
観光列車なので AR が気軽に楽しめる
綺麗な景色が楽しめる

AR 機能なのかカメラ機能なのかわからない
AR マーカーに過去の投稿が貼ってあると上書きにためらいが生じる
AR マーカーが小さくてトラッキングしてくれない2018.12.7 成果発表会

ビーコン IoT で函館のまちをハックする

Telepath

知らない人ともサクッとチャット！気軽に入れる匿名チャットルームPO

中村陽太
Yota Nakamura

大橋一真
Kazuma Ohashi

SM北條奨 松浦巧
Tasuku Hojo

Takumi Matsuura

背景

課題- 知らない人に直接話しかけることが苦手な人がいる- 知らない人同士では会話以外にやりとりの手段が無い- 発言者が分かる状態では否定的な意見が言いにくい- 既存のチャットでは、その場にいない人でも参加出来る- 講演中など、会話をしにくい場面で発言したい時がある- その場にいる人と意見共有をしたい場面があるため、嘘が混ざる可能性がある

実現サービス
利用シーン
講演中など、会議中など、飲食店で発言しにくい時に発言しにくい時に迷った時に周りが静かで立場を気にしてメニュー選びに機能
匿名チャット

質問と回答をまとめて確認- 立場を気にせず発言する事が出来る- 他人の質問も表示されるため、欲しい情報を得る可能性が上がる- アカウント登録などの手続きいらず- 過去に似た質問があれば同じ質問をする必要が無くなる

質問の作成- 流れた質問を見返す事ができる- 質問ボタンを ON にすると質問を作成- 作成した質問はオレンジ色で区別しやすく質問リスト画面

回答の仕方

ビーコン検知時にチャットへ招待- 回答したい質問をタップして発言- その場にいないとルームに参加出来ない- 入るを選択すればすぐに参加出来る

チャット画面

ビーコン検知時

評価
HAKODATE アカデミックリンク 201811/10 @ 函館アリーナ

会議の場などで使いたい青森公立大学との連携ワークショップ
11/24 @ 金森倉庫

旅の思い出を残せるのは面白い

応用の幅が広く面白い

意図していない情報も得られる

会話を始めるまでが早い

匿名なため、話しやすい

iOS 以外にも対応して欲しい

動作が非常に重たい

画面遷移の仕方に違和感がある

何人参加しているのか分からない
ポスター説明とデモ展示

第三者による実証実験