1 / 57

Visual WebGui

Visual WebGui. Presented by: Itzik Spitzen (VP R&D Gizmox) Itzik.Spitzen@gizmox.com www.VisualWebGui.com. The ‘Web like Desktop’ revolution. Design Time Extra Productive Desktop Development Experience. Run Time Desktop Lifting Ability On Web Desktop User Experience

kairos
Download Presentation

Visual WebGui

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Visual WebGui Presented by: Itzik Spitzen (VP R&D Gizmox) Itzik.Spitzen@gizmox.comwww.VisualWebGui.com

  2. The ‘Web like Desktop’ revolution Design Time • Extra Productive Desktop Development Experience Run Time • Desktop Lifting Ability On Web • Desktop User Experience • Desktop Security

  3. Development

  4. Ray Ozzie – Bill Gate’s substitute “Complexity kills. It sucks the life out of developers, it makes products difficult to plan, build and test, it introduces security challenges, and it causes end-user and administrator frustration...” Moving forward, within all parts of the organization, each of us should ask “What’s different?” and explore and embrace techniques to reduce complexity.

  5. Web development is Complex

  6. VWG is simplifying web development to get better ROI ASP. Net

  7. And Silverlight in particular Silverlight

  8. Simplicity

  9. Simple • 3 minutes of hands on Visual Studio…

  10. Web development Is complex... Server Client Credentials + Tokens Site Pages UI Flow/Logic Business Logic HTML Style Sheets Browser Sensitive Data + Credentials / Tokens Site Services

  11. Less is simple... Server Client Credentials + Tokens Site Pages UI Flow/Logic Business Logic HTML Style Sheets Browser Sensitive Data + Credentials / Tokens Site Services

  12. Less is simple... Server Client “Desktop like Web” Browser UI Updates/Client Events

  13. No! VWG is not Citrix look alike! • VWG is a web application: it interacts, mashes up, no installation access, extendable • Its far more responsive : no Bitmaps but drawing on the fly • Secured: empty client, no specific port – standard Https (ASP.NET like deployment), standard security • Scalable • Better ROI: even when rewrite is involved

  14. Desktop Architecture

  15. Visual WebGui Block Diagram IIS .NET Framework / CLR ASP.NET Base Object Visual WebGui Router + Pipe Line + Controls ASP.NET Router + Pipe Line + Controls Visual WebGui Application ASP.NET Application

  16. Visual WebGui - General Architecture Browser Visual WebGui Router Visual WebGui Config Application Source Code Browser Initial Request Get Mapped Application Initialize Application Initial Metadata State Initial UI Metadata and Small Kernel (Avg. 200KB – xml, xslt, js, css) Browser Events (xml) Execute Event Differential UI Metadata Update (Avg. 1KB – xml) Differential Metadata Update Server Side Client Side

  17. Visual WebGui – Decoupled Presentation DHTML Presentation Kernel Send event (xml) Receive UI Updates (xml) Visual WebGui Application Service World Wide Web Send event (xml) Receive UI Updates (xml) Send event (xml) Receive UI Updates (xml) Any device that can send and receive xml data Silverlight Presentation Kernel

  18. Desktop Security

  19. Endpoints are a security vulnerability Client Server Connection strings Business Logic UI Flow/Logic Credentials + Tokens Consuming Services Sensitive Data

  20. Migration Path

  21. Quick & Easy Migration VB6 • Windows Forms Migration to Web • Let’s see WinForms to Web migration live. • MicrosoftGives us VB6 to WinForms Migration

  22. Write Once, Deploy Everywhere • Live demo.

  23. Desktop Performance

  24. Got Performance? bad good

  25. Got Performance? good bad

  26. Don’t hate me because I’m Scalable client client client client client client client Load Balancer Web server Web server Web server State Server Web farm

  27. Visual WebGui’s Big Secret

  28. Best of Breed ExpressionBlend Silverlight(RIA) Visual WebGui

  29. Desktop like Data Binding

  30. Data binding Built-in support for binding UI controls to data • Data binding hands-on… Server Client Visual WebGui Application Synchronize state Binding

  31. Desktop like Layout Options

  32. Layout optionsUse Desktop Designer’s Enhanced Layout Options • Layout hands-on… Docking/Anchoring TabControl TableLayoutPanel GroupBox SplitContainer

  33. Out of the “VWG box”

  34. VWG is a web development framework • Code your own VWG custom controls • Use CSS, Java-script, HTML and XSLT (Live Demo…) • Create your own set of controls library/theme • Override whatever part of existing controls (Live Demo…) • Interop with ASP.NET back and forth • AspPageBox – Integrate an ASP.NET page Within VWG app • FormBox – Integrate a VWG application • Wrap ASP.NET controls and/or other web controls

  35. Gateways Taking control of the Request/Response • A short gateways demo… Server Client Visual WebGui Application Normal Request/Response Custom Request/Response G

  36. Switching to ‘desktop like web’ Minority Report UI with Silverlight

  37. Minority Report like Uis • Enhance user experience & productivity with rich interactive GUI

  38. Adoption and real-world applications

  39. Real-world application • Rapid development • 1 developer in 1 month • Create ‘desktop like web’ App. • Migrate Apps. to web

  40. Adoption Statistics • Over 250,000 downloads • Over 22,000 application, Majority of which Enterprise Applications. • 22,000 active user community • Test cases: • SAP , just about to be presented • NetworkD ; porting desktop apps (Heat and iControl) to web • IFN, File Net BPM/ECM (Insurance, Banking, Government) • The Canadian Government Projects • Puerto-rico Bank Projects • Many more….

  41. SAP Show Case

  42. SAP Show case • The need: SAP Lab’s NetWeaver global and centralized test management application. • The challenge: Deliver a complex, data intensive, highly interactive web application • The solution: The VWG based solution called SNAP (SAP NetWeaver Test Automation Project) delivers great value to the company. • The result: Asaf Saar PM SAP: “Developers were amazed that it’s all DHTML and Javascript running on the browser”The application was delivered in 9 months with 2.5 developers instead of the originally planned allocation of 5 developers for over a year (70% less cost)

  43. SNAP Server SNAP Architectures / Modules Automation Machine SNAP Client

  44. NetworkD Show Case iNfernoTM The web version of

  45. NetworkD Show Case • The need: NetworkD’s customers have long yearned for web based access to Front range’s HEAT® service and support system • The challenge: develop a complex web front-end to Front range's HEAT service and support system • The solution: The VWG Web based solution provides access to the HEAT system via a browser • The result: Mark Reed (iNferno developer) “Once we went to VWG we saw anywhere from 100%-400%+ improvement in speed” … The task was accomplished with a single developer within 4 months.

More Related