Japan 公式ブログ
Google の企業向けソリューションに関する公式な情報やユーザーの事例などを、いち早く皆さんにお届けします。
オーストラリアの選挙マップ: リアルタイムで結果を地図上に表示
2016年7月26日火曜日
[この記事は Taylah Hasaballah, Associate Product Manager による Geo Developers Blog の記事 "
Behind the Australian Elections Map: Mapping democracy in real-time
" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。]
7 月 2 日、オーストラリアで総選挙が行われました。7 月 1 日の時点で、オーストラリア人有権者のうち 94 %が選挙人登録を行っており、今回の投票者数は約 1,500 万人にもおよびました。
Google シドニー オフィスで、ある日、社員同士が今回の選挙について話をしていたとき、みな似たような疑問を持っていることに気づきました。前回の選挙の結果はどうだったか、最寄りの投票所はどこだったか、投票日当日にどこで開票結果をリアルタイムで見られるのか。家族や友人たちも同じ疑問を持っていました。そこで Google では、
Google Maps APIs
、
Firebase
、
Google App Engine
、
Google Cloud Compute
、
Angular 2
、
Google 翻訳者ツールキット
、および Go を用いたソリューションを構築することにしました。
選挙マップ
の目的は、投票に行くオーストラリア人が知りたいであろう情報を全て提供することです。選挙マップでは次の選挙前・投票当日・選挙後それぞれのニーズに対応することを目指しました。
投票所を住所、地区、選挙区で検索できること
投票所への行き方・道案内を選挙マップ上で確認できること
投票が締め切られ、開票が始まってからは、リアルタイムで結果が分かること
マップの共有・埋め込みができること
UXモックアップ: 地図と、テストデータによる架空の選挙結果
選挙前マップ
には、選挙区データ、投票所、投票用紙といった静的な情報が表示されます。前回の 2013 年の選挙で誰がその選挙区で勝利したかも表示されます。これらの表示を行うため、オーストラリア選挙委員会（AEC）の 2013 年の選挙データを用いて、Google App Engine 上の Go アプリケーションにデータを保存して、ウェブサイトのフロントエンドへ提供できるようにしました。AEC からは選挙区の境界および投票所の位置に関するデータを提供してもらいました。
ウェブサイトのフロントエンドは Angular 2 で構築し、
GDAL
や
mapshaper
、
point clustering library
といったオープンソースのプロジェクトを使用しました。こうしたライブラリによって、ユーザーが表示する地点の要求された情報だけを送り、データ使用量を適度に抑えてビジュアル ノイズを抑制することができました。
投票所情報と住所・道案内
投票日当日のサイト
では投票所の検索や、各投票所でどういったサービスがあるのか（バリアフリー対応、
ソーセージ シズル
やケーキ スタンドの有無）を調べることができます。ソーセージ シズルやケーキ スタンドの情報源は
Democracy Sausage
と
Snagvotes
（共に英語） です。これらの情報と AEC の投票所識別名との照合には投票所 ID を利用しました。小規模の Google Compute Engine アプリを構築し、ソーセージ シズルのデータ ソースからのデータを取得してこれを
Firebase Realtime Database
（英語）を使ってライブ ウェブ アプリケーションにブロードキャストする、という仕組みにしました。
オートコンプリートで投票所を検索
検索機能の実現には、2 つの異なるサービスを同時に使用しています。まず、検索ワードをクライアント側の選挙区リストと照合します。そして同時に、
Google Maps Javascript API のプレイス ライブラリ
と
オートコンプリート
を使い、地区名や探している場所名、住所など、ユーザーが検索すると思われる情報の候補を提示するようにしています。ユーザーは検索ワードの一部をタイプするだけで候補地を選択することができます。
投票に行く人には投票所までの道案内も必要です。Google Maps に既にあるリアルタイム交通情報と経路案内を使って、案内機能を提供しています。
投票日の午後 6 時以降
、開票が始まると、サイトは投票結果をリアルタイムで表示するよう切り替わります。ここでも、
AEC データ
のフィードと
Firebase Realtime Database
を利用しています。
投票結果を視覚的に分かりやすく表現するため、左のサイドバーに半円（ドーナツの半分の形）グラフを配置してリアルタイムの結果を表示することにしました。また、「シェア」および「埋め込み」機能も加え、ユーザーやメディアが選挙情報を簡単に共有できるようにしています。
このプロジェクトは、ソフトウェア エンジニアやUX デザイナー、プロダクト マネージャー、さらに法務やマーケティング チームなど、部門の垣根を越えた有志により実現しました。
0 件のコメント :
コメントを投稿
Labels
#GoogleCloudSummit
#GoogleNext18
#GoogleNext19
77 min Lunch
add on
admin
Advanced Solutions Lab
AI
AI Hub
AI Platform
Android
Anthos
API
App Engine
App Maker
apps
Apps script
ASL
atmosphere
Atmosphere Tokyo
AutoML
AutoML Natural Language
AutoML Translation
bigquery
Box
Calendar
Case Study
Chorme OS
Chrome
Chrome Enterprise
Chrome Enterprise 導入事例
Chrome for Work
Chrome ウェブストア
chromebook
chromebooks
Chromebooks for Education
Chromebooks for meeting
Chromebooks for Work
Chromebox
Chromebox for digital signage
Chromebox for meetings
Chronicle
Cisco
Cloud
Cloud Armor
Cloud AutoML
Cloud AutoML Natural Language
Cloud AutoML Translation
Cloud AutoML Vision
cloud connect
Cloud Dataflow
Cloud Identity
Cloud IoT Core
Cloud Load Balancing
Cloud Memorystore for Redis
Cloud monitoring
Cloud OnAir
Cloud Pub/Sub
Cloud Ranking
Cloud Services Platform
Cloud Storage
Cloud TPU
compliance
compute engine
Contact Center AI
Container Engine
Coursera
Deloitte
developers
Dialogflow Enterprise Edition
Drive for Work
Dropbox
earth api
Education
enterprise
Enterprise Japan
event
Evernote
Expo
Firebase
FISC
Forrester
G Suite
G Suite Business
G Suite for Education
G Suite 事例
G Suite 導入事例
G+
gadget
GAE
GCE
GCP
GCP 導入事例
GCP 認定資格チャレンジ
GDPR
GEO
GEP
GfWtips
GKE
gmail
Gmail、新機能
Gone Google
GoneGoogle
Google App Engine
Google Apps
Google Apps Blog
Google Apps for Education
Google Apps for Work
Google Apps Script
Google Apps ユーザー事例
Google Apps 導入事例
Google atmosphere
Google calendar
Google calender
Google classroom
Google Cloud
Google Cloud Certification
Google Cloud Next '18 in Tokyo
Google Cloud Next '19 in Tokyo
google cloud platform
Google Cloud Search
Google Cloud Summit '18
Google Cloud 認定資格チャレンジ
Google Commerce Search
Google Derive
Google Docs
Google Docs API
google drive
Google Drive for Work
Google Earth
google enterprise
Google Enterprise Day
Google for Education
Google for Work
Google form
Google hang-out
Google hung-out
google map
Google maps
google maps api
google maps api premier
Google Maps APIs
Google Maps for Work
Google Maps Platform
Google Message Continuity
google search appliance
Google Shopping
Google Sites
Google Springboard
Google Storage for Developers
Google Video
Google Wave
Google スライド
Google ドキュメント
Google ドライブ
Google フォーム
Google マップ
Google+
GoogleApps
GoogleApps、新機能、spreadsheets
groups
gsa
Hangouts Meet
healthcare
Hybrid Cloud Platform for Google Cloud
Inbox
INSIDE
iOS
iphone
ISAE 3402 Type II
ISO 27018
IT
Jamboard
japan
Kubeflow Pipelines
Looker
Lotus Notes
Machine learning
map
maps api
Maps 導入事例
Maps-sensei
Mapsコーナー
media
microsoft office
migration
mobile
new features
Next
Next Tokyo
OAuth
Office 365
Office of the CTO
Osaka
partner
Partner Interconnect
partner program
Partner Summit
postini
pricing
Qwiklabs
region
research
RSA
SAP
SAS70
search
Security
Security Key
seminar
Shizuoka
Signage
Sites
SMB
SSAE 16 Type II
startup
Status Dashboard
TensorFlow
Trial
Upload any files
vault
Veolia
Viacom
Virtual Conference
VMware
あっぷす先生
あっぷす先生 誤解をとく！
あっぷす先生会社訪問
イベント
インフラストラクチャ
おしえて！あっぷす先生
おしえて！くらうど先生
オフライン
クラウド
くらうど先生
サイネージ
サポート
セキュリティ
チームドライブ
チェンジマネジメント
デジタル トランスフォーメーション
テレワーク
パートナー
ハングアウト
プライバシー
まっぷす先生
ランキング
リージョン
ワークインサイト
円周率
海底ケーブル
企業検索
機械学習
互換性
事例
小売
新機能
働き方
認定資格
Archive
2019
8月
7月
6月
5月
4月
3月
2月
1月
2018
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2017
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2016
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2015
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2014
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2013
12月
11月
10月
9月
7月
6月
5月
4月
3月
1月
2012
12月
11月
10月
9月
8月
7月
6月
5月
4月
2月
2011
12月
10月
9月
8月
7月
5月
4月
2月
2010
12月
11月
10月
9月
7月
6月
5月
3月
2月
1月
2009
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2008
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
2007
12月
Feed
Follow @googlecloud_jp
Useful Links
G Suite
Google Cloud Platform
Google 検索アプライアンス
Google Maps
G Suite 公式アップデート情報
0 件のコメント :
コメントを投稿