 |
|
|
|
|
|
Debug and tune applications on the fly with Firebug
Why are your Web pages taking so long to load? Did you ever want to inspect or edit HTML while browsing? Tweak CSS instantly? In this article, learn to use Firebug, a free, open source extension for the Firefox browser that provides many useful developer features and tools. Using Firebug, you can monitor, edit, and debug live pages, including
HTML, CSS, JavaScript code, and network traffic. Read on to learn how to speed up the tasks of debugging and tuning your Web and Ajax applications with Firebug. |
|
Articles |
|
06 May 2008 |
|
| |
Internationalize your apps with XSLT
To meet the needs of users worldwide, today's Web applications often require
internationalization. In this article, you'll see an approach for client-side internationalization based on XSLT. This solution only requires that both the data to be internationalized and the server stores are in XML. |
|
Articles |
|
06 May 2008 |
|
| |
Ajax overhaul, Part 2: Retrofit existing sites with jQuery, Ajax, tooltips, and lightboxes
Asynchronous JavaScript + XML (Ajax) techniques have changed the face of large, commercial Web applications, but many smaller Web sites
don't have the resources to rebuild their entire user interface (UI) overnight. New features should justify
their costs by solving real-world interface problems and improving user experience. With this series,
learn to modernize your UI incrementally using open source, client-side libraries. In this installment,
you learn to eliminate pop-up windows and navigational dead ends using simple lightbox and tooltip
techniques. You learn to do so using the principle of progressive enhancement, guaranteeing that
advanced UI features don't hamper your site's accessibility and adherence to Web standards.
|
|
Articles |
|
06 May 2008 |
|
| |
Create an Ajax-based IM client
The ability to instant message (IM) co-workers and friends is a great convenience, but some environments prohibit the use of instant messaging clients in the workplace due to security concerns. The exercise in this tutorial resolves any security concerns by showing you how to use Ajax to create a Web-based IM client that turns IM traffic into plain Web traffic by creating an instant messaging "bot" and a corresponding Web application. While it's not a production application, it demonstrates several nifty Ajax techniques, such as how to use Prototype to do easier DOM manipulation and how to easily update sections of a Web page, either once or repeatedly. |
|
Tutorial |
|
29 Apr 2008 |
|
| |
AJAX techniques within a Tivoli Access Manager WebSEAL Environment
This article describes the challenges found when introducing Asynchronous JavaScript and XML (AJAX) programming techniques into an IBM Tivoli Access Manager (TAM) WebSEAL environment. It provides a brief review of WebSEAL technology and a brief introduction
to AJAX methods. The considerations are outlined for AJAX developers when working with WebSEAL. The potential solutions to issues
that can arise are supplied, along with listing best practices that will assists AJAX developers to succeed in a WebSEAL environment.
|
|
Articles |
|
29 Apr 2008 |
|
| |
Ajax performance analysis
Asynchronous JavaScript + XML (Ajax) continues to raise user expectations for interactivity and performance, and developers are increasingly treating Ajax as a must-have component of their Web applications. As more code is moved client side and the network model changes, the community is responding by building more tools to address the unique performance challenges of Ajax. Examine toolsets that find and correct performance problems within your Ajax-enriched applications.
|
|
Articles |
|
24 Apr 2008 |
|
| |
Understanding SPARQL
The Semantic Web, a knowledge-centric model for the Web's future, supplements human-readable documents and XML message formats with data that can be understood and processed by machines. SPARQL Protocol and RDF Query Language (SPARQL) is to the semantic Web as SQL is to a relational database. It allows applications to make sophisticated queries against distributed RDF databases, and is widely supported by many competing frameworks. This tutorial demonstrates its use through the example of a team tracking and journaling system for a virtual company. |
|
Tutorial |
|
22 Apr 2008 |
|
| |
Build custom templates for your data-driven Web sites
Most developers dread dealing with HTML tables and cells to build their Web
sites. For one thing, tables make it difficult to modify the site later or to change its appearance. Discover some basic techniques for writing Web sites that you can later re-skin by using templates during the site's initial creation. Also, learn why you should use data-driven techniques for your own Web sites. |
|
Articles |
|
22 Apr 2008 |
|
| |
Mastering Grails: Many-to-many relationships with a dollop of Ajax
Many-to-many (m:m) relationships can be tricky to deal with in a Web
application. In this installment of Mastering Grails, Scott Davis shows you how to
implement m:m relationships in Grails successfully. See how they're handled by the
Grails Object Relational Mapping (GORM) API and the back-end database. Also find out
how a bit of Ajax (Asynchronous JavaScript + XML) can streamline the user interface. |
|
Articles |
|
15 Apr 2008 |
|
| |
Get started with Project Zero, WebSphere sMash, and PHP
Project Zero provides an environment for the rapid development of interactive Web applications based on popular Web technologies such as PHP.
This exercise demonstrates how easy it is to get started with Project Zero, from
installing the development tools to constructing an Ajax Web 2.0 sample using
PHP as the back-end scripting language. Exporting an application is covered on the way, together with examples of debugging and extending a Web 2.0 application.
|
|
Articles |
|
09 Apr 2008 |
|
| |
Real-time data acquisition: Connecting your exercise bike to Informix or DB2
Capture data from an analog environment in real time and store it in an Informix
Dynamic Server or DB2 database. Use WebSphere Application Server Community Edition to create graphs of
captured data and present them in Java Server Pages. All the steps, including the
installation and wiring of the magnetic sensors, the computer interface, the client
OLTP code, and the JSP code for presentation of results, are presented in an easy-to-follow format. |
|
Articles |
|
27 Mar 2008 |
|
| |
Create a slick mashup with Google Charts, Ajax, Project Zero, and WebSphere sMash
Google Charts is a neat service that lets developers generate charts and
graphs using a simple HTTP GET request. Because all of its features have been made
available through HTTP, this service can be easily integrated into Web applications
built with Project Zero. This article gives you a demonstration of Groovy scripts
that let you use Google Charts without having to construct its cumbersome HTTP URLs. You'll create a helpful Web interface that lets users build charts and graphs visually. Try the sample project that shows how easy it is to create mashup applications using the Zero platform. |
|
Articles |
|
25 Mar 2008 |
|
| |
Create Ajax-style architectures with the IBM Web 2.0 Feature Pack
This article shows you how a Java(tm) 2 Platform, Enterprise Edition (J2EE)
application was enhanced with an Ajax-style architecture by using the IBM(R)
WebSphere(R) Application Server Feature Pack for Web 2.0. Learn how to combine Ajax-style architectures with an existing application without
having to rewrite the entire Web application. You'll also discover some ideas on how to apply the Web 2.0 Feature Pack to your own J2EE
applications for IBM WebSphere Application Server.
|
|
Articles |
|
18 Mar 2008 |
|
| |
XML processing in Ajax, Part 3: JSON and avoiding proxies
Ajax-style server calls don't necessarily require XMLHttp requests. This last installment of the series uses a public Web service, JavaScript Object Notation (JSON), and dynamic script tags in a final approach to the weather badge project. |
|
Articles |
|
18 Mar 2008 |
|
| |
Create OpenSocial applications with Project Zero
Web clients can communicate with an OpenSocial application using
any HTTP or Ajax library they choose. In this tutorial, you will use the Dojo
JavaScript library to build your clients with the intent of illustrating how you
might build clients with other libraries or the standard XMLHttpRequest object.
You'll create the server-side implementation of the OpenSocial APIs using Project
Zero--specifically, you'll write Groovy scripts that read and write Atom-formatted data using Zero's Atom library. After completing this tutorial, you should understand what is necessary to implement OpenSocial on Zero or any other Web framework. As always, you can re-create the sample application by following along, step-by-step, or you can download the completed application from this tutorial.
|
|
Tutorial |
|
11 Mar 2008 |
|
| |
Ajax and XML: Ajax for tables
One strong suit of Asynchronous JavaScript + XML (Ajax) is presenting data from the server to users in a dynamic fashion. Discover several techniques that use Ajax for dynamic data display using tables, tabs, and gliders. |
|
Articles |
|
11 Mar 2008 |
|
| |
XML processing in Ajax, Part 2: Two Ajax and XSLT approaches
In Part 2 of this series, Mark Pruett presents two more approaches to the
Asynchronous JavaScript + XML (Ajax) weather badge. Both approaches use Extensible
Stylesheet Language Transformation (XSLT) transformations -- one on the server side and the other in the browser. |
|
Articles |
|
11 Mar 2008 |
|
| |
Must-have tools for HTML, JavaScript and AJAX development and debugging
Use the best open source tools to work with Web pages, scripts, and styles, and make development of new sites and pages easy. Inspect and modify HTML markup, CSS, and JavaScript on the fly, inspect the DOM and client-server communications, and learn how bookmarklets can make development safer and easier. |
|
Articles |
|
11 Mar 2008 |
|
| |
Mastering Grails: Changing the view with Groovy Server Pages
Groovy Server Pages (GSP) puts the "Web" in the Grails Web
framework. In the third installment of his
Mastering Grails
series, Scott Davis shows you the ins and outs of working with GSP. See how easy it
is to use Grails TagLibs, mix together partial fragments of GSPs, and customize the
default templates for the automatically generated (scaffolded) views. |
|
Articles |
|
11 Mar 2008 |
|
| |
Ajax overhaul, Part 1: Retrofit existing sites with Ajax and jQuery
This first article in a series on overhauling existing sites with
Asynchronous JavaScript + XML (Ajax) shows you how to eliminate pop-up windows and
navigational dead-ends with simple modal windows. |
|
Articles |
|
04 Mar 2008 |
|
| |
XML processing in Ajax, Part 1: Four approaches
Any programming problem can be solved in multiple right ways. This series looks at four approaches for creating
an Asynchronous JavaScript + XML (Ajax) weather badge, a small reusable widget that's
easily embedded on any Web page. This first article lays the foundation and examines the
first approach -- walking the DOM tree. |
|
Articles |
|
04 Mar 2008 |
|
| |
Use Active Content Filtering for Project Zero and WebSphere sMash application security
Dodge common Web 2.0-based application attacks, such as cross-site
scripting, and dramatically increase your Project Zero application's security using
Active Content Filtering (ACF). ACF is a resolvable component within Project Zero
that provides a library that can remove active content from request data (such as request parameters) and response output being sent to the client. Learn about the powerful capabilities of applying ACF to a Project Zero environment in which active content might exist. |
|
Articles |
|
29 Feb 2008 |
|
| |
Preserve the security of your Project Zero and WebSphere sMash applications, Part 1: Authentication and authorization
Access-control based security of application resources is one of the core features of Project Zero. With the goal of radical simplification in mind, the developers of Project Zero Security have made an effort to simplify the enablement of security and make it quick and easy. Learn about Project Zero Security and how to create a user registry, define security rules for the application, and leverage the two most common types of authentication -- basic and form-based. By the end of this article, you will have all the tools you need to build security into your Project Zero applications. |
|
Articles |
|
28 Feb 2008 |
|
| |
Comment lines: Roland Barcia: Improve initial download time of your Dojo applications
Once an Ajax application is loaded, it subsequently fetches smaller fragments of data and content to avoid the overhead of re-rendering the entire page, thus improving performance. The tradeoff that enables this to happen is that the initial download of your application will usually take longer. This article looks at ways you can reduce the initial download time of your Dojo applications and still get great performance. (IBM WebSphere Developer Technical Journal) |
|
Articles |
|
27 Feb 2008 |
|
| |
Create your own information space with Ajax and del.icio.us
del.icio.us is a social bookmarking Web site that allows users to create and
share browser-independent bookmarks, accessible directly over the Internet, in ways
your browser won't allow. The traditional hierarchical organization of browser bookmarks is overhauled, allowing users to instead associate each and every bookmark with any number of descriptive tags. Imagine a single page where you and your friends can surf the Web and have your del.icio.us tags, links, and functions handy, or a single page where you can save the site you're browsing directly into your del.icio.us account, along with comments and chosen tags. This tutorial shows you how to use Ajax to build just such a page using a PHP script as the server-side proxy. |
|
Tutorial |
|
26 Feb 2008 |
|
| |
Create an Ajax mindreader application with E4X and Prototype, Part 2: Make the mindreader smarter
In this two-part article series, you learn to use both ECMAScript for XML
(E4X) and the Prototype JavaScript library to create a simple Ajax mindreader
application that plays Twenty Questions and learns about new objects as it goes
along. In Part 1, you learned to create a system that takes an existing
knowledge base and analyzes it to determine what the user might be thinking. Now in
Part 2, you'll learn to add new information to the knowledge base, and to use the
Prototype JavaScript library to integrate the Twenty Questions application with an
external database so training by one user is usable by others who play the game. |
|
Articles |
|
19 Feb 2008 |
|
| |
Securing Java applications with Acegi, Part 4: Protecting JSF applications
Bilal Siddiqui continues his series by showing you how to use Acegi to
secure JavaServer Faces (JSF) applications. Configure JSF and Acegi to work together
in a servlet container, and explore how JSF and Acegi components cooperate with one
another. |
|
Articles |
|
19 Feb 2008 |
|
| |
Preserve the security of your Project Zero and WebSphere sMash applications, Part 3: Protect your Project Zero and WebSphere sMash applications with OpenID
Access control-based security of application resources is one of the core features of Project Zero. OpenID is an open source, emerging security technology that provides decentralized authentication across the Internet. It is increasingly gaining the interest of the Web community. Project Zero adopted this new technology as part of its security offering. In this article, the third and final part of the series, learn about Project Zero Security and how to leverage OpenID authentication, define security rules for the application, and extend a user registry. |
|
Articles |
|
19 Feb 2008 |
|
| |
Access IBM U2 data server from your .NET applications, Part 2: Build the next generation application using UniVerse, UniData, IBM Data Server
Provider for .NET, IBM Database Add-ins, and ASP.NET 2.0
Develop a next-generation, master-detail ASP.NET Web application, Web service,
and ASP.NET Crystal Report using IBM Data Server Provider for .NET and IBM Database
Add-ins, in Part 2 of this series. |
|
Tutorial |
|
14 Feb 2008 |
|
| |
Create an Ajax mindreader application with E4X and Prototype, Part 1: Build the Twenty Questions infrastructure
XML seems like a natural format for passing Ajax data. However, to work with
XML in JavaScript using the Document Object Model (DOM) is not always the best way to handle this kind of
data. This has given rise to other choices, such as JSON, which provide a more
object-like feel for developers. Now ECMAScript for XML (E4X) combines many of the
best features of the DOM with extremely easy data binding to provide a more
straightforward way to deal with XML in the browser. In this two-part article
series, you'll learn to use both E4X and the Prototype JavaScript library to create
a simple Ajax mindreader application that plays Twenty Questions and learns about new objects as it goes along. Part 1 shows you how to create a system that takes an existing knowledge base and analyzes it to determine what the user may be thinking. |
|
Articles |
|
12 Feb 2008 |
|
| |
Craft Ajax applications using JSF with CSS and JavaScript, Part 2: Dynamic JSF forms
In the first article of
this two-part series, author and Java developer Andrei Cioroianu showed how to use the style attributes of JavaServer Faces (JSF) components and how to set up default values for those attributes. In this second installment of the series, learn how to exercise the JavaScript-related attributes of standard JSF components. Learn several Web techniques based on the Document Object Model (DOM) APIs, JavaScript, and Cascading Style Sheets (CSS). See how to hide and display optional JSF components without refreshing a Web page, how to implement client-side validation that is executed in the Web browser, and how to develop a custom component that displays help messages for the input elements of a Web form. |
|
Articles |
|
12 Feb 2008 |
|
| |
Mastering Grails: GORM: Funny name, serious technology
Any good Web framework needs a solid persistence strategy. In this second
installment of his Mastering Grails series, Scott Davis introduces the Grails Object
Relational Mapping (GORM) API. See how easy it is to create relationships between
tables, enforce data validation rules, and change relational databases in your
Grails applications. |
|
Articles |
|
12 Feb 2008 |
|
| |
Preserve the security of your Project Zero and WebSphere sMash applications, Part 2: Authentication and authorization using LDAP
Access control-based security of application resources is one of the core features of Project Zero. With the goal of radical simplification in mind, the developers of Project Zero Security have made an effort to simplify the enablement of security and make it quick and easy. This article, Part 2 of the three-part series, delves into Project Zero Security and how to create a user registry, define security rules for the application, and leverage an LDAP user registry. |
|
Articles |
|
05 Feb 2008 |
|
| |
Real Web 2.0: Linking open data
Learn about Linking Open Data (LOD), a community initiative
for moving the Web from the idea of separated documents to a wide
information space of data. The key principles of LOD are that
it is simple, readily adaptable by Web developers, and complements many
other popular Web trends. Learn how to make your data more widely used by making its
components easier to discover, more valuable, and easier for people to
reuse--in ways you might not anticipate. |
|
Articles |
|
05 Feb 2008 |
|
| |
Getting started with JavaServer Faces 1.2, Part 2: JSF life cycle, conversion, validation, and phase listeners
This tutorial series covers how to get started with
Java Server Faces (JSF) technology, a server-side framework that offers a
component-based approach to Web user-interface development.
Part 1 gets you started with a JSF 1.2 overview and a basic application. This sequel gives
you a firm grasp of JSF's more-advanced features: custom validators, converters, and
phase listeners. Along the way you'll gain an understanding of the JSF application
life cycle. |
|
Tutorial |
|
29 Jan 2008 |
|
| |
Craft Ajax applications using JSF with CSS and JavaScript, Part 1: Enhance the appearance of your JSF pages
Typical Web applications require the use of Cascading Style Sheets (CSS) and
JavaScript, together with a server-side framework, such as JavaServer Faces (JSF).
CSS lets you change the visual characteristics of Web components within Ajax and
other applications so they can have a pleasant and distinctive look. In the first installment of this two-part series, find out how to use the CSS-related attributes of standard JSF components. In addition, learn how to create a custom JSF component that sets the default styles of nested components, making it very easy to ensure a consistent look for all pages of your Web application. You can also use this technique to programmatically set other component attributes, as you'll see in Part 2, which will show how to make JSF forms more dynamic using JavaScript. |
|
Articles |
|
29 Jan 2008 |
|
| |
The Ranvier URL mapper
Ranvier is a Python package you can integrate into Web
application frameworks to map incoming URL requests to source code.
It does this by a mechanism of delegation-and-consumption, which
differs from more common regular expression-based URL rewriting.
Ranvier also serves as a central registry of all the URLs in a Web
application and can itself generate the URLs necessary for
cross-linking pages. The registry function allows Ranvier to assure
the integrity of links and automate coverage analysis. Ranvier is
pure Python code and does not have any third-party dependencies; it
should be usable (with a bit of adaptor code) in any Python-based
Web application framework.
|
|
Articles |
|
29 Jan 2008 |
|
| |
Build a customizable RSS feed aggregator in PHP
RSS (Rich Site Summary, RDF Site Summary, or Really Simple Syndication) has
been around since the mid-1990s. Over the years, several variants of the RSS format
have popped up and several claims have been made about its ownership. Despite these
differences, RSS never ceased to serve its usefulness in distributing Web content
from one Web site to many others. The popularity of RSS gave way to the growth of a
new class of Web software called the feed reader, also known as the feed aggregator.
Although there are several commercially available feed aggregators, it's easy to
develop your own feed aggregator, which you can integrate with your Web
applications. You'll appreciate this article's fully functional PHP code snippets,
demonstrating the use of PHP-based server-side functions to develop a customizable
RSS feed aggregator. In addition, you'll reap instant benefits from using the fully
functional RSS feed aggregator code, which you can download from this article. |
|
Articles |
|
22 Jan 2008 |
|
| |
Add Ruby templating to your Project Zero and WebSphere sMash applications
Ruby users, take note. You can now do everything that Groovy and PHP users can do when creating Project Zero applications! In a previous article, we showed how to augment Project Zero to provide support for the Ruby scripting language. The code that we wrote enabled Ruby users to transfer their scripting skills to the Zero platform and take advantage of its unique programming model. Of course, scripting isn't the only way that Ruby is used to create applications - programmmers who use the Ruby on Rails framework also mix Ruby in HTML templates similar to JSP and PHP. These templates, called RHTML files, are very useful for creating dynamic user interfaces, and this article will show you how to extend our Ruby support to include them. Find out how Ruby users can now do everything that Groovy and PHP users can do when creating Zero applications!
|
|
Articles |
|
22 Jan 2008 |
|
| |
Create dynamic Firefox user interfaces
When you create browser-based applications that display XML data feeds, you
often need to code the data-retrieval mechanism and the user interface. Mozilla
Firefox provides an infrastructure that frees you from these tasks, so you can concentrate on your application's functionality. Learn how to use Asynchronous JavaScript + XML (Ajax) to download XML data from a Web server, and discover how you can use Extensible Stylesheet Language Transformations (XSLT) to transform it dynamically into Firefox user-interface elements expressed in XML User Interface Language (XUL). You can apply these techniques to any application that uses XML data sources. |
|
Tutorial |
|
15 Jan 2008 |
|
| |
Generate Ajax J2EE Web applications with jpa2web
Learn about, try, and contribute to a new open source tool -- jpa2web -- which generates J2EE Ajax-based Web applications from JPA-annotated beans. Using the ZK framework, the applications generated by this tool allow your users to add, delete, search, modify, and interconnect instances of database-synchronized objects in a friendly, Ajax-based Web user interface. |
|
Articles |
|
15 Jan 2008 |
|
| |
Create rich applications with JavaFX Script
JavaFX Script, which made its debut last spring, is a scripting
language that runs on top of Java Platform, Standard Edition 6 (Java SE) and makes it easy to code sophisticated
user interfaces. Learn the essentials of the JavaFX scripting language and gain an
understanding of some basic UI components with the help of the sample application
detailed within. |
|
Articles |
|
15 Jan 2008 |
|
| |
Solid Ajax applications, Part 2: Building Ajax back ends
Back end processing -- server-side scripts and programs -- can't always be tossed into an Ajax application and behave well. Instead, careful planning to ensure data is sent in an appropriate and efficient form ensures your entire application is cohesive, rather than needlessly complex. Brett McLaughlin explains how a good server-side script complements Ajax behavior. |
|
Articles |
|
15 Jan 2008 |
|
| |
Introducing Project Zero, Part 2: RESTful applications in an SOA
|
|
Articles |
|
15 Jan 2008 |
|
| |
Use Project Zero and WebSphere sMash's data access APIs to build a simple wiki
Project Zero is a simplified development platform focused on the agile development of Web 2.0 applications following a Service-Oriented Architecture (SOA). Among Project Zero's arsenal of libraries is a simplified API for executing SQL queries. Learn how to leverage these APIs to build a simple wiki. |
|
Articles |
|
08 Jan 2008 |
|
| |
Convert Atom documents to JSON
Converting an Atom document to JSON might, at first, appear to be a fairly
straightforward task. Atom is, after all, just a bit of XML and XML-to-JSON
conversion tools are widely available. However, the Atom format is more than just
a set of XML elements and attributes. A number of subtle details can make proper
handling of Atom difficult. This article describes those issues and demonstrates a
mechanism implemented by the Apache Abdera project to convert Atom documents into
JSON and produces a result that is readable, usable, and complete. |
|
Articles |
|
08 Jan 2008 |
|
| |
Push RSS to new limits
This tutorial presents an innovative use of the well-known Really Simple
Syndication (RSS) format's associative properties to emulate the functionality of a
simple relational database. It demonstrates using RSS channels to store contact
information and meeting information -- much as a personal address book and calendar
does. It uses RSS elements and attributes such as items and guids to create a neural-network-like mesh of related data. |
|
Tutorial |
|
18 Dec 2007 |
|
| |
Getting started with JavaServer Faces 1.2, Part 1: Building basic applications
JavaServer Faces (JSF) technology, a server-side framework that offers a component-based approach to Web user-interface development, has come a long way. JSF 1.2 (incorporated into Java Enterprise Edition 5) has fixed some JSF pain points and added some nice features. This tutorial series covers how to get started with JSF 1.2. It's heavy on examples and light on theory -- just what you need to get started quickly. |
|
Tutorial |
|
18 Dec 2007 |
|
| |
Manage an HTTP server using RESTful interfaces, Project Zero, and WebSphere sMash
WS-* users and REST users have an ongoing debate over which
technique is most appropriate for which problem sets, with WS-* users often claiming
that more complex, enterprise-level problems cannot be solved RESTfully. This
article puts that theory to the test by trying to create a RESTful solution for a
problem area that is not often discussed by REST users: systems management. In a previous
developerWorks tutorial, I showed how to create a Web services interface for managing
HTTP server products; the tutorial used concepts from WSDL and the WS-* standards to
define the management interface and software from Apache Muse and Apache Axis to
create the management application. For this article, I use Project Zero and REST design principles to recreate the interface and function of the original application and determine if REST is a valid option for this enterprise project.
|
|
Articles |
|
18 Dec 2007 |
|
| |
Build an Ajax-enabled search page using the Rico JavaScript library, ColdFusion
MX 7, and Windows Indexing Service
A Web site or intranet has such a high volume of information available that you need special tools to index the content and provide access to it in a fast and convenient way. Learn how to do just that and provide a state-of-the-art search facility with the help of an Ajax library coupled with mature technologies like ColdFusion and Windows Indexing Service. |
|
Articles |
|
18 Dec 2007 |
|
| |
Cross-browser Web application testing made easy
"Test on multiple browsers" has been a mantra ever since there have been multiple browsers to test on. Testing them all -- especially these days -- is impossible. But you can come a lot closer than you may think. In this article, learn a variety of techniques for cross-browser testing, from the very thorough to the quick and dirty. The choice you make will depend on your resources, but this is an issue you can't ignore. |
|
Articles |
|
18 Dec 2007 |
|
| |
Ajax -- A guide for the perplexed, Part 2: Develop a Dojo-based blog reader
The previous installment
of this series introduced you to Ajax development by walking through the practical information
essential for getting an Ajax-enabled environment up and running. In this article, Part 2 of the series, the authors put
your newly gained knowledge into practice by starting the development of a simple Dojo and Atom-based blog reader. |
|
Articles |
|
11 Dec 2007 |
|
| |
Why (almost) every Web site needs an RDBMS
When your Web application reaches a certain size, it needs a good database design
behind it. And in fact, this "certain size" is much smaller than almost every small-site developer thinks. Relational Data Base Management Systems
(RDBMSes) need not be
restrictive or over-architected, as their bad reputation sometimes
brings developers to fear. A bit of thought toward what your site
does quickly turns into a sensible schema design, and it is easy to
leave open expandable storage mechanisms like a "configuration"
table within an RDBMS back end.
|
|
Articles |
|
11 Dec 2007 |
|
| |
Tip: Make the best use of asynchronous callbacks
It takes some finesse to make the best use of asynchronous callbacks for
Ajax data sources in JavaScript applications. This tip discusses
why you should use asynchronous callbacks for Ajax data sources and
gives examples of coordinating the readiness of mutually dependent
application data sources that may become ready at undefined times
with asynchronous calls.
|
|
Articles |
|
11 Dec 2007 |
|
| |
Extend Project Zero and WebSphere sMash's scripting platform with Flickr APIs
The Flickr photo sharing service is one of today's most popular Web applications. It provides a robust hosting service with slick social networking capabilities that make uploading, organizing, and finding photos very simple. That's all very cool, but from a developer's perspective, the most interesting thing about Flickr is its public API for reading and writing photo data. You can send API requests over HTTP using any programming language you wish, and many open source projects have sprung up to encapsulate this API for various languages. In this article, you'll learn how to "Zero-ize" the Flickr API by providing a Groovy binding that is easily reusable in your Project Zero applications. When you're done, you'll be able to read and write photo data from your Groovy scripts in just a few lines of code.
|
|
Articles |
|
04 Dec 2007 |
|
| |
HTML V5 and XHTML V2
While the intention of both HTML V5 and XHTML V2 is to improve on the existing
versions, the approaches the developers chose to make those improvements is very different.
And with differing philosophies come distinct results. For the first time in many years,
the direction of upcoming browser versions is uncertain. Uncover the bigger picture behind the details of these two standards.
|
|
Articles |
|
20 Nov 2007 |
|
| |
Ajax-based persistent object mapping
The Persevere persistent object framework brings persistent object mapping to the
browser JavaScript environment. Object persistence has seen great popularity in the Java
programming
and Ruby worlds, and the dynamic JavaScript language is naturally well suited to mapping
objects to persisted data. Persevere automates mapping and communication in Ajax-based
Web applications, in addition to simplifying much of the development challenge, by
providing a manageable data model, transparent client-server Ajax interchanges, automatic
state change storage, and implicit transaction management. |
|
Articles |
|
13 Nov 2007 |
|
| |
Enterprise architecture essentials, Part 6: Manageability
Organizations today face the challenge of two important enterprise
architecture requirements: the need for agility and the overhead of regulatory
governance. These requirements can be seen as mutually antagonistic--if business processes must be flexible, then governance of those processes may be difficult. Explore the notion of using manageability as a key enterprise architecture (EA) quality attribute to solve this problem. |
|
Articles |
|
13 Nov 2007 |
|
| |
Tip: Avoid unnecessary Ajax traffic with session state
Where possible, creating Web applications -- including Ajax-based applications
-- in a RESTful way avoids a large class of bugs. However, a
pitfall of REST (Representational State Transfer) is sending duplicate data across similar
XMLHttpRequests. This tip shows how the moderate use of session
cookies can maintain just enough server-side state to
significantly reduce client-server traffic, while still allowing
fallback to cookie-free operation.
|
|
Articles |
|
13 Nov 2007 |
|
| |
Mocking and stubbing in Ruby on Rails
Understand the basic foundations behind stubbing and mocking
techniques and strategies with this hands-on walkthrough using the three
most popular mocking frameworks for Ruby. |
|
Articles |
|
07 Nov 2007 |
|
| |
Optimized and predictable Ajax applications
Wouldn't it be nice for developers if all browsers, computer models, and Ajax
application users were the same? Maybe, but the reality is that they are not.
Developers face a myriad of challenges when developing applications that behave
predictably across browsers, computers, and individual user settings. When users
transfer Ajax applications from one browser type to another (and especially when they
transfer an Ajax application into a Web service portal), they're not guaranteed the
same browser experience because of each browser's inherent limitations. In this article, author Judith Myerson gives a brief discussion of these limitations and what pitfalls to avoid, including some helpful solutions for optimizing browser differences. |
|
Articles |
|
30 Oct 2007 |
|
| |
World Wide Wits: Build an indestructible Web-hosted brain
Attach a simple neuron implementation to HTTP transport code to build a
robust distributed computing application that is highly opaque to
observers -- even those who have access to the source code. |
|
Articles |
|
30 Oct 2007 |
|
| |
Ajax and XML: Ajax for media
With the advent of widely available broadband, media, movies, images, and sound
drive the Web 2.0 revolution. Learn to combine media with technologies
such as PHP and Asynchronous JavaScript + XML (Ajax) to create a compelling experience
for your customers. |
|
Articles |
|
23 Oct 2007 |
|
| |
Make Ajax development easier with AjaxTags
Developers and users have much higher expectations for the usability and
responsiveness of Web-based applications in the Web 2.0 era. Unless you've been
living under a rock for the past two years, you've likely heard of Asynchronous
JavaScript + XML (the Ajax technique). Ajax allows you to build slick, responsive,
and highly dynamic browser-based user interfaces without requiring browser page
reloads. This article takes a look at AjaxTags, a Java/JavaScript Library that lets you easily integrate Ajax functionality into your JSP pages. |
|
Articles |
|
23 Oct 2007 |
|
| |
An introduction to XML User Interface Language (XUL) development
XUL is not just another UI language that has sprung up. It is a tried and
true application framework. The Firefox browser is built using XUL. In fact, the
upcoming Firefox 3.0 release will provide a XUL runtime allowing any Firefox user to
run any XUL application. In this tutorial, you'll start to program in XUL. You'll
see how to leverage your Web development skills to build a XUL-based blog editor.
The editor will provide some basic rich text editing, and allow you to save drafts
locally that you can reload later for editing. |
|
Tutorial |
|
16 Oct 2007 |
|
| |
Browser extensions using XUL, Part 2: Assemble a cross-platform Firefox extension
XUL is a surprisingly easy way to build cross-platform browser
extensions or even stand-alone applications. Discover how to build powerful,
flexible Mozilla browser extensions that go beyond the capabilities of
other tools like embedded scripting languages or CGI -- because they're
built right into the user's browser.
|
|
Articles |
|
16 Oct 2007 |
|
| |
Solid Ajax applications: Part 1: Building the front end
With Ajax still one of the industry's hottest buzzwords, more and more applications are being built with Ajax technologies. However, it's not always easy to build a good application. This article focuses on how to build intuitive, easy-to-use Ajax-driven applications. |
|
Articles |
|
16 Oct 2007 |
|
| |
Create a photo album application with Project Zero and REST design principles
One of the main goals of Project Zero is to simplify the creation of rich
Internet applications (RIAs). The Flickr photo sharing service is an excellent example
of such an application. Designed using REST principles, Asynchronous JavaScript + XML
(Ajax) techniques, and dynamic scripting languages, Flickr provides a service that is not only user friendly, but also scalable and extensible. Because Flickr has many of the qualities that authors of other RIAs are striving for, recreating this type of application with Zero would be an excellent way to validate Zero as an RIA platform. In this article, see how to combine existing Zero components to create a photo sharing service that can support many of the same functions provided by Flickr today. Along the way, you'll learn more about RESTful design, connecting components via HTTP, and the use of JavaScript to provide a function that isn't already part of Zero. |
|
Articles |
|
16 Oct 2007 |
|
| |
Auto-save JSF forms with Ajax: Part 3
In the first article of this series, author and Java developer Andrei
Cioroianu showed how to submit the user input of a Web form with Asynchronous
JavaScript + XML (Ajax) and how to handle the Ajax requests with JavaServer Faces
(JSF). In the second article of the series, Andrei discussed data management on the
server side and presented a data repository for keeping the auto-saved form data. In this final installment of the three-part series, you'll find out how to restore the data of a JSF form, which is trickier than you might think. You will learn interesting JSF techniques, such as using the immediate and onclick attributes of JSF components, skipping some of the phases of the JSF request processing life cycle, and using hidden form elements to trigger JSF listeners. You will also learn how to include JSP/JSF expressions within the JavaScript code, how to use JavaScript with the HTML form elements generated by the renderers of the JSF components, and how to implement a servlet context listener for serializing and deserializing application beans. |
|
Articles |
|
09 Oct 2007 |
|
| |
Introducing Project Zero, Part 1: Building RESTful services for your Web application
Get a hands-on, guided tour of Project Zero's innovations to create, assemble, and deploy
powerful Web applications. |
|
Articles |
|
09 Oct 2007 |
|
| |
Thinking XML: 파이어폭스 2.0과 XML (한글)
파이어폭스 2.0은 몇 가지 주요한 측면에서 XML 지원 방식이 달라졌습니다. 현재 파이어폭스 사용자 수는 급격하게 늘어나는 추세입니다. 여기서는 파이어폭스 2.0에서 달라진 XML 기능을 살펴봅니다. 또한 현재 논쟁이 분분한 RSS 웹 피드 처리 방식도 소개합니다. |
|
Articles |
|
02 Oct 2007 |
|
| |
Add Ruby scripting to your Project Zero and WebSphere sMash applications
One of the goals of Project Zero is to encourage scripting as the primary means of creating RESTful resources and reusable components. Zero supports the Groovy and PHP scripting languages by default, but if you look closely at its architecture, you'll see there's no reason it can't support others as well. The Ruby language (and its Web 2.0 platform, Ruby on Rails) has enjoyed enormous success in the last few years, and many Ruby developers make their living creating the kind of applications that Zero is built for. This article will show Ruby enthusiasts how to have their cake and eat it too by adding support for their favorite language to the Zero platform.
|
|
Articles |
|
02 Oct 2007 |
|
| |
Browser extensions using XUL, Part 1: Create a Firefox browser extension with user-interface features
Create extensions that go beyond the built-in capabilities of
Web browsers. The Mozilla project's XUL engine is a user-interface
language that you can use to extend Mozilla browsers, or to build
stand-alone applications. XUL is a surprisingly easy way to build
cross-platform browser extensions, and this pair of articles demonstrates
how.
|
|
Articles |
|
02 Oct 2007 |
|
| |
Ajax and XML: Ajax for lightboxes
In a world where everything is designed to amaze and distract, it's awfully difficult
to get a user's attention. Learn how to use new techniques such as lightboxes, pop-ups,
windows, and fading messages with your Ajax tools to get your users' eyes on your content.
|
|
Articles |
|
25 Sep 2007 |
|
| |
In pursuit of code quality: Adventures in behavior-driven development
Test-driven development (TDD) is a great idea in practice, but some developers just
can't get over the conceptual leap associated with that word test. In this
article, learn about a more natural way to integrate the momentum of TDD
into your programming practice. Get started with behavior-driven development (BDD) (via
JBehave) and see for yourself what happens when you focus on program behaviors, rather
than outcomes. |
|
Articles |
|
18 Sep 2007 |
|
| |
Auto-save JSF forms with Ajax: Part 2
In the first part of this "Auto-save JSF forms with Ajax" series, author and
Java developer Andrei Cioroianu showed you how to build Java applications that
automatically save Web forms, using Asynchronous JavaScript + XML (Ajax) and
JavaServer Faces (JSF) technologies. You learned how to obtain, encode, and submit
form data with JavaScript and XMLHttpRequest, how to adapt the JSF request
processing life cycle for handling Ajax requests, and how to get the submitted data
from the JSF component tree on the server side. In this second installment of the
three-part series, you will see how to identify anonymous users across browser
sessions, how to manage the auto-saved form data for multiple users and pages, how
to choose a data repository, and how to deal with thread-safety issues. |
|
Articles |
|
18 Sep 2007 |
|
| |
Web development tips: Pay attention to the CSS @media rule
The CSS "@media" rule is a useful way to target an HTML or XML
document to an intended output device. Use of the "print" media is
now fairly widespread, and provides a much cleaner means of creating
printer-friendly pages than does a separate "printable version." The use
of the "screen" media has been somewhat underused, perhaps because of an
overly general assumption that screen is merely the "default
rendering." However, in regard to positioning--especially absolute
positioning--the screen media type has an important meaning that is
not covered by media-free stylesheet rules.
|
|
Articles |
|
18 Sep 2007 |
|
| |
Optimize database configuration and dependencies of Project Zero and WebSphere sMash applications
The Project Zero development platform includes a data access library that is
easy to use, allowing developers to execute SQL statements from their application
code with minimal configuration. In fact, setting up a database and connecting to it
requires just a four-line configuration file and knowledge of basic SQL, neither of
which should tax the average Web developer. But as simple as database-driven
development is, there are issues surrounding the packaging of a database-driven
components that require significant thought: Without the proper design, a Zero
component may drag along dependencies and make assumptions other developers
cannot accept. This article discusses best practices for configuring and packaging
database-driven components so they are highly reusable by other Zero developers.
|
|
Articles |
|
11 Sep 2007 |
|
| |
Web development tips: Ten (or a few more) files every Web site needs
Regardless of what sort of Content Management System or Web
application framework you might use to develop your Web site, there are some basics you should cover. A sophisticated user interface and
rich content is great to have, but before you get to that, you
should provide the basic files that users anticipate finding and
that tell both humans and machines what your site does.
|
|
Articles |
|
11 Sep 2007 |
|
| |
Real Web 2.0: Wikipedia, champion of user-generated content
Encourage user contribution to
your Web site by learning from Wikipedia. Wikipedia builds on open source and respects the
geographical variety and potential accessibility needs of its users. It
provides tools to help users contribute, but also fosters an atmosphere
where contributions are verified and discussed by the community.
|
|
Articles |
|
04 Sep 2007 |
|
| |
Behavior-driven testing with RSpec
Testing fever has infected the Ruby programming community, and the infection is spreading. One of the most promising innovations in testing in the past year is the introduction and rapid growth of RSpec, a behavior-driven testing tool. Learn how RSpec can change the way you think about testing.
|
|
Articles |
|
28 Aug 2007 |
|
| |
Speed up your Ajax applications while dodging Web services vulnerabilities
Deploying bandwidth-efficient Ajax applications does not guarantee that the
service levels in a Service Level Agreement will stay high. No matter how well you
change code in the Ajax format to make it more bandwidth efficient, there will be always
risks and vulnerabilities you'll need to watch out for and mitigate. Regular
developerWorks author Judith Myerson gives a brief Ajax recap, shows what Web services
vulnerabilities are and why Service Level Agreements (SLA) are important, and suggests some solutions for speeding up Ajax applications. |
|
Articles |
|
28 Aug 2007 |
|
| |
Set up a Web server cluster in 5 easy steps
Construct a highly available Apache Web server cluster that spans multiple
physical or virtual Linux servers in 5 easy steps with Linux Virtual Server and
Heartbeat v2. |
|
Articles |
|
22 Aug 2007 |
|
| |
Develop an Ajax-based file upload portlet using DWR
File upload is a basic function of today's Web portals. In this article,
authors Xiaobo Yang and Rob Allan describe how to develop an Ajax-based file upload
JSR 168-compliant portlet using DWR (Direct Web Remoting). DWR is an ideal Ajax
framework for Java developers that dynamically generates JavaScript based on
server-side deployed Java classes. You will learn how you can use DWR to retrieve file upload progress from the portal server. |
|
Articles |
|
21 Aug 2007 |
|
| |
Web development tips: Use antipool.py for threaded Python database access
Databases are happy to handle many parallel requests (doing so is almost in the
definition of a database). However, active processes
(threaded or forked) almost inevitably eat up a valuable resource: database
connections. The antipool.py module in Martin Blais'
"antiorm" library does a nice job of making the pooling and reuse of
connections transparent to programmers, and in a RDBMS-agnostic
fashion.
|
|
Articles |
|
21 Aug 2007 |
|
| |
The power of syndication at the click of a button
Have you ever wanted to bring the technical know-how of developerWorks straight to your workspace or personalized iGoogle, Netvibes, or My Yahoo page? Now you can with developer gizmos. It's the power of syndication at the click of the mouse: no programming, training, or registration required. Add any developerWorks custom feeds, or a developerWorks spaces portlet as a Google Gadget, Netvibes Module, or Yahoo Widget directly to your preferred syndication mashup, keep up with developerWorks feeds on your Apple iPhone, or download a developerWorks Gadget for Google Desktop with the content you select from developerWorks. |
|
Articles |
|
20 Aug 2007 |
|
| |
Program with XML for DB2, Part 3: Program with XML in the client
Learn how to extend the XML model in order to create rich clients using XML
data transferred from your application server. Discover how to use
Dynamic HTML (DHTML) to present the XML, XPath to navigate the XML and the Document Object Model
(DOM) to modify and serialize the XML back to the application server.
|
|
Articles |
|
16 Aug 2007 |
|
| |
Real world Rails, Part 4: Testing strategies in Ruby on Rails
Testing is firmly entrenched in the Ruby on Rails community.
Many tools can help you, from the Rails stack to RCov for coverage to
Mocha and FlexMock for enhancing your test cases. But different tools
often support diverging strategies. Learn about the trade-offs of several basic testing strategies. |
|
Articles |
|
14 Aug 2007 |
|
| |
Mastering Ajax, Part 11: JSON on the server side
In the last article, you
learned how to take an object in JavaScript and convert it into a JSON representation.
That format is an easy one to use for sending (and receiving) data that maps to objects,
or even arrays of objects. In this final article of the series, you'll learn how to handle data sent to a server in the JSON format and how to reply to scripts using the same format. |
|
Articles |
|
14 Aug 2007 |
|
| |
Real Web 2.0: Quick and dirty Web applications with bookmarklets
Web 2.0 is well known
for the fact that it's not built on breathtaking new inventions, but rather on renewed
emphasis on age-old Web technologies. One of those age-old technologies that is
enjoying a revival in Web 2.0 is bookmarklets. A bookmarklet is essentially a Web
application shoehorned into a regular browser bookmark. This article includes a fully functioning bookmarklet and installation instructions you can use to highlight text on any Web page and search IBM developerWorks for that text. |
|
Articles |
|
07 Aug 2007 |
|
| |
Auto-save JSF forms with Ajax: Part 1
In this three-part series, author and Java developer Andrei Cioroianu shows you how to automatically save form data in a Java Web application using Asynchronous JavaScript + XML (Ajax) and JavaServer Faces (JSF) technologies. You'll learn how to submit Web forms with Ajax, how to use the JSF framework to handle Ajax requests, how to control the JSF request processing life cycle, how to manage form data on the server side, and how to identify anonymous users across browser sessions. Discover several frequently occurring development mistakes, including incorrect form-data encoding and improper Ajax request management, which can lead to failed requests and memory leaks. |
|
Articles |
|
07 Aug 2007 |
|
| |
New elements in HTML 5
HTML 5 introduces new elements to HTML for the
first time since the last millennium. New structural elements include aside, figure,
and section. New inline elements include time, meter, and progress. New embedding
elements include video and audio. New interactive elements include details, datagrid, and command. |
|
Articles |
|
07 Aug 2007 |
|
| |
Plans for the Rich Web Application Backplane
Both mashups and Ajax are now firmly entrenched in the Web landscape. Put
them together and you have the makings for Rich Web applications. This article explains the Rich Web Application Backplane, currently a W3C Note, which is designed to bring standardization to the field, proving a set of common building blocks, or components, these applications tend to use. |
|
Articles |
|
31 Jul 2007 |
|
| |
In pursuit of code quality: Unit testing Ajax applications
You might get a thrill
out of writing Ajax applications, but unit testing them is surely painful. In this
article, Andrew Glover takes on the downside of Ajax (one of them, anyway), which is the
inherent challenge of unit testing asynchronous Web applications. Fortunately, he finds
it easier than expected to tame this particular code quality dragon, with the help of the Google Web Toolkit. |
|
Articles |
|
24 Jul 2007 |
|
| |
Ajax and XML: Ajax for ratings and comments
In the age of the people-powered Web, allowing your readers to rate and
review content on your site is critical. Discover just how easy it is to add rating
and commenting features to a site with Ajax. |
|
Articles |
|
24 Jul 2007 |
|
| |
The cranky user: What ever happened to Web engineering?
Does it ever occur to you that today's Web
developers could learn a thing or two from traditional computer
programming? The cranky user talks about the foundations of software
engineering and asks where in the Web those best practices have
disappeared to. |
|
Articles |
|
24 Jul 2007 |
|
| |
End-to-end Ajax application development, Part 3: Integrate, test, and debug the application
Ajax (Asynchronous
JavaScript + XML) is quickly emerging as a modern way of bringing desktop quality
software features to Web applications running on browser platforms. This article is
the last of a three-part series where you can complete the development of an
end-to-end Ajax application using technologies available from the open source
community. |
|
Articles |
|
19 Jul 2007 |
|
| |
Ajax for Java developers: Write scalable Comet applications with Jetty and Direct Web Remoting
Ajax applications driven by asynchronous server-side events can be tricky to implement and difficult to scale. Returning to his popular series, Philip McCarthy shows an effective approach: The Comet
pattern allows you to push data to clients, and Jetty 6's Continuations API lets your
Comet application scale to a large number of clients. You can conveniently take advantage
of both Comet and Continuations with the Reverse Ajax technology in Direct Web Remoting
(DWR) 2. |
|
Articles |
|
17 Jul 2007 |
|
| |
Real world Rails, Part 3: Optimizing ActiveRecord
ActiveRecord is a fantastic persistence framework, but since the framework hides
low-level details from you, it can be prone to performance problems. Discover the most common problems and how you can solve them. |
|
Articles |
|
17 Jul 2007 |
|
| |
Develop a simple Web application with Apache Wicket and Apache Geronimo
Apache Wicket is an innovative Java Web application framework that was
introduced a couple of years ago. It helps simplify Web application development by
clearly separating the roles of developers and designers. It lets you remove logical
code from the view layer, eliminating the need for JavaServer Pages (JSP), providing
a simple plain old Java object (POJO)-centric mode of development, and removing much
of the need for XML and other configuration file formats. In this tutorial, learn
how to set up your system to develop a simple Web application with Wicket, using
Apache Geronimo as your application server and Apache Derby as the embedded
database. |
|
Tutorial |
|
10 Jul 2007 |
|
| |
