Web-Services Game Architecture

joeneetscompetitiveSecurity

Nov 3, 2013 (3 years and 7 months ago)

75 views



Background


The Game


Architecture


Lessons Learned


Q & A

Web
-
Services Game Architecture

PRESENTED BY Robby Robson, Eduworks Corporation

Based on Science • Built by Engineers

Perfected by Designers • Powered by Eduworks

DRAFT VERSION


TO BE UPDATED

Motivation


5.5
% of school
-
aged children in the U.S. received special
education for a learning disability


Working memory functions play a key role in student's ability
to
learn. Working
memory refers to the ability to store and
manipulate information for brief periods of time.


Correlation between working memory measures and
achievement have been found to range between .55 and .95.


Program
designed
to enhance working memory capacity and
executive skills in 7 to 9 year old
children

3/30/2012

Web
-
Services Game Architecture

2

*
NIH Project 1R43HD062245
-
01A2

Memory and Executive Skills in Youth with Learning Disorders*

Informally called “Learning Disabilities Cognition” or “
LDCog


Background


Developed under direction of the
Oregon Center for Applied Science
(
www.orcasinc.com
)


ORCAS Team:


Dr.
Catrin

Rode (Principal Investigator)


Kevin Prier (Project Manager)


Eduworks Team:


Andy Purviance (Creative / Game Design)


Aaron
Veden

(Software Engineer)

3/30/2012

Web
-
Services Game Architecture

3

Process

1.
Cognitive Design


Memory exercise
interspersed with problems


Game dynamics to improve
engagement

2.
Creative Design


PowerPoint Prototypes


Agile Development

3.
Technical Design


HTML5 (used Adobe Edge)


Private Cloud / Web Service
Architecture

4.
Experimental Design


Testing in schools

3/30/2012

Web
-
Services Game Architecture

4

RAPID APPLICATION DESIGN:


6 weeks of cognitive and creative design


6 weeks of development (elapsed)

3/30/2012

Web
-
Services Game Architecture

5

The Game

3/30/2012

Web
-
Services Game Architecture

6

Several times

Then

1.
Remember a number (fast)

2.
Do a math problem

3.
Repeat steps 1 & 2

4.
Remember all the numbers
you have seen, in order

Remember!

3/30/2012

Web
-
Services Game Architecture

7

3/30/2012

Web
-
Services Game Architecture

8

How much?

$.90

$.85

3/30/2012

Web
-
Services Game Architecture

9

Remember!

3/30/2012

Web
-
Services Game Architecture

10

3/30/2012

Web
-
Services Game Architecture

11

Fill in the blank!

700

800

3/30/2012

Web
-
Services Game Architecture

12

Remember!

3/30/2012

Web
-
Services Game Architecture

13

3/30/2012

Web
-
Services Game Architecture

14

What’s the number?

40

30

3/30/2012

Web
-
Services Game Architecture

15

Remember the order?

4

3

6

3/30/2012

Web
-
Services Game Architecture

16

Game Video

3/30/2012

Web
-
Services Game Architecture

17

Game Architecture


Developed in HTML5
using Adobe Edge


Game dynamics
implemented using
JavaScript


Hosted in private
cloud


Desktop client used
Web services to get
and report data

3/30/2012

Web
-
Services Game Architecture

18

Web Server

(HTML5)

Computer
in School

Data
Collection
Service

Live
Monitoring of
data

User
Mgmt

Service

Cloud Architecture

3/30/2012

Web
-
Services Game Architecture

19

ORCAS Web Server VM
-

Web pages and services

Router
-

passes web requests
to the cloud gateway VM.

Gateway VM
-

proxy
requests to other VMs.
S
ingle web entry point.

DB server VM
-

houses
data. Not available to
outside access.

Physical machines
running cloud

End user accessing
service through web
browser

Architectural Advantages:

1.
Maintenance:

Can make updates more
easily




Aided by rapid web service development




framework

2.
Separation:

Can reuse services separately

3.
Security:


Can protect identity more easily

4.
Elasticity:

Can scale up and down
quickly


3/30/2012

Web
-
Services Game Architecture

20

Using the Cloud for Learning: The Grand Vision

3/30/2012

Web
-
Services Game Architecture

21

“Bob” is
the
user
*

Data and content are
stored in the cloud

Bob use services that
live in the cloud.

Bob’s services access
other cloud services

Some
may know
about
Alice and Charlie

Some know
about Bob

*He may be your uncle, too.

HTML5 Experience


Chosen for cross
-
platform
capabilities


Used Adobe Edge


Good for designers (WYSIWYG)


Good for engineers (usable
code / hooks for custom code)


Used Flash to export multiple
variations on graphics


Challenges


Playing audio


Synching audio to on
-
screen events


Slow connection to one school
(downloading background graphics)


3/30/2012

Web
-
Services Game Architecture

22


<A> tags do not work
well for kids (replaced
by buttons)

Research Results


3/30/2012

Web
-
Services Game Architecture

23

Conclusions


What worked well


Web service architecture


Rapid application development


Made good use of the tools we knew


CSS3 (all animations are in CSS3)


Live debugging in schools


Challenges


Multimedia in HTML5 still evolving


Live debugging in schools



3/30/2012

Web
-
Services Game Architecture

24

Questions and Answers?


Thank you!

Based on Science


Built by Engineers


Perfected by Designers


Powered by Eduworks

3/30/2012

Web
-
Services Game Architecture

25