This document discusses UI prototyping using Smalltalk. It summarizes: - Pierre Laborde and Eric Le Pors are UI experts who have over 12 years experience with Smalltalk prototyping. - Their tool, SMOCK, allows for rapid prototyping of UIs through a live and intuitive modeling language. It can simulate realistic user environments. - SMOCK has benefits for prototyping like live modifications, an intuitive language, multi-platform support, and including everything in one file. It includes components like a 2D engine, UI widgets, and tools to design without code.

1. {
UIPrototyping
with Smalltalk at
Pierre LABORDE
Eric LE PORS

2. Pierre LABORDE
• UI Design Manager
• UX & Graphical Designer, Software Engineer
Eric LE PORS, PhD
• UI Solutions Architect
• Software Expert in Prototyping Languages
AboutUs

3. • Defense Mission Systems
• Embedded
• Long life products
Our users
• Stressfull environnment
• Complex job and tasks
AboutUs

4. Speed MOCKup
• Process to capture user needs
• Framework to quickly prototype innovative UI
More than 12 years of Smalltalk
SMOCK

5. CaptureUserNeeds
2. Collaborative
Design
3. Specifying speed
prototyping
4. Industrial cost
estimation
1. Observe in situ

6. Dynamic UI
• Live conception
• Manipulate real samples of data
Like a real system
• Multi-user role playing game
• Representative mission scenario
• Representative user environment
Bridge to industrial development
• Similarity with industrial architecture
• Software complexity evaluation
• Assets generation
PrototypingUI

7. Best properties for prototyping UI !
• Live modifications
• Intuitive modeling language
• Easy to learn, simple sintax
• Multi platform
• Everything in one file
WhySmalltalk?

8. Component Model
• Lightweight CCM impl.
UI Tools
• 2D Graphical Engine
• Design Job Oriented
• UI Widgets & UI Editor
• Create and save graphic parts
• Without code
• Assets import/export
User Environment Simulation
SMOCKOverview

9. Georeferenced Interactive Views
Network tools
Innovative Device support
• Multi-touch
• VR headset
• Game Pad, Joystick
• Eye-trackers
• Etc.
SMOCKOverview

10. {
SOME UI…

11. Architecture Component Model
• Lightweight CCM reimplementation
• Using Traits in Pharo
• Open Source MIT licence
UI Modeling language
• To model and define UI from user needs
• To generate UI for any kinds of gfx technologies
• Collaborating with Alain Plantec (UBO), Olivier
Grisvard (THALES, IMT), Nolwenn Fournier (THALES)
• Open Source MIT licence
FuturWork

12. {Pharo Woden
Special thanks to Ronie Salgado
VR DEMO…

13. {Do you have any questions ?
Thank you for
your attention!