A Heroic Journey with

Alfresco and AngularJS

Geert Vanheusden
@geertvanheusden

Mano Swerts
@manoswerts

Toon Convents
@toonconvents
VS
Goals
Tailor-made
Well Tested
Clean
Fast
Our Story
Our Story
Our Story
Our Story
Our Story
Our Story
Our Story
Our Story
Two-way binding Directives

Animation Dependency Injection

Filters Routing
1 Media feed

WebScript

2 Upload media

WebScript

3 Server Sent Events

WebScript Behavior
1 Media feed

WebScript

2 Upload media

WebScript

3 Server Sent Events

WebScript Behavior

4 Upload to NSA
{
Create project

$ cd /my_project_dir

$ yo angular
Build & Test

$ grunt test
Run

$ grunt server
Create project

$ mvn archetype:generate

-DarchetypeCatalog=https://artifacts.alfresco.com/
nexus/content/groups/public/archetype-catalog.xml

-Dfilter=org.alfresco.maven.archetype:
Build & Test

$ mvn clean install

$ mvn clean verify -Pamp-to-war,automated-it

Build & Test

$ mvn clean install

$ mvn clean verify -Pamp-to-war,automated-it

Run

$ mvn clean verify -Pamp-to-war

1 Media feed
1 Media feed

WebScript
1 Media feed

WebScript

2 Upload media
1 Media feed

WebScript

2 Upload media
1 Media feed

WebScript

2 Upload media

WebScript
Server Sent Events
Server to browser
HTTP-protocol
Alfresco Web Scripts
EventSource
1 Media feed

WebScript

2 Upload media

WebScript

3 Server Sent Events

WebScript Behavior
1 Media feed

WebScript

2 Upload media

WebScript

3 Server Sent Events

WebScript Behavior
1 Media feed

WebScript

2 Upload media

WebScript

3 Server Sent Events

WebScript Behavior
Tailor-made Well Tested

Clean Fast
✓ Tailor-made Well Tested

Clean Fast
✓ Tailor-made ✓Well Tested

Clean Fast
✓ Tailor-made ✓Well Tested

✓Clean Fast
✓ Tailor-made ✓Well Tested

✓Clean ✓Fast
The journey doesn’t end here

blogs.aca-it.be
@aca_it #SummitNow
To Be Continued...