Skip to main content

Application of Visual Programming to Web Mash Up Development

  • Conference paper
Human-Computer Interaction. Interaction Design and Usability (HCI 2007)

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

Included in the following conference series:

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.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 129.00
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 169.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Preview

Unable to display preview. Download preview PDF.

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)

    Article  Google 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)

    Chapter  Google 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)

    Chapter  Google 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)

    Chapter  Google 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)

    Chapter  Google 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)

    Article  MATH  Google 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)

    Chapter  Google Scholar 

Download references

Author information

Authors and Affiliations

Authors

Editor information

Julie A. Jacko

Rights and permissions

Reprints and permissions

Copyright information

© 2007 Springer-Verlag Berlin Heidelberg

About this paper

Cite this paper

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. https://doi.org/10.1007/978-3-540-73105-4_124

Download citation

  • 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 ScienceComputer Science (R0)

Publish with us

Policies and ethics