Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Single Page Web Application Development with SiouX and AppeX

771 views

Published on

Single Page Web Application Development with SiouX and AppeX

First Name: Jerry
Last Name: Kott
Type: Talk/Demonstration

Abstract:
Jerry Kott, a senior software engineer with Cincom Systems, Inc., will revisit key aspects of AppeX, Cincom’s new web development framework. AppeX provides a tight integration of Cincom® VisualWorks® IDE with object-oriented Javascript running in the web browser, as well as automatic support for client/server session management, authentication, server-to-client event notification and mobile applications. Jerry will highlight new features of AppeX, with emphasis on the upcoming Scaffolding framework. With AppeX Scaffolding, developers can build a single-page web application from an existing database, with minimal coding, using AppeX REST-ful services, Glorp and ActiveRecord.

Bio: Jerry Kott has been a senior software engineer with Cincom Systems, Inc. since 2008. He is a member of the Cincom Smalltalk team responsible for network protocols, security and web application development components of the Cincom Smalltalk Foundation.

Prior to joining Cincom, Jerry worked as a Smalltalk consultant in a variety of industries including finance, insurance, telecommunications, manufacturing and entertainment. Throughout his career, Jerry has used most of the Smalltalk dialects. He first met Smalltalk/V in his native Czechoslovakia in 1988 while writing his masters theses at the Faculty of Mathematics and Physics, Charles University of Prague. The political upheaval of 1988/1989 led Jerry to leave Czechoslovakia, and after a year in Austria, his family settled in Canada. While working as a programmer analyst at the TD Bank in Toronto, he was reintroduced to Smalltalk in 1993—this time with the intent of staying with it for good. Jerry’s recollection of his falling in love with Smalltalk can be summed up like this:

Day one: This is weird, no source code file?
Day two: This is interesting; I can inspect live objects and send messages to them!
Day three: This is great! I never want to use any other language!

When not programming in Smalltalk, Jerry uses his passion for photography and film by helping independent filmmakers as a cinematographer. He occasionally dabbles as an associate producer and assistant director. Jerry is also a member of Juan de Fuca Search and Rescue, a volunteer emergency response team that services the rugged western coastline of Vancouver Island off the West Coast of Canada. He lives in Victoria, British Columbia with his wife, five chickens and approximately 120,000 bees.

Published in: Technology
  • ➤➤ How Long Does She Want You to Last? Here's the link to the FREE report ▲▲▲ http://ishbv.com/rockhardx/pdf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Single Page Web Application Development with SiouX and AppeX

  1. 1. SINGLE PAGE
 WEB APPLICATION DEVELOPMENT WITH
 SiouX AND AppeX
 
 By Jerry Kott

  2. 2. ©2015 Cincom Systems Inc. All Rights Reserved. SiouX
 3 • HTTP(s) server based on Xtreams" • Lightweight, highly configurable, streaming, secure" • Integrates easily with Seaside, Web Services, Servlets" • Multiple responders, multiple port listeners
  3. 3. ©2015 Cincom Systems Inc. All Rights Reserved. AppeX
 4 • Web application framework using SiouX and Xtreams" • Core Javascript library on the client, seamlessly connects to the server (Smalltalk)" • JS code editor integrated in VW IDE" • Object-Oriented JS with class hierarchy (before ECMAScript 6!)" • What You Write Is What You Get
  4. 4. ©2015 Cincom Systems Inc. All Rights Reserved. AppeX is NOT...
 5 • Smalltalk in the browser (but we have an Amber integration example)" • A Smalltalk to JS translator (Smalltalk code lives on the server, JS code loads unchanged into a web client)" • Just a Javascript editor (but having one is great!)" • A multi-page web site development tool (although it’s possible, and we have code examples for that)
  5. 5. ©2015 Cincom Systems Inc. All Rights Reserved. New in AppeX (Cincom® VisualWorks® 8.1) 6 • RESTful API demos" • ActiveRecord support (PUT, GET, POST, DELETE)" • UI Scaffolding - JS classes seamlessly build HTML5 elements on the client from ActiveRecord objects on the server" • Scaffolding GUI tool - builds client and server code from an existing ActiveRecord database
  6. 6. ©2015 Cincom Systems Inc. All Rights Reserved. New in AppeX, cont‘d 7 • Added jsonStream: service type. JSON object serialization now can be in-memory or directly on the socket stream (e.g., large objects)" • ETag support for client resource caching (less bandwidth)" • CSS Themes" • LinuxPAM - user authentication
  7. 7. ©2015 Cincom Systems Inc. All Rights Reserved. Let‘s Get Practical! 8 Coming up:" • Loading SiouX code and configuring servers and responders" • Code samples" • Loading AppeX" • Creating a database backed web application
  8. 8. ©2015 Cincom Systems Inc. All Rights Reserved. Loading SiouX Parcels 9 • SiouX-Server: basic HTTP server & framework" • SiouX-Http: HTTP protocol on top of Xtreams" • SiouX-Server-Secure: HTTPS support (SSL/TLS)" • SiouX-Tools: GUI tools for managing servers" • SiouX-Examples: examples for study & inspiration
  9. 9. ©2015 Cincom Systems Inc. All Rights Reserved. Demo: Web Servers Tool 10
  10. 10. ©2015 Cincom Systems Inc. All Rights Reserved. Creating a Server 11 server := Server id: 'Demo Server'." listener := server listenOn: 9999 for: SiouX.HttpConnection." server start." server addResponder: (responder := Hello new)." responder openWebBrowser." Hello browse." " server release.
  11. 11. ©2015 Cincom Systems Inc. All Rights Reserved. From SiouX to AppeX 12 • SiouX provides the transport and dispatching mechanism" • Responders are flexible but not very sophisticated" • Need for an application layer with a tight IDE and web browser integration" • Welcome AppeX. ESUG 2014 presentation
  12. 12. ©2015 Cincom Systems Inc. All Rights Reserved. Loading AppeX Parcels 13 • AppeX-Core: framework with both server (Smalltalk) and client (Javascript) classes" • AppeX-Tools: IDE integration, JS parser & editor" • AppeX-Examples-*: aspects like server events, mobile apps, Seaside integration, etc… Explore!" • AppeX-ServerMonitor: functional equivalent of SiouX Web Servers management tool.
  13. 13. ©2015 Cincom Systems Inc. All Rights Reserved. AppeX Parcels, cont‘d 14 • (new) AppeX-ActiveRecord: extensions of AppeX, Glorp and ActiveRecord classes" • (new) AppeX-Scaffolding: a framework for ActiveRecord-backed Web applications" • (new) AppeX-Scaffolding-Tool: GUI tool to generate ActiveRecord classes and service methods. Result is a functional web app.
  14. 14. ©2015 Cincom Systems Inc. All Rights Reserved. Demo: Scaffolding Tool 15 Launcher" ➡ Tools" ‣Create Web 
 Application
  15. 15. ©2015 Cincom Systems Inc. All Rights Reserved. Funcational App - Zero Coding 16
  16. 16. ©2015 Cincom Systems Inc. All Rights Reserved. Customized Web Apps 17 Customize by subclassing Scaffolding classes:" • ListPresenter" • DetailPresenter" • EditPresenter" • SelectionPresenter
  17. 17. ©2015 Cincom Systems Inc. All Rights Reserved. Custom App Demo 18
  18. 18. ©2015 Cincom Systems Inc. All Rights Reserved. 19 Questions?
  19. 19. ©2015 Cincom Systems Inc. All Rights Reserved. 20 Star Team (Smalltalk Strategic Resources)" "" – Suzanne Fortman (sfortman@cincom.com)" Cincom Smalltalk Program Director! – Arden Thomas (athomas@cincom.com)" Cincom Smalltalk Product Manager" – Jeremy Jordan (jjordan@cincom.com)
Cincom Smalltalk Marketing Manager! – Suzanne Fortman (sfortman@cincom.com)" Cincom Smalltalk Engineering Manager Contact Information
  20. 20. ©2015 Cincom Systems Inc. All Rights Reserved. 21 Evaluate Cincom Smalltalk:
 " try.cincomsmalltalk.com" " Join our Cincom Smalltalk Developer Program:
 
 " develop.cincomsmalltalk.com" " " Try Cincom Smalltalk

×