臺灣博碩士論文加值系統

為了讓更多人更容易開始學習程式設計，因此誕生了「視覺化程式語言」。視覺化程式語言讓使用者不需要會寫程式，就能開發簡單的應用程式。我們利用視覺化程式語言的概念，透過類似擴增實境的技術完成了Ka-Boom，一個網頁應用程式，讓使用者可以在圖片上加上虛擬元件，使靜態的圖能夠動態地和使用者互動。使用者可以在我們的平台上與他人分享自己完成的作品，也能瀏覽和使用別人分享的作品。

Visual programming language appears for making more people start to learn programming easier. By using the visual programming language, it is not necessary to have the abilities of programming but users can still develop simple application. We use the concept of visual programming language to complete the Ka-Boom, a web application, by using a technology which is similar to augmented reality. Users can add virtual component on the pictures to make static picture interact with them dynamically. Users can share their completed items with others on our platform and they can also browse and use the items that are shared by others.

第一章 引言.………………………………………………………………………....8
第二章 相關應用……………………………………………………………………9
2-1 POP app…………………………………………………………………….9
2-2 Scratch…………………………………………………………………….10
2-3 FireBase………………………………………………………………......10
2-4 Parse……………………………………………………………………….10
第三章 Ka-Boom系統架構………………………………………………………..11
3-1系統介紹…………………………………………………………………..11
3-2系統架構…………………………………………………………………..12
第四章 Ka-Boom前端設計與功能………………………………………………..14
4-1使用流程.…………………………………………………………………..14
4-2前端頁面概覽.…………………………………………………………… 15
4-3導航條和主要工具列.……………………………………………………..16
4-4虛擬元件.……………………………………………………………………..18
4-5虛擬元件控制框…………………………………………………………..18
4-6虛擬工具列.………………………………………………………………..19
第五章 系統實作.…………………………………………………………………..21
5-1 應用技術.………………………………………………………………….21
5-2導航條和主要工具列.……………………………………………………..22
5-3虛擬元件控制框.…………………………………………………………..23
5-4虛擬元件…………………………………………………………………..26
5-5虛擬工具列.……………………….………………………………………..28
第六章 案例展示.……………………….…………………………………………..30
6-1開始Ka-Boom.……………………….………………………………….…30
6-2創建範本.……………………….…………………………………………..32
6-3使用範本.……………………….…………………………………………..36
6-4分享範本.……………………….…………………………………………..38
第七章 結論與未來展望.……………………….…………………………………..41
相關文獻與參考資料.……………………….………………………………………42

[1] Johnston, W. M., Hanna, J. R., & Millar, R. J. (2004). Advances in dataflow programming languages. ACM Computing Surveys (CSUR), 36(1), 1-34.
[2] Azuma, R. T. (1997). A survey of augmented reality. Presence, 6(4), 355-385.
[3]Blockly
http://code.google.com/p/blockly/
[4] Scratch
https://scratch.mit.edu/
[5] Resnick, M., Maloney, J., Monroy-Hernández, A., Rusk, N., Eastmond, E., Brennan, K., ... & Kafai, Y. (2009). Scratch: programming for all. Communications of the ACM, 52(11), 60-67.
[6] Backend as a Service
https://en.wikipedia.org/wiki/Mobile_Backend_as_a_service
[7]Parse
https://www.parse.com/
[8] Application Programming Interface
https://en.wikipedia.org/wiki/Application_programming_interface
[9] Software Development Kit
https://en.wikipedia.org/wiki/Software_development_kit
[10] POP.
https://popapp.in/
[11] FireBase
https://www.firebase.com/
[12] Belimpasakis, P., Selonen, P., & You, Y. (2010, October). A web service platform for building interoperable augmented reality solutions. In International AR standards Workshop Oct 11-12 2010 (pp. 1-5).
[13] Wither, J., Allen, R., Samanta, V., Hemanus, J., Tsai, Y. T., Azuma, R., ... & Korah, T. (2010, October). The westwood experience: connecting story to locations via mixed reality. In Mixed and Augmented Reality-Arts, Media, and Humanities (ISMAR-AMH), 2010 IEEE International Symposium On (pp. 39-46). IEEE.
[14]jQuery
https://jquery.com/
[15]Bootstrap
http://getbootstrap.com/
[16]HTML5
http://drafts.htmlwg.org/html/master/
[17] HTML
http://www.w3.org/html/
[18] CSS
http://www.w3.org/standards/techs/css
[19] JavaScript
https://en.wikipedia.org/wiki/JavaScript
[20] JSON
http://json.org/