Application of Visual Programming to Web Mash Up Development

Seung Chan Lim; Sandi Lowe; Jeremy Koempel

doi:10.1007/978-3-540-73105-4_124

International Conference on Human-Computer Interaction

HCI 2007: Human-Computer Interaction. Interaction Design and Usability pp 1139-1148

Application of Visual Programming to Web Mash Up Development

Authors
Authors and affiliations

Seung Chan Lim
Sandi Lowe
Jeremy Koempel

Conference paper

Part of the Lecture Notes in Computer Science book series (LNCS, volume 4550)

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 Programming

Preview

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.
http://www.maya.com/web/what/papers/maya_interstacks_scripting.pdf
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.
http://www2003.org/cdrom/papers/poster/p326/XHTML/p326-mosconi.html
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)MATHCrossRefGoogle Scholar
26.
http://datamashup.com
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

Copyright information

Authors and Affiliations

Seung Chan Lim
- 1
Sandi Lowe
- 1
Jeremy Koempel
- 1

1.MAYA Design, 2730 Sydney St Building 2 Suite 300, Pittsburgh, PA 15203USA

About this paper

Cite this paper as:: Lim S.C., Lowe S., Koempel J. (2007) Application of Visual Programming to Web Mash Up Development. In: Jacko J.A. (eds) Human-Computer Interaction. Interaction Design and Usability. HCI 2007. Lecture Notes in Computer Science, vol 4550. Springer, Berlin, Heidelberg

DOI https://doi.org/10.1007/978-3-540-73105-4_124
Publisher Name Springer, Berlin, Heidelberg
Print ISBN 978-3-540-73104-7
Online ISBN 978-3-540-73105-4
eBook Packages Computer Science

Personalised recommendations

Actions

Buy eBook

USD 169.00

Instant download
Readable on all devices
Own it forever
Local sales tax included if applicable

Application of Visual Programming to Web Mash Up Development

Abstract

Keywords

Preview

Copyright information

Authors and Affiliations

Personalised recommendations

Export citation

Cookies