blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Dipl.-Inform. (FH) Rainer Eschen
IT-Business Architect
The ICEfaces Book
An Introduction
November 8, 2009

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
What is ICEfaces?
JEE
Web 2.0
AJAX Push
The best JSF and AJAX
glue on the planet.
11/09/09 2

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Why talk about ICEfaces?
Maintenance
Integration
Ask your Java Time to market
developers about the
annoying things of their
current frontend
development.
11/09/09 3

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
How to start with ICEfaces?
Visit your preferred bookstore.
Packt
Amazon
...
11/09/09 4

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Why read this book?
Spring
Facelets
You get a compact and Flex
easy to use introduction
based on the experiences
of mission-critical JEE
projects.
11/09/09 5

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Some highlights of the ICEfaces book?
Desktop-like Skinnable
presentation Multilingual
We have ten chapters Extendable
full of interesting ICEfaces Reusable
and Facelets information,
and code examples
ready to use for
production:
11/09/09 6

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Chapter 1 – Next Generation Java
Development
This chapter gives a short
introduction of modern
JEE web development. It
shows why we use AJAX
and JSF today, and why
ICEfaces is an ideal
framework to use.
11/09/09 7

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Chapter 2 – Development Environment
This chapter helps you to set up tools and
frameworks that are used
to create and execute the
sample code. We will
have a look at Sun JDK,
Eclipse (incl. ICEfaces
plugin), Maven 2,
Jetty, and MySQL in a
Windows XP environment.
11/09/09 8

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Chapter 3 – User Interface Design
The chapter takes a look at what a desktop-
like presentation means to modern web
applications. We will have
a look at the design
principles and start
with a common page
layout based on the
Facelets templating.
11/09/09 9

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Chapter 4 – Components for
Navigation & Layout
This chapter presents the ICEfaces
components that help us to
implement an intuitive
navigation. The layout
ideas from the previous
chapter are further
developed using the
ICEfaces components.
11/09/09 10

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Pulldown Menu
Popup Menu
Tabbed Panel
Collapsible Panel
11/09/09 11

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Chapter 5 – Components for
Feedback & Behavior
This chapter shows how your web
application provides
feedback to users. You will
use Facelets components
like a desktop developer.
We also have a look at
ICEfaces components that
deliver a desktop-like
behavior by default.
11/09/09 12

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Question
Dialog
Drag'n'Drop Message
Dialog
Error
Dialog Autocomplete
Tooltip
11/09/09 13

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Chapter 6 – Components for Data
Presentation & Multimedia
This chapter discusses data presentation
components. We will focus
on dynamic data tables that
are sortable and resizable.
We also have a look at
Google Maps, videos, and
Flash animations.
11/09/09 14

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Tree
Dynamic Data Table
Google Map
Chart
Media
Player
(Video) Media
Player
(Flash)
11/09/09 15

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Chapter 7 – Components for Data
Creation & Selection
This chapter describes the partial submit
concept to update forms on
the fly. We also take a
look at dialog-based
validation and advanced
form elements, such as
calendars and rich text
editors.
11/09/09 16

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Validation Dialog Calendar
Rich Text Editor
11/09/09 17

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Chapter 8 – User Interface
Customization
This chapter offers a model on how to
implement the idea of user
settings with the help of
ICEfaces. We will take
a deeper look at the
language and skin
management.
11/09/09 18

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Standard
Settings
ICEsaurian skin, German language
11/09/09 19

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Chapter 9 – Reusable Facelets
Components
We will discuss some fundamental design
principles, we used in the
previous chapters, that
help to create reusable
and maintainable
components without
ever writing JSF custom
components from scratch.
11/09/09 20

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Chapter 10 – Push Technology
This chapter discusses the principle of
AJAX-based push technology and shows
how easily it can be used
with ICEfaces. For your
amusement, we will
implement the multiuser
ICEmapper game, which
uses Google Maps for
the presentation.
11/09/09 21

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Progress
Dialog
ICEmapper
Game
11/09/09 22

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
ICEcube Code Examples
Facelets
AppFuse Components
Apache
License 2.0
A full-blown, desktop-
like web application
that looks like a
component showcase.
icecube-on-icefusion.googlecode.com
11/09/09 23

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
ICEfusion Framework
Facelets
AppFuse Components
Apache
License 2.0
An advanced set of
Facelets components
To write desktop-like
web applications.
icefusion.googlecode.com
11/09/09 24

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Ted Goddard, ICEfaces Architect
© jsfsummit.com
“The book is as much about ICEfusion, a
set of model classes and Facelet
components built on ICEfaces, as it is
about ICEfaces itself. Developing a
framework that embodies the lessons of a
book can be a very effective (and testable)
way to communicate. Many thanks to
Rainer for this great contribution to the
ICEfaces community.”
11/09/09 25

blog.rainer.eschen.name/icefaces twitter.com/rainwebs
Dipl.-Inform. (FH) Rainer Eschen blog.rainer.eschen.name
IT-Business Architect twitter.com/rainwebs
icecube-on-icefusion.googlecode.com
icefusion.googlecode.com
For book support have a look at:
blog.rainer.eschen.name/icefaces
11/09/09 26