Submit Search
Upload
D02 - What are the best tools for Building Web 2.0 Applications.ppt
•
Download as PPT, PDF
•
0 likes
•
2 views
Matthew Perrins
Follow
2007 presentation on best tools at the time
Read less
Read more
Technology
Report
Share
Report
Share
1 of 83
Download now
Recommended
Eclipse tools for deployment to was liberty profile in Bluemix
Eclipse tools for deployment to was liberty profile in Bluemix
Eclipse Day India
D41 - Web 2.0 Protocols.ppt
D41 - Web 2.0 Protocols.ppt
Matthew Perrins
George Jordanov CV
George Jordanov CV
George Jordanov
Cloud computing
Cloud computing
paole168
Foundry Management System Desktop Application
Foundry Management System Desktop Application
Dharmendra Sid
AAI-2075 Evolving an IBM WebSphere Topology to Manage a Changing Workloa
AAI-2075 Evolving an IBM WebSphere Topology to Manage a Changing Workloa
WASdev Community
Node.js Frameworks to watch for in 2019
Node.js Frameworks to watch for in 2019
BrainMobi
DevOps and Cloud at NI
DevOps and Cloud at NI
Ernest Mueller
Recommended
Eclipse tools for deployment to was liberty profile in Bluemix
Eclipse tools for deployment to was liberty profile in Bluemix
Eclipse Day India
D41 - Web 2.0 Protocols.ppt
D41 - Web 2.0 Protocols.ppt
Matthew Perrins
George Jordanov CV
George Jordanov CV
George Jordanov
Cloud computing
Cloud computing
paole168
Foundry Management System Desktop Application
Foundry Management System Desktop Application
Dharmendra Sid
AAI-2075 Evolving an IBM WebSphere Topology to Manage a Changing Workloa
AAI-2075 Evolving an IBM WebSphere Topology to Manage a Changing Workloa
WASdev Community
Node.js Frameworks to watch for in 2019
Node.js Frameworks to watch for in 2019
BrainMobi
DevOps and Cloud at NI
DevOps and Cloud at NI
Ernest Mueller
.Net @ Neev
.Net @ Neev
Neev Technologies
Java language pppppt
Java language pppppt
curiosityjunction
Docker12 factor
Docker12 factor
John Zaccone
Asp.NETZERO - A Workshop Presentation by Citytech Software
Asp.NETZERO - A Workshop Presentation by Citytech Software
Ritwik Das
AIR - Framework ( Cairngorm and Parsley )
AIR - Framework ( Cairngorm and Parsley )
senthil0809
4. J2EE.pptx
4. J2EE.pptx
HariChandruduM
Automating Applications with Habitat - Sydney Cloud Native Meetup
Automating Applications with Habitat - Sydney Cloud Native Meetup
Matt Ray
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...
Serdar Basegmez
WebSphere Application Server - Meeting Your Cloud and On-Premise Demands
WebSphere Application Server - Meeting Your Cloud and On-Premise Demands
Ian Robinson
Edge 2016 Session 1886 Building your own docker container cloud on ibm power...
Edge 2016 Session 1886 Building your own docker container cloud on ibm power...
Yong Feng
Top 8 Reasons ASP.NET Core is the Best Framework for Web Application Developm...
Top 8 Reasons ASP.NET Core is the Best Framework for Web Application Developm...
WDP Technologies
5 Best Asp.Net Core Features to Know and Employ In 2024.pptx
5 Best Asp.Net Core Features to Know and Employ In 2024.pptx
Zorbis Inc.
Was l iberty for java batch and jsr352
Was l iberty for java batch and jsr352
sflynn073
Important Backend Frameworks To Remember For Businesses In 2023
Important Backend Frameworks To Remember For Businesses In 2023
Netizens Technologies
The Next Era of Private Cloud: Continuous Delivery to your Private PaaS
The Next Era of Private Cloud: Continuous Delivery to your Private PaaS
XebiaLabs
The introduction of nexaweb flatform v4
The introduction of nexaweb flatform v4
Duc Nguyen
Food borne human diseases
Food borne human diseases
AmalMohammedNasserSa
ArcReady - Scalable And Usable Web Applications
ArcReady - Scalable And Usable Web Applications
Microsoft ArcReady
3298 microservices and how they relate to esb api and messaging - inter con...
3298 microservices and how they relate to esb api and messaging - inter con...
Kim Clark
Codecentric At Ajax World Conference San Jose
Codecentric At Ajax World Conference San Jose
Fabian Lange
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
Softradix Technologies
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Alan Dix
More Related Content
Similar to D02 - What are the best tools for Building Web 2.0 Applications.ppt
.Net @ Neev
.Net @ Neev
Neev Technologies
Java language pppppt
Java language pppppt
curiosityjunction
Docker12 factor
Docker12 factor
John Zaccone
Asp.NETZERO - A Workshop Presentation by Citytech Software
Asp.NETZERO - A Workshop Presentation by Citytech Software
Ritwik Das
AIR - Framework ( Cairngorm and Parsley )
AIR - Framework ( Cairngorm and Parsley )
senthil0809
4. J2EE.pptx
4. J2EE.pptx
HariChandruduM
Automating Applications with Habitat - Sydney Cloud Native Meetup
Automating Applications with Habitat - Sydney Cloud Native Meetup
Matt Ray
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...
Serdar Basegmez
WebSphere Application Server - Meeting Your Cloud and On-Premise Demands
WebSphere Application Server - Meeting Your Cloud and On-Premise Demands
Ian Robinson
Edge 2016 Session 1886 Building your own docker container cloud on ibm power...
Edge 2016 Session 1886 Building your own docker container cloud on ibm power...
Yong Feng
Top 8 Reasons ASP.NET Core is the Best Framework for Web Application Developm...
Top 8 Reasons ASP.NET Core is the Best Framework for Web Application Developm...
WDP Technologies
5 Best Asp.Net Core Features to Know and Employ In 2024.pptx
5 Best Asp.Net Core Features to Know and Employ In 2024.pptx
Zorbis Inc.
Was l iberty for java batch and jsr352
Was l iberty for java batch and jsr352
sflynn073
Important Backend Frameworks To Remember For Businesses In 2023
Important Backend Frameworks To Remember For Businesses In 2023
Netizens Technologies
The Next Era of Private Cloud: Continuous Delivery to your Private PaaS
The Next Era of Private Cloud: Continuous Delivery to your Private PaaS
XebiaLabs
The introduction of nexaweb flatform v4
The introduction of nexaweb flatform v4
Duc Nguyen
Food borne human diseases
Food borne human diseases
AmalMohammedNasserSa
ArcReady - Scalable And Usable Web Applications
ArcReady - Scalable And Usable Web Applications
Microsoft ArcReady
3298 microservices and how they relate to esb api and messaging - inter con...
3298 microservices and how they relate to esb api and messaging - inter con...
Kim Clark
Codecentric At Ajax World Conference San Jose
Codecentric At Ajax World Conference San Jose
Fabian Lange
Similar to D02 - What are the best tools for Building Web 2.0 Applications.ppt
(20)
.Net @ Neev
.Net @ Neev
Java language pppppt
Java language pppppt
Docker12 factor
Docker12 factor
Asp.NETZERO - A Workshop Presentation by Citytech Software
Asp.NETZERO - A Workshop Presentation by Citytech Software
AIR - Framework ( Cairngorm and Parsley )
AIR - Framework ( Cairngorm and Parsley )
4. J2EE.pptx
4. J2EE.pptx
Automating Applications with Habitat - Sydney Cloud Native Meetup
Automating Applications with Habitat - Sydney Cloud Native Meetup
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...
IBM Connect 2017: Your Data In the Major Leagues: A Practical Guide to REST S...
WebSphere Application Server - Meeting Your Cloud and On-Premise Demands
WebSphere Application Server - Meeting Your Cloud and On-Premise Demands
Edge 2016 Session 1886 Building your own docker container cloud on ibm power...
Edge 2016 Session 1886 Building your own docker container cloud on ibm power...
Top 8 Reasons ASP.NET Core is the Best Framework for Web Application Developm...
Top 8 Reasons ASP.NET Core is the Best Framework for Web Application Developm...
5 Best Asp.Net Core Features to Know and Employ In 2024.pptx
5 Best Asp.Net Core Features to Know and Employ In 2024.pptx
Was l iberty for java batch and jsr352
Was l iberty for java batch and jsr352
Important Backend Frameworks To Remember For Businesses In 2023
Important Backend Frameworks To Remember For Businesses In 2023
The Next Era of Private Cloud: Continuous Delivery to your Private PaaS
The Next Era of Private Cloud: Continuous Delivery to your Private PaaS
The introduction of nexaweb flatform v4
The introduction of nexaweb flatform v4
Food borne human diseases
Food borne human diseases
ArcReady - Scalable And Usable Web Applications
ArcReady - Scalable And Usable Web Applications
3298 microservices and how they relate to esb api and messaging - inter con...
3298 microservices and how they relate to esb api and messaging - inter con...
Codecentric At Ajax World Conference San Jose
Codecentric At Ajax World Conference San Jose
Recently uploaded
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
Softradix Technologies
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Alan Dix
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
Florian Wilhelm
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
Mattias Andersson
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
Slibray Presentation
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
ThousandEyes
Key Features Of Token Development (1).pptx
Key Features Of Token Development (1).pptx
LBM Solutions
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Memoori
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
null - The Open Security Community
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdf
ngoud9212
The transition to renewables in India.pdf
The transition to renewables in India.pdf
Competition Advisory Services (India) LLP
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
Pixlogix Infotech
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
Fwdays
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
Enterprise Knowledge
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
The Digital Insurer
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdf
jimielynbastida
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
comworks
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power Systems
Precisely
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
Deakin University
Recently uploaded
(20)
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Key Features Of Token Development (1).pptx
Key Features Of Token Development (1).pptx
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdf
The transition to renewables in India.pdf
The transition to renewables in India.pdf
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdf
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power Systems
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
D02 - What are the best tools for Building Web 2.0 Applications.ppt
1.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 What are the best tools for building Web 2.0 Applications D02 Matthew Perrins - Senior Certified IT Specialist
2.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 2 IBM Confidentiality Statement • The 2007 WebSphere Services Technical Conference attendees include IBM internal employees Select Business Partners who are under confidentiality or non-disclosure agreements (NDAs) • If the contents of this presentation are IBM Confidential, you must Edit the contents of this chart to remind attendees that it is their responsibility to protect IBM Confidential material Edit the slide master to add a text box stating “IBM Confidential” Include a slide reminding the attendee that this material is confidential and dissemination must be controlled • If the material in this presentation is not IBM Confidential, you may remove this chart
3.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 3 Objectives • Brief introduction to what is Web 2.0 • Walk through the current tools that support the building of Rich Internet Applications • Walk through the tools that support building Zero application • Demo of the Tools
4.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 So what is Web 2.0 and Why is this important ?
5.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 5 The evolving Web platform Web 2.0 is about connecting people, and making technology efficient for people. Web 1.0 was about connecting computers and making technology more efficient for computers. Web 2.0 changes the way in which businesses interact with its customers Web 2.0: Is about communities and social networks Builds contextual relationships and facilitates knowledge sharing Is about people and the way they collaborate
6.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 6 Core Competencies of Web 2.0 Companies Services, not packaged software, with cost-effective scalability Control over unique, hard-to- recreate data sources that get richer as more people use them Trusting users as co-developers Harnessing collective intelligence Leveraging the long tail through customer self-service Software above the level of a single device Lightweight user interfaces, development models, AND business models Source: http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html O’Reilly’s view of Web 2.0
7.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 7 Web 2.0 Themes •The Intelligent Web •Harnessing Collective Intelligence •Tools: RSS, AJAX, PHP, Ruby, Lightweight Java •End of the Software Release Cycle •SW above a single device •Data is the •“intel Inside” •Standards: REST, XHTML, CSS •Techniques: Mash-up, wiki, tagging, blogging •Rich user experiences •Light-weight programming models •Web as a Platform
8.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 8 Bridging Web SOA and Enterprise SOA Enterprise SOA Web SOA RSS Web SOA Bridge ATOM JSON REST AJAX XML PHP Enterprise MASHUPS FEEDS .NET J2EE WSDL CICS WS-* MOM SOAP Ruby J2SE JDBC JMS
9.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 Programming with Ajax
10.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 10 Ajax? • Asynchronous JavaScript + XML Jesse James Garrett, Adaptive Path • Supports a rich client interaction model that is intuitive, responsive, and timely. Comparable to desktop applications. • Continuous user interaction with event driven server processing and dynamic content refresh vs. interrupted interaction with request driven server processing followed by static page refresh. • The next presentation will explain Ajax in detail
11.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 11 The classic web interaction
12.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 12 The Ajax web interaction
13.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 13 True AJAX Clients Are (By Design), Server-Neutral • A fundamental reason AJAX has increased in popularity is that it’s server-technology neutral through the use of basic HTTP protocol • Applications has more flexibility to change out the back-end service implementation •Browser Platform •(moz,ie,safari,opera…) •Java •PHP •.NET •J2EE •Services •Services •Services •Services •Services •Services •Services •Services •HTTP •“Client” •“Server” • The nature of PHP makes it a client in terms of enterprise applications, but from an AJAX client perspective it is always a server technology
14.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 14 REST
15.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 15 JSON •Java Script Object Notation var myJSONObject = {"bindings": [ {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"}, {"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"}, {"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"} ] }; •JavaScript equivalent of : XML, ValueObject, Cargo Beans •JSON-RPC can be used to send Serialized JavaScript from Browser to Server.
16.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 16 Competitive View • Extend HTML • Replace HTML • Replace HTML • Open Standards • Proprietary • Proprietary • Any Browser • Flash Plug-In • Vista OS / XP? • Evolution • Revolution • Revolution SilverLight WPF/E Apollo
17.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 17 Ajax Adoption • Issues: JAVASCRIPT STINKS !!!!! • Difficult to code, debug, make portable, etc… JSON is faster than XML, community knows this. JSON or REST is preferred over SOAP in most popular frameworks Programmer need to understand XML, CSS, DHTML, JS, JSON, Async Programming and much much more • Success of Ajax will be on tools and frameworks that can hide as much JavaScript as possible. Frameworks needed in the browser. • Dojo • Zimbra • Rico Tooling needed • Eclipse Ajax Toolkit • Currently only Top Talent that can build these apps
18.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 What Tools do we need Tools can make develop, test, run easier
19.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 19 Scale of Feature and Function • Tools Spectrum Where do you want to start ? Is it Cost vs. Function ? Do you use enterprise tools ? Notepad/Vi Firebug Rational Application Developer + ATF/ FireBug JSEclipse Apache … Eclipse ATF JSEclipse Derby Tools Depth of Function The Acid Test for Web 2.0 frameworks is can you develop in Notepad !
20.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 20 Walk through the Tools • Vi & Notepad • IDEs Eclipse RAD 7.0 • Project Zero Eclipse Tools Catalog Zero •Ajax Tools Ajax Toolkit Framework ATF FireBug • Additional Tools Adobe JavaScript Editor - Plug-in Apache Derby - Plug-in • Demo •Summary
21.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 21 Vi & Notepad •The acid test for modern simple internet frameworks is : “can they install on the command line and have their artefacts created with notepad” •So the first IDE that most developers ever used was a simple text editor, and the Windows and Linux operating systems have two built in, “Vi” and “Notepad”
22.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 22 Screenshot of Notepad
23.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 23 Limitation • Notepad and Vi are good at editing individual files • They are not very good at managing the whole build and deploy process for testing The new world is moving away from complex runtimes to one where apps are the container, so the speed of creating artefacts is key not necessarily deploy and run. • They are missing lots of features that even low end Integrated Development Environments have. Code Complete etc…
24.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 24 Ajax Toolkits • There are a large number of toolkits available 65 and counting… • Toolkits offer a defined JavaScript interface to the DHTML, CSS and DOM of a browser • There is no defined standard so choosing your toolkit may be important as more code is developed to these toolkits. • The toolkits are generally server neutral, meaning they can work with a variety of server side programming frameworks, including : PHP, Ruby, WebSphere, .NET • The main toolkits are : Dojo Zimbra Google Widget Library Yahoo Widgets Backbase Microsoft Ajax Toolkit • Microsoft have built an Ajax Toolkit that will work with other server side programming models, this may become popular
25.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 25 Dojo Toolkit •IBM is supporting the Dojo Toolkit •Good News Ajax works with WebSphere and Portal Server Today •IBM sees this as one of the most flexible of all the toolkits on the current market. •They have evaluated its features : Dojo has lots of interesting features but lacks enterprise capabilities like security, NLS etc. IBM has successfully included developers as contributors to the project IBM will be investigating its inclusion in future product releases from WebSphere and Lotus brands IBM Services are being recommended to use Dojo for Ajax development Currently no development tools designed specifically for Dojo
26.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 26 Dojo Broswer Toolkit • Dojo is an Open Source DHTML toolkit written in JavaScript. It builds on several contributed code bases. Provides Rich Set of Widgets Web UI Framework Rich Event handling System General Purpose HTML Libraries Several other utilities Math, XML to JS parsing, etc…
27.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 Development Tools (Ajax Toolkit Framework) Eclipse Project
28.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 28 Agenda Overview AJAX Toolkit Framework Components Component Details Where to get AJAX Toolkit Framework Demonstrations through-out ATF Based Products
29.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 29 Overview •The AJAX Toolkit Framework (ATF) is an Integrated Development Environment (IDE) for AJAX developers and an extensible framework for adding AJAX runtimes in to the IDE. •ATF is an open-source project in incubation phase on Eclipse. •Provides Tools to develop any DHTML/AJAX application Tooling to facilitate use of various AJAX toolkits Tight integration with the existing Eclipse user interface and development paradigm •Targets AJAX Application Developers and Toolkit Developers •Aims to provide an ever-expanding set of high-function tools for AJAX developers Works with Eclipse 3.2.2 and Rational Application Developer 7.0
30.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 30 AJAX Toolkit Framework are Eclipse Plugins Mozilla XULRunner & JavaXPCOM E C L I P S E Eclipse WebTools AJAX Toolkit Framework
31.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 31 AJAX Toolkit Framework Components •Creating AJAX applications Drag and Drop Application Snippets •Browser Tooling DOM Source view, DOM Inspector, Browser Console, XHRequest Monitor, and CSS Tools •JavaScriptTM Editor Integrated JavaScript editor with batch and as-you-type syntax validation •JavaScript Debugger Stack Frame, Variables and Script view •Embedded Mozilla Browser Run/Debug an Ajax application in the Embedded Mozilla Browser •Application Deployment Deployment of an AJAX Application to a server. •Personality Builder Ability to create tooling for AJAX toolkits
32.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 32 AJAX Toolkit Framework Components Mozilla XULRunner & JavaXPCOM Eclipse WebTools Eclipse Plugins JavaScript Syntax Validator Personalities DOM Inspector And JavaScript Console Java Script Debugger Embedded Mozilla Browser Personality Builder Rico Personality Zimbra Personality Dojo Personality Rico Zimbra Dojo Personality Common Libraries AJAX “X” Personality Ajax-x
33.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 33 AJAX Toolkit Framework Components
34.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 34 JavaScript Debugging
35.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 35 Ajax Application Creation •Support for three AJAX runtimes today Dojo, Rico, and Zimbra Personality Builder supports adding other AJAX runtimes. •Application Creation Wizard Template to create initial Ajax Application Drag and Drop snippets to Application Source File •Eclipse Projects Static Web Project, Dynamic Web Project, and PHP Projects Able to add in AJAX to existing project.
36.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 36 JavaScript Editor •Enhanced Editor with Validation Integrated JavaScript editor Batch and as-you-type syntax validation •Syntax checker based on the Mozilla Rhino engine •Validator based on JSLint Detects undesirable or ambiguous constructs considered to be bad practice JSLint errors are consider warnings. •Drag and Drop snippets to Application Source File
37.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 37 Application Deployment •Multiple Server Types HTTP Web Server J2EE Servers •HTTP Web Server Support defining a HTTP Web Server in Eclipse •Ability to specify publish directory •Defining the HTTP server port •Support for Home Page URLs (~username) •J2EE Servers Multiple J2EE Servers (WebSphere,Tomcat,etc) Testing done using Tomcat •Publishing Options Automatically publish to server Never publish to server
38.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 38 Embedded Mozilla Browser •Integrated the Mozilla Browser in Eclipse 3.3 XULRunner is part of the platform •Using XULRunner •Provides the engine for AJAX Tooling Debugger JavaScript Engine Browser Views •Mozilla perspective
39.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 39 JavaScript Debugger •Breakpoints Ability to set breakpoints in JavaScript Any file type with JavaScript content (html, js, php). Breakpoints can be enable/disabled •Debug Views for JavaScript Call Stack Variables Breakpoints Scripts View •Expression Support •Debug Preference options
40.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 40 URL Debugging/Running •Able to launch and debug an AJAX application using a URL. •Application doesn’t have to reside in Eclipse. •All tooling supports handling files by URL. Editor Debugger Browser tooling •Breakpoint Management User has to manually delete breakpoints
41.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 41 Browser Tooling •DOM Inspector Shows the DOM tree rendered by the Browser Dynamically updated to reflect changes within the browser Attributes of a node can be edited, added to, and removed A breadcrumb trail of hyperlinks is created for the node's path •DOM Source view Displays the HTML source of the selected DOM node Source can edited, validated, and updated back to the browser Notification of a DOM element's source being out of sync with the browser •Browser Console Shows all browser (i.e JavaScript, CSS) errors, warnings, and logging messages Double clicking on an error opens to the relevant line of code • XMLHTTPRequest Monitor Observe XMLHTTPRequest request/response information Formatting of the response body based on content-types
42.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 42 Browser Tooling •CSS View Style Rules •Shows the rules and their defined properties •Able to edit and add a property •Open CSS file for the rule and property •Highlights the DOM elements using a selected style rule or property Computed Styles •Shows every style rule computed by the browser Box Model •Shows the dimensions, x-y coordinates, padding, border, and margin information Diffs •Shows the changes made to CSS rules and properties
43.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 43 Personality Builder •A set of Wizards which accept: Artifact data (AJAX toolkit libraries) Build requirements data New application templates Code patterns Deployment data •Wizards output a ‘basic’ Personality Plugin The builder will provide necessary basic development features targeted for AJAX toolkits Enables customization and addition of functionality
44.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 44 Where to get AJAX Toolkit Framework •Open Source Project on Eclipse www.eclipse.org/atf •Listserv and Newsgroup atf-dev@eclipse.org news://eclipse.webtools.atf/ •Source Code in Eclipse CVS •Milestones and Weekly builds www.eclipse.org/atf/downloads/index.php •Flash Demo Movies www.eclipse.org/atf/flash/index.php
45.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 FireFox Plugin for Ajax Development
46.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 46 Firebug What is it ? • •Inspect and edit HTML Firebug makes it simple to find HTML elements buried deep in the page. Once you've found what you're looking for, Firebug gives you a wealth of information, and lets you edit the HTML live. • Tweak CSS Firebug's CSS tabs tell you everything you need to know about the styles in your web pages, and if you don't like what it's telling you, you can make changes and see them take effect instantly. Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
47.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 47 What is FireBug • Visualise CSS Metrics When your CSS boxes aren't lining up correctly it can be difficult to understand why. Let Firebug be your eyes and it will measure and illustrate all the offsets, margins, borders, padding, and sizes for you. • Monitor Network Activity Your pages are taking a long time to load, but why? Did you go crazy and write too much JavaScript? Did you forget to compress your images? Are your ad partner's servers taking a siesta? Firebug breaks it all down for you file-by-file. • Debug and profile JavaScript Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and have look at the state of the world. If your code is a little sluggish, use the JavaScript profiler to measure performance and find bottlenecks fast.
48.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 48 What is FireBug • Quickly find errors When things go wrong, Firebug lets you know immediately and gives you detailed and useful information about errors in JavaScript, CSS, and XML. • Explore the DOM The Document Object Model is a great big hierarchy of objects and functions just waiting to be tickled by JavaScript. Firebug helps you find DOM objects quickly and then edit them on the fly. • Logging for JavaScript Having a fancy JavaScript debugger is great, but sometimes the fastest way to find bugs is just to dump as much information to the console as you can. Firebug gives you a set of powerful logging functions that help you get answers fast.
49.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 49 Screen Shots
50.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 Zero Example Walk through Build, Run, Test tools
51.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 51 File->New->Project
52.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 52 Run As -> Project Zero
53.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 53 Ivy.xml
54.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 54 File->New->Examples->Zero
55.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 Catalog Zero Repository for zero services
56.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 56 A Catalog for… •Service Producers to package their code to share their code to get feedback about their code •Service Consumers to find interesting services, libraries, samples, widgets, and applications to download code to reuse to interact with a community around popular services •Administrators to advertise components for reuse by corporate developers to integrate seamlessly into a deployment and management environment
57.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 57 Catalog Zero UI (prototype)
58.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 58 Catalog Zero Infrastructure Blue = Zero client code Purple = Java Zero services Local Repository (file system) Enterprise Repository (file system) Internet Repository (PEAR.NET, IBIBLIO.ORG) PEAR Community Services Zero CLI Catalog UI Catalog Service (Browse, Search, Manage Packages) Catalog Metadata (DB2) Zero Eclipse Plug-In Community Metadata (DB2) Tag Rate Blog Ivy Dependency and Versioning Package Mgmt
59.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 59 Packaging Support - Ivy •Ivy is an agile and open source dependency manager •Manage package dependencies and versions •Features Transitive dependencies Ant integration Customizable local and remote repositories Maven repository compatibility (e.g. Ibiblio) Continuous integration html reports •Recently accepted as an Apache project •Uses XML files (Ivy files) to describe metadata about a package •Ivy files are extensible. We need to extend them to include live metadata about the service e.g. Service descriptor location, doc location, samples location, etc. •Intent is to use Ivy repository for storing Java as well as PHP artifacts
60.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 60 Catalog Next Steps - Tooling •Eclipse Tooling Ivy.xml editor as part of package Integrated publishing Integrated repository browsing Autogenerate docs, samples, microformats, etc. Related: installation utility •PHP Assumption: Eclipse is the Zero tooling strategy for PHP Assumption: We can use Ivy for PHP and Java.0 is always there for PHP • We can resolve using either Ivy or PEAR using chained resolvers – maybe this is a 20% case, not an 80% case • We could package PHP as an Ivy package
61.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 Mashup Zero Add Material Here
62.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 62 Data Pipeline
63.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 63 Data Pipeline Glimpse at the results
64.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 64 Data Pipeline Programmatic implementation
65.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 65 Data Pipeline Declarative implementation
66.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 66 Data Pipeline Visual “Mashup” Editor
67.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 67 Data Pipeline Visual “Mashup” Editor
68.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 68 Data Pipeline Visual “Mashup” Editor
69.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 69 Integration Fabric “Pipes”-style Flow Rendition Access data feeds Aggregate & consolidate Prepare for presentation
70.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 70 Integration Fabric Building Blocks for Service Consumers Palette of templated building blocks New industry / domain-specific categories Templated & modularized ISV solutions Additional / composed mediation templates Templatized adapters to popular applications (QuickBooks etc) Solution or composition samples
71.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 Web 2.0 based online tools IBM Development Engagement Service
72.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 72 Getting Started
73.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 73 Create an Application
74.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 74 Create a Form
75.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 Apache Derby Tools working with data
76.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 76 Derby Eclipse Tools •Two main plug-ins, plus a third help plug-in •Core plug-in contains derby.jar, derbytools.jar, derbynet.jar,derbyclient.jar and plugin.xml •UI plug-in Contains ui.jar and plugin.xml •Help plug-in Contains the html help files, images, plugin.xml and toc.xml
77.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 77 What do they do • What do the Derby plug-ins do? • Add functionality by adding the Derby 'nature‘ • A nature adds functionality and behaviour, possibly builders • Adds all derby jar files to the build path of the project • Allows launching of network server, ij and sysinfo • Integrated help with tutorial
78.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 78 Derby Tools in Action
79.
© 2007 IBM
Corporation Conference materials may not be reproduced in whole or in part without the prior written permission of IBM. 2007 WebSphere Services Technical Conference world class skill building and technical enablement April 23 - 27, 2007 • Las Vegas, NV W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 W ebSphere C o n f e r e n c e T e c h n i c a l S e r v i c e s 2007 Adobe – JSEcipse – Plugin JavaScript Eclipse Plugin
80.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 80 JS Eclipse Features • Contextual code completion & shortcuts. • Project outline and quick navigation through function declarations. • Syntax highlighting. • Error reporting. • Customizable code templates to get you started. • Support for popular JavaScript libraries (Dojo, Prototype, Spry, YUI, Qooxdoo). • Support for JavaDoc documentation and multi-line comments.
81.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 81 JSEclipse Benefits :: Support AJAX • Common idioms and patterns support When you use a major JavaScript library like Dojo or Prototype, you need to use common idioms and patterns used throughout that library to make better use of that library JSEclipse makes it easy to follow this practices by understanding how code is written in these libraries and using that to power the code completion engine and outline panel. Also, code templates are available to capture repeatable snippets and make them easier to use.
82.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 82 Summary • We explained briefly what Web 2.0 is ! • We explained the best current available tools for building out Rich Internet Applications • We explained and demoed the Zero tooling with both Firebug and Ajax Toolkit Framework • Don’t forget to fill in your evaluation forms !!
83.
2007 WebSphere Services
Technical Conference © 2007 IBM Corporation 83 Questions • Please complete your session evaluation • Thank you!!
Download now