Application of Visual Programming to Web Mash Up Development
Abstract
The ongoing adoption of the latest Web development patterns such as AJAX is helping to enhance the user experience on the Web. Moreover, there is now API-based support from various vendors that allow seamless fusion of disparate data sources into a single application. However, the barrier for Web designers to integrate such features into their Web applications remains high. This hampers a wider proliferation of such novel Web applications. In this paper, we conduct an experiment to see whether visual programming is appropriate for allowing Web designers integrate the aforementioned features. For the experiment, we have developed a prototype, tentatively named WIPER that allows Web designers to incorporate pre-built JavaScript components into live Web pages using drag-and-drop. We combined rapid revision with usability testing to iteratively advance our prototype. Working with users, we have learned that with some targeted refinements, visual programming paradigm can be very effective in achieving our goal.
Keywords
Visual Programming Dataflow Architecture JavaScript Rapid Prototyping End-User ProgrammingPreview
Unable to display preview. Download preview PDF.
References
- 1.Garrett, J.: Ajax: A New Approach to Web Applications. http://www.adaptivepath.com/publications/essays/archives/000385.php
- 2.Wikipedia.: mashup (Web Application Hybrid) http://en.wikipedia.org/wiki/Mashup_%28web_application_hybrid%29
- 3.Google Maps Mania http://googlemapsmania.blogspot.com/
- 4.Johnston, W.M., Hanna, J.P., Millar, R.J.: Advances in dataflow programming languages. ACM Comput. Surv. 36(1), 1–34 (2004)CrossRefGoogle Scholar
- 5.Myers, B.A.: Visual programming, programming by example, and program visualization: a taxonomy. In: Mantei, M., Orbeton, P. (eds.) Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (Boston, MA, USA, April 13 - 17, 1986). CHI ’86, pp. 59–66. ACM Press, New York (1986)CrossRefGoogle Scholar
- 6.Meyer, R.M., Masterson, T.: Towards a better visual programming language: critiquing Prograph’s control structures. In: Proceedings of the Fifth Annual CCSC Northeastern Conference on the Journal of Computing in Small Colleges (Ramapo College of New Jersey, Mahwah, New Jersey, United States). Meinke, J.G. (ed.) Consortium for Computing Sciences in Colleges. Consortium for Computing Sciences in Colleges, pp. 181–193 (2000)Google Scholar
- 7.Schmucker, K.J.: Rapid prototyping using visual programming tools. In: Tauber, M.J. (ed.) Conference Companion on Human Factors in Computing Systems: Common Ground (Vancouver, British Columbia, Canada, April 13 - 18, 1996). CHI ’96, pp. 359–360. ACM Press, New York (1996)CrossRefGoogle Scholar
- 8.Whitley, K.N., Blackwell, A.F.: Visual programming: the outlook from academia and industry. In: Wiedenbeck, S., Scholtz, J. (eds.) Papers Presented At the Seventh Workshop on Empirical Studies of Programmers (Alexandria, VA, USA). ESP ’97, pp. 180–208. ACM Press, New York (1997)Google Scholar
- 9.Wilcox, E.M, Atwood, J.W., Burnett, M.M., Cadiz, J.J., Cook, C.R.: Does Continuous Visual Feedback Aid Debugging in Direct-Manipulation Programming Systems? In: Proceeding of CHI’97 (Atlanta, GA), ACM/SIGCHI,Google Scholar
- 10.Smith, D.C.: Pygmalion: a Creative Programming Environment. Doctoral Thesis. UMI Order Number: AAI7525608 (1975)Google Scholar
- 11.Cox, P.T., Mulligan, I.J.: Compiling the graphical functional language PROGRAPH. In: Proceedings of the 1985 ACM SIGSMALL Symposium on Small Systems (Danvers, Massachusetts, United States). SIGSMALL ’85, pp. 34–41. ACM Press, New York (1985)CrossRefGoogle Scholar
- 12.Bernini, M., Mosconi, M.: VIPERS: a data flow visual programming environment based on the Tcl language. In: Costabile, M.F., Catarci, T., Levialdi, S., Santucci, G. (eds.) Proceedings of the Workshop on Advanced Visual interfaces (Bari, Italy, June 01 - 04, 1994). AVI ’94, pp. 243–245. ACM Press, New York (1994)CrossRefGoogle Scholar
- 13.National Instruments LabView, http://www.ni.com/labview
- 14.
- 15.Macromedia Dreamweaver, http://www.macromedia.com/dreamweaver
- 16.Adobe GoLive, http://www.adobe.com/golive
- 17.Wolber, D., Yingfeng, S., Yih Tsung, C.: Designing Dynamic Web Pages and Persistence in the WYSIWYG Interface. In: Proceedings of IUI’02 (San Francisco, CA), ACM/SIGCHI/SIGART, NY, pp. 228–229 (2002)Google Scholar
- 18.
- 19.Lin, James, Newman, Mark, W., Hong, Jason, I., Landay James, A.: DENIM: Finding a Tighter Fit between Tools and Practice for Web Site Design. In: Proceedings of CHI’00 (The Hague, The Netherlands), ACM/SIGCHI, NY, pp. 510–517 (2000)Google Scholar
- 20.Shimomura, Takao.: A Page-Transition Framework for Image-Oriented Web Programming ACM SIFSOFT Software Engineering Notes, vol. 29(2), pp. 10–10. ACM, NY (2004)Google Scholar
- 21.Bauer, M., Dengler, D.: InfoBeans - Configuration ofPersonalized Information Services. In: Proceedings of IUI’99 (LA, USA, pp.153–156 (1999)Google Scholar
- 22.Davis, H.C., Hall, W., Heath, I., Hill, G., Wilkins, R.: Towards an Integrated Information Environment with OpenHypermedia Systems. In: Proceedings of ECHT’92 (Milan, Italy, pp. 181–190 (1992)Google Scholar
- 23.Ito, K., Tanaka, Y.: A Visual Environment for Dynamic Web Application Composition. In: Proceedings of SIGWEB’03 (Nottingham, UK), ACM/SIGWEB, NY, pp. 184–193 (2003)Google Scholar
- 24.Kistler, T., Marais, H.: WebL - A Programming Language for the Web. In: Proceedings of WWW7, (Brisbane, Australia, 1998), Computer Networks, vol. 30, No.1-7, pp. 259–270 (1990)Google Scholar
- 25.Sahuguet, A., Azavant, F.: Building Intelligent Web Applications Using Lightweight Wrappers. Data & Knowledge Engineering 36(3), 283–316 (2001)zbMATHCrossRefGoogle Scholar
- 26.
- 27.Lim, S.C., Lucas, P.: JDA: a step towards large-scale reuse on the web. In: Companion To the 21st ACM SIGPLAN Conference on Object-Oriented Programming Systems, Languages, and Applications. OOPSLA ’06, Portland, OR, USA, October 22 - 26, pp. 586–601. ACM Press, New York (2006)CrossRefGoogle Scholar