Video : http://www.infoq.com/presentations/arduino-designer What brings together a model, a microcontroller and a cat ? The Arduino Designer ! Last year, we demoed this new modeler which allows kids to easily write programs for Arduino platforms using a visual tool. The purpose of this new talk is to unveil the making-of of this modeler, by detailing how it is possible to quickly develop such a simple dedicated modeler thanks to Sirius. We’ll start by explaining how to use Sirius to create graphical editors such as the ones provided by the Arduino Designer. Then we’ll see how to simplify the Eclipse UI to keep the minimum useful interactions for an RCP application dedicated to kids. Finally, we’ll discuss how to integrate the modeler with a code generator and how to combine it with the Arduino tools to build and upload software into the Arduino hardware platform. Join this session, and discover the power of graphical designers, the simplicity of creating new ones and integrating them with existing tools!

1. Arduino Designer
The making of!
Mélanie Bats
melanie.bats@obeo.fr
@melaniebats

2. A model

3. A micro controller

4. And a cat ?

5. Arduino Designer

6. A dedicated tooling
Graphical Programming
Light UI

7. A dedicated tooling
Graphical Programming = Sirius
Light UI

8. A dedicated tooling
Graphical Programming = Sirius
Light UI = RCP application

9. Create graphical editor
AcceleoArduino SDK
EMF
GMF Runtime
Sirius Runtime
Eclipse RCP
Arduino Designer

10. Data
AcceleoArduino SDK
EMF
GMF Runtime
Sirius Runtime
Eclipse RCP
Arduino Designer

11. Arduino DSL

26. ON OFF

27. servo.h

42. Remind #1
1. Hardware/Software Co-design
2. All is instruction

43. Create graphical editor
AcceleoArduino SDK
EMF
GMF Runtime
Sirius Runtime
Eclipse RCP
Arduino Designer

44. Sirius
A tool to quickly define DSL based on custom multi-
view workbenches with dedicated representations
http://eclipse.org/sirius

45. Diagram definition
Create a Sirius Specification Project and provide
diagram descriptions :
● Mappings
● Styles
● Tools
Interpreted @ runtime

47. Mappings
Maps
semantic elements
onto
graphical notation

48. Mappings

49. Mappings

50. Mappings
How to represent
the sketch
loop ?

51. Mappings

52. Mappings

53. Mappings

54. Styles
Define
graphical appearance

57. Tools
Defined thanks to
a simple action langage
and/or
Java services

61. Improve UX
Improve the user experience
thanks to
the tools!

67. Queries
Coupling to semantics is low
thanks to queries!

68. Queries
OCL/Acceleo/AQL → [/]
Java → service:
Variables → var:
Features → feature:

69. Acceleo

70. Java

71. Feature

72. Remind #2
Simplify UI thanks to advanced tools

73. Diet RCP
Keep only
in the UI
what’s really
necessary

74. Simplified UI
AcceleoArduino SDK
EMF
GMF Runtime
Sirius Runtime
Eclipse RCP
Arduino Designer

75. Dashboard

86. Diet RCP
Simplify the workflow

87. Use Sirius API
Have a look to the
Sirius Developer Manual

88. Create a project

89. Convert to a modeling project

90. Convert to a modeling project

91. Create a session

92. Init the semantic model

98. Enable viewpoints

100. Open a diagram

105. Remind #3
1. This is not your father’s designer
2. Use Sirius API

106. Integrate code generator
Generate ino file with Acceleo

107. Integrate code generator
AcceleoArduino SDK
EMF
GMF Runtime
Sirius Runtime
Eclipse RCP
Arduino Designer

111. All is instruction!

112. All is instruction!
Use
inheritance
for the templates!

114. Combine with Arduino tools
AcceleoArduino SDK
EMF
GMF Runtime
Sirius Runtime
Eclipse RCP
Arduino Designer

115. Combine with Arduino tools
Arduino compiler
Target uploader
Based on Arduino IDE to get well packaged tools :
avr-gcc, avrdude

123. Build a product
Classical RCP product

124. Build a product

125. Build a product

126. Build a product

127. Build a product
Have a look to Sirius Developer Manual :
Deploy a Modeler description file

128. Build a product
Contribute to org.eclipse.sirius.componentization

129. Build a product
Register your viewpoints at the start of the plugin
Delete your viewpoints in the stop of the plugin

130. Target Platform
Use target platform definition DSL and generator :
https://github.com/mbarbero/fr.obeo.releng.
targetplatform

132. Tycho

133. Travis

134. .travis.yml
language: java
script: mvn clean package
jdk: oraclejdk7
deploy:
provider: releases
api_key:
secure:
IQP5qqJ6lZtZYU6814OVyVcVLsTXlNzd4yRBF/KSIzABgJ6jtbgFthAub3nMKWGPXLZZYzGJzChU+mcvXCaOAh3DCcTSPun404oP2ORdYpSoexios+wIqLRz6XordpeMNCPURM2XVcRAR8w+HSGlFtW/rA5GkbnK+L155/K5bRg=
file:
- $TRAVIS_BUILD_DIR/packaging/fr.obeo.dsl.arduino.product/target/products/ArduinoDesigner-linux.gtk.x86.zip
- $TRAVIS_BUILD_DIR/packaging/fr.obeo.dsl.arduino.product/target/products/ArduinoDesigner-linux.gtk.x86_64.zip
- $TRAVIS_BUILD_DIR/packaging/fr.obeo.dsl.arduino.product/target/products/ArduinoDesigner-macosx.cocoa.x86_64.zip
- $TRAVIS_BUILD_DIR/packaging/fr.obeo.dsl.arduino.product/target/products/ArduinoDesigner-win32.win32.x86.zip
- $TRAVIS_BUILD_DIR/packaging/fr.obeo.dsl.arduino.product/target/products/ArduinoDesigner-win32.win32.x86_64.zip
on:
repo: mbats/arduino
tags: true
all_branches: true

135. Products available
On github : https://github.com/mbats/arduino/releases

136. Model + Microcontroller = ♥

137. And where is the cat in this story?

138. The cat making-of ?

139. Inspire and create yours!
Code available on :
https://github.com/mbats/arduino
Ask questions about Sirius on the forum

140. Do not miss!
Wednesday
13:30 - Sirius + Xtext = ♥
18:00 - Sirius Poster
Thursday
14:30 - Time-lapse
15:15 - Viewpoint: the making of

141. Mélanie Bats
melanie.bats@obeo.fr
@melaniebats
Give your
feedback !