© 2009 Solon Solutions Solon Solutions Web 2.0 access to CICS Jim Hollingsworth.

Slides:



Advertisements
Similar presentations
1/7 ITApplications XML Module Session 8: Introduction to Programming with XML.
Advertisements

Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 4: Web Browsing.
University of Virginia 1 Modern Web Application Development Overview of some newer web applications methods Web 2.0 Ajax fundamentals Ruby on Rails.
WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.
Lesson 4: Web Browsing.
Muhammad Taimoor Khan
February 11, 2007 Can Ajax be OS for the Browser? Kevin Hakman Co-Founder General Interface Ajax Toolkit Director, Developer Evangelism TIBCO Software.
© 2007 IBM Corporation IBM Emerging Technologies Enabling an Accessible Web 2.0 Becky Gibson Web Accessibility Architect.
IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.
WHAT IS AJAX? Zack Sheppard [zts2101] WHIM April 19, 2011.
Cloud Computing Lecture #7 Introduction to Ajax Jimmy Lin The iSchool University of Maryland Wednesday, October 15, 2008 This work is licensed under a.
Does Ajax suck? CS575 Spring 2007 Chanwit Suebsureekul.
 2008 Pearson Education, Inc. All rights reserved What Is Web 2.0?  Web 1.0 focused on a relatively small number of companies and advertisers.
A closer look Dynamic Webpages Jessica Meyerson March 1, 2011.
CSCI 6962: Server-side Design and Programming Course Introduction and Overview.
Introduction to AJAX AJAX Keywords: JavaScript and XML
JavaScript & jQuery the missing manual Chapter 11
May 16 – 18, 2007 Copyright 2007, Data Access Worldwide May 16 – 18, 2007 Copyright 2007, Data Access Worldwide Build Great Web Application 'Fast and Easy'
ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.
AJAX Without the “J” George Lawniczak. What is Ajax?
JavaScript, Fourth Edition Chapter 12 Updating Web Pages with AJAX.
November 13, 2008 Ohio Information Security Forum Attack Surface of Web Applications James Walden Northern Kentucky University
Intro to Ajax Fred Stluka Jan 25, /25/2006Intro to AjaxFred Stluka2 What is Ajax? "Asynchronous JavaScript and XML" New name for an old technique:
Web Mashups -Nirav Shah.
Jen-Jou Hung DDBC Authority Database Web Services & Widgets Jen-Jou Hung Assistant Professor Dharma Drum Buddhist College PNC/ECAI 2009 ( ) A.
The Web Architecture and ASP.NET. Slide 2 Review of the Web (1) It began with HTTP and HTML, which delivers static Web pages to browsers which would render.
Weekend MS CS Program Internet and Web Technologies COT 5930 Web Project Development - Ajax Dr. Roy Levow, Associate Chair & Professor
10/13/2015 ©2006 Scott Miller, University of Victoria 1 Content Serving Static vs. Dynamic Content Web Servers Server Flow Control Rev. 2.0.
WEB BASED DATA TRANSFORMATION USING XML, JAVA Group members: Darius Balarashti & Matt Smith.
WEB SCIENCE. What is the difference between the Internet and the World Wide Web? Internet is the entire network of connected computers and routers used.
Network Computing Laboratory Ajax - Rich User Experience Initiative - Dec Inseok Hwang.
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.
Telerik Software Academy ASP.NET Web Forms Telerik Software Academy ASP.NET Web Forms.
Dynamic web content HTTP and HTML: Berners-Lee’s Basics.
AJAX Compiled from “AJAX Programming” [Sang Shin] (Asynchronous JavaScript and XML)
By – What is "the Web", a hypertext system that operates over the Internet Web 2.0, a perceived transition of the Web from a collection.
HTML5 AND THE FUTURE JAVASCRIPT PLATFORM Marcelo Lopez Ruiz Senior Software Design Engineer Microsoft Corporation.
Copyright © 2012 UNICOM Systems, Inc. Confidential Information z/Ware Product Overview illustro Systems International A Division of UNICOM Global.
REAL WORLD AJAX MARCH TIBCO USER CONFERENCE / 2004 Enterprise Rich Internet Applications with AJAX Real World Case Studies with TIBCO General Interface™
2007cs Servers on the Web. The World-Wide Web 2007 cs CSS JS HTML Server Browser JS CSS HTML Transfer of resources using HTTP.
1 Alternative view on Internet Computing Web 1.0 –Web 1.0 is first generation, Web Information based. Driven by Information provider. Web 2.0 Ajax enabled.
the acronym for Asynchronous JavaScript and XML.
RIA and Web2.0 Development with no Coding Juan Camilo Ruiz Senior Product Manager Development Tools.
Ajax for Dynamic Web Development Gregory McChesney.
Chapter 16: Ajax-Enabled Rich Internet Applications with XML and JSON TP2543 Web Programming Mohammad Faidzul Nasrudin.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
 AJAX – Asynchronous JavaScript and XML  Ajax is used to develop fast dynamic web applications  Allows web pages to be updated asynchronously by transferring.
Ajax VS Flex A comparison based on shopping cart implementation PoHsu Yeh py2157.
Website Design Best Practices. Topics  Navigation  Readability  Portability  Frameworks for Web Design  Model View Architecture MVC  SEO  Performance.
AJAX Use Cases for WSRP Subbu Allamaraju BEA Systems Inc WSRP F2F Meeting, May 2006.
Java Programming: Advanced Topics 1 Building Web Applications Chapter 13.
 AJAX technology  Rich User Experience  Characteristics  Real live examples  JavaScript and AJAX  Web application workflow model – synchronous vs.
Ajax & Client-side Dynamic Web Gunwoo Park (Undergraduate)
INNOV-16: Rich User Interface for the Web???? AJAX to the Rescue Ken Wilner VP of Technology Progress Software.
Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.
Web API - Introduction AJAX, Spring Data REST SoftUni Team Web API
Web Mashups -Nirav Shah.
RESTful Sevices Distributed Objects Presented by: Shivank Malik
Lesson 4: Web Browsing.
Working with Client-Side Scripting
Application with Cross-Platform GUI
AJAX.
IS 360 Course Introduction
DWR: Direct Web Remoting
Lesson 4: Web Browsing.
Intro to Ajax Fred Stluka Jan 25, 2006.
BOF #1 – Fundamentals of the Web
DR. JOHN ABRAHAM PROFESSOR UTPA
Presentation transcript:

© 2009 Solon Solutions Solon Solutions Web 2.0 access to CICS Jim Hollingsworth

Solon Solutions © 2009 Solon Solutions 2 Agenda What is Web 2.0 ? Why JavaScript framework ? Why jQuery ? CICS applications SOAP based web services SolonRunner Web 2.0 and RESTful web services What about security ? Tooling 3270 bridge SolonBridge Performance monitoring

Solon Solutions © 2009 Solon Solutions 3 What is Web 2.0 ?  Web 2.0, a phrase coined by O'Reilly Media in 2003 and popularized by the first Web 2.0 conference in 2004  Evolution of web-based communities and services - such as social- networking sites (Facebook, Twitter, YouTube), wikis, blogs, RSS feeds An evolution – more about style than new base technologies a set of enabling technologies Ajax - Asynchronous JavaScript and XML RESTful web services – web resources map to URI’s JavaScript frameworks (jQuery, Dojo, etc) - easy cross browser development RSS - Really Simple Syndication Atom – an improved alternative to RSS CSS – Cascading Style Sheets

Solon Solutions © 2009 Solon Solutions 4 Why a JavaScript framework ? Faster, less expensive, development: effort shifted from Java developers to Web page designers (Web designer $33k – $58K, Java developer $53k – $94k) Open source library reduces maintenance issues Ajax support for dynamic content Widgets reduce coding (date picker, progress bar, etc.) Popular frameworks (jQuery, Dojo, Prototype,Yahoo UI, MooTools)

Solon Solutions © 2009 Solon Solutions 5 Why jQuery? Fastest growing JavaScript framework –95% of web developers use JavaScript framework libraries –60% of these use jQuery - –Users (Google, Dell, Bank of America, NBC, CBS, MLB, Netflix, ….) Open source licensed under GNU Public License and MIT License User experience Solves cross browser rendering issues Dynamic content with superb Ajax support Simplification of common JavaScript tasks – less coding Performance Compact download - 19k compressed, cached by browser jQuery 1.3 selector engine performance boost for traversing DOM

Solon Solutions © 2009 Solon Solutions 6 CICS applications CICS TS V commarea 3270 application BMS 3270 data stream Send map Recv map commarea application CTG App server JSP/ECI 3270 browser

Solon Solutions © 2009 Solon Solutions 7 Traditional SOAP based web services Web browser –HTML page varies depending on content –Therefore, entire HTML page is loaded for each request Web server –Serves HTML page with content produced dynamically in application server –Application server Unique client proxy for each Web service Submits/receives SOAP Web service Formats response into HTML CICS –SOAP processing overhead WS-Interoperability (SOAP), WS-Security, WS-AtomicTransaction (2-phase commit) Web browser HTTP server Web server application Server/ Client proxy VSE SOAP engine CICS commarea application XML Parser/ generator Proxy code TSQ

Solon Solutions © 2009 Solon Solutions 8 SolonRunner Web 2.0 and RESTful web services Web browser –HTML static page containing dynamic content Web 2.0 technologies loaded once –Uses Ajax technology in JavaScript toolkits for dynamic content –Ajax XMLHttpRequest (XHR) direct to CICS (intranet) or through proxy server (internet) Web server –Serves static HTML page –Proxy server filters (passes) XMLHttpRequest to CICS CICS –SolonRunner Web 2.0 RESTful server  URI structure: /solonrunner/{transID}/{commarea formatter}/{appl pgm}/?query string –Low overhead: no (SOAP processing, TSQ I/O, application server (client proxy)) Web browser HTTP server Web server SolonRunner RESTful server XML parser static page commarea application Ajax XML Request CICS Ajax JavaScript proxy server Commarea formatter

Solon Solutions © 2009 Solon Solutions 9 What about security ? Intranet − CICS: Basic authentication (user ID and Password are base64 encoded) Internet − Reverse proxy server (hides CICS behind firewall) − Authentication − CICS: Basic authentication and SSL (server certificate only) or − CICS: SSL (server and client certificate) Web browser HTTP server Web server SolonRunner RESTful server XML parser static page commarea application Ajax XML Request CICS Ajax JavaScript proxy server Commarea formatter DMZ

Solon Solutions © 2009 Solon Solutions 10 SolonRunner Tooling Mainframe –Generate commarea formatter Web page –generate jQuery boilerplate –generate application specific jQuery Web browser HTTP server Web server SolonRunner RESTful server XML parser static page commarea application Ajax XMLHttpRequest CICS Ajax JavaScript proxy server SolonRunner tooling CICS Web browser Tooling session Generate web Generate CICS Commarea formatter

Solon Solutions © 2009 Solon Solutions 11 Tooling Demo …..

Solon Solutions © 2009 Solon Solutions 12 What is the SolonBridge? The SolonBridge is a web-enablement solution for CICS 3270 applications Intermediary between the SolonRunner and the CICS 3270 bridge. Handles 3270 bridge complexity Drive 3270 business process from a browser,via lightweight RESTful web service Web browser HTTP server Web server SolonRunner RESTful server XML parser static page 3270 application Ajax XMLHttpRequest CICS Ajax JavaScript proxy server SolonBridge Commarea formatter 3270 bridge

Solon Solutions © 2009 Solon Solutions 13 Why use the 3270 bridge? 3270 Bridge Exit CICS TS V Bridge virtual terminal environment 3270 application Recv map Send map Business client access to unchanged 3270 applications Coexist with “real” 3270 terminal access 3270 emulation at API level (no screen scraping) – Virtual 3270 terminal facility interface to application – Intercepts BMS commands issued by application – Preserve application state data (TCTUA, return commarea) client 3270 application BMS 3270 data stream Send map Recv map Bridge monitor

Solon Solutions © 2009 Solon Solutions 14 SolonBridge function 3270 Bridge Exit CICS TS V1.1.1 SolonBridge 3270 Bridge virtual terminal environment 3270 application Recv map Send map Start BRExit business request bridge vectors Single business request drives sequence of 3270 screens Starts 3270 bridge exit to create 3270 bridge environment Bridge vectors used to communicate with 3270 bridge exit Calls 3270 flow navigation Manages state tokens for 3270 session guards against protected field update Modified Data Tag, insures unaltered fields returned Merge new partial screen data with previous screen 3270 flow navigation

Solon Solutions © 2009 Solon Solutions 15 AOR routing 3270 Bridge Exit CICS TS V1.1.1 Bridge Monitor 3270 Bridge Environment 3270 application Recv map Send map Start BRExit bridge vectors Bridge vectors AOR1 bridge vectors Solon Bridge Routing Region 3270 flow navigation 3270 Bridge Exit Bridge Monitor 3270 Bridge Environment 3270 application Recv map Send map Start BRExit Bridge vectors AOR2 AOR static routing AOR context switching (i.e. TCTUA, RETURN COMMAREA)

Solon Solutions © 2009 Solon Solutions flow Navigation Navigator is a virtual end user Single business request drives a sequence of screens Simple logic, essence of 3270 flow Same map copybooks as used by 3270 application Stay tuned for SolonBridge 3270 modeling and navigator generation CICS Transaction Server SolonBridge 3270 Application 3270 Bridge Business request 3270 flow navigation Bridge vectors

Solon Solutions © 2009 Solon Solutions 17 Performance monitoring and tracing Integrated performance monitoring –Interval and daily statistics –Number of transactions –Transaction rate –response time average RESTful server response time Application response time –Transaction response time components delivered to web page Integrated tracing –XML request/response –3270 Bridge interactions

Solon Solutions © 2009 Solon Solutions 18 Solon Solution services Services –SolonRunner PoC –Web page jQuery integration –3270 flow navigators –Navigator training –General CICS application programming

Solon Solutions © 2009 Solon Solutions 19 Thank you!