SlideShare a Scribd company logo
1 of 83
© 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
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
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
© 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 ?
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
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
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
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
© 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
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
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
11
The classic web interaction
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
12
The Ajax web interaction
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
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
14
REST
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.
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
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
© 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
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 !
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
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”
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
22
Screenshot of Notepad
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…
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
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
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…
© 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
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
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
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
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
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
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
33
AJAX Toolkit Framework Components
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
34
JavaScript Debugging
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.
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
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
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
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
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
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
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
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
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
© 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
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.
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.
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.
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
49
Screen Shots
© 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
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
51
File->New->Project
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
52
Run As -> Project Zero
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
53
Ivy.xml
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
54
File->New->Examples->Zero
© 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
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
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
57
Catalog Zero UI (prototype)
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
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
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
© 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
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
62
Data Pipeline
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
63
Data Pipeline
Glimpse at the results
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
64
Data Pipeline
Programmatic implementation
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
65
Data Pipeline
Declarative implementation
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
66
Data Pipeline
Visual “Mashup” Editor
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
67
Data Pipeline
Visual “Mashup” Editor
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
68
Data Pipeline
Visual “Mashup” Editor
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
69
Integration Fabric
“Pipes”-style Flow Rendition
Access data
feeds
Aggregate &
consolidate
Prepare for
presentation
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
© 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
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
72
Getting Started
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
73
Create an Application
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
74
Create a Form
© 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
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
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
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
78
Derby Tools in Action
© 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
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.
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.
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 !!
2007 WebSphere Services Technical Conference
© 2007 IBM Corporation
83
Questions
• Please complete your session evaluation
• Thank you!!

More Related Content

Similar to D02 - What are the best tools for Building Web 2.0 Applications.ppt

Asp.NETZERO - A Workshop Presentation by Citytech Software
Asp.NETZERO - A Workshop Presentation by Citytech SoftwareAsp.NETZERO - A Workshop Presentation by Citytech Software
Asp.NETZERO - A Workshop Presentation by Citytech SoftwareRitwik Das
 
AIR - Framework ( Cairngorm and Parsley )
AIR - Framework ( Cairngorm and Parsley )AIR - Framework ( Cairngorm and Parsley )
AIR - Framework ( Cairngorm and Parsley )senthil0809
 
Automating Applications with Habitat - Sydney Cloud Native Meetup
Automating Applications with Habitat - Sydney Cloud Native MeetupAutomating Applications with Habitat - Sydney Cloud Native Meetup
Automating Applications with Habitat - Sydney Cloud Native MeetupMatt 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...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 DemandsWebSphere Application Server - Meeting Your Cloud and On-Premise Demands
WebSphere Application Server - Meeting Your Cloud and On-Premise DemandsIan 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...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...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.pptx5 Best Asp.Net Core Features to Know and Employ In 2024.pptx
5 Best Asp.Net Core Features to Know and Employ In 2024.pptxZorbis Inc.
 
Was l iberty for java batch and jsr352
Was l iberty for java batch and jsr352Was l iberty for java batch and jsr352
Was l iberty for java batch and jsr352sflynn073
 
Important Backend Frameworks To Remember For Businesses In 2023
Important Backend Frameworks To Remember For Businesses In 2023Important Backend Frameworks To Remember For Businesses In 2023
Important Backend Frameworks To Remember For Businesses In 2023Netizens 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 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 v4The introduction of nexaweb flatform v4
The introduction of nexaweb flatform v4Duc Nguyen
 
ArcReady - Scalable And Usable Web Applications
ArcReady - Scalable And Usable Web ApplicationsArcReady - Scalable And Usable Web Applications
ArcReady - Scalable And Usable Web ApplicationsMicrosoft 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...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 JoseCodecentric At Ajax World Conference San Jose
Codecentric At Ajax World Conference San JoseFabian Lange
 

Similar to D02 - What are the best tools for Building Web 2.0 Applications.ppt (20)

.Net @ Neev
.Net @ Neev.Net @ Neev
.Net @ Neev
 
Java language pppppt
Java language ppppptJava language pppppt
Java language pppppt
 
Docker12 factor
Docker12 factorDocker12 factor
Docker12 factor
 
Asp.NETZERO - A Workshop Presentation by Citytech Software
Asp.NETZERO - A Workshop Presentation by Citytech SoftwareAsp.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 )AIR - Framework ( Cairngorm and Parsley )
AIR - Framework ( Cairngorm and Parsley )
 
4. J2EE.pptx
4. J2EE.pptx4. J2EE.pptx
4. J2EE.pptx
 
Automating Applications with Habitat - Sydney Cloud Native Meetup
Automating Applications with Habitat - Sydney Cloud Native MeetupAutomating 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...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 DemandsWebSphere 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...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...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.pptx5 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 jsr352Was 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 2023Important 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 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 v4The introduction of nexaweb flatform v4
The introduction of nexaweb flatform v4
 
Food borne human diseases
Food borne human diseasesFood borne human diseases
Food borne human diseases
 
ArcReady - Scalable And Usable Web Applications
ArcReady - Scalable And Usable Web ApplicationsArcReady - 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...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 JoseCodecentric 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 FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix 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...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 SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?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 PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - 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 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Bluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdfngoud9212
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."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 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfjimielynbastida
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):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 SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsPrecisely
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 

Recently uploaded (20)

Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits 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...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 SetupStreamlining 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?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 PresentationConnect 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 PartnersEnhancing 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).pptxKey  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 BuildingsAI 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.pptxMaking_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 2024Transcript: #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.pdfBluetooth Controlled Car with Arduino.pdf
Bluetooth Controlled Car with Arduino.pdf
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding 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..."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 2024Designing 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 2024My 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.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdf
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):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 SystemsUnlocking 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 eraArtificial 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!!