Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
OnLineHackathon_AdvanceDocuments
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
oec
May 31, 2020
Technology
460
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
OnLineHackathon_AdvanceDocuments
oec
May 31, 2020
More Decks by oec
See All by oec
Bocchi_reserve_HL2020
oic0310
0
89
Redhackthon2020_Hiroshima_Hoke
oic0310
0
83
DevRelJP#53_RedHackathon2020_Online
oic0310
0
690
OnLineHackathon_PickingUpFallenEars
oic0310
0
810
cluster広島LT大会 #0
oic0310
0
130
If you come to Hiroshima, you should eat this.
oic0310
0
97
HIROSHIMA_SmartOrangeVehicle_OEC
oic0310
1
160
HIROSHIMA_REDHACKATHON2_0215
oic0310
0
160
SDL_Help_Grand_Mama
oic0310
0
94
Other Decks in Technology
See All in Technology
PLaMo 3.0 Primeの構造化出力サポート
pfn
PRO
0
190
サイバー捜査員研修(前半)
nomizone
1
1.8k
20260801_スクフェス大阪
kgnkhkr
1
1.2k
Bill One 開発エンジニア 紹介資料
sansan33
PRO
7
19k
新しい SLO が良い感じにハマっている話
z63d
5
2.1k
JavaScript 研修 (2026)
recruitengineers
PRO
0
330
Pavlokで始める電撃駆動開発
sgrsn
0
170
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1.2k
plamo-3-translateの開発
pfn
PRO
0
280
Redmine 7.0 新機能・機能強化解説(OSC2026京都ダイジェスト版)
vividtone
1
190
Atlassian Cloudサポート業務でのAIエージェント活用事例
smt7174
0
460
もう一度考える SRE チームの作り方・育て方 / Rethinking SRE #1: Building and Growing SRE Teams
rrreeeyyy
5
990
Featured
See All Featured
Ethics towards AI in product and experience design
skipperchong
2
340
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
380
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
630
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.4k
Building Adaptive Systems
keathley
44
3.2k
エンジニアに許された特別な時間の終わり
watany
108
250k
Optimizing for Happiness
mojombo
378
71k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
400
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
For a Future-Friendly Web
brad_frost
183
10k
[RailsConf 2023] Rails as a piece of cake
palkan
59
6.9k
Transcript
Hiroshima Motion Control Network 広島県 事前案内
Icon Designers credits http://handdrawngoods.com レッドハッカソン オンライン2020 事前アジェンダ • 当日までに準備頂きたいもの •
チーム結成後に決めて頂きたいこと
• オンラインイベントに必要なアイテム ◦ マイク・ヘッドセット ▪ イベントで聞いたり、喋ったりな どほぼ全般的に使います ◦ USBカメラ(必須ではありません) ▪
ハードウエアの作品を作った場合 に、自由に手元が写して画面共有 できる必要があります ▪ 顔を写すだけなら、パソコンの標 準のカメラでOKです 当日までに準備頂きたいもの その1 レッドハッカソン オンライン2020 BLEのワイヤレス ヘッドセットは電 池が持たないの で、USBヘッド セット(パソコン から電源供給)が お勧め ハードウエア作品 を作る方は、USB カメラがあると便 利です。
• 各種アカウント&ツール ◦ Googleのアカウント ▪ チームビルディングでGoogleスライドなどのア クセスに利用します ◦ Facebookのアカウント ▪
今回のイベントページを作成します ◦ Zoomのインストールとアカウント ▪ イベント全般に利用します ◦ Roundzのインストールとアカウント ▪ チーム結成後に使用する想定です ▪ connpass登録時のアドレスで登録してください 当日までに準備頂きたいもの その2 レッドハッカソン オンライン2020 次ページ 補足あり
roundzのインストールとアカウント登録について • インストールは簡単。ユーザ登録は、インストール後にできます • こちらからダウンロード「https://roundz.jp」 QR: 動画:Mac版のインストール 動画:Windows版のインストール 各種アカウント&ツール:roundzのインストールとアカウント
チーム結成後に決めて頂きたいこと レッドハッカソン オンライン2020 • 役割分担とチーム活動のタイムチャート の作成 ◦ メンバーとのコミュニケーション手段を最初 に決めてください •
タイムチャートに連動した利用ツールの 確定 • 発表方法の確定と発表計画 上記完成したら、運営にご連絡ください
対面で気軽にコミュニケーションできない分、集中時間を決めてください • 対面と違い、気軽に声をかけていいか見えない。声をかけにくいかも • 全員で話す時間、進捗状況の確認、課題共有の時間を決めると良い。 メンバーとのコミュニケーション手段:役割分担とチーム活動のタイムチャート作成 12:00 13:00 14:00 15:00
16:00 17:00 18:00 19:00 20:00 08:00 09:00 10:00 11:00 12:00 13:00 14:00 15:00 16:00 例)Day1 サンプルチームスケジュール 2.アイディアのブラッシュアップ(全員) 1.ランチ・自己紹介、進め方協議(全員) 3.発表シナリオ の作成 ・デザイナBさん ・プランナCさん 5.進捗確認(全員) 4.実現方法の検討、プ ロトタイプ作成開始 ・エンジニアAさん、Dさん 8.中間報告 (リーダ) 9.進捗確認・課題共有(全員) 10.各自作業 12.中間報告 (リーダ) 11.進捗確認・課題共有(全員) 6.発表シナリオ の作成 ・デザイナBさん ・プランナCさん 17.プレゼン・審査・結果発表(全員) 7.プロトタイ プ作成開始 ・Aさん、Dさん 14.ランチ/発表方法の確定/準備分担 (全員) 15.発表準備(全員) 16.発表リハーサル(全員) 13.各自作業 例)Day2 サンプルチームスケジュール ずっと繋ぎっぱなしだと会話持たないか、話すぎて進まないか、疲れる・・・のでメリハリを!
タイムチャートで定義した会議帯、作業に応じて使用するツールを決める • チーム内でタイムチャートを確定したら、どの場でどんなツールを使用 するか、定義すると、コミュニケーションロスの発生を減らせます メンバーとのコミュニケーション手段:タイムチャートに連動した利用ツールの確定 タイムチャートNo. 通話 画面共有 チャット ファイル
共有 スライド 共同編集 アイディア 課題整理 1,2,5,9,11,14,15 roundz roundz FBメッセン ジャー Google Drive Google スライ ド Googleスプレッド 3,6 roundz roundz FBメッセン ジャー Google Drive Google スライ ド Googleスプレッド 4,7 roundz roundz Slack Google Drive Google スライ ド Googleスプレッド 上記は例です。全員が使いやすいツールをチームの中で決めていただいても大丈夫です。
チームでGoogleスライドを編集してプレゼン資料を作るのがベストです • チームメンバーで1つのスライドを共同編集ができます • 確認や議論が必要な場合、音声通話が苦手な人はチャットが打てます メンバーとのコミュニケーション手段:タイムチャートに連動した利用ツールの確定 Googleスライド上で チャットができます 共有したメンバー全員が スライド追加、変更など
を並行して行える 共有メンバーのログイ ン状態が見える 共有は「Share」ボタンを押して、 メールアドレスか、「Copy link」で メンバーに共有するだけでできます
Mac:クリック Windows:右クリック チームでGoogleスライドを編集中に意見がある場合はコメントを使う • 他の人の作成中スライドを触ると混乱する為、コメントで知らせる • 意見をログとして残して、あとで反映済みか確認ができる メンバーとのコミュニケーション手段:タイムチャートに連動した利用ツールの確定 1.コメントするスライドを選択 2.コメント欄にコメントを入力
3.名前とコメントが残る
発表も作品の一部になります。発表プランを事前にご提出ください。 • 画面越しに、作品の良さ、臨場感を伝える創意工夫も作品になります • 綿密にメンバーと話して、チームで審査員に伝える企画が必要です メンバーとのコミュニケーション手段:発表方法の確定と発表計画 STEP1 発表方法の検討 STEP2 発表シナリオ作成
と役割分担 STEP0 利用技術の確認 STEP3 発表プランを運営 に提出 いつまでに (目安) 2日目の中間報告 (9:00) 2日目のお昼頃 (12:00) 2日目のお昼頃 (13:00) 2日目のおやつ時(15:00) 誰が チームリーダー (アイディア発案者) チームリーダー (アイディア発案者) チームリーダー (アイディア発案者) チームリーダー (アイディア発案者) 誰と/誰に エンジニア担当 チームメンバー全員 チームメンバー全員 運営メンバー なぜ/何を 利用した技術で発表の仕方 に影響がある 画面越しにどのように審査 員に伝えるか 分担とシナリオで準備物、 手順をメンバーで確認して リハーサルする 運営のサポートの必要の有 無を確認します
STEP1:オンラインハッカソンでは、発表の準備時間も重要になります • 作品の良さを画面越しに伝えるには工夫する時間が必要です • もちろん、上記の方法以外の手法を考えていただいても大丈夫です メンバーとのコミュニケーション手段:発表方法の確定と発表計画 1.事前に審査員に体験して頂く 2.現地,現物をライブ中継する 3.紹介ムービーを作成する メリット
デメリット 作品の完成度を伝えられる 言葉では表現できない使い勝手を伝えられ る プレゼンは3.紹介ムービーで簡略化できる 作品の完成度を伝えられる チーム員が自宅からライブ中継することに より臨場感がでる(かも) プレゼン時に作品が動作しない、という失 敗はない Webコンテンツに限定される。 2日目16:00〜のプレゼンより早く作品を公 開する必要がある。タイムチャートや配布 方法などの綿密な段取りが必要 プレゼン者の切り替えは綿密なリハーサル 要 失敗した時にピンチ。リカバリー方法を並 行して検討しておく必要がある 成功したシーンだけを映像にできるので作 品の完成度は伝わりにくい可能性あり 審査員 チーム員 Webコンテンツ 使い方説明 チーム員 ビデオ/画面共有 (スライド、カメラ映像) 審査員 プレゼン ライブデモ 審査員 チーム員 ビデオ/画面共有 (スライド、動画) プレゼン 発表方法 の例
STEP2:発表スライドを作成する前に絵コンテみたいなものを準備する • 発表シナリオ、伝え方自体も作品になりますので、ご利用は計画的に • 切替えのスムーズさ、デモの臨場感など、視聴者を驚かせてください メンバーとのコミュニケーション手段:発表方法の確定と発表計画 アイディアの 発想の経緯 着目した課題 所要時間
3分 スライドの 構成 (伝えたい 事、喋って ほしい事) 喋る人 チームリーダーAさん 資料用意す る人 Aさん 準備物 スライド、音楽 こうやった ら解決でき る 2分 Cさん Cさん スライド、システム・アプリ デモ実施 (xxがわ かるデモ をやる) システム 構成 今回のデモ の範囲 Aさん プランナーBさん 将来的な 機能イ メージ エンジニアCさん Aさん ★ 作成するスライドの外観、順序をメンバーと共有するために、シナリオを作成します 例) オンライン上で、審査員を巻き込んだデモもインパクトになるかも!?
roundzは音声通話と画面共有のツールです。チャットはできません。 • スケジュール共有、画面共有で相手の都合に合わせて通話が行える • PCステータス共有(離席中、ミュート、スピーカーOFF)も確認できます 動画:roundzの使い方 通話不可な場合の共有も可能 Googleカレンダーと同期すれば メンバーに予定を共有可能 メンバーとのコミュニケーション手段:Roundzの使い方
使い慣れているツールがあれば、メンバーと話し合って自由にツールを導入してください
roundzで特定の人に話かけたい場合は、「話したいです」ボタンを押す • ディスカッションの時間帯でどうしても相談したいことがある場合にこ の機能が有効です。運営は「集合部屋」に待機しています 動画:roundzの使い方 ユーザ名で話す人を選択する メンバーとのコミュニケーション手段:Roundzの使い方 オレンジの場合 は、離席中です これが「話したい
です」ボタン 緑の場合は、パソ コンの前にいます ロックマークに なっていなければ 出入り自由です
3名以内でアイディアをブラッシュアップするならmiroがお勧め • 3名まで同時編集がFreeな為、書き込みながら話し合いができる • 参照のみであれば、何人でも利用することができます 動画:miroの簡単な操作について メンバーとのコミュニケーション手段:miroを使う miroのライセンス 料金体型:https://miro.com/pricing/ 参考になるサイト
https://note.com/at_design/n/n80acc8b6c62c
初めてのオンラインハッカソンのため、トラブル 等々があるかも知れません。 イベントは、皆様で作り上げて行くものですの で、運営・参加者関係なく互いにフォローして、 楽しい物づくりイベントにしていきましょう