AnnotePad Liz Kain Keith Kowalczykowski Richard Lee Kenton Roberts Liz Kain Keith Kowalczykowski Richard Lee Kenton Roberts.

Slides:



Advertisements
Similar presentations
CHAPTER 15 WEBPAGE OPTIMIZATION. LEARNING OBJECTIVES How to test your web-page performance How browser and server interactions impact performance What.
Advertisements

Web Design Vocab 6 Backend, Frontend, Freelancer, JavaScript, Vector Image.
Languages for Dynamic Web Documents
Project Two Art3870 fall Web Services Concept Selling web services to Art Galleries ◦ Our group sells web site development for art galleries: the.
Final Project Exercises 5 and 6. General Simplified version of Wikipedia Users read / upload / search for articles Articles in XML –Presentation using.
ADOBE DREAMWEAVER CS4 Creative Suite Dr. Joseph Otto Professor, Information Systems, California State University, Los Angeles.
© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
1 Web Development Life Cycle  Ensures project consistency and completeness –Planning –Analysis –Design and Development –Testing –Implementation and Maintenance.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
Creating an Online Portfolio Creating your Electronic Portfolio.
WebGIS. Web & GIS ….WebGIS Access without purchasing proprietary software Data directly from producer Emerging new market.
Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Rich Internet Applications: AJAX, Server.
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
Building an ‘ -to-target’ advocacy page Marta Fornal de Seixas.
Day 17. » Client side and Server side » Since PHP is Server side and can output anything we want, we can output to JS. » With JS libraries, we can create.
Project Proposal Interface Design Website Coding Website Testing & Launching Website Maintenance.
AJAX Making Dynamic Web pages more Dynamic Jim Hendricks April 25th, 2006.
Web Page Design I Basic Computer Terms “How the Internet & the World Wide Web (www) Works”
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
Music composition with HTML 5-Canvas. Abstarct Online version music editor. Easy to use, just need some simple direction. Everyone can be a musician.
Web Applications BIS4430 – unit 8. Learning Objectives Explain the uses of web application frameworks Relate the client-side, server-side architecture.
CS 494 Web Development Class Size: Winter, 214: 97 Spring, 214: 81 Summer, 2014: 69.
Live Demo Augmented reality – lets see some pictures flying…Augmented reality – lets see some pictures flying… Facebook -Facebook -
Louisa Lambregts, Louisa Lambregts
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Presented by Phillip Chang and Pennsylvania Wu Teaching Basic Game Programming Using JavaScript.
Microsoft ASP.NET Beginning Object-Oriented Web Design Bryan Jenks © Integrated Ideas 2005.
Quicksoft Project Team 6 Team members: Brian H Johnson Brannen J Sorem Kenneth Ng, Project Manager Michael Puzon, QA Catherine Gamboa, UI lead.
Ajax for Dynamic Web Development Gregory McChesney.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
Dawn Pedersen. What is JavaScript? JavaScript is the basis for both jQuery and Spry applications JavaScript is referred to as a client-side scripting.
The basics of knowing the difference CLIENT VS. SERVER.
Foundations of Computer Science I. Name:Leong Lee, Ph.D. (U Missouri) Office:Petty 155 Office Hours:Tues/Thur 2pm-3pm, Mon/Wed 4pm-5pm, or by appointment.
Document Object Model Nasrullah. DOM When a page is loaded,browser creates a Document Object Model of the Page.
PRESENTED BY GRADUATE DESIGN GROUP 2 MEREDITH, JENNIFER, CAMMAY AND DIANE How to build a web site in Dreamweaver.
Administration - I Jong S. Bok
Homework Helper Natalie, Jessica, Matt, and Holly.
Content Management Systems. Agenda Week overview Web-page basics The why and what of CMS Typo3.
PHP and AJAX. Servers and Clients For many years we tried to move as much as possible to the server. Weak clients, poor bandwidth, browser compatibility..
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
CROP CIRCLES Photographs and Images collected from Web Sites.
CS491B Software Design Lab Project Report Yuet-Chi Lee California State University, Los Angeles.
Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...
CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets.
بسم الله الرحمن الرحيم Information’s New Technologies (Internet Technologies) Ahmed Abdelmageed, MSc Department of Computer Science, University of Khartoum.
Chapter 17 The Need for HTML 5.
Visual Classification of Football Teams
Performed by: Taha shashtari Mahmoud shaka’a
HTML Newsletters Tips and Troubleshooting Mark Branom, IT Services.
Unit 2, Lesson 5 Website Development Tools
Mobile applications Jouni Juntunen Oulu University of Applied Sciences
JavaScript Client-side
Unit 2, Lesson 5 Website Development Tools
Download CIW 1D0-621 Exam Latest Questions Answers - Updated 1D Braindumps - Realexamdumps.com
Beginning Object-Oriented Web Design
PHP + Oracle = Data-Driven Websites
04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.
Information Technologies Anselm Spoerri PhD (MIT)
دليل المتدرب واللائحة التنظيمية للبرنامج
دليل المتدرب واللائحة التنظيمية للبرنامج
HTML5 Course Review Master a Skill / Learn for Life.
ხელმძღვანელი: დიმიტრი ქარაული
Unit 15 The Web Book Test.
Client-Server Model: Requesting a Web Page
MIS Professor Sandvig MIS 424 Professor Sandvig
Course Overview CS 4640 Programming Languages for Web Applications
Course Review HTML5 Level I Course Review
Presentation transcript:

AnnotePad Liz Kain Keith Kowalczykowski Richard Lee Kenton Roberts Liz Kain Keith Kowalczykowski Richard Lee Kenton Roberts

Our Project  Create a site where users can upload their pictures for everyone to see.  Additionally, users can freely annotate these images using the power of Web 2.0 design paradigms.  Annotations are shared across all users.  Create a site where users can upload their pictures for everyone to see.  Additionally, users can freely annotate these images using the power of Web 2.0 design paradigms.  Annotations are shared across all users.

Challenges  Building a web 2.0 site from scratch.  Server side processing  Database design and implementation  Javascript and HTML front-end  Working with the relatively unused tag.  Building a web 2.0 site from scratch.  Server side processing  Database design and implementation  Javascript and HTML front-end  Working with the relatively unused tag.

Accomplishments  Proof of concept functional.  Envisioned product not fully reflected in design  Want greater user control over sharing of images, annotations  Wanted greater annotation abilities  Increased knowledge of many aspects of AJAX design.  Server-side, XML, Javascript, CSS.  Proof of concept functional.  Envisioned product not fully reflected in design  Want greater user control over sharing of images, annotations  Wanted greater annotation abilities  Increased knowledge of many aspects of AJAX design.  Server-side, XML, Javascript, CSS.

Future Developments  Further work on annotation abilities.  Drawing: Opacity, other drawing options.  Multi-modal annotation: audio annotations? Animated annotations?  Greater power on ability to manage annotations.  Ability to annotate beyond images (such as HTML, PDF, etc).  Change in layout.  Implementation of photo gallery à la flickr.  Ability to have distinct public/private galleries  Further work on annotation abilities.  Drawing: Opacity, other drawing options.  Multi-modal annotation: audio annotations? Animated annotations?  Greater power on ability to manage annotations.  Ability to annotate beyond images (such as HTML, PDF, etc).  Change in layout.  Implementation of photo gallery à la flickr.  Ability to have distinct public/private galleries

Demo