twincal(学生のためのアプリ開発コンテストver.)
DESCRIPTION
2013/12/14に行われた、アカリク主催の学生のためのアプリ開発コンテストの発表資料です。 http://acaric-valuator.com/event/studentappcontest2013/ TwinCalという時間割作成を支援するWebアプリをプレゼンしました。TRANSCRIPT
![Page 1: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/1.jpg)
時間割を作成するWebサービスTwinCal
@gam0022筑波大学 情報科学類3年 細田翔
![Page 2: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/2.jpg)
自己紹介
Twitter: @gam0022
情報科学類3年(coins11)
@daigoroubot の飼い主
COJT SWコース
Ruby と C#
けっこうなんでも書きます
![Page 3: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/3.jpg)
時間割はどうしていますか?
![Page 4: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/4.jpg)
時間割はどうしていますか?
情報系なら電子的に管理?
Google Calendar
iCal
![Page 5: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/5.jpg)
時間割はどうしていますか?
全ての科目を入力するの大変
教室を調べたり
繰り返し設定をしたり
とにかく面倒くさい
![Page 7: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/7.jpg)
DEMO
1. 「twincal」で Google 検索して、http://gam0022.net/app/twincal/ にアクセス
![Page 8: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/8.jpg)
Step1
![Page 9: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/9.jpg)
Step2
![Page 10: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/10.jpg)
Step3
![Page 11: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/11.jpg)
Complete
![Page 12: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/12.jpg)
サイトデザイン
初めての人でも使い方が分かるようなデザインにした。
上から手順を行えば誰でも使える!
レスポンシブルデザイン。
スマートフォンにも対応。
![Page 13: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/13.jpg)
Twinsの履修情報のCSV
CSVに含まれている情報は科目番号だけ
![Page 14: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/14.jpg)
特徴
教室番号や単位数は科目データベース*1から自動取得
*1: https://kdb.tsukuba.ac.jp/
面倒な手間を
完全に自動化
![Page 16: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/16.jpg)
Twitter上での反応
Twitter上でのたくさんのフィードバック。
感謝のメッセージは特にモチベーションになってます。
![Page 17: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/17.jpg)
技術的な情報
Ruby で開発
View: erb
DB: SQLite3
Twitter Bootstrap 2
JavaScript(jQuery)
![Page 18: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/18.jpg)
苦労話
TwinCalは1度作りなおしました。
![Page 19: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/19.jpg)
苦労話
去年の8月にTwinCal 1.0
今年の4月にTwinCal 2.0
![Page 20: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/20.jpg)
苦労話
筑波大学では
今年から、3学期制→2学期制(6モジュール制)
TWINSも改修
TwinCalも仕様変更を余儀なくされた。
というか、全部作り直しました。
![Page 21: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/21.jpg)
学期制の移行昨年までの3学期制
今年からの2学期制
月 4月~7月 8月~11月 12月~3月
学期区分 1学期 2学期 3学期
![Page 22: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/22.jpg)
苦労話
6学期は超複雑
例えば
実施学期「春C秋ABC」
曜日と時限「月・木2,5」
途中に改行が入ってたり、フォーマットが統一されてない
![Page 23: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/23.jpg)
苦労話
人間でも Parse が難しい
全パターンを網羅するのは不可能
正規表現でパターンマッチして対処。
気になる人はソースコードを見てね
https://github.com/gam0022/twincal2
pull request 待ってます^^
![Page 24: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/24.jpg)
苦労話
秋ABの期末試験は来週です。 12月16日(月)~12月20日(金)
期末試験を捨てて、コンテストに参加しているので応援お願いします^^
![Page 25: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/25.jpg)
今後の展望
集めた履修データから「この授業を履修した人は、こんな授業も履修しています」のようなサジェスト機能。
筑波大学以外の大学にもスケール
![Page 26: TwinCal(学生のためのアプリ開発コンテストVer.)](https://reader035.vdocuments.pub/reader035/viewer/2022062406/559624341a28ab62708b47c1/html5/thumbnails/26.jpg)
ご静聴ありがとうございました