HTML5 for Content-Rich, Multi-Device Apps

ubiquitousstrumpetΚινητά – Ασύρματες Τεχνολογίες

10 Δεκ 2013 (πριν από 3 χρόνια και 4 μήνες)

45 εμφανίσεις

Luis Sala
Director, Technology Alliances
@LuisSala
HTML5 for Content-Rich,
Multi-Device Apps
Alfresco as a
Platform for
Content Apps
Content-centric Apps
Alfresco: The Content Platform

CMIS API:

Now available on-premises and in
the cloud

Native Mobile SDK:

Highly optimized for your devices.

Learn more:

https://developer.alfresco.com
Alfresco
Native SDK
CMIS
Device
What new
with ?
HTML5 Highlights

Semantic markup

eg. <nav>, <footer>, <audio>, <video>

Web Storage

Indexed DB

File API
Single-page
Apps
Single Page Apps

All presentation & logic resources
encapsulated in a single HTML page

Key:
The app code is loaded only once.

O
!
en makes use of AJAX to load data

May include optimizations such as:

Asynchronous module loading

Minification & compression
Examples

GMail Web

Alfresco Share Document Library

(but not Alfresco Share)

Twitter Web

Facebook Web
Frameworks
vs.
Platforms
Frameworks

Apply primarily to client-side development

Sencha Touch

Ember.js

Backbone.js

Angular.js

O
!
en provide the following:

Model-View-Controller Architecture (or similar)

Build, Testing & Packaging Tools
Platforms

Apply primarily to server-side development

Parse

Stackmob

Alfresco

Heroku

Cloud Foundry

O
!
en provide the following:

Data Persistence

Usually RESTful and JSON-based.

Sometimes NOSQL-based

Server-Side Logic Deployment & Hosting
An
Architecture
for HTML5
Content Apps
Alfresco-as-a-Content DB

Alfresco is accessed primarily
via the REST APIs

CMIS

Share REST services

aka Slingshot

Alfresco-specific modifications
are kept to a minimum

Custom logic encapsulated in
“middleware” services

Middleware acts as a proxy to Alfresco
and other back-end services.
Alfresco
Middleware
CMIS
HTML5 App
CMIS
Ember: For ambitious apps

Client-side MVC

Key-Value Observing

Keep models and views in perfect sync

Computed Properties

Template-driven Views

Default:
Handlebars

State machine-based Routers

Powerful encapsulation of application state
A simple Ember app
<html>
<body>
!
<script>
!
MyApp
=
Ember.Application.create();
!
MyApp.president
=
Ember.
Object
.create({
!
firstName
:

"Barack"
,
!
lastName
:

"Obama"
,
!
fullName
:

function
() {
!

return

this
.get(
'firstName'
)
+

' '

+

this
.get(
'lastName'
);
!

// Tell Ember that this computed property depends on firstName
!

// and lastName
!
}.property(
'firstName'
,
'lastName'
)
!
});
!
</script>
!
<script
type=
"text/x-handlebars"
>
!
The President of the United States is {{MyApp.president.fullName}}.
!
</script>
</body>
</html>
Alf
JS
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
1
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
2
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S
a

J
a
v
a
S
c
r
i
p
t

c
l
i
e
n
t

l
i
b
r
a
r
y

f
o
r

A
l
f
r
e
s
c
o
L
u
i
s

S
a
l
a
D
i
r
e
c
t
o
r

o
f

T
e
c
h
n
o
l
o
g
y

A
l
l
i
a
n
c
e
s
,

A
l
f
r
e
s
c
o
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
3
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
W
h
a
t

i
s

A
l
f
J
S
?
A
l
f
J
S

i
s

a

J
a
v
a
S
c
r
i
p
t

C
l
i
e
n
t

L
i
b
r
a
r
y

f
o
r

A
l
f
r
e
s
c
o
I
d
e
a
l
l
y

S
u
i
t
e
d

F
o
r
:
B
a
s
i
c

D
e
s
i
g
n

P
r
i
n
c
i
p
l
e
s
:
#
a
l
f
r
e
s
c
o
B
r
o
w
s
e
r
-
b
a
s
e
d

H
T
M
L
5

A
p
p
l
i
c
a
t
i
o
n
s
S
e
r
v
e
r
-
s
i
d
e

J
a
v
a
S
c
r
i
p
t

D
e
v
e
l
o
p
m
e
n
t

(
N
o
d
e
.
j
s
,

v
e
r
t
.
x
,

W
e
b

S
c
r
i
p
t
s
,

e
t
c
.
)
*
·
·
*

C
u
r
r
e
n
t
l
y

s
u
p
p
o
r
t
s

N
o
d
e
.
j
s

o
n
l
y
S
t
a
n
d
a
l
o
n
e
:

N
o

e
x
t
e
r
n
a
l

d
e
p
e
n
d
e
n
c
i
e
s
E
a
s
y

t
o

u
s
e

(
g
o
e
s

w
i
t
h
o
u
t

s
a
y
i
n
g
!
)
E
a
s
y

t
o

c
u
s
t
o
m
i
z
e

&

e
x
t
e
n
d
·
·
·
3
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
4
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
U
s
i
n
g

A
l
f
J
S
I
t
'
s

r
e
a
l

e
a
s
y

m
a
n
!
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
5
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
V
i
s
i
t

t
h
e

A
l
f
J
S

p
r
o
j
e
c
t

s
i
t
e
g
i
t
h
u
b
.
c
o
m
/
A
l
f
r
e
s
c
o
L
a
b
s
/
A
l
f
J
S
#
a
l
f
r
e
s
c
o
5
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
6
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
D
o
w
n
l
o
a
d

t
h
e

l
a
t
e
s
t

A
l
f
J
S

b
u
i
l
d
g
i
t
h
u
b
.
c
o
m
/
A
l
f
r
e
s
c
o
L
a
b
s
/
A
l
f
J
S
/
d
o
w
n
l
o
a
d
s
#
a
l
f
r
e
s
c
o
6
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
7
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
U
n
p
a
c
k

A
l
f
J
S
U
n
z
i
p

t
h
e

p
a
c
k
a
g
e

i
n
t
o

y
o
u
r

p
r
o
j
e
c
t

f
o
l
d
e
r
.
.
.
#
a
l
f
r
e
s
c
o
7
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
8
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
L
e
t
'
s

S
t
a
r
t

C
o
d
i
n
g
!
I
n
i
t
i
a
l
i
z
i
n
g

A
l
f
J
S
#
a
l
f
r
e
s
c
o
<
!
-
-

I
m
p
o
r
t

A
l
f
J
S

-
-
>
<
s
c
r
i
p
t

s
r
c
=
"
a
l
f
.
j
s
"
>
<
/
s
c
r
i
p
t
>
<
!
-
-

I
n
i
t
i
a
l
i
z
e

a

c
o
n
n
e
c
t
i
o
n
-
-
>
<
s
c
r
i
p
t
>
v
a
r

c
o
n
n

=

A
l
f
J
S
.
c
r
e
a
t
e
C
o
n
n
e
c
t
i
o
n
(
{




h
o
s
t
n
a
m
e
:

'
l
o
c
a
l
h
o
s
t
'
,




l
o
g
i
n
:

'
a
d
m
i
n
'
,




p
a
s
s
w
o
r
d
:

'
a
d
m
i
n
'
,




p
r
o
t
o
c
o
l
:

'
h
t
t
p
'
,




p
o
r
t
:

8
0
8
0
,




s
e
r
v
i
c
e
B
a
s
e
:

'
a
l
f
r
e
s
c
o
/
s
e
r
v
i
c
e
/
'
}
)
;
<
/
s
c
r
i
p
t
>



J
A
V
A
S
C
R
I
P
T
8
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
9
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
B
e
f
o
r
e

w
e

g
o

f
u
r
t
h
e
r
.
.
.
a

n
o
t
e

o
n

c
a
l
l
b
a
c
k

f
u
n
c
t
i
o
n
s
M
o
s
t

A
l
f
J
S

a
c
t
i
o
n
s

u
s
e

c
a
l
l
b
a
c
k
s

f
o
r

s
u
c
c
e
s
s

a
n
d

e
r
r
o
r
s
:
H
y
p
o
t
h
e
t
i
c
a
l

E
x
a
m
p
l
e
:

L
o
a
d
i
n
g

U
s
e
r

A
c
c
o
u
n
t
s
#
a
l
f
r
e
s
c
o
o
b
j
e
c
t
.
m
e
t
h
o
d
(
s
u
c
c
e
s
s
C
a
l
l
b
a
c
k
,

f
a
i
l
u
r
e
C
a
l
l
b
a
c
k
)
;
J
A
V
A
S
C
R
I
P
T
d
a
t
a
S
t
o
r
e
.
l
o
a
d
U
s
e
r
A
c
c
o
u
n
t
s
(




/
/

S
u
c
c
e
s
s

C
a
l
l
b
a
c
k




f
u
n
c
t
i
o
n
(
u
s
e
r
D
a
t
a
)
{








v
i
e
w
.
s
h
o
w
A
c
c
o
u
n
t
s
(
u
s
e
r
D
a
t
a
)
;








}
,




/
/

F
a
i
l
u
r
e
/
E
r
r
o
r

C
a
l
l
b
a
c
k




f
u
n
c
t
i
o
n
(
e
r
r
o
r
M
e
s
s
a
g
e
)
{








w
i
n
d
o
w
.
a
l
e
r
t
(
'
E
r
r
o
r
:

'

+

e
r
r
o
r
M
e
s
s
a
g
e
)
;








}
)
;
J
A
V
A
S
C
R
I
P
T
9
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
1
0
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
L
o
g
i
n
R
u
n

E
x
a
m
p
l
e
R
u
n

E
x
a
m
p
l
e
#
a
l
f
r
e
s
c
o
v
a
r

c
o
n
n

=

A
l
f
J
S
.
c
r
e
a
t
e
C
o
n
n
e
c
t
i
o
n
(
{

/
/
.
.
.

I
n
i
t
i
a
l
i
z
e

C
o
n
n
e
c
t
i
o
n

.
.
.
}
)
;
c
o
n
n
.
l
o
g
i
n
(
f
u
n
c
t
i
o
n
(
d
a
t
a
)
{




$
(
'
#
p
r
e
v
i
e
w
1
'
)
.
h
t
m
l
(
"
S
u
c
c
e
s
s
!

"
+
c
o
n
n
.
g
e
t
T
i
c
k
e
t
(
)
)
;
}
,
f
u
n
c
t
i
o
n
(
e
r
r
)
{




$
(
'
#
p
r
e
v
i
e
w
1
'
)
.
h
t
m
l
(
"
O
o
p
s
!
"
)
;
}
)
;



J
A
V
A
S
C
R
I
P
T
1
0
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
1
1
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
F
e
t
c
h
i
n
g

S
i
t
e
s
R
u
n

E
x
a
m
p
l
e
R
u
n

E
x
a
m
p
l
e
#
a
l
f
r
e
s
c
o
c
o
n
n
.
l
o
g
i
n
(
f
u
n
c
t
i
o
n
(
l
o
g
i
n
D
a
t
a
)
{








c
o
n
n
.
g
e
t
S
i
t
e
s
(
f
u
n
c
t
i
o
n
(
d
a
t
a
)
{








_
.
e
a
c
h
(
d
a
t
a
,

f
u
n
c
t
i
o
n
(
i
t
e
m
)

{












$
(
'
#
p
r
e
v
i
e
w
2
'
)
.
a
p
p
e
n
d
(
i
t
e
m
.
t
i
t
l
e
+
'
<
b
r
/
>
'
)
;








}
)
;




}
,

f
u
n
c
t
i
o
n
(
e
r
r
)
{








/
/

H
a
n
d
l
e

"
g
e
t
S
i
t
e
s
"

e
r
r
o
r
.
.
.

}
)
;




}
,
f
u
n
c
t
i
o
n
(
e
r
r
)
{





/
/


H
a
n
d
l
e

"
l
o
g
i
n
"

e
r
r
o
r
.
.
.

}
)
;



J
A
V
A
S
C
R
I
P
T
1
1
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
1
2
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
F
e
t
c
h
i
n
g

D
o
c
u
m
e
n
t
s
R
u
n

E
x
a
m
p
l
e
R
u
n

E
x
a
m
p
l
e
#
a
l
f
r
e
s
c
o
c
o
n
n
.
g
e
t
D
o
c
L
i
s
t
(
{










s
i
t
e
:

'
a
c
m
e
'
,










m
o
d
e
l
:

'
c
m
:
c
o
n
t
e
n
t
'
,










c
o
n
t
a
i
n
e
r
:

'
d
o
c
u
m
e
n
t
L
i
b
r
a
r
y
'
,










f
o
l
d
e
r
P
a
t
h
:

'
/
N
e
w
s
'






}
,






f
u
n
c
t
i
o
n
(
d
a
t
a
)

{








_
.
e
a
c
h
(
d
a
t
a
.
i
t
e
m
s
,

f
u
n
c
t
i
o
n
(
i
t
e
m
)

{












$
(
'
#
p
r
e
v
i
e
w
3
'
)
.
a
p
p
e
n
d
(
i
t
e
m
.
n
o
d
e
.
p
r
o
p
e
r
t
i
e
s
[
'
c
m
:
n
a
m
e
'
]
+
'
<
b
r
/
>
'
)
;








}
)
;






}
,

/
/

e
n
d

s
u
c
c
e
s
s

f
u
n
c
t
i
o
n






f
u
n
c
t
i
o
n
(
e
r
r
)

{

/
/

H
a
n
d
l
e

"
g
e
t
D
o
c
L
i
s
t
"

e
r
r
o
r
.
.
.

}
)
;

/
/

e
n
d

c
o
n
n
.
d
o
c
L
i
s
t



J
A
V
A
S
C
R
I
P
T
1
2
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
1
3
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
F
e
t
c
h
i
n
g

a

N
o
d
e
R
u
n

E
x
a
m
p
l
e
R
u
n

E
x
a
m
p
l
e
#
a
l
f
r
e
s
c
o
v
a
r

r
e
f

=

'
w
o
r
k
s
p
a
c
e
:
/
/
S
p
a
c
e
s
S
t
o
r
e
/
8
0
a
a
e
d
a
d
-
c
f
8
b
-
4
2
f
4
-
a
3
f
4
-
8
8
d
c
3
c
9
f
9
d
3
b
'
;
c
o
n
n
.
g
e
t
N
o
d
e
(
r
e
f
,






f
u
n
c
t
i
o
n
(
d
a
t
a
)

{










$
(
'
#
p
r
e
v
i
e
w
4
'
)
.
a
p
p
e
n
d
(
J
S
O
N
.
s
t
r
i
n
g
i
f
y
(
d
a
t
a
)
)
;






}
,

/
/

e
n
d

s
u
c
c
e
s
s

f
u
n
c
t
i
o
n






f
u
n
c
t
i
o
n
(
e
r
r
)

{










$
(
'
#
p
r
e
v
i
e
w
4
'
)
.
h
t
m
l
(
"
E
r
r
o
r

g
e
t
t
i
n
g

n
o
d
e
!
"
)
;






}

/
/

e
n
d

e
r
r
o
r

f
u
n
c
t
i
o
n
)
;

/
/

e
n
d

c
o
n
n
.
g
e
t
N
o
d
e



J
A
V
A
S
C
R
I
P
T
1
3
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
1
4
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
P
u
t
t
i
n
g

i
t

a
l
l

t
o
g
e
t
h
e
r
.
.
.
S
h
o
w

m
e

a

R
E
A
L
(
-
i
s
h
)

a
p
p
!
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
1
5
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
C
o
P
r
e
s
e
n
t
.
.
.












.
.
.
a
n

e
x
p
e
r
i
m
e
n
t
#
a
l
f
r
e
s
c
o
1
5
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
1
6
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
V
i
e
w
e
r
P
r
e
s
e
n
t
e
r
#
a
l
f
r
e
s
c
o
1
6
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
1
7
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
H
o
w

Y
O
U

c
a
n

h
e
l
p
.
.
.
C
o
n
t
r
i
b
u
t
i
n
g

t
o

A
l
f
J
S
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
1
8
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
C
l
o
n
e

&

B
u
i
l
d
A
s
s
u
m
i
n
g

y
o
u

h
a
v
e

N
o
d
e
.
j
s

i
n
s
t
a
l
l
e
d
.
.
.
#
a
l
f
r
e
s
c
o
$

n
p
m

i
n
s
t
a
l
l

-
g

g
r
u
n
t
$

g
i
t

c
l
o
n
e

h
t
t
p
s
:
/
/
g
i
t
h
u
b
.
c
o
m
/
A
l
f
r
e
s
c
o
L
a
b
s
/
A
l
f
J
S
.
g
i
t
$

c
d

A
l
f
J
S
$

n
p
m

i
n
s
t
a
l
l
$

g
r
u
n
t
$

n
o
d
e

s
e
r
v
e
r






1
8
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
1
9
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
W
h
a
t
'
s

N
e
x
t
?
L
o
t
s

m
o
r
e

t
o

d
o
.
.
.
S
e
e

t
h
e

A
l
f
J
S

I
s
s
u
e

T
r
a
c
k
e
r
#
a
l
f
r
e
s
c
o
C
r
e
a
t
e

&

U
p
d
a
t
e

S
u
p
p
o
r
t
C
M
I
S

S
u
p
p
o
r
t

(
n
e
w

p
r
o
j
e
c
t
)
H
i
g
h
e
r
-
l
e
v
e
l

f
e
a
t
u
r
e
s
:

B
e
t
t
e
r

e
r
g
o
n
o
m
i
c
s
,

r
e
a
s
o
n
a
b
l
e

d
e
f
a
u
l
t
s
,

e
t
c
.
·
·
·
1
9
/
2
1
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
2
0
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
<

T
h
a
n
k

Y
o
u
!

>
H
a
v
e

q
u
e
s
t
i
o
n
s
?

W
i
s
h

t
o

c
o
n
t
r
i
b
u
t
e
?
t
w
i
t
t
e
r
@
L
u
i
s
S
a
l
a
g
i
t
h
u
b
g
i
t
h
u
b
.
c
o
m
/
L
u
i
s
S
a
l
a
w
w
w
a
l
f
r
e
s
c
o
.
c
o
m
1
1
/
7
/
1
2
I
n
t
r
o
d
u
c
i
n
g

A
l
f
J
S

-‐‑

A
l
f
r
e
s
c
o
2
1
/
2
1
l
o
c
a
l
h
o
s
t
:
4
0
0
0
/
#
1
Demo Apps
Sample Apps

Ember-AlfJS Sample

Simple demonstration of using Ember and AlfJS

CoPresent

Share presentations at a meeting

Demonstrates use of middleware

Daeja HTML5 Viewer

SkyDrop

Combo of native, HTML5 and middleware
Best
Practices
Best practices for HTML5 apps

Use responsive layouts when practical

Twitter’s Bootstrap and other CSS grids are a good start

Use build tools to manage large projects

These o
"
er concatenation, minification & other packaging
services

Yeoman.io

Grunt

rake-pipeline

Use state charts and pushState when
possible
Mobile optimizations

Restrict viewport size

Limit yourself to basic touch events

touchStart() & touchEnd()

Simple swipes OK
<meta

name =

"viewport"

content =

"initial-scale=1.0, minimum-
scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-
width, target-densityDpi=device-dpi"
>
Some Ideas
A little inspiration

“Evernote” or “Pinterest” for the enterprise

Easily capture and share web content and files

Simple, visual discovery

Virtual product catalog / showcase

Visual browsing of products, descriptions and related
content
Theme:
Simple, single-purpose apps focusing
on Capture, Discovery and/or Sharing
A vision for an Alfresco JavaScript SDK
AlfJS
Share.js
CMIS.js
Wrapping
Up
Parting thoughts

Alfresco is a viable platform for content apps

HTML5 and frequent browser releases bring
continuous improvement and features

Responsive design is not di
"
icult and ensures
a consistent experience across form-factors

Together, we can make this a reality