Web Application Development Course at AIIT is a project based learning and aims to develop a basic competence of modern techniques which are indispensable to run agile software development.

1. Business
Applica-on
Development
advanced
course
at
AIIT,
2013
Heroku
meetup,
1/16/2013
Hiro
Yoshioka
*,
Miho
Nagase
**
@hyoshiok,
@miholovesq
*
Rakuten,
Inc.
**
Advanced
Ins-tute
of
Industrial
Technology

2. Agenda
• What
is
Web
Applica-on
Development
Course
at
AIIT.
– Goal
•
•
•
•
Topics
Demo
or
Die
Lessons
Learned
Our
Next
Challenges

3. Goal
of
Web
Applica-on
Development
Course
• アジリティの高いソフトウェア開発を
行うために必要不可欠となるモダン
な技術要素についての基礎知識を
習得する。
• Develop
a
basic
competence
of
modern
techniques
which
are
indispensable
to
run
agile
soTware
development.

4. Web
Applica-on
Development
by
Scrum
Course
• AIIT
–
Advanced
Ins-tute
of
Industrial
Technology;
産業技術大
学院大学
• Pre
Course
–
June
to
July
• Intensive
Course
–
August
to
September
• Distributed
PBL
(Project
Based
Learning)
–
October
to
December

5. Pre
Course
• To
learn
basic
knowledge
of
Agile
soTware
development
method.

6. Intensive
Course
• To
learn
knowledge
of
business
applica-on
development
method,
build
a
team,
and
make
a
plan
of
the
Project.
Mini
PBL

7. Distributed
Project
Based
Learning
(Distributed
PBL)
• To
learn
modern
soTware
development
method,
such
as
agile
development,
SCRUM
method,
and
so
on
by
PBL
(project
based
learning).
– We
use
some
commercial
API
such
as
Rakuten
API,
distributed
source
code
management
system,
git,
and
Pla^orm
as
a
Service
(PaaS),
heroku,
Ruby
on
Rails,
and
so
on.

8. Class
room
at
Okinawa

9. Topics
• Con-nuous
Delivery
(CD),
Test
Automa-on,
Con-nuous
Integra-on
(CI),
Version
Control
System,
Test
Driven
Development
(TDD),
Pla^orm
as
a
service
(PaaS),
API,
Agile,
Scrum
• git,
github,
heroku,
Travis
CI,
VirtualBox,
vagrant,
linux,
Ruby
on
Rails,
chef,
Rakuten
API

10. Demo
or
Die;
Project
Based
Learning
• Each
sprint
is
one
week
(total
10
weeks)
• Make
a
product
backlog.
• Build
a
prototype.
MVP
• Give
a
demo
on
every
Saturday.
• Get
feedback
from
the
other
teams
and
coaches.

11. Build/Measure/Learn
hap://www.slideshare.net/jezhumble/con-nuous-­‐delivery-­‐5359386

12. Lessons
Learned
• Project
Based
Learning
is
well
done.
– knowledge,
skill,
competence
– team
learning
– tacit/implicit
knowledge
• Demo
or
Die,
scrum
– -me
box,
priori-za-on,
MVP
• Modern
Tools
accelerate
development
process
– PaaS,
CI,
scrum,
sprint,

13. Our
Next
Challenges
• From
‘How’
to
‘What’
and
‘Why’
– you
can
learn
how
to
build
web
services
by
our
course
but
you
can
not
learn
‘what’
and
‘why’
to
build.
• Growth
Hackers
– we
need
growth
hackers
to
coach
our
PBL.

14. My
wish
to
Students
• Show
your
competence.
– Apply
contests,
e.g.
Mashup
Award
– Build
your
services
• “The
future
is
already
here
—
it's
just
not
very
evenly
distributed.”
by
William
Gibson

15. Appendix
• Project
URL
– Team
Hacky
&
Rocky
• hap://denka.herokuapp.com/
• haps://github.com/NoguHiro/
hacky_and_rocky
– 345
commits
– 4
con-rbutos
– Team
Puma
• hap://sorejanai.herokuapp.com/
• haps://github.com/teampuma
– 215
commits
– 4
contributors

16. • Project
URL
(cont.)
– Team
5
bai
gaeshi
• hap://jshop.herokuapp.com/
• haps://github.com/hayashi1/JSHOP
– 112
commits
– 6
contributors
– Team
RyuPiT
• hap://sharepla.herokuapp.com/
• haps://github.com/ryupit
– 1103
commits
– 6
contributors

18. http://sorejanai.herokuapp.com/
それじゃない所に
案内されます
何かを検索すると...
それじゃない！モノを表示します
「それじゃないよ！」
と思ったらココをクリック！
ツイートして
皆に共有も
それじゃない文章に
翻訳されます
ライバルはGoogle
http://sorejanai.herokuapp.com/

19. プロダクト名：JSHOP チーム名：チーム５倍返し。 http://jshop.herokuapp.com/
旅行先でのお土産購入時に必見！
１．スマホで現在地情報を送るだけ！
２．旅行先のお土産情報をゲット！！
３．評価の高いお土産がわかる！
※画面キャプチャはイメージです。
技術的な解決策の概要
HTML5
Geolocation
座標
Google
Maps API
地名
楽天商品
検索API
商品
JSHOP

20. SharePla
~あなたのプランをみんなのプランに~
「複数⼈人で旅⾏行行したくて計画をたてようとしている⼈人」向けの
「旅⾏行行のプランをたてるお⼿手伝い」をする
「webサービス」です。
行き先候補支援
ルート機能
地域名で
検索してみよう！
行ってみたい場所が
見つかるかも！？
プランの道順を
⾃自動で作成！
出かける前に確認しよ
う！
PDF化
1ボタンでPDF化！
オフラインでも
チェック可能！
clone機能
レビュー
気に⼊入ったプランを元に
あなただけのアレンジを
加えよう！
共有されたプランに
感想を記述しよう！
http://sharepla.herokuapp.com |
Ruby on Rails
Heroku
GitHub
MongoDB
Git
TravisCI

21. Special
Thanks
to
Agile
Coaches
• Masanori
Kado
• Takashi
Takebayashi
• Masashi
Arino
• Kiro
Harada
• Shintaro
Kakutani
• Naoto
Nishimura
• Ayumu
Aizawa
(Heroku)