SlideShare una empresa de Scribd logo
1 de 26
Descargar para leer sin conexión
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

Más contenido relacionado

Similar a The ICEfaces Book - An Introduction

Fowa Miami 09 Cloud Computing Workshop
Fowa Miami 09 Cloud Computing WorkshopFowa Miami 09 Cloud Computing Workshop
Fowa Miami 09 Cloud Computing WorkshopMark Masterson
 
Building great mobile apps: Somethings you might want to know
Building great mobile apps: Somethings you might want to knowBuilding great mobile apps: Somethings you might want to know
Building great mobile apps: Somethings you might want to knowshwetank
 
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Stephen Hay
 
Web or SDK Development
Web or SDK DevelopmentWeb or SDK Development
Web or SDK DevelopmentJohn Wilker
 
Seminar Android - Pengenalan PhoneGap
Seminar Android - Pengenalan PhoneGapSeminar Android - Pengenalan PhoneGap
Seminar Android - Pengenalan PhoneGapNur Hidayat
 
Develop mobile applications with Flex
Develop mobile applications with FlexDevelop mobile applications with Flex
Develop mobile applications with FlexConFoo
 
Leveraging the Power of Custom Elements in Gutenberg
Leveraging the Power of Custom Elements in GutenbergLeveraging the Power of Custom Elements in Gutenberg
Leveraging the Power of Custom Elements in GutenbergFelix Arntz
 
Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Stephen Hay
 
Web Apps and more
Web Apps and moreWeb Apps and more
Web Apps and moreYan Shi
 
Web app and more
Web app and moreWeb app and more
Web app and morefaming su
 
Optaros Surf Code Camp Introduction
Optaros Surf Code Camp IntroductionOptaros Surf Code Camp Introduction
Optaros Surf Code Camp IntroductionJeff Potts
 
Introduction to Flex Hero for Mobile Devices
Introduction to Flex Hero for Mobile DevicesIntroduction to Flex Hero for Mobile Devices
Introduction to Flex Hero for Mobile DevicesRyan Stewart
 
The Server Side of Responsive Web Design
The Server Side of Responsive Web DesignThe Server Side of Responsive Web Design
The Server Side of Responsive Web DesignDave Olsen
 
Inside Android's Dalvik VM - NEJUG Nov 2011
Inside Android's Dalvik VM - NEJUG Nov 2011Inside Android's Dalvik VM - NEJUG Nov 2011
Inside Android's Dalvik VM - NEJUG Nov 2011Doug Hawkins
 
The Javascript Toolkit 2.0
The Javascript Toolkit 2.0The Javascript Toolkit 2.0
The Javascript Toolkit 2.0Marcos Vinícius
 
Stc 2015 preparing legacy projects for responsive design - design issues
Stc 2015   preparing legacy projects for responsive design - design issuesStc 2015   preparing legacy projects for responsive design - design issues
Stc 2015 preparing legacy projects for responsive design - design issuesNeil Perlin
 
Angular js mobile jsday 2014 - Verona 14 may
Angular js mobile   jsday 2014 - Verona 14 mayAngular js mobile   jsday 2014 - Verona 14 may
Angular js mobile jsday 2014 - Verona 14 mayLuciano Amodio
 

Similar a The ICEfaces Book - An Introduction (20)

Fowa Miami 09 Cloud Computing Workshop
Fowa Miami 09 Cloud Computing WorkshopFowa Miami 09 Cloud Computing Workshop
Fowa Miami 09 Cloud Computing Workshop
 
Building great mobile apps: Somethings you might want to know
Building great mobile apps: Somethings you might want to knowBuilding great mobile apps: Somethings you might want to know
Building great mobile apps: Somethings you might want to know
 
Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012Responsive Design Workflow: Mobilism 2012
Responsive Design Workflow: Mobilism 2012
 
Web or SDK Development
Web or SDK DevelopmentWeb or SDK Development
Web or SDK Development
 
Seminar Android - Pengenalan PhoneGap
Seminar Android - Pengenalan PhoneGapSeminar Android - Pengenalan PhoneGap
Seminar Android - Pengenalan PhoneGap
 
Jsf 2.0 Overview
Jsf 2.0 OverviewJsf 2.0 Overview
Jsf 2.0 Overview
 
Develop mobile applications with Flex
Develop mobile applications with FlexDevelop mobile applications with Flex
Develop mobile applications with Flex
 
Flex and Java
Flex and JavaFlex and Java
Flex and Java
 
Leveraging the Power of Custom Elements in Gutenberg
Leveraging the Power of Custom Elements in GutenbergLeveraging the Power of Custom Elements in Gutenberg
Leveraging the Power of Custom Elements in Gutenberg
 
Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012
 
Web Apps and more
Web Apps and moreWeb Apps and more
Web Apps and more
 
Web app and more
Web app and moreWeb app and more
Web app and more
 
Optaros Surf Code Camp Introduction
Optaros Surf Code Camp IntroductionOptaros Surf Code Camp Introduction
Optaros Surf Code Camp Introduction
 
Introduction to Flex Hero for Mobile Devices
Introduction to Flex Hero for Mobile DevicesIntroduction to Flex Hero for Mobile Devices
Introduction to Flex Hero for Mobile Devices
 
The Server Side of Responsive Web Design
The Server Side of Responsive Web DesignThe Server Side of Responsive Web Design
The Server Side of Responsive Web Design
 
Inside Android's Dalvik VM - NEJUG Nov 2011
Inside Android's Dalvik VM - NEJUG Nov 2011Inside Android's Dalvik VM - NEJUG Nov 2011
Inside Android's Dalvik VM - NEJUG Nov 2011
 
Back-End Code Essay
Back-End Code EssayBack-End Code Essay
Back-End Code Essay
 
The Javascript Toolkit 2.0
The Javascript Toolkit 2.0The Javascript Toolkit 2.0
The Javascript Toolkit 2.0
 
Stc 2015 preparing legacy projects for responsive design - design issues
Stc 2015   preparing legacy projects for responsive design - design issuesStc 2015   preparing legacy projects for responsive design - design issues
Stc 2015 preparing legacy projects for responsive design - design issues
 
Angular js mobile jsday 2014 - Verona 14 may
Angular js mobile   jsday 2014 - Verona 14 mayAngular js mobile   jsday 2014 - Verona 14 may
Angular js mobile jsday 2014 - Verona 14 may
 

Último

Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxDr. Asif Anas
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...Nguyen Thanh Tu Collection
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17Celine George
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxEduSkills OECD
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17Celine George
 
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICEQuality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICESayali Powar
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?TechSoup
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxMYDA ANGELICA SUAN
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapitolTechU
 
How to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesHow to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesCeline George
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxDr. Santhosh Kumar. N
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsEugene Lysak
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptxSandy Millin
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfMohonDas
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxraviapr7
 

Último (20)

Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
 
How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17How to Show Error_Warning Messages in Odoo 17
How to Show Error_Warning Messages in Odoo 17
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
 
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdfPersonal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
 
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICEQuality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICE
 
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
 
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quizFinals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
 
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024
 
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptxPatterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
 
CapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptxCapTechU Doctoral Presentation -March 2024 slides.pptx
CapTechU Doctoral Presentation -March 2024 slides.pptx
 
How to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 SalesHow to Manage Cross-Selling in Odoo 17 Sales
How to Manage Cross-Selling in Odoo 17 Sales
 
Prelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quizPrelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quiz
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George Wells
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
Diploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdfDiploma in Nursing Admission Test Question Solution 2023.pdf
Diploma in Nursing Admission Test Question Solution 2023.pdf
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptx
 

The ICEfaces Book - An Introduction

  • 1. blog.rainer.eschen.name/icefaces twitter.com/rainwebs Dipl.-Inform. (FH) Rainer Eschen IT-Business Architect The ICEfaces Book An Introduction November 8, 2009
  • 2. 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
  • 3. 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
  • 4. blog.rainer.eschen.name/icefaces twitter.com/rainwebs How to start with ICEfaces? Visit your preferred bookstore. Packt Amazon ... 11/09/09 4
  • 5. 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
  • 6. 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
  • 7. 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
  • 8. 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
  • 9. 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
  • 10. 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
  • 11. blog.rainer.eschen.name/icefaces twitter.com/rainwebs Pulldown Menu Popup Menu Tabbed Panel Collapsible Panel 11/09/09 11
  • 12. 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
  • 13. blog.rainer.eschen.name/icefaces twitter.com/rainwebs Question Dialog Drag'n'Drop Message Dialog Error Dialog Autocomplete Tooltip 11/09/09 13
  • 14. 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
  • 15. 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
  • 16. 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
  • 17. blog.rainer.eschen.name/icefaces twitter.com/rainwebs Validation Dialog Calendar Rich Text Editor 11/09/09 17
  • 18. 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
  • 19. blog.rainer.eschen.name/icefaces twitter.com/rainwebs Standard Settings ICEsaurian skin, German language 11/09/09 19
  • 20. 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
  • 21. 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
  • 22. blog.rainer.eschen.name/icefaces twitter.com/rainwebs Progress Dialog ICEmapper Game 11/09/09 22
  • 23. 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
  • 24. 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
  • 25. 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
  • 26. 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