Wise Team on Tunisian Local SD imagine Cup Final 2012

Wise Team project has been qualified for the Tunisian Local SD imagine Cup Final 2012.


Leave a comment

Kinect your Metro Style App

As part of our Software Design project in Imagine Cup competition, we develop a demo Metro Style Application controlled by Kinect.

The main idea is to tell Metro Style App communicate with external environment via Kinect Sensor (at present with Kinect for Xbox 360, Kinect for Windows in a future blog post).

Kinect SDK is implemented in only .Net and C++ code that’s not supported on Metro Style Application.

So, we introduce middleware architecture with Publish-Subscribe pattern to handle communication between Kinect Sensor and Metro Style App.

Foremost, a short introduction of Publish-Subscribe pattern from Sacha Krakowiak (http://proton.inrialpes.fr/~krakowia/):

The PUBLISH-SUBSCRIBE pattern is a more general form of OBSERVER. It defines two “roles”, Publisher (event source) and Subscriber (event sink). A given entity may take up either role, or both.

Events generated by publishers are selectively notified to subscribers. The selection is achieved by defining event classes, i.e. sets of events that satisfy some conditions, to be discussed later. A subscriber may register its interest for a class of events by subscribing to that class. When a publisher generates an event E, all subscribers that previously subscribed to an event class to which E belongs receive an asynchronous notification of the occurrence of E. Reacting to this notification is locally arranged by each subscriber (e.g. by associating a specific handler with each class of events, etc.).

Figure 1-Solution architecture

We have use the EventAggregator implementation of PRISM project in codeplex http://compositewpf.codeplex.com. So, inside middleware part, we have two services loosely-coupled that one handle Kinect detected gesture and transfer it to a second part that command a Metro Style Application. Communication was based on W3C Web Socket protocol which supported by Metro Style App and .Net App. In Metro side, a HTML5 Web Worker was used to handle commands and manipulate metro application.

Our Metro Style Application is based on “Split Application Template” from Visual Studio 11 using JavaScript and run on Windows 8 Consumer Preview.

This video show a demo of our application:

Now, we will be showing some snippet code from Metro App and middleware part:

Middleware Part:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Net.WebSockets;
using System.Net;
using System.Threading;
using Microsoft.Practices.Composite.Events;

namespace ServerRegistry
    public class Registry
        public WebSocketServer ServerWebSocket { get; set; }

        public WebSocketClient ClientWebSocket { get; set; }

        public string ServerWebSocketUri { get; set; }

        public string ClientWebSocketUri { get; set; }

        private IEventAggregator eventAggregator=null;

        public Registry()
            eventAggregator = new EventAggregator();

            ServerWebSocketUri = "http://localhost:8052/server/";
            ClientWebSocketUri = "http://localhost:8051/client/";

            ServerWebSocket = new WebSocketServer(eventAggregator);
            ClientWebSocket = new WebSocketClient(eventAggregator);

            Task.WhenAll(ServerWebSocket.Start(ServerWebSocketUri), ClientWebSocket.Start(ClientWebSocketUri));

HTML5 Web Worker:

function start() {
    if (streamWebSocket) {
        log("Already started.");

    var webSocket = new Windows.Networking.Sockets.StreamWebSocket();
    webSocket.onclosed = onClosed;

    var uri = new Windows.Foundation.Uri("ws://localhost:8051/client/");

    log("Connecting to: " + uri.absoluteUri);

    webSocket.connectAsync(uri).then(function () {
        streamWebSocket = webSocket;
        dataWriter = new Windows.Storage.Streams.DataWriter(webSocket.outputStream);
        dataReader = new Windows.Storage.Streams.DataReader(webSocket.inputStream);
        // When buffering, return as soon as any data is available.
        dataReader.inputStreamOptions = Windows.Storage.Streams.InputStreamOptions.partial;
        countOfDataSent = 0;
        countOfDataReceived = 0;

        //  Connect to the server


    }, function (e) {
        log("Failed to connect: " + getError(e));

function Connect() {
    try {
    catch (e) {
        log("Sync write error: " + getError(e));

function readIncoming(args) {
    // Buffer as much data as you require for your protocol.
    dataReader.loadAsync(100).then(function () {
        var incomingBytes = dataReader.readString(dataReader.unconsumedBufferLength);

        readIncoming(); // Start another read
    }, readError);

Full code on codeplex.com: http://kinectmetroapp.codeplex.com/

Contact Information:

1 Comment

1/2 Final TUNISIA – Imagine Cup 2012 Software Design local Finals

Wednesday 11 April 2012, 1/2 Final TUNISIA – Imagine Cup 2012 Software Design local Finals on 2:00 pm in Microsoft Innovation Center (Technopole El Ghazela, 2080 Ariana, Tunisia).

Leave a comment

Australia Imagine cup 2012 … We are comming !!

Leave a comment

Wise Team in Round 2 – Metro Style app Challenge

Dans la Catégorie Windows Metro Style Challenge de la compétition Imagine Cup,

l’équipe “Wise Team” s’est qualifiée pour le Round 2 avec un score de 26/30 et un rang de 9ème mondiale.

, , ,

Leave a comment

Contact us .. Wise Team

wiseteam contacts

contact us

Leave a comment

Hello ! Wise Team in imagine cup 2012

Assalam Allaykum, PEACE BE UPON YOU,

Welcome to WiseTeam Blog.

Wise Team from TUNISIA will particpate in Microsoft Imagine Cup 2012, members of team are:

  • BELHAJ ALI Slimen
  • JAAOUANE Yassine
  • OUEDERNI Mohamed
  • OUESLATI Marouen
  • Mr ROMDHANI Mohamed as Mentor

We think that Participate in Microsoft Imagine Cup competition is a nice experience that will develop and sharpen our skills, motivate us to aspire for the best.

For us, it is important to participate and undergo this experience to grow and transcend.

Microsoft Imagine Cup competition is our opportunity to use our imagination and passion to create real-world applications and solutions that can help make the world a better place.

WiseTeam is seeking to be among the Top Three in the world finals of the competition.

Soooon, we will share our idea here in the blog ..

1 Comment

%d bloggers like this: