APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your...
Transcript of APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your...
![Page 1: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/1.jpg)
EDIT PREVIEW
APP COMPOSERWeb app authoring tool
D. Luis Rodríguez-Gil, Assistant Researcher, [email protected]
D. Miguel Latorre, Assistant Researcher, [email protected]
Dr. D. Pablo Orduña, Researcher, [email protected]
Dr. D. Antonio Robles-Gómez, Assistant Professor, [email protected]
![Page 2: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/2.jpg)
CONTEXT AND BACKGROUND
Two types of existing authoring tools for web apps
● Programmer or developer: Code Editor
● Instructor: Visual Design tool (drag & drop)
![Page 3: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/3.jpg)
type code run* fix mistakes save
CODE EDITORS
![Page 4: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/4.jpg)
VISUAL DESIGN TOOLS
![Page 5: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/5.jpg)
(not users)
WHAT ABOUT THE USER BASE?
![Page 6: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/6.jpg)
ONE TOOL FOR TWO WORLDS
![Page 7: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/7.jpg)
● Server side: Python Flask framework
○ HTML and XML templates○ Program logic: HTTP request routing
● Client side:
○ Twitter Bootstrap Front-end framework○ Form inputs and tabbed navigation (2 steps: edit & preview)
IMPLEMENTATION (I)
Zero installation requirements*
Ease of Use
* Documentations available: http://appcomposer.readthedocs.org/
![Page 8: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/8.jpg)
IMPLEMENTATION (II)
![Page 9: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/9.jpg)
CURRENT FUNCTIONALITY
Repository- personal user account (profile, list of apps)
Translate apps - in different languages
- targeting misc. groups (8-15 years old)
Adapt learning apps- customize an app from a list of available tools- preview and publish the final result in the Portal
![Page 10: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/10.jpg)
TRANSLATOR: LOCALIZATION
i18n support for OpenSocial and standalone apps
![Page 11: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/11.jpg)
ADAPTOR: CUSTOMIZING APPS
Customization of apps (proof of concept with UT tools)
![Page 12: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/12.jpg)
WORKFLOW: 5 STEPS
Select one of theapp templates in the store
or edit an existing app
1
Give a name and description to your app
2
Customize your app: add/remove variables
3
Copy & paste the app address in your space
5
Preview your changes4
![Page 13: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/13.jpg)
ACTUAL EFFORT SPENT TO DATE
App Composer Flask
Type Count Complexity Count Complexity
Files 56 66 77 89
Classes 47 49 67 70
Methods 140 243 478 762
Functions 123 345 122 256
Total 366 703 744 1177
Max
Translator 23
Concept map editor 3
Hypothesis tool 6
Experiment design tool 43
![Page 14: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/14.jpg)
DISSEMINATION TO DATE
D5.2. Specifications of the Go-Lab portal and app composer - initial (M12) (approved by EU commision)http://www.go-lab-project.eu/sites/default/files/files/deliverable/file/Go-Lab_D5.2.pdf
EDUCON 2014 (accepted for publication)A review of webapp authoring tools for e-learningM. Latorre, A. Robles-Gómez, L. Rodríguez, P. Orduña, E. San Cristóbal, A. C. Caminero, Ll. Tobarra, I. Lequerica, S. Ros, R. Hernández, M. Castro, D. Lopez-de-Ipiña, J. García-Zubia
ICALT (pending of approval)OpenSocial Application Builder and Customizer for School TeachersLuis Rodriguez-Gil, Miguel Latorre, Pablo Orduña, Antonio Robles-Gómez, Elio Sancristobal,Sten Govaerts, Irene Lequerica, Agustin C. Caminero, Roberto Hernández, Salvador Ros, Manuel Castro, Diego López-de-Ipiña, Javier Garcia-Zubia
![Page 15: APP COMPOSER - canal.uned.es€¦ · Copy & paste the app 5 address in your space 4 Preview your changes. ACTUAL EFFORT SPENT TO DATE App Composer Flask Type Count Complexity Count](https://reader036.fdocuments.us/reader036/viewer/2022071008/5fc54113e842dd7bf72985ec/html5/thumbnails/15.jpg)
EDIT PREVIEW
APP COMPOSERWeb app authoring tool
D. Luis Rodríguez-Gil, Assistant Researcher, [email protected]
D. Miguel Latorre, Assistant Researcher, [email protected]
Dr. D. Pablo Orduña, Researcher, [email protected]
Dr. D. Antonio Robles-Gómez, Assistant Professor, [email protected]