プロジェクト報告書

提出日 (Date) 2016/01/20

Project Report「言葉」を「ぴん」で「そこ」に留める -「まち」ミュージアム

-Machi museum : Pin the words there
1013168

吉野 新平

Shimpei Yoshino

1 プロジェクトの概要
背景

1.1

我々がすむ函館市は観光都市として有名である。特に明治の開国とともに栄えた町であり、レトロモダンな異国情緒あふれる街として多くの洋館や教会が、また海に面する港町として朝市等海産物に関わるものが有名となっている。このようにいろいろな文化が混ざり合い

図 1 . 撮影した写真（昭和）

育ってきた町の「そこにあるもの」や「場所」について語られる人々の「言葉」を記録してデジタルアーカイブスに留める。それを「まち」ミュージアムにする。
目的

1.2

2.1.2 「まち」の面白さの伝え方に関する検討
第 1 回フィールド調査で、撮影してきた写真を各自最初に自分たちの住む町の「そこにあるもの」やスライドにまとめプレゼンテーションを行い、教員を含「その場所」について語られる人々の言葉と、それにかかめてそれぞれの写真が持つ「まち」の印象や面白い部分わる周辺情報を利用して記録することをテーマに与えらについて議論した。その結果、「まち」には普通の人はれた。そして、最終的な目標を「まち」をミュージアム知らない面白い場所がたくさんあり、それらを利用してにするということでに定めて行動をした。しかし、一歩ミュージアムにすればいいのではないかと考えた。

外にでて街の中を歩いてみると、すでに町の中には面白

また、「まち」の面白さを言葉で留める方法を考え、いモノ・場所がたくさんあることが分かった。それらにどのような方法で言葉を残すことができるのかの調査も焦点を絞ることでその町ならではの価値や魅力に改めて行った。インターネットで言葉の伝え方の用途 (音、文きづくことができる。このように、街にはすでにミュー字、記号等) を過去と現在に分けて調べた。さらに、セジアムの素材になりうる面白い要素がたくさんある。しカイカメラや空気ペンのような情報技術を使った言葉のたがって、「まち」をミュージアムにするのではなく、も伝え方を参考に自分たちでどうやって言葉を「そこ」にう「まち」はミュージアムであるその面白さを伝えよう留めるのかを討論した。と考えた。

私たちは、情報技術を使って言葉を留めるということで2 活動内容
前期

2.1
2.1.1

第 1 回フィールド調査 (昭和、神山、松前、函館札幌間)「まち」をミュージアムにするために、素材となるものは何なのかを考えた。そのために町の中を歩いて、一人 200 枚を目標に自分が気になったところを探した。
ゴールデンウィークの間にそれぞれ昭和、神山、松前、函館-札幌間の 4 か所で写真の撮影を行った。

AR 技術に目を向けた。AR 技術を利用してその場所に言葉を留めることを実際に体験することで、言葉の見え方やその場所の臨場感が感じられると考えた。

2.1.3 第 2 回フィールド調査 (大学周辺、八幡坂)
具体的にアプリの画面や機能を想定し、実際に透明アクリル板を用いてその場所やモノに落書きやコメント書いてその姿を撮影してみることにした。スマートフォ
ンの画面を通した風景のうえに文字をのせる必要があったためにアクリル板を使用した。また、アクリル板上に文字を手書きで書くのか、もしくは文字を打って書くのか、また、活字ではなくイラストがいいのかなどを考えながら写真を撮った。

テーマから「まち」全体をピンで留めているイメージで作成した。

図 4 . 本プロジェクトのロゴ
図2

2.1.4

. 透明アクリル板を使用した画面想定図

モックアップ作成

2.1.7 中間発表

フィールド調査やディスカッションからグループ各

本プロジェクトで作成するアプリケーションを視聴員で、それぞれが考えたアプリケーションのモックアッ者にしってもらうために、まず、背景や目的を述べ、前プを作成した。このとき、透明アクリル板のほかにもス期に行った活動内容 (「まち」の中での写真撮影やプロマートフォンの画面に直接埋め込み、よりイメージをつトタイプ作成等) を説明した。そして、具体的にどのよかみやすくした。

うにアプリケーションを製作していくか、本プロジェクトに関連するこれまでの試み (空気ペンやセカイカメラ)を参考にして、アプリケーションの方向性を説明した。
前期の段階で実際にどのようにアプリケーションが動作するのか、具体的に視聴者に知ってもらうため、アプリケーションを操作している動画を作成した。最後に、後期に行う作業内容 (GPS や AR を利用したプログラミング技術の習得) やフィールドでの素材集めとコンテン

図3. アプリケーションのモックアップ

ツ化など）を述べた。
中間発表終了後、アンケート調査を基に反省を行っ

2.1.5

アプリケーションの機能に関する検討た。教員や生徒の意見やアドバイス（発表時の声が小さこのアプリを多くの人に使用してもらえるためどのい等）を参考にして、最終発表ではどのようにすればいような方法をとればいいのかを議論した。観光地を目的いかをまとめた。さらに、アプリケーションに対しての地とし、そこに行くまでの道のりで、「まち」の面白い工夫点（AR を使用したアプリケーションを作成するに場所やモノを人々に伝えるアプリにしようと考えた。

はどのプログラミング言語を選択すればいいか等）をま

しかし、それらを伝える時、情報量が多すぎてユーザーが使うときにどこへ行けばいいかわからなくなる。

とめ、具体的に今後どのようにアプリケーションを作成していくかをアンケートを参考に議論した。

したがって、目的地に行く道のりで面白い場所やモノを2 択に絞り、ユーザーにはどちらか選択してもらいながら目的地まで行くという機能にした。そして、面白い場所やモノに寄り道し、AR 機能でそれらをかざして見ると、自分たちが考えたコメントが画面に表示する機能を追加することで多くの人に使用してもらえるのではないかと考えた。

2.1.6

ロゴ作成

本プロジェクトのロゴを作成した。イラストレータを使用し、「まち」を「ピン」で「そこ」に留めるという図 5 . 利用者を想定した動画の様子

後期

2.2

アプリケーションの検討

2.2.1

前期の活動より、「どっち」という選択肢をユーザかと考えた。アプリの地図を見ながら進むことを仮定していたため、目的地に到着した時に自動的に画面遷移を行い、到着画面を表示するということにした。に与え、面白い場所を紹介しながら、目的地までたどり3 つ目の HTTP 通信では、サーバとの通信を行うた着くアプリケーションを開発することに決まった。そこ

めに使用した。現在の位置情報や目的地選択肢の際に選で、具体的にどのように「どっち」という機能を取り入ばれた場所などをデータベースへと送信し、データベーれるかを議論した。その結果、数十か所の面白い場所かス上にある画像などのコンテンツや目的地の位置情報をら 2 か所をユーザに与え、どちらかを選択し、地図を使受信するようにした。ただこの際、HTTP 通信を同期用して面白い場所まで案内する。そして、着いたら一言的に行ってしまうと処理が遅くなってしまうため、非同コメントを言葉として残し、また 2 箇所の選択肢を与え期通信にすることで処理を速くし、ユーザが使いやすいる。この手順を繰り返して目的地まで案内する旅アプリように工夫した。

を製作しようと考えた。

2.2.3 サーバ開発

さらに、アプリケーション開発ということで、開発環

ま ず 、PHP と MySQL の 環 境 構 築 を 行 っ た 。

境について検討をした。前期では、GPS や AR の情報

Apache と PHP をダウンロードしまた、ローカルホ技術を利用してアプリケーション開発を行おうとした。

ストで PHP 内での動作をネットワークで反映できるかしたがって、それらの技術を利用できるプログラミングを試した。

言語をネットで調べ、また、教員とも相談しながら選定ローカルホストで動作を確認した後、サーバ側で定義した PHP の動作をどのコンピュータでも動作できるかした。
また、画像を利用したアプリケーション開発という確かめるために、レンタルサーバを介した情報の共有をことで、画像を保存し、データベースを管理するための行った。レンタルサーバと MySQL での情報の共有がサーバ開発が必要だと考えた。

難しかったため、バージョンを落として動作を確認しアプリケーション開発には、GPS や AR 技術を利用た。

できる Swift を使用することにした。サーバ開発には、PHP での動作確認と並行して、MySQL では php-データ管理をしやすい MySQL を利用することにした。

MyAdmin を利用して画像の管理を行った。画像データ

さらに、Swift と MySQL のデータのやり取りを行えるには、それぞれ「画像の名前」、「位置情報」、「画像が保という利点から、PHP を利用することにした。また、画存されている URL」の情報を付加してデータベース管像をデータベースで管理するためにレンタルサーバを借理を行った。

PHP と MySQL でのデータの共有ができることを確りた。

2.2.2

アプリケーション開発

認した後、最後に PHP と Swift でどのように画像を共

ios アプリケーション開発の開発環境は Swift を用有するかを考えた。画像をそのまま送ると、動作が重くいての ios アプリケーション開発とした。また、これまなってしまい、処理速度が遅くなる。したがって、保存でのディスカッションにより自分たちが必要と考えた主する画像ファイルをトリミングし、あらかじめ解像度をな機能は３つあり 1 つ目は位置情報の習得、2 つ目は地下げ、サイズを縮小して送ることにした。そうすること

図上での目的地までの案内方法、3 つ目は HTTP 通信で、処理時間が短縮され、動作が重くならないと考えた。

であった。

そして、Swift で「画像の名前」を key として PHP を

1 つ目の位置情報の習得では、ios 端末側の内臓 GPS介して MySQL に送信し、MySQL で「画像の名前」かを用いて緯度経度、方向などの位置情報を取得すること

ら「位置情報」と「画像が保存されている URL」を探索にした。Swift 上では、位置情報を取得させた。

し、それらの情報を PHP に返して、最後に PHP から2 つ目の地図上での目的地までの案内方法というもの
は、ユーザーが目的地に近づき、ある範囲内に入ったら辿り着いたということを知らせるための方法は何かない

Swift へ情報を送信する情報システムが確立された。

2.2.4

第 3 回フィールドワーク

前期で行ったフィールドワークの成果を参考に、3 総括「まち」の中で普通の人が知らないような面白い場所をこのプロジェクトでは「まちピン」という Iphone の探索し撮影することにした。今回の発表は、未来大生にアプリケーションを作成した。その中で我々はスマー向けてということで、未来大生にとってなじみのある地トフォンのアプリケーションの作成方法を学ぶと共に、域、赤川、美原、本通に分けて探索した。

まちをミュージアムにする方法の模索を行った。最初

赤川は、古い建物や昔から変わらない地形が残ってに行った活動は、「面白いと思ったものの写真を 200 枚いた。全体的に昔からある風景が広がり、趣が感じられ撮影する」というもの。この活動によって、何気ない風た。美原は、比較的新しい建物があり、中には少し他と景や見慣れた街並みにも面白いものが多々あることをは違う形をした面白いモノが多くみられた。本通りは、学んだ。そこから我々は「まち」のミュージアム要素住宅街であり、幅の狭い道が多く、舗装がされていないを、何気ない風景や見慣れた街並みの中から掘り出して昔からある道が多く見られた。

いく、という方針で活動をつづけた。Iphone 向きのア

撮影した写真をグループ内で共有し、その中から特プリケーションを作成するために、Xcode の使用方法、に面白いと思った写真をピックアップして使うことにswift 言語の学習を行い、GPS による位置情報を用いたした。

ルート検索や、サーバ・データベースとの画像や情報のやり取りの実装を完成させた。「まちピン」というアプリケーションの特色である、「どっち方式」という手法は旅行や道案内のアプリケーションの考察から考え出した。我々が確認したアプリケーションでは、既に決まっている複数経路の内の一つを選択する「経路優先方式」と、近場のものから案内していく「ご近所推薦方式」の図 6 . 撮影した写真 (赤川)2 種類が代表的な形であった。しかし我々は、誘導時に使用者がふれる情報量を増やさないこと、を優先とする

2.2.5

成果発表

まず、問題形式で自分たちが住んでいる「まち」には、普段過ごしていても見落としがちな「モノ」を紹介した。そうすることで、ここにはこんな面白い「モノ」があったのかという発見を視聴者に感じてもらい、興味を抱いてもらった。そのあと、本プロジェクトで作成したアプリケーションの概要を述べた。特に、本プロジェクトのコンセプトとなる「どっち」という機能の説明に力を入れた。さらに、アプリケーション開発とアプリケーション開発について、誰にでもわかるよう簡単にまとめ、説明した。そして、視聴者に具体的にどのようなアプリケーションなのかをわかりやすく、アプリケーションの実装を行った。最後に、今後の可能性として本プロジェクトで行った内容が将来どのように伝えられるかをまとめた。前期と同様に、発表時のアンケートを基に反省を行った。原稿を見ないで発表をした方が良い、スライドの文字色が見にくいなど反省するべきは多くあった。このような反省点を、将来、プレゼンやスライド作りで活かしたいと考えた。

方針で活動をしていたため、常に 2 つの選択肢から選んでもらう、「どっち方式」を考案した。この方式により、使用者に自由を与えつつ気軽に選ぶことを誘導できると考える。