bebras_slide.pptx

Size: px

Start display at page:

Download "bebras_slide.pptx"

かずただあわたけ
5 years ago
Views:

1 France-IOI 提供の国際情報科学コンテスト Bebras Challenge 用コンテスト環境 bebras-platform の試運用日本大学文理学部情報システム解析学科谷聖一研究室鈴木一至佐々木陽広卒業演習 1

2 目次 1. はじめに 1.1 Bebras Challenge 1.2 Association France-IOI 1.3 演習目的 1.4 Association France-IOI 提供の bebras-platform 2. 本演習の詳細 2.1 コンテスト環境の構築 2.2 開発管理環境 2.3 ドキュメント作成 3. まとめ 3.1 今後の課題 2

3 目次 1. はじめに 1.1 Bebras Challenge 1.2 Association France-IOI 1.3 演習目的 1.4 Association France-IOI 提供の bebras-platform 2. 本演習の詳細 2.1 コンテスト環境の構築 2.2 開発管理環境 2.3 ドキュメント作成 3. まとめ 3.1 今後の課題 3

4 1.1 Bebras Challenge 日本の学年でいうと小学 5 年生から高校 3 年生までの児童生徒を対象としている国際的な情報科学コンテスト事前知識がなくても解くことが可能な問題を扱い情報科学に触れることが目的オンラインで参加 2015 年には世界 35 カ国から 130 万人の児童生徒が参加ビーバーコンテスト情報ページ : h)p://bebras.eplang.jp/ 4

5 1.1 Bebras Challenge 日本では情報オリンピック日本委員会が実施学校の教師が学校クラス部活単位で参加申込を行う年に 1 度実施学年に合わせた難易度の問題が出題対象問題数問題時間ベンジャミン小学 5 年 6 年分カデット中学 1 年 2 年分ジュニア中学 3 年高校 1 年分シニア高校 2 年 3 年分 5

6 1.1 Bebras Challenge 問題形式対話型動的にオブジェクトを操作しながら試行錯誤可能非対話型選択形式入力形式 6

7 1.2 Association France-IOI 国際情報オリンピック (International Olympiad in Informatics, IOI) 1989 年から毎年行われる中高校生を対象としたアルゴリズムの設計能力を競う国際大会 Association France-IOI 参照 : h)p:// 国際情報オリンピックのフランスチームの選出と育成を目的とし2004 年に設立フランスでのBebras Challengeを2011 年から実施 Bebras Challenge 用のWebサーバシステムbebras- plaiormをオープンソースで公開参照 : h)p:// ioi.org/asso/index.php 7

8 1.3 演習目的背景 Bebras Challenge を実施するための Web サーバシステムを開発運用している国リトアニアオランダフィンランド台湾フランスなど日本問題点オランダのサーバを利用ネットワーク環境セキュリティ機器コンテストの参加が困難 8

9 1.3 演習目的オープンソース化 Association France-IOI Bebras Challenge のサーバシステム bebras- pla/orm 参照 : h)ps://github.com/france- ioi/bebras- plaiorm By Associa@on France-IOI 9

10 1.3 演習目的 Association France-IOI bebras- plaiorm 日本でサーバを運用 By France-IOI 正常にコンテストに参加できない教育機関の減少 10

11 1.3 演習目的目的 bebras- plaiorm を用いて Bebras Challenge のサーバを運用するためのノウハウの蓄積過去に実施されたコンテストの問題にいつでも挑戦できる練習環境の提供 11

12 1.4 bebras-platform bebras- pla/orm の構成 HTML CSS Java Script PHP etc.. bebras- pla/orm h)pd(apache) DB(MySQL) OS(Ubuntu) 随時変更改変が行われる 12

13 1.4 bebras-platform Git bebras- pla/orm プログラムのソースコードなどの変更履歴を記録追跡するための分散型バージョン管理システム ( 参照 : h)ps://ja.wikipedia.org/wiki/git) Git を利用しソフトウェア開発プロジェクトのための共有ウェブサービス GitHub 13

14 1.4 bebras-platform bebras- pla/orm が使用しているツールパッケージ管理データベース管理翻訳ライブラリ Bower DBV i18next Composer 14

15 1.4 bebras-platform Bower フロントエンド用パッケージ管理ツール Composer PHP 用のパッケージ管理ツール ( 参照 : h)p://bower.io/) Bower,Composer は JSON 形式の設定ファイルを参照することで一括してパッケージを取り込むことができる ( 参照 : h)ps://getcomposer.org/) 15

16 1.4 bebras-platform JSON JavaScript におけるオブジェクトの表記法をベースとした軽量なデータ記述言語 ( 参照 : h)ps://ja.wikipedia.org/wiki/javascript_object_nota@on) XML 個別の目的に応じたマークアップ言語群を作るために汎用的に使うことができる拡張可能なマークアップ言語 ( 参照 : h)ps://ja.wikipedia.org/wiki/extensible_markup_language) 16

17 1.4 bebras-platform JSON XML との違い数値文字列などのデータ型として利用できる記述方法がシンプルで扱いやすい 17

18 1.4 bebras-platform DBV Web ページ上で操作可能なデータベース管理ツール France- IOI のプロジェクトに利用約 40 のテーブル数で構成 bebras- pla/orm では DBV を利用しデータベースを構築 18

19 1.4 bebras-platform テーブル例 user カラム ID gender firstname lastname 値 1 M Bitaro Yamada 2 F Bibako Yamada quesjon カラム ID folder name answertype 値アニメーションスパイ木をたおそう 0 19

20 1.4 bebras-platform i18next フロントエンドから国際化を可能にする JavaScript のライブラリ JSON ファイルと組み合わせて利用 HTML JSON data- i18n= grade_4 data- i18n= grade_5 { } grade_4 : 小学 3 年生 grade_5 : 小学 4 年生 { } grade_4 : Cours moyen 1 grade_5 : Cours moyen 2 20

21 1.4 bebras-platform コンテストサイトの構造コンテスト参加者用ページ管理者用ページ参加者管理者教師 21

22 1.4 bebras-platform ユーザ参加者コンテストの参加管理者問題 ( タスク ) の作成教師過去問の参照コンテストの作成コンテストを行うためのグループの作成コンテスト結果の参照ユーザの承認 22

23 目次 1. はじめに 1.1 Bebras Challenge 1.2 Association France-IOI 1.3 演習目的 1.4 Association France-IOI 提供の bebras-platform 2. 本演習の詳細 2.1 コンテスト環境の構築 2.2 開発管理環境 2.3 ドキュメント作成 3. まとめ 3.1 今後の課題 23

24 2. 本演習の詳細 2.1 コンテスト環境の構築環境構築 bebras- plaiorm の README を参考に試行錯誤システム構築翻訳ページの整理 24

25 2. 本演習の詳細過去のコンテスト問題の追加過去問の追加 2014,15 年度の Bebras Challenge の問題を過去問として公開非対話型の問題のみ対応 25

26 2. 本演習の詳細過去のコンテスト問題の追加問題の追加方法問題は HTML ファイルに記述問題追加用フォルダを作成し問題テンプレート HTML ファイルをコピーテンプレート HTML ファイルを編集し必要に応じて画像などを追加を行い問題を作成 bebras- plaiorm 上で年度階級ごとにコンテストを作成公開 26

27 2. 本演習の詳細 2.2 開発管理環境 GitHub bebras- plaiorm 外部へ公開 bebras- plaiorm bebras- plaiorm h)pd(apache) DB(MySQL) h)pd(apache) DB(MySQL) OS(Ubuntu) ローカル環境 (VMware) OS(Ubuntu) 本番環境 (VMware) 27

28 2. 本演習の詳細 2.3 ドキュメント作成ドキュメント作成ノウハウの共有環境構築仕様説明 28

29 目次 1. はじめに 1.1 Bebras Challenge 1.2 Association France-IOI 1.3 演習目的 1.4 Association France-IOI 提供の bebras-platform 2. 本演習の詳細 2.1 コンテスト環境の構築 2.2 開発管理環境 2.3 ドキュメント作成 3. まとめ 3.1 今後の課題 29

30 3. まとめ bebras- pla/orm を利用しコンテストサーバを構築過去のコンテストの練習環境の提供 30

31 3. まとめデモ本演習のサイト h)p://da.tani.cs.chs.nihon- u.ac.jp/bebrasc/ 31

32 3. まとめ 3.1 今後の課題作業時の問題点問題追加時手動で HTML ファイルを編集 GitHub 更新時 i18next の非対応箇所などの手動更新 32

33 3. まとめ 3.1 今後の課題課題対話型問題への対応作業の効率化 / 自動化 France- IOI へのフィードバック来年度以降の Bebras Challenge を bebras- plairom で実施 33

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション情報システム基礎演習 B 2016/01/28 (Thurs.) テーマ 4 JavaScript による電卓 Web アプリを作成しましょう健山智子 (t.tateyama.es@cc.it-hiroshima.ac.jp) 広島工業大学情報学部知的情報システム学科知的情報可視化戦略研究室 (ival) 講義のアウトライン 2 1. グループの決定 : 1. 5 人での 6 グループ ( ランダム