際際滷

際際滷Share a Scribd company logo
VFP & AJAX

 Mike Feltman
F1 Technologies
Agenda
   What is AJAX               AJAX in 5 Minutes
   AJAX Technologies          Talking AJAX to VFP
   Putting it Altogether      AJAX Resources
   AJAX vs. Classic Web
    Apps
What is AJAX
 AJAX is not a technology, its an acronym for a
  collection of technologies.
 AJAX is a development technique that allows web
  apps to provide a desktop app like user experience
 AJAX = Asynchronous JavaScript + XML
 Also Referred to as Web 2.0 and RIA (Rich Internet
  Applications)
AJAX Technologies
   HTML & XHTML
   CSS
   DOM
   XML & XSLT
   XMLHTTP
   JavaScript
HTML
   lingua franca of the web
   HyperText Markup Language
   The Content Layer of a well designed
    website
XHTML
   eXtensible HyperText Markup Language
   HTML coded as well-formed XML
   Emerging, modernized HTML standard
    supported by most browsers
CSS
 Cascading Style Sheets
 Mechanism for adding style (fonts, colors,
  formatting, etc.) to web documents.
DOM
 Document Object Model
 Object model for
  documents, not specific
  to HTML, but rarely used
  outside of that context
 Supported by modern
  browsers
XML
 eXtensible Markup Language
 Standard data transport format for the web
XSLT
 Extensible Stylesheet Language
  Transformations
 Stylesheet Language for XML
 Formatting Language for XML data/documents
XMLHTTP
 Object that allows (asynchronous)
  communication with the server
 Native Object in Mozzila Browsers
 COM Object in Internet Exploder
JavaScript
   Client Side Scripting Language
   Supported by modern browsers
   Dynamically Typed
   Case Sensitive
Putting it altogether
   HTML/XHTML  Content
   CSS  Formatting
   DOM & JavaScript  Client Side Code
   XML  Data
The Missing Links
 Server Programming              XML Enabled DBMS
  Language (SPL)                      VFP
     AFP, WebConnection, etc.        SQL Server
     PHP                             MySQL
     XUL                             Oracle
     RUBY                            DB2
     Java
     Classic ASP
     ASP.NET
AJAX Technologies Redux
   HTML & XHTML     Server Programming
   CSS               Language
   DOM              DBMS
   XML & XSTL
   XMLHTTP
   JavaScript
Classic Web Application Model
Synchronous Web Application Model
AJAX Web Application Model
Asynchronous Web Application Model
Talking AJAX to VFP
 AFP (Active FoxPro Pages), Web Connection or
  any other VFP server-side scripting
  technology will suffice
 Can use classic ASP or ASP.NET but both go
  through COM with no benefit
VFP is the Ideal AJAX Server Language
   Fast
   Great Text Handling
   Native DBMS
   Great Connectivity
   Royalty Free Deployment
AJAX in 5 Minutes
1. Attach a JavaScript function call to an event
   on an HTML object
2. Get XMLHttp Request Object
3. Start an AJAX request
4. Respond to the request on completion
5. Update the web page
Talking AJAX to VFP
1. Retrieving Data & Updating the page
  a.   From a command button
  b.   From a textbox
  c.   Using XML
2. Putting it all together with VFP business
   objects
Real World Ajax
   Glfc.net
   Airset.com
   http://script.aculo.us/
   http://openrico.org/
   http://dojotoolkit.org/
   http://prototype.conio.net/
Conclusion
 AJAX can be used to provide desktop like user
  experiences
 AJAX is actually old technology, but its uses
  and usability are evolving rapidly
 VFP is well-suited for use in AJAX development
Resources
 Blogs/Websites                   Frameworks & Toolkits
     adaptivepath.com                 maxkiesler.com
     blogs.pathf.com/agileajax        dojotoolkit.org
     ajax.phpmagazine.net             prototype.conio.net
     ajaxpatterns.com                 script.aculo.us
 Books                                zk1.sourceforge.net
   The JavaScript Anthology           rubyonrails.org
   Pragmatic AJAX
Thank You
 Please remember to fill out your evals
Ad

Recommended

N tier web applications
N tier web applications
Mike Feltman
Html for desktop applications
Html for desktop applications
Mike Feltman
Web 101
Web 101
Mike Feltman
Where do you want to go today
Where do you want to go today
Mike Feltman
Introduction to afp
Introduction to afp
Mike Feltman
Feltman js4 vfp
Feltman js4 vfp
Mike Feltman
Where do you want to go today 2007
Where do you want to go today 2007
Mike Feltman
Java script for foxpro developers
Java script for foxpro developers
Mike Feltman
Tech Stack Ideas
Tech Stack Ideas
nsclark
Webservices: connecting Joomla! with other programs.
Webservices: connecting Joomla! with other programs.
Herman Peeren
Amazon.com's Web Services Opportunity
Amazon.com's Web Services Opportunity
Tim O'Reilly
Evolution of PHP
Evolution of PHP
Christian Jantz
Lesson1-How to migrate your Forms code and build HTM5 APP
Lesson1-How to migrate your Forms code and build HTM5 APP
Antonio Bartolozzi
Scaling Wordpress
Scaling Wordpress
ngonpham
ASP.NET Tutorial - Presentation 1
ASP.NET Tutorial - Presentation 1
Kumar S
Why use Go for web development?
Why use Go for web development?
Weng Wei
Building a scalable infrastructure for social mobile web apps
Building a scalable infrastructure for social mobile web apps
ngonpham
Joomla as a mobile App backend - ideas, examples and experiences
Joomla as a mobile App backend - ideas, examples and experiences
Andy_Gaskell
A 20 minute introduction to AngularJS for XPage developers
A 20 minute introduction to AngularJS for XPage developers
Mark Leusink
Maine WordPress Meetup JSON REST API, 3/16/2016
Maine WordPress Meetup JSON REST API, 3/16/2016
Andre Gagnon
IBM Domino Modernizing apps with Angularjs
IBM Domino Modernizing apps with Angularjs
Dominopoint - Italian Lotus User Group
Web forms and server side scripting
Web forms and server side scripting
sawsan slii
Adobe flex an overview
Adobe flex an overview
Subin Sugunan
Introduction to asp.net
Introduction to asp.net
Melick Baranasooriya
The future of web development write once, run everywhere with angular.js and ...
The future of web development write once, run everywhere with angular.js and ...
Mark Roden
PHP, LAMP Stack & WordPress
PHP, LAMP Stack & WordPress
Suman Srinivasan
Asp.net
Asp.net
Dinesh kumar
20120329 installing wordpress_3_3_1_locally
20120329 installing wordpress_3_3_1_locally
DERlab
Ajax presentation
Ajax presentation
Bharat_Kumawat
Ajax
Ajax
Tech_MX

More Related Content

What's hot (20)

Tech Stack Ideas
Tech Stack Ideas
nsclark
Webservices: connecting Joomla! with other programs.
Webservices: connecting Joomla! with other programs.
Herman Peeren
Amazon.com's Web Services Opportunity
Amazon.com's Web Services Opportunity
Tim O'Reilly
Evolution of PHP
Evolution of PHP
Christian Jantz
Lesson1-How to migrate your Forms code and build HTM5 APP
Lesson1-How to migrate your Forms code and build HTM5 APP
Antonio Bartolozzi
Scaling Wordpress
Scaling Wordpress
ngonpham
ASP.NET Tutorial - Presentation 1
ASP.NET Tutorial - Presentation 1
Kumar S
Why use Go for web development?
Why use Go for web development?
Weng Wei
Building a scalable infrastructure for social mobile web apps
Building a scalable infrastructure for social mobile web apps
ngonpham
Joomla as a mobile App backend - ideas, examples and experiences
Joomla as a mobile App backend - ideas, examples and experiences
Andy_Gaskell
A 20 minute introduction to AngularJS for XPage developers
A 20 minute introduction to AngularJS for XPage developers
Mark Leusink
Maine WordPress Meetup JSON REST API, 3/16/2016
Maine WordPress Meetup JSON REST API, 3/16/2016
Andre Gagnon
IBM Domino Modernizing apps with Angularjs
IBM Domino Modernizing apps with Angularjs
Dominopoint - Italian Lotus User Group
Web forms and server side scripting
Web forms and server side scripting
sawsan slii
Adobe flex an overview
Adobe flex an overview
Subin Sugunan
Introduction to asp.net
Introduction to asp.net
Melick Baranasooriya
The future of web development write once, run everywhere with angular.js and ...
The future of web development write once, run everywhere with angular.js and ...
Mark Roden
PHP, LAMP Stack & WordPress
PHP, LAMP Stack & WordPress
Suman Srinivasan
Asp.net
Asp.net
Dinesh kumar
20120329 installing wordpress_3_3_1_locally
20120329 installing wordpress_3_3_1_locally
DERlab
Tech Stack Ideas
Tech Stack Ideas
nsclark
Webservices: connecting Joomla! with other programs.
Webservices: connecting Joomla! with other programs.
Herman Peeren
Amazon.com's Web Services Opportunity
Amazon.com's Web Services Opportunity
Tim O'Reilly
Lesson1-How to migrate your Forms code and build HTM5 APP
Lesson1-How to migrate your Forms code and build HTM5 APP
Antonio Bartolozzi
Scaling Wordpress
Scaling Wordpress
ngonpham
ASP.NET Tutorial - Presentation 1
ASP.NET Tutorial - Presentation 1
Kumar S
Why use Go for web development?
Why use Go for web development?
Weng Wei
Building a scalable infrastructure for social mobile web apps
Building a scalable infrastructure for social mobile web apps
ngonpham
Joomla as a mobile App backend - ideas, examples and experiences
Joomla as a mobile App backend - ideas, examples and experiences
Andy_Gaskell
A 20 minute introduction to AngularJS for XPage developers
A 20 minute introduction to AngularJS for XPage developers
Mark Leusink
Maine WordPress Meetup JSON REST API, 3/16/2016
Maine WordPress Meetup JSON REST API, 3/16/2016
Andre Gagnon
Web forms and server side scripting
Web forms and server side scripting
sawsan slii
Adobe flex an overview
Adobe flex an overview
Subin Sugunan
The future of web development write once, run everywhere with angular.js and ...
The future of web development write once, run everywhere with angular.js and ...
Mark Roden
PHP, LAMP Stack & WordPress
PHP, LAMP Stack & WordPress
Suman Srinivasan
20120329 installing wordpress_3_3_1_locally
20120329 installing wordpress_3_3_1_locally
DERlab

Similar to VFP & Ajax (20)

Ajax presentation
Ajax presentation
Bharat_Kumawat
Ajax
Ajax
Tech_MX
Ajax
Ajax
soumya
Ajax basics
Ajax basics
Vel004
Ajax tutorial
Ajax tutorial
Kat Roque
Ajax
Ajax
Michael Hamilton
WEB TECHNOLOGY Unit-5.pptx
WEB TECHNOLOGY Unit-5.pptx
karthiksmart21
Using Ajax In Domino Web Applications
Using Ajax In Domino Web Applications
dominion
OpenAjax Alliance: Driving Ajax Standards and Interoperability
OpenAjax Alliance: Driving Ajax Standards and Interoperability
elliando dias
Rich Internet Application : Ajax introduction
Rich Internet Application : Ajax introduction
JalpaMehta13
Yacks
Yacks
鄭urcanu Tudor
Making Of PHP Based Web Application
Making Of PHP Based Web Application
Sachin Walvekar
Ajax
Ajax
veronicamcdm
AJAX
AJAX
Mukesh Tekwani
25250716 seminar-on-ajax text
25250716 seminar-on-ajax text
Kamleshh Chandnani
Ajax
Ajax
Usman Khan
Web Development Technologies
Web Development Technologies
Vignesh Prajapati
Web-Engineering-Lec-14 (1) .pptx
Web-Engineering-Lec-14 (1) .pptx
iamayesha2526
Web-Engineering-Lec-14 (1 ).pptx
Web-Engineering-Lec-14 (1 ).pptx
iamayesha2526
Ajax for Libraries
Ajax for Libraries
guest5aa3e8
Ajax basics
Ajax basics
Vel004
Ajax tutorial
Ajax tutorial
Kat Roque
WEB TECHNOLOGY Unit-5.pptx
WEB TECHNOLOGY Unit-5.pptx
karthiksmart21
Using Ajax In Domino Web Applications
Using Ajax In Domino Web Applications
dominion
OpenAjax Alliance: Driving Ajax Standards and Interoperability
OpenAjax Alliance: Driving Ajax Standards and Interoperability
elliando dias
Rich Internet Application : Ajax introduction
Rich Internet Application : Ajax introduction
JalpaMehta13
Making Of PHP Based Web Application
Making Of PHP Based Web Application
Sachin Walvekar
25250716 seminar-on-ajax text
25250716 seminar-on-ajax text
Kamleshh Chandnani
Web Development Technologies
Web Development Technologies
Vignesh Prajapati
Web-Engineering-Lec-14 (1) .pptx
Web-Engineering-Lec-14 (1) .pptx
iamayesha2526
Web-Engineering-Lec-14 (1 ).pptx
Web-Engineering-Lec-14 (1 ).pptx
iamayesha2526
Ajax for Libraries
Ajax for Libraries
guest5aa3e8
Ad

More from Mike Feltman (7)

Drop acid
Drop acid
Mike Feltman
Feltman collections
Feltman collections
Mike Feltman
Whats new in x case 8
Whats new in x case 8
Mike Feltman
Html and visual fox pro
Html and visual fox pro
Mike Feltman
Error handling in visual fox pro 9
Error handling in visual fox pro 9
Mike Feltman
Docking from a z in visual fox pro 9
Docking from a z in visual fox pro 9
Mike Feltman
Client server
Client server
Mike Feltman
Feltman collections
Feltman collections
Mike Feltman
Whats new in x case 8
Whats new in x case 8
Mike Feltman
Html and visual fox pro
Html and visual fox pro
Mike Feltman
Error handling in visual fox pro 9
Error handling in visual fox pro 9
Mike Feltman
Docking from a z in visual fox pro 9
Docking from a z in visual fox pro 9
Mike Feltman
Ad

VFP & Ajax

  • 1. VFP & AJAX Mike Feltman F1 Technologies
  • 2. Agenda What is AJAX AJAX in 5 Minutes AJAX Technologies Talking AJAX to VFP Putting it Altogether AJAX Resources AJAX vs. Classic Web Apps
  • 3. What is AJAX AJAX is not a technology, its an acronym for a collection of technologies. AJAX is a development technique that allows web apps to provide a desktop app like user experience AJAX = Asynchronous JavaScript + XML Also Referred to as Web 2.0 and RIA (Rich Internet Applications)
  • 4. AJAX Technologies HTML & XHTML CSS DOM XML & XSLT XMLHTTP JavaScript
  • 5. HTML lingua franca of the web HyperText Markup Language The Content Layer of a well designed website
  • 6. XHTML eXtensible HyperText Markup Language HTML coded as well-formed XML Emerging, modernized HTML standard supported by most browsers
  • 7. CSS Cascading Style Sheets Mechanism for adding style (fonts, colors, formatting, etc.) to web documents.
  • 8. DOM Document Object Model Object model for documents, not specific to HTML, but rarely used outside of that context Supported by modern browsers
  • 9. XML eXtensible Markup Language Standard data transport format for the web
  • 10. XSLT Extensible Stylesheet Language Transformations Stylesheet Language for XML Formatting Language for XML data/documents
  • 11. XMLHTTP Object that allows (asynchronous) communication with the server Native Object in Mozzila Browsers COM Object in Internet Exploder
  • 12. JavaScript Client Side Scripting Language Supported by modern browsers Dynamically Typed Case Sensitive
  • 13. Putting it altogether HTML/XHTML Content CSS Formatting DOM & JavaScript Client Side Code XML Data
  • 14. The Missing Links Server Programming XML Enabled DBMS Language (SPL) VFP AFP, WebConnection, etc. SQL Server PHP MySQL XUL Oracle RUBY DB2 Java Classic ASP ASP.NET
  • 15. AJAX Technologies Redux HTML & XHTML Server Programming CSS Language DOM DBMS XML & XSTL XMLHTTP JavaScript
  • 20. Talking AJAX to VFP AFP (Active FoxPro Pages), Web Connection or any other VFP server-side scripting technology will suffice Can use classic ASP or ASP.NET but both go through COM with no benefit
  • 21. VFP is the Ideal AJAX Server Language Fast Great Text Handling Native DBMS Great Connectivity Royalty Free Deployment
  • 22. AJAX in 5 Minutes 1. Attach a JavaScript function call to an event on an HTML object 2. Get XMLHttp Request Object 3. Start an AJAX request 4. Respond to the request on completion 5. Update the web page
  • 23. Talking AJAX to VFP 1. Retrieving Data & Updating the page a. From a command button b. From a textbox c. Using XML 2. Putting it all together with VFP business objects
  • 24. Real World Ajax Glfc.net Airset.com http://script.aculo.us/ http://openrico.org/ http://dojotoolkit.org/ http://prototype.conio.net/
  • 25. Conclusion AJAX can be used to provide desktop like user experiences AJAX is actually old technology, but its uses and usability are evolving rapidly VFP is well-suited for use in AJAX development
  • 26. Resources Blogs/Websites Frameworks & Toolkits adaptivepath.com maxkiesler.com blogs.pathf.com/agileajax dojotoolkit.org ajax.phpmagazine.net prototype.conio.net ajaxpatterns.com script.aculo.us Books zk1.sourceforge.net The JavaScript Anthology rubyonrails.org Pragmatic AJAX
  • 27. Thank You Please remember to fill out your evals