SOCR HTML5 TestProjects 2013

From SOCR
Jump to: navigation, search

SOCR Project - SOCR HTML5 Test Projects

Project goals

The project descriptions below illustrates exemplary test projects redesigning, transforming and upgrading various SOCR resources to a modern platform- and browser-independent HTML5/JavaScript framework.

Before diving into these projects, its essential to learn and practice with JadeJS, CoffeeJS and AngularJS. The SOCR GitHub project provides the necessary framework foundation and appropriate source code.

Projects Descriptions

Project 1: JSON HTML5 Grid

  • Goal: Build an interactive HTML5 grid from JSON/csv/xls formatted data.
  • Tools/languages to be used:
AngularJS - base JavaScript (JS) framework
ng-grid for AngularJs - makes it very easy to build a HTML5 grid from data.
Twitter Bootstrap - the look and feel

Project 2: AngularJS Service for table parsing

It should parse an URL and find out tables containing data in the HTML page. Once all tables are discovered, parse and retrieve all data (all tables), ask the user to choose one table, and create a JSON object out of it. Structure of the JSON should be discussed with the mentor.

Project 3: SOCR Wiki page Facelift

  • Goal: Propose and implement a new infrastructure modernizing current SOCR Wiki resources. The new architecture should consume the meta-data from the current SOCR MediaWiki DB and the interface should be mobile ready. There are existing scripts to convert markdown MediaWiki syntax to HTML. Use these scripts and bootstrap to modernize the SOCR Wiki interface. The new frameworks should also allow easy editing (with limited access only to trusted SOCR personnel).
  • Tools/languages to be used: Examples: wiki-text-to-html and Wiky: A Bidirectional Markup Converter

Project 4: Example of converting a SOCR Simulation to AngularJS/New SOCR Interface

See also




Translate this page:

(default)
Uk flag.gif

Deutsch
De flag.gif

Español
Es flag.gif

Français
Fr flag.gif

Italiano
It flag.gif

Português
Pt flag.gif

日本語
Jp flag.gif

България
Bg flag.gif

الامارات العربية المتحدة
Ae flag.gif

Suomi
Fi flag.gif

इस भाषा में
In flag.gif

Norge
No flag.png

한국어
Kr flag.gif

中文
Cn flag.gif

繁体中文
Cn flag.gif

Русский
Ru flag.gif

Nederlands
Nl flag.gif

Ελληνικά
Gr flag.gif

Hrvatska
Hr flag.gif

Česká republika
Cz flag.gif

Danmark
Dk flag.gif

Polska
Pl flag.png

România
Ro flag.png

Sverige
Se flag.gif