Java Do #04（α版） http://javado.connpass.com/event/26020/

1. Wicket with SpringBoot
on Azure

3. はじめに
3

4. 背景と目的
4

5. 想定するIoTシステムのモデル
5

6. 学修者と学修シナリオ（案）
6

7. 学修者と学修シナリオ（案）
7

8. 今日のお話
8

9. 今日のお話
学修シナリオ（案）にむけた
教材のプロトタイプをつくってみた
・せっかくの機会なのでAzureで
※DreamSpark使えると学生がやりやすいはず
・WicketをSpringBootで動かしてみる
・SpringBootをAzure Web Appsで動かしてみる
・Azure Table Storage をJavaから使ってみる
9

10. 学習教材の概要（プロトタイプ）
10

11. 学習教材の概要（プロトタイプ）
11

12. プロトタイプの動作の流れ
• Intel Edison（Arduino）でセンサーデータを取得する
※温度センサーにしてみたらあまりに変化が緩やかなので光量センサ
• センサーデータをHTTP(POST)でWebAPIに送信する
※WebAPIはWicketで簡易実装
※WebSocket or 他のプロトコルにチャレンジしたかったけど今回は時間切れ
• WebAPIで受け取ったデータをAzure Storage Tableに格納する
※Azure Storage SDK for Javaを利用
• Storage Tableから過去20個分の取得データを取り出して、グラフ化する
※グラフはWicket＋WickedChartで簡易実装
• 将来拡張しやすいように、WicketはSpringBootで動作させる

13. わざわざ作らなくても
○○でできるよ 禁止
13

14. デモ
14

15. 15

16. ソースコード要点解説
16

17. Wicket with Spring Boot
17

18. Wicket with SpringBoot
18

19. pom.xml：
19

20. ServletContextInitializer:
20

21. WebApplication:
21

22. Example of WebPage:
22

23. Spring Boot on Azure
23

24. SpringBoot on Azure
24

25. SpringBootServletInitializer:
25

26. pom.xml：
26

27. pom.xml：
27

28. ここまでの設定で、Wicket を使う
SpringBootアプリケーションを
Azure Web Appsで動作させられる
28

29. Wicket WebPage as WebAPI
29

30. Wicket WebPage as WebAPI
30

31. Azure Storage Table
31

32. Azure Table Storage (KVS)
32

33. pom.xml：
33
アカウント作成：

34. Application.properties:
34

35. AzureStorageConfig:
35

36. AzureStorage:
36

37. Entity：

38. TableStorageRepository:
38

39. WickedChart
39

40. 40

41. GraphPage, TemperatureChart
41

42. Grove Light sensor with Edison
42

43. 43

44. 44

45. 45

46. temperature.js
46

47. おわりに
47

48. SpringBootでWicketが動く
48
Edisonで数行でセンサーデータとれる

49. Azureを使ってみて(1)
49

50. Azureを使ってみて(2)
50

51. まとめ
IoTをテーマに、プログラミング初学者∼システム開発経
験者が学習/学修できる教材のプロトタイプをつくってみた
• WicketをSpringBootで動かしてみた
• SpringBootをAzure Web Appで動かしてみた
• Azure Table Storage をJavaから使ってみた
• Javaが使える日本語フレンドリーな高機能PaaSとして
良い感触
51

52. 画像出典