SlideShare a Scribd company logo
HTML for the Desktop
About Me


   President/Founder F1 Technologies since 1990
   Co-author Visual FoxExpress
   Speaker
   Consultant
   Xbase Developer since dBase III/FoxBase 1987
   Web Developer since 1994
Contact Me
Agenda
   Why Use HTML in Desktop Applications?
   How to Display Web Content in Desktop
    Applications
   HTML Interface Uses
   HTML vs. OLE Automation
Why Use HTML in Desktop
           Applications
   Create Interfaces not easily created with
    standard VFP controls
   Leverage Pre-existing Web Interfaces
   Interact with Websites in Desktop Apps
   Minimize Need For Automation
HTML In the Interface – Getting
           Started
   Requires use of ActiveX Control
       Most use MS Web Browser Control which is based on
        IE.
       Mozilla Control Also Available (
        http://www.iol.ie/~locka/mozilla/control.htm)
IE vs. Mozilla
IE                            Mozilla
    Commercial, made by MS      Open Source & inactive
    Does not conform to         Conforms to HTML
     HTML standards               standards
    Supports Design Mode        Does not support design
    10 MB+ Download              mode
    Intellisense                4MB Download
                                 No Intellisense
Using the Web Browser
                 Controls
   Subclass or insert directly into container
   Navigate to blank page in init:
    This.navigate([About:Blank])
    Creates Document Object
   See Rick Strahl’s Article:
    http://west-wind.com/presentations/shellapi/shellapi.asp
HTML in the Desktop
   FanList.SCX
       FanList.SCX is a sample data entry form. It’s
        primary purpose is to illustrate how HTML can
        provide a more user-friendly substitute for
        grids when pictures and edit regions need to
        be part of the grid.
HTML in the Desktop
   HTMLPreview.SCX
       Did you ever want to jump straight into data
        from a report preview or drill down into more
        detail from a report preview? That’s what this
        form is all about.
HTML in the Desktop
   HTMLPreview2.SCX
       Email, Website and Image Links in report
        preview
HTML in the Desktop
   Customer.SCX & ShowMap.SCX
       Integrate Google Maps with Desktop App
HTML in the Desktop
   HTMLEditor.SCX
       Basic HTML Editor
       Makes use of DesignMode
HTML in the Desktop
   MailMerge.SCX
       Reduce versionitis and API difference issues
        between word processors.
       Use standards based language vs. proprietary
        format.
       Enjoy the performance and simplicity of text
        vs. automation.
       Get HTML Email as a bonus.
HTML in the Desktop
   WebDev.SCX
       The WebDev form is the form that was used
        in my “HTML and Visual FoxPro” session.
        This form makes use of the web browser
        control and provides a great example of
        performing local file based operations on
        HTML and displaying them in the desktop.
HTML in the Desktop
   WebDevGecko.SCX
       This form is a Gecko (Mozilla based)
        implementation of the WebDev form.
Conclusion
   Visual FoxPro is a rockin’ host for HTML
    interfaces
   VFP’s DML, ActiveX support and text
    handling abilities make it possible to do
    things with HTML that you might not do on
    the web itself.
   Fox Rocks!

More Related Content

PPT
Web 101
PPT
Html and visual fox pro
PPT
Where do you want to go today
PPT
VFP & Ajax
PPT
Where do you want to go today 2007
PPT
N tier web applications
PPT
Introduction to afp
PPT
Feltman js4 vfp
Web 101
Html and visual fox pro
Where do you want to go today
VFP & Ajax
Where do you want to go today 2007
N tier web applications
Introduction to afp
Feltman js4 vfp

What's hot (20)

PDF
Modern Web App Architectures
PPT
Adobe flex an overview
ZIP
A Brief Intro to Adobe Flex
ODP
Better Drupal Interaction Design with Flex
PPT
Joomla as a mobile App backend - ideas, examples and experiences
PPT
Java script for foxpro developers
PPT
Overview of Web Technology Intro
PPTX
Web application architecture
PPTX
WebMatrix
PPTX
The WordPress Way: Accessibility and Backwards Compatibility
PDF
Start with Bolt and Go Ez - eZ Publish Summer Camp 2015
ODP
Joomla REST API
PPTX
Seattle bestpractices2010
PPTX
Back to the Basics - 1 - Introduction to Web Development
PDF
Backend & Frontend architecture scalability & websockets
PDF
Basic Introduction to Web Development
PPTX
Aspect oriented programming
PDF
Front end for back end developers
PPT
Web Application Development Fundamentals
PPT
Error handling in visual fox pro 9
Modern Web App Architectures
Adobe flex an overview
A Brief Intro to Adobe Flex
Better Drupal Interaction Design with Flex
Joomla as a mobile App backend - ideas, examples and experiences
Java script for foxpro developers
Overview of Web Technology Intro
Web application architecture
WebMatrix
The WordPress Way: Accessibility and Backwards Compatibility
Start with Bolt and Go Ez - eZ Publish Summer Camp 2015
Joomla REST API
Seattle bestpractices2010
Back to the Basics - 1 - Introduction to Web Development
Backend & Frontend architecture scalability & websockets
Basic Introduction to Web Development
Aspect oriented programming
Front end for back end developers
Web Application Development Fundamentals
Error handling in visual fox pro 9
Ad

Similar to Html for desktop applications (20)

PPTX
SharePoint 2010 For Developers
PPT
Bp308 Ibm Lotus Domino Web Facelift Using Ajax And Dxl
PPT
IBM WebSphere Portal 6.1 Preview - What's New
PPTX
Intro to SharePoint for Developers
PPTX
Sys02 best way to create a share point app
PPT
Flex And Ria
PPT
Flex RIA
PPTX
HTML5 introduction for beginners
PPT
Flex vs. HTML5 for RIAS
PPTX
Sps Boston The Share Point Beast
DOCX
MINOR PROZECT REPORT on WINDOWS SERVER
PDF
How browsers work landscape
PPTX
Client Object Model - SharePoint Extreme 2012
PPTX
Taking SharePoint 2010 Offline - European Best Practices Conference
PPTX
WebMatrix2
PPTX
Intro to Branding SharePoint 2013
PPT
DevNext - Web Programming Concepts Using Asp Net
PPTX
Visual Studio 2010 RTMtoSP1
PPT
Websites Unlimited - Pay Monthly Websites
PDF
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
SharePoint 2010 For Developers
Bp308 Ibm Lotus Domino Web Facelift Using Ajax And Dxl
IBM WebSphere Portal 6.1 Preview - What's New
Intro to SharePoint for Developers
Sys02 best way to create a share point app
Flex And Ria
Flex RIA
HTML5 introduction for beginners
Flex vs. HTML5 for RIAS
Sps Boston The Share Point Beast
MINOR PROZECT REPORT on WINDOWS SERVER
How browsers work landscape
Client Object Model - SharePoint Extreme 2012
Taking SharePoint 2010 Offline - European Best Practices Conference
WebMatrix2
Intro to Branding SharePoint 2013
DevNext - Web Programming Concepts Using Asp Net
Visual Studio 2010 RTMtoSP1
Websites Unlimited - Pay Monthly Websites
IJCER (www.ijceronline.com) International Journal of computational Engineerin...
Ad

Html for desktop applications

  • 1. HTML for the Desktop
  • 2. About Me  President/Founder F1 Technologies since 1990  Co-author Visual FoxExpress  Speaker  Consultant  Xbase Developer since dBase III/FoxBase 1987  Web Developer since 1994
  • 4. Agenda  Why Use HTML in Desktop Applications?  How to Display Web Content in Desktop Applications  HTML Interface Uses  HTML vs. OLE Automation
  • 5. Why Use HTML in Desktop Applications  Create Interfaces not easily created with standard VFP controls  Leverage Pre-existing Web Interfaces  Interact with Websites in Desktop Apps  Minimize Need For Automation
  • 6. HTML In the Interface – Getting Started  Requires use of ActiveX Control  Most use MS Web Browser Control which is based on IE.  Mozilla Control Also Available ( http://www.iol.ie/~locka/mozilla/control.htm)
  • 7. IE vs. Mozilla IE Mozilla  Commercial, made by MS  Open Source & inactive  Does not conform to  Conforms to HTML HTML standards standards  Supports Design Mode  Does not support design  10 MB+ Download mode  Intellisense  4MB Download  No Intellisense
  • 8. Using the Web Browser Controls  Subclass or insert directly into container  Navigate to blank page in init: This.navigate([About:Blank]) Creates Document Object  See Rick Strahl’s Article: http://west-wind.com/presentations/shellapi/shellapi.asp
  • 9. HTML in the Desktop  FanList.SCX  FanList.SCX is a sample data entry form. It’s primary purpose is to illustrate how HTML can provide a more user-friendly substitute for grids when pictures and edit regions need to be part of the grid.
  • 10. HTML in the Desktop  HTMLPreview.SCX  Did you ever want to jump straight into data from a report preview or drill down into more detail from a report preview? That’s what this form is all about.
  • 11. HTML in the Desktop  HTMLPreview2.SCX  Email, Website and Image Links in report preview
  • 12. HTML in the Desktop  Customer.SCX & ShowMap.SCX  Integrate Google Maps with Desktop App
  • 13. HTML in the Desktop  HTMLEditor.SCX  Basic HTML Editor  Makes use of DesignMode
  • 14. HTML in the Desktop  MailMerge.SCX  Reduce versionitis and API difference issues between word processors.  Use standards based language vs. proprietary format.  Enjoy the performance and simplicity of text vs. automation.  Get HTML Email as a bonus.
  • 15. HTML in the Desktop  WebDev.SCX  The WebDev form is the form that was used in my “HTML and Visual FoxPro” session. This form makes use of the web browser control and provides a great example of performing local file based operations on HTML and displaying them in the desktop.
  • 16. HTML in the Desktop  WebDevGecko.SCX  This form is a Gecko (Mozilla based) implementation of the WebDev form.
  • 17. Conclusion  Visual FoxPro is a rockin’ host for HTML interfaces  VFP’s DML, ActiveX support and text handling abilities make it possible to do things with HTML that you might not do on the web itself.  Fox Rocks!