Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

西大和学園中学校・高等学校 奈良県北葛城郡河合町(法隆寺の近く) 生徒数1800程度の中高一貫+高校入学の学校 寮あり 課外活動・行事が盛ん(SSH/模擬国/AIP…) 1.About us 本校HP:https://www.nishiyamato.ed.jp/

Slide 4

Slide 4 text

1.About us 西大和学園 技術統括局 ( Directorate General of Technology ) 「『好き』で西大和を創る」のコンセプトのもとに設立された 部活でも生徒会でもない生徒組織。 生徒が自主的に自らのスキルを活かして技術的アプローチから学校を支える。 現時点で中3から高2まで約30人が所属している。

Slide 5

Slide 5 text

1.About us 活動内容

Slide 6

Slide 6 text

1.About me 栗栖 幸久(くりす ゆきひさ)(来栖って書かれがち) ・西大和学園 高校2年(17才) ・所属先(引退したもの含む) –技術統括局 局長・放送部 副部長・写真部 部長・36期SSH小麦種子耐熱班 ・趣味 –写真・無線・映像作成・情報系技術・AWS ・野望 –AWS Outpostsを個人で契約する ↑twitter↑

Slide 7

Slide 7 text

2.AWS活用実績一覧! ①文化祭HP(LightSail) ②NYGstreaming(動画配信プラットフォーム) ③チケット管理システム(EC2等) ④入退場管理システム(EC2等) ⑤体育祭選手エントリー管理システム(Amazon Textract) ⑥3DCGバーチャル校舎 ⑦局員作業環境(Amazon WorkSpaces)

Slide 8

Slide 8 text

3.各サービス振り返り ①文化祭HP Lightsailを使用 ※Lightsailとは⇒やさしいEC2

Slide 9

Slide 9 text

③/④チケット・入退場管理システム 会場への入場 or 公演の閲覧で登録された人かの判別用。 チケット申し込み機能もあり 3.各サービス振り返り ↑入退場管理システム↑ ↑チケット管理システム↑ ↑ CAPTCHA

Slide 10

Slide 10 text

⑤体育祭選手エントリ管理システム 従来 今回 AIにやらせてまえ! 生徒からデータを回収 印刷 関数でデータ整理 (エラー検知) 打ち込み 招集名簿 確認用名簿 AI読み込み 生徒からデータを回収 関数でデータ整理 (エラー検知) 印刷 招集名簿 確認用名簿 3.各サービス振り返り

Slide 11

Slide 11 text

➄体育祭エントリー管理システム Amazon Textract ・表を表をして認識してcsv書き出し可 3.各サービス振り返り

Slide 12

Slide 12 text

⑥3DCGバーチャル校舎 mozila hubsで公開 3.各サービス振り返り

Slide 13

Slide 13 text

4.NYGstreaming そもそもNYGstreamingとは ⇒動画配信プラットフォーム ・オンデマンド動画配信 ・ライブ動画配信 ・限定公開コンテンツ(パスワード認証) ・サムネイル画像の表示 ・題名・概要欄の実装 ・おすすめ動画の表示 ・CMが再生機能

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

4.NYGstreaming 開発の経緯~昨年の10月~ すでに有志団体(ダンス、バンド etc)の動画公開は行っていた(YouTube) 公開方法は3パターン(顔出しNG等の理由で) YouTubeで通常公開 YouTubeで限定公開 Google Driveの共有機能 (組織内のみ)

Slide 16

Slide 16 text

4.NYGstreaming 問題点 ①YouTubeで通常公開 ⇒コメントを開放できない ダンス音源でBanの可能性あり (全団体がJASRAC等に著作物使用手続きをしているが ライブ配信だとAIが判断して配信をBanし異議申し立ても間に合わない) ②YouTubeの限定公開 ⇒リンクさえ知っていたら見れるので限定公開の意味があまりない

Slide 17

Slide 17 text

4.NYGstreaming 問題点 ③Google Driveの共有機能で組織内のみ ⇒プレビュー回数に制限があり、見れない人が出てくる

Slide 18

Slide 18 text

4.NYGstreaming 問題点の解決法 ⇒IVS(AWS)と出会う ⇒いいものが見つからなかった 他のプラットフォーム に移行 プラットフォームを 自作 (当時は冗談半分)

Slide 19

Slide 19 text

4.NYGstreaming IVS(Amazon Interactive Video Services) AWSのライブ配信サービス 特徴 ・超低遅延(2s~) ・FHDまでの入出力 ・拡張性がすごい ・アーカイブをS3に保存できる

Slide 20

Slide 20 text

4.NYGstreaming 超低遅延が生み出した良い点 ・現地で見ている人たちと教室で配信を見ている人の移動が重ならなくなった ・配信場所で笑いが起きて20s後に隣の教室で笑いが起きるという不自然が解消 こ こ の 教 室 で 配 信 す る 隣 の 教 室 で 配 信 を 見 る

Slide 21

Slide 21 text

主な遷移 ・ver1.1(AWSを始めて1.2か月) ⇒S3の静的ウェブホスティング&サンプルコードそのまま ・ver1.2 ⇒要件定義&UIを整え始める、開発開始 ・ver1.3 ⇒リリース完了 4.NYGstreaming

Slide 22

Slide 22 text

ver1.2の要件定義 ● オンデマンド動画配信 ● ライブ動画配信 ● サムネイル画像の表示 ● 題名・概要欄の実装 ● マネージできるコメント欄 ● マネージできるライブチャット ● おすすめ動画の表示 ● 動画再生前にCMが流れる 4.NYGstreaming

Slide 23

Slide 23 text

初期 構成 図 4.NYGstreaming

Slide 24

Slide 24 text

最終 構成 図 4.NYGstreaming

Slide 25

Slide 25 text

使おうとした&使った(特殊な)サービス ・Media Tailor :広告挿入のサービス⇒一種類しかCMを挿入できず見送り ・Media Convert :ファイル変換サービス。今回は mp4⇒HLS形式 ・IVS chat :IVSのライブチャット機能⇒現在 開発中。トークンが上手くいかない 4.NYGstreaming

Slide 26

Slide 26 text

困った・苦労したところ ①すぐAWSの操作UIが変わる⇒せっかくのブログや記事を読んでもわからない ②再生がされない問題 ⇒HLSのテストサイトでは再生可 NYGstreamingでは再生できない 4.NYGstreaming _人人人人人人人_ > CORS設定 <  ̄Y^Y^Y^Y^Y^Y^ ̄

Slide 27

Slide 27 text

・全サービスに関して安価に済ませられた ・今日NYGstreamingを公開しようとしたら、今日の朝4:23に何故か死んだ 〈展望〉 ・サーバーレスサービス(lambda)やAmplifyといったものを使いたい →安く・簡単に構築できる ・未実装サービスを実装したい 5.まとめ