Rapid Application Development with AppeX and Google Chrome Developer Tools
Rapid Application Development with AppeX and Google Chrome Developer Tools
Fri, August 26, 10:00am – 10:15am Video: https://youtu.be/1yqaY0wqhWY Abstract: Jerry Kott, a Senior Software Engineer with Cincom Systems, Inc., will present JSFile - a mini-framework that allows rapid web application development with code updates made in Chrome Developer Tools applied to the AppeX Javascript code in the VisualWorks IDE. He will show the steps that allow a developer to link the Chrome Network Resources to those on the local development machine’s file system, and edit those files right in the web browser. When a Javascript file is saved from the Chrome debugger, that change is automatically reflected in the AppeX development image, where it can be further refined, published to a repository, and so on. This provides development experience similar to what Smalltalkers love - the ability to apply code changes without the need to restart an application, and a seamless integration between the Google Chrome web browser and the VisualWorks development environments. 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! Jerry is excited about the opportunity to return to his country of origin, to share his experiences with the Smalltalk community not far from where he lived when studying in Prague. 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.
Recommended
More Related Content
More from ESUG
Recently uploaded
![[DPE Summit] How Improving the Testing Experience Goes Beyond Quality: A Deve...](https://cdn.slidesharecdn.com/ss_thumbnails/dpesummitseptember20-212023-howimprovingthetestingexperiencegoesbeyondqualityadeveloperproductivityp-230924000523-453e8af8-thumbnail.jpg?width=384&height=256&fit=bounds)
![[DPE Summit] How Improving the Testing Experience Goes Beyond Quality: A Deve...](https://cdn.slidesharecdn.com/ss_thumbnails/dpesummitseptember20-212023-howimprovingthetestingexperiencegoesbeyondqualityadeveloperproductivityp-230924000523-453e8af8-thumbnail.jpg?width=1600&height=908&fit=bounds)
Rapid Application Development with AppeX and Google Chrome Developer Tools
- 1. Rapid Application Development AppeX & Google Chrome Dev Tools By Jerry Kott @cincomsmalltalk (Twitter) #ESUG16
- 2. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 We love Smalltalk! Why? Many answers: • Elegant • Simple • Productive • etc… Excels at: • Rapid Application Development 2
- 3. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 Rapid Application Development Tools, Methods, Interpretations vary Smalltalk Favourite: • Halt • Change code • Resume Can it be done with Web Applications? 3
- 4. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 RAD on the Web Browser capabilities vary Google Chrome Developer Tools are the most advanced Maps a network resource to a local file, e.g.: • http://localhost/my-script.js • file:///Users/my-user-id/www/my-script.js Edit & save my-script.js locally, http server will ‘see’ the change Not quite like Smalltalk Debugger - yet? 4
- 5. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 JSFile Allows AppeX to keep JavaScript code synchronized between a Smalltalk image and the local file system Cincom® VisualWorks® IDE and web browser Developer Tools can be used together in round-trip RAD Key classes in AppeX-Tools parcel: • JSFileMonitor • JSFileComposer • JSFileParserActor 5
- 6. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 JSFile JSFileMonitor • periodically checks .js file timestamps • newer versions are parsed into AppeX • location of files and frequency of updates are configurable JSFileComposer • ensures source code is written from VisualWorks IDE into the file system JSFileParserActor • reads source from the file system back into the IDE 6
- 7. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 Setup 7
- 8. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 Start a Server instance 8
- 9. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 Open your application 9
- 10. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 Open Developer Tools 10
- 11. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 11
- 12. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 Programmatic use Activation AppeX.Application scriptDirectory. AppeX.Application useJSFile. Deactivation AppeX.Application useImageCode. AppeX-Tools parcel • JSFileComposer • JSFileMonitor 12
- 13. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 Challenges Platform-specific line-end conventions Currently only Google Chrome has the capability Developer Tools are evolving - what works one day may not work next day after a Chrome update Still not quite the ‘halt, edit, resume’ workflow Smalltalkers love. 13
- 14. ©2016 Cincom Systems Inc. All Rights Reserved. @cincomsmalltalk #esug16 In closing… RAD means different things for different people We Smalltalkers are spoiled RAD for the Web is especially challenging - the code generally runs in a different environment than the IDE (if there is one) Still evolving, JavaScript is as malleable as Smalltalk Expect more tools in this field, and AppeX to continue to evolve to leverage those tools 14
- 15. ©2016 Cincom Systems Inc. All Rights Reserved. Questions? 15@cincomsmalltalk #esug16
- 16. ©2016 Cincom Systems Inc. All Rights Reserved.16 Thank You! Suzanne Fortman Program Director / Engineering Manager sfortman@cincom.com @SuzCST (Twitter) Arden Thomas Product Manager athomas@cincom.com @ArdenTCST (Twitter) Jerry Kott jkott@cincom.com @cincomsmalltalk (Twitter) @cincomsmalltalk #esug16