LTタイマーについて

[vestige]

今日のメニュー

• タイマー
• ScratchDay＆イベント
• BM

[vestige]

• ScratchDay2018の方針
• イベントの企画の話
• LTタイマー

[vestige]

LTタイマーの仕様

• 時間を設定できる（30秒から60分まで）
• のこり時間が10秒を切ったら、参加者が気が付ける仕組み
• 時間になったら、拍手を促せる仕組み
• 発表者の邪魔にならない
• 発表に集中できる
• 発表者にのこり時間がわかる
• タイマーの開始がだれでもできるようにする

[vestige]

今回のLTタイマーは

• Timerセットする（PC側）
  • 初期表示 00:00
  • Editボタンを押したら、数値をセットできる
  • Sボタンを押したら、カウントダウン
• 起動はラズパイ のボタンで登壇者が押してもらう

[vestige]

4/7は

• ラズパイ からの起動ができるか
• のこり１０秒で見た目を変更
• 残りがゼロになったら、拍手を促すメッセージが表示される

[akimach]

時間の表示にミリ秒も表示したいです。現在のやり方だと、例えば残り時間が0.99秒でも「00:00」と表示されてしまいます。

[vestige]

あれ？残り時間は常に切り上げだよ。

[vestige]

LT Timerの仕様について（土曜日までに書く）

• start / stop / resetボタン
• 入力しやすいように、プリセットでタイマー設定ができる（たとえば、３分、５分、１０分）
  • 一般講演は8min
  • LTは2min
• 繰り返しができるモード(LT用。繰り返しのインターバルは60秒)
• 数字を大きくみせておきたい
• イベントのタイトル名を表示する
• スケジュールができるモード（残り時間と小さいタイマー）→別のアプリ感がでてきてるよくないね。
  • たとえば、このモードのときは１断面に全体の残り時間、２断面に各セッションの時間
  • 全体の時間がきたら、拍手、それ以外は拍手なし
• 拍手の音はラズパイ のスピーカーから？
• 残り１０秒になったら、ラズパイ のボタンの色は変化？

参考資料？

• MacRubyだけど、UI部分はかわっていないので参考までに
  • https://github.com/vestige/TochigiTalksTimer

[akimach]

macとRasPi3のペアリング完了 http://totech.hateblo.jp/entry/2017/01/09/121706

[vestige]

• modeは"Normal / Panel / LT "
• Panelのときは888888のところに全体ののこり時間がでるようにする

• 拍手の音はせっかくなので、ラズパイ のスピーカーから出したほうがよい？
• タイマーがうごきはじめたら、ボタンは点滅したほうがかっこよさそうだけど、こっちにもタイマー必要になっちゃうね。むずかしそう。

[akimach]

@vestige Panel / LTモードの違いは何ですか？

[vestige]

パネルはタイマーをスケジュールできるモード LTは繰り返し2分タイマーが動きつづけるモード

[akimach]

@vestige 作ってみました。

[akimach]

悩みごと1：フルスクリーン時のテキストやボタン等のパースの拡大・縮小

iOSのauto layoutと違って、画面サイズの変更に追随してテキストのサイズを変更するのが標準機能でできないようです。なので、通知センタを使ってゴリゴリ書こうする予定です。

悩みごと2：謎パーツ

よねざわさんの絵のresetボタンの上にあるパーツって何ですか？（聞き逃してたらすみません）

Answer：「1分、3分、5分」のプリセット

[vestige]

800x600ぐらいのプロジェクターなのでそんなに大きなウィンドウじゃなくてもよいかもね。 謎パーツはタイマープリセット。ノーマルの時にあったらよいかなぁっと。

[akimach]

通信

• mac：http://192.168.2.1/（例）
• ラズパイ：http://raspberrypi.local/

ラズパイ → mac

• GET /start：タイマーをスタートさせる
• GET /stop：/startが既に発行されタイマーが動いている場合はタイマーを一時中止

mac → ラズパイ

• GET /lastspurt：残り10秒になるので、ラズパイ のボタンの色は変化させる
• GET /finish：終了したので音声を鳴らす

[vestige]

restartのところと、fireの中のif文がなんか引っかかるなー タイマーのところ、クロージャでかいてるから、自分がわからないだけかな？

[akimach]

こことここですね。

restartのところ

https://github.com/TochigiRaspberryPICircle/bm/blob/master/ReLT_Timer/hoge/LTTimer.swift#L24-L30

エラー投げるところですかね。viewcontrollerでも対処できますが、残り時間を保持していないというのはLTTimerクラスで問題を抱えてたほうがいいかなと思いました。

fireの中のif文

https://github.com/TochigiRaspberryPICircle/bm/blob/master/ReLT_Timer/hoge/LTTimer.swift#L39-L46

確かに引っかかります。10秒以下になったら一回だけ、ラストスパートのリクエストをラズパイに送りたいのですが何かいい書き方ないですかね。

[akimach]

ViewControllerとLTimerクラスのコミュニケーションは、通知センターとプロトコルを使ったデリゲートパターンのどちらがいいのかも迷いました。iOSをみると後者のほうが一般的だな

[vestige]

https://qiita.com/KikurageChan/items/5b33f95cbec9e0d8a05f

まずはタイマーのコールバックを外にだしてみたら少しわかるのかも。

[vestige]

isRestartってなんで必要なんだっけ？

[akimach]

@vestige

isRestartってなんで必要なんだっけ？

確かにいらないですね。LTTimerのremainingTimeを拾えればそこでrestartか否か判断できます

もともとの考えとしてはスタートボタン１つで、開始とストップからの再開を兼ねるために入れました

[akimach]

アイコンを作った。

ボタンを押したらタイマーをスタートできるようにした。

[vestige]

なかなかかわいらしいボタンねー

[vestige]

今回のイベントでタイマー使うところをまとめてみます

• 3分 ... オープニング、拍手の練習
• 8分( x 3) ... 一般公演1
• 25分　... みどころとバグ供養
• 8分( x 6) ... 一般公演2
• 70分 ... パネル１
  • 22分 ... 導入部分
  • 12分 x 4 ... 各お題
• 90分 ... パネル２
  • 30分...導入
  • 15分 x 4 ... 各お題
  • 2分と1分（インターバル）のタイマー ... LT用

[akimach]

• ラズパイのボタンで、macのタイマーのスタートができるようになった
• タイマー終了時に拍手もOK

[vestige]

SwifterとSwiftJSONはどうやっていれるのさー？ コードだけ確認しておくねー

[akimach]

pod install

[akimach]

まずCustom画面のような複数のタイマーを組合せられるような汎用的な機能・メニュー画面を作って、そこからパネル、LTに特化していくのはどうでしょうか

[akimach]

パネルディスカッション用画面をこんな感じで実装してみました。

[akimach]

時間管理できるようにしました。タイムスケジュールのプリセットを読み込んだあと、既にある行のタイトルと時間は変更可能。

行の追加、削除ができるようにしたい。

[akimach]

• [x] テーブルのデータソースを別クラスに分けたい
• [x] ボタンを設けて、行の追加をできるようにしたい
• [x] ラストスパート（残り10秒）の表現が必要か否かの設定を入れたい
• [ ] Storyboard上にUIパートを詰めてつじつまを合わせている感じなので整理しておきたい（UIViewControllerとNSViewControllerの勝手が思ってたより違う）

[akimach]

ノーマル

パネル

LT（下の画面だと2つ追加済み）

[akimach]

@vestige デモ版を用意しました。お試しをー。 https://github.com/TochigiRaspberryPICircle/bm/releases/tag/0.0.1

[vestige]

updateしたけど、ノーマルモードがスタートしないよ... デモ版は明日（てか、今日）チェックアウトしてみるよ

[vestige]

気になること

• [x] タイマーの文字がずれる。センタリングのせい？
• [x] パネルのは設定したら、ノーマルと同じ画面でうごいて欲しい。これはやるつもりのやつかな？

[akimach]

ノーマルモードがスタートしないよ...

確認しました。直します。

[akimach]

パネルのは設定したら、ノーマルと同じ画面でうごいて欲しい。これはやるつもりのやつかな？

そうなんですか。スタッフの人とか参加者もどういう流れでやるのか見えるといいのかなと思ってました。

[vestige]

5/2にやること

• LTモードはやめる
• パネルは設定画面にする
• 設定しているタイマーだけ繰り返し行えるタイマー
• 上に表示されるのは条件によって変更する
  • タイマーが複数設定されているときは全体終了の時刻にする →タイトルを設定できるようにする
  • タイマーがひとつのときは表示しない
  • どちらのときも各タイマーの残り１０秒になったら、"拍手の準備を"
  • タイマーが0になったら、"888888"
  • 複数のタイマーがセットされているときは、"888888"のまま、10秒あけて、次のタイマーを動かす

[vestige]

やりとりが煩雑かもしれないので、ディスカッションおこした。 https://github.com/orgs/TochigiRaspberryPICircle/teams/bm/discussions

[vestige]

• messageの振る舞いは上に書いたように自由に文字が設定できる（全角10文字まで）
  • ex) 12:45まで
• messageは残り１０秒で"拍手の準備を"
• messageは残り０秒で"888888"

こんな感じでどかな？

[akimach]

やり方が2つあると思います

• 同一画面上で、上の二つのビューを担う
  • ViewControllerが１つ、今のやり方と同じ
  • OK、Cancelボタンが不要
  • 右下のSettingsで遷移
• 設定画面は別のウィンドウ
  • Settingボタン → 設定画面が開く → OKボタン → 設定画面を閉じる
  • ViewControllerを2つにするので、VC間でシングルトンかなんかで変数を共有できるようにする必要がある

前者のほうでやりたいのですがいいですか

[vestige]

Restart機能は今回やらない Stopボタンを削除する

[vestige]

画面の切り替え方法は木村くんが実装しやすい方でいいですよ。 UI的にはどちらでも構わないですー

[akimach]

いまこんな感じです。メッセージのところは欠けていて、タイトルのが表示されます。

hoge.app.zip

明日つづきやるです

[akimach]

複数のタイマーがセットされているときは、"888888"のまま、10秒あけて、次のタイマーを動かす

をやろう

[akimach]

タイマーが複数設定されているときは全体終了の時刻にする →タイトルを設定できるようにする タイマーがひとつのときは表示しない

別に機能として実装しないで、設定画面でtitleを単に空文字列にすれば気がします。

[akimach]

せきさんに作ってもらった画像、入れておきます

[vestige]

いまさらだけど、画面の大きさどうしようね。 800x600ぐらいはあった方がいいような。

[akimach]

レスポンシブにする予定です

[akimach]

初期画面を変更、計測終了時にライオンの画像を表示するようにしました。

hoge.app.zip