© 2006 by IBM 1 How to use Eclipse to Build Rich Internet Applications With PHP and AJAX Phil Berkland IBM Software Group Emerging.

Slides:



Advertisements
Similar presentations
® IBM Software Group Copyright © 2005 IBM Corporation AJAX Toolkit Framework Emerging Internet Technologies Group.
Advertisements

Fawaz Ghali AJAX: Web Programming's Toy.
1/7 ITApplications XML Module Session 8: Introduction to Programming with XML.
Lecture 11 Server Side Interaction
Copyright © IBM Corp., Introducing the new Web Tools JavaScript™ Features Phil Berkland IBM Software Group 9/26/2007.
© 2006 by IBM and Oracle; made available under the EPL v1.0 | Santa Clara | Mar. 23, 2006 Arthur Ryman, WTP PMC, IBM Rational Software Raghu Srinivasan,
© 2007 IBM Corporation IBM Emerging Technologies Enabling an Accessible Web 2.0 Becky Gibson Web Accessibility Architect.
Igor Gershovich Connected Testing, Inc.
Presented by IBM developer Works ibm.com/developerworks/ 2006 January – April © 2006 IBM Corporation. Making the most of The Eclipse Web Tools Platform.
AJAX & By – Anupama Sharma. Defining Ajax Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together.
2006 JavaOne SM Conference | Session TS-4160 | © 2006 by IBM Create, Test, and Consume Web Services with the Eclipse Web Tools Platform Jeffrey Liu, Release.
ITWS-2210 / CSCI Logistics Format – Class w/ mini projects (graded on class participation) – Labs (individual projects, graded on completion in.
® Emerging Internet Technologies © Copyright 2007 IBM Corp. ; made available under the EPL v1.0 AJAX Toolkit Framework Robert Goodman
L EC. 01: J AVA FUNDAMENTALS Fall Java Programming.
Slide 1 of 9 Presenting 24x7 Scheduler The art of computer automation Press PageDown key or click to advance.
Web 2.0 with AJAX Students : LASC Ioana KELEMEN Csilla POP Dan Adrian CIOBANU Dumitru Daniel Project leader : Ahmed RHIAT.
© 2008 Zend Technologies; made available under the EPL v March 2008 PDT – The PHP Development Toolkit Assaf Almaz, PDT co-Project Leader Zend Technologies.
03 Using Eclipse. 2 IDE Overview An IDE is an Interactive Development Environment Different IDEs meet different needs BlueJ and DrJava are designed as.
Eclipse is an open source IDE (Integrated Development Environment) for developing applications in Java, C/C++, HTML, Cobol, Perl, etc. The official Eclipse.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter 6 DOJO TOOLKITS. Objectives Discuss XML DOM Discuss JSON Discuss Ajax Response in XML, HTML, JSON, and Other Data Type.
RIA Introduce Comparison among several technology.
1. 2 What’s New in NetBeans IDE What is NetBeans IDE?  Ready to use out of the box  Support for latest Java specifications & standards  Other.
JavaServer Faces: The Fundamentals Compiled from Sun TechDays workshops (JSF Basics, Web-Tier Codecamp: JavaServer Faces, Java Studio Creator; IBM RAD)
Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.
Philly.NET Hands-on Labs JAVASCRIPT SERIES. July 9: JavaScript Syntax Visual Studio ◦Projects ◦Editors ◦Debugging ◦Script blocks ◦Minification and bundling.
WaveMaker Visual AJAX Studio 4.0 Training Troubleshooting.
1 Web GIS: from Javascript to GWT Pieter De Graef – Community Manager & Lead Developer Geomajas.
ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
JavaScript, Fourth Edition Chapter 12 Updating Web Pages with AJAX.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
© 2006 by IBM; made available under the EPL v1.0 | October 11, 2006 | Tour of the Web Tools Platform (WTP) Project David Williams Eclipse WST Project Lead.
Introduction to Eclipse Plug-in Development. Who am I? Scott Kellicker Java, C++, JNI, Eclipse.
© 2005 by IBM; made available under the EPL v1.0 | June 9, 2005 David Williams WTP Source Editing Open House.
Ventsislav Popov Crossroad Ltd.. 1. What is AJAX?  AJAX Concept  ASP.NET AJAX Framework 2. ASP.NET AJAX Server Controls  ScriptManager, UpdatePanel.
1 Geospatial and Business Intelligence Jean-Sébastien Turcotte Executive VP San Francisco - April 2007 Streamlining web mapping applications.
Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.
WebSphere Portal Technical Conference U.S Creating Rich Internet (AJAX) Applications with WebSphere Portlet Factory.
Telerik Software Academy ASP.NET Web Forms Telerik Software Academy ASP.NET Web Forms.
Eclipse 24-Apr-17.
AJAX The new hot technology for building Rich Internet Applications? Mikael Hammarlund.
DynaRIA: a Tool for Ajax Web Application Comprehension Dipartimento di Informatica e Sistemistica University of Naples “Federico II”, Italy Domenico Amalfitano.
Eclipse. An IDE is an Integrated Development Environment Different IDEs meet different needs BlueJ, DrJava are designed as teaching tools Emphasis is.
© 2006 by BEA, IBM, and Oracle; made available under the EPL v1.0 | Esslingen, De | Oct , 2006 Tim Wagner (BEA), WTP PMC Lead David Williams (IBM),
Preface IIntroduction Objectives I-2 Course Overview I-3 1Oracle Application Development Framework Objectives 1-2 J2EE Platform 1-3 Benefits of the J2EE.
© 2002 IBM Corporation Transaction Processing Facility TPF Users Group Acapulco May 2004 © 2004 IBM Corporation Pete Nicholls IBM Toronto Lab TPF Toolkit.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
® Emerging Internet Technologies © Copyright 2007 IBM Corp. ; made available under the EPL v1.0 AJAX Toolkit Framework Robert Goodman
© 2006 by IBM and Naci Dai; made available under the EPL v1.0 | Santa Clara | Mar. 20, 2006 Java™ Web Application Development with Eclipse WTP - WTP Quick.
Modern Programming Language. Web Container & Web Applications Web applications are server side applications The most essential requirement.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
AJAX and REST. Slide 2 What is AJAX? It’s an acronym for Asynchronous JavaScript and XML Although requests need not be asynchronous It’s not really a.
® IBM Software Group © 2003 IBM Corporation IBM WebSphere Studio V5.1.2: Making Java Development Easier May 2004.
IE Developer Tools Jonathan Seitel Program Manager.
Introduction to AJAX MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/4/2016.
Jackson, Web Technologies: A Computer Science Perspective, © 2007 Prentice-Hall, Inc. All rights reserved Chapter 7 Representing Web Data:
Eclipse 27-Apr-17.
Google Web Toolkit for Mobile Applications Development INGENUITY AT ITS BEST……………….
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
X2R Spec 1. Change log DateVersionPeopleNote 2013/11/01V0.0.1Chien-Wei Yu, Anderson Ou First draft, add X2R files spec. 2013/12/16V0.0.2Anderson Ou, Doc.
Ajax 101 for CF Programmers Randy Brown – Michigan State University
INNOV-16: Rich User Interface for the Web???? AJAX to the Rescue Ken Wilner VP of Technology Progress Software.
Intro to the Eclipse IDE and PHPEclipse
Essential tools for implementing and testing websites
Chapter 1 Introduction to HTML.
AJAX.
Pentaho and Yahoo User Interface (YUI)
The JSF Tools Project – WTP (internal) release review
AJAX Toolkit Framework
Presentation transcript:

© 2006 by IBM 1 How to use Eclipse to Build Rich Internet Applications With PHP and AJAX Phil Berkland IBM Software Group Emerging Technologies

© 2006 by IBM 2 Agenda Introduction PHP AJAX PHP IDE AJAX Toolkit Frameworks Demonstrations through-out

© 2006 by IBM 3 Introduction PHP is a popular and simple way to create Web applications AJAX can be used to dramatically enhance Web applications The combination of PHP and AJAX provides Rich Internet Applications The combination of the Eclipse PHP IDE and AJAX toolkit frameworks provides a single tool for creating these rich applications

© 2006 by IBM 4 PHP Why PHP? –Simple, intuitive, easy to use yet Powerful –PHP is the perfect Web Integration Platform Perfect front-end glue language Support for Web Services, XML & legacy systems –PHP is backed by a very strong community ~ 500 committers on the PHP code base ~ 2.5M developers worldwide –Thousands of open source projects

© 2006 by IBM 5 AJAX What is Ajax? –Asynchronous JavaScript TM And XML –XHTML + CSS + JavaScript + DOM + XMLHttpRequest –Formalization of technologies that have been around for years Allows interaction with Server without getting new page Functionality is normally obtained via an AJAX toolkit

© 2006 by IBM 6 AJAX toolkits Toolkits do much of the heavy lifting –Hide browser differences –Provide UI widgets Popular open source toolkits –Dojo –Open Rico and Prototype –Zimbra (Kabuki) –Yahoo Ajax Library Open Ajax Alliance (openajaxalliance.org)

© 2006 by IBM 7 AJAX asynchronous Main component of AJAX is the XMLHttpRequest function –Allows calls to server without reloading the page –Data can be: XML HTML fragment JSON (JavaScript Object Notation)

© 2006 by IBM 8 PHP IDE overview PHP development environment on top of Eclipse Web Tools Provides for full create/edit/debug development cycle Jointly developed by Zend and IBM See

© 2006 by IBM 9 PHP IDE - Editor Seamless integration with WTP Editor Syntax Coloring Code Assist Code Folding Templates Annotations (i.e. search, bookmarks, tasks, breakpoints)

© 2006 by IBM 10 PHP IDE - Views Outline View Project Outline View PHP Explorer PHP Language PHP Manual Navigation Views Open Resource Open PHP Element Other Eclipse built-in Views –Problems –Search

© 2006 by IBM 11 PHP IDE - Debugging Typical Debugging functionality –Breakpoints –Stepping –View call stack –View variables PHP Debug Perspective –Custom debug Perspective for PHP –Browser View + Browser Output View (HTML result) Debug Extendibility

© 2006 by IBM 12 ATF overview –AJAX development environment on top of Web Tools Originally developed by IBM –Enhanced JavaScript Editing Features –JavaScript Debugger –DOM Inspector / CSS Inspector/ JavaScript Console –Integrated Deployment ATF is as server agnostic as possible. Using Eclipse APIs, ATF supports J2EE / JSP and Apache / PHP. –Personality Builder Framework The Personality Builder Framework is primarily accessed via the Personality Builder Wizard, which generates the basic Eclipse assets for a new personality. They include: –See

© 2006 by IBM 13 ATF System Diagram

© 2006 by IBM 14 ATF - JavaScript Editing Available in any editor which recognizes JavaScript –Standalone JS file –HTML –PHP –JSP Displays JavaScript syntax errors and warnings Code completion Insert code snippet based on AJAX toolkits used by project

© 2006 by IBM 15 ATF - Debugging AJAX XMLHttpRequest Monitor is used for debugging asynchronous requests Displays HTTP requests and responses supports sorting based on: –Status –URL –method –timing information Can show the details (headers and body) of the request/response

© 2006 by IBM 16 ATF - Debugging JavaScript Breakpoints Stepping Call stack Variable display JavaScript Console –shows all JavaScript errors, warnings, and logging messages that occur at runtime –Double-clicking on message displays originating source file

© 2006 by IBM 17 ATF - Inspecting DOM Displays list of currently active DOM elements Highlights selected element in browser Displays attributes of currently selected element Allows editing of DOM attributes Allows adding of attributes

© 2006 by IBM 18 ATF - Inspecting CSS Displays CSS rules for selected DOM element –Shows properties and values for rule –Shows source (stylesheet) of rule Allows editing of properties and addition of properties Shows computed styles

© 2006 by IBM 19 ATF personalities/facets A Personality is a collection of IDE features that are specifically targeted to a certain AJAX Runtime Library. This is a core concept of ATF: providing an extensible framework to support AJAX development in arbitrary AJAX runtimes. The Personality Builder assists a knowledgeable developer in building a Personality for an arbitrary AJAX runtime. Initial offering supports –Dojo –OpenRico –Zimbra

© 2006 by IBM 20 Any Questions?

© 2006 by IBM 21 Legal Notices Java and all Java-based trademarks are trademarks of Sun Microsystems, Inc. in the United States, other countries, or both. Other company, product, or service names may be trademarks or service marks of others.