Colors - Festival de danse

Présentation du projet :

Ce projet a été réalisé durant mon stage dans l’agence Cube

Le festival Colors, est un festival de danse très connue.Derrière le slogan « Colors, festival de toutes les Danses » l’objectif est de promouvoir la danse sous toutes ses formes en créant une manifestation familiale, festive et ouverte à tous. Colors a dès sa première année trouvé son public en réunissant plus de 10 000 spectateurs.
Le projet était de réaliser une nouvelle version de l’application mobile, en recommençant de A à Z. Cette application mobile devait être capable de réaliser un effet de flashmob via des changements lumineux sur la page d’accueil. De plus, l’application devait pouvoir lister les actualités du festival et proposer à l’utilisateur de le partager sur les réseaux sociaux. L’utilisateur devait aussi avoir la possibilité de voir les différents lieux du festival via une carte.

Contexte :

J’ai mis en place une nouvelle version de l’application mobile de Colors. Cette application mobile est une WebView généré via Cordova. Celle-ci permet de faire un effet de flashmob sur l’accueil, de lister les actualités et les partager sur les réseaux sociaux, afficher les différents lieux, et voir le calendrier du festival. L’utilisateur a donc la capacité, via l’application, de se connecter aux réseaux sociaux via la page de paramètres, comme Facebook et Twitter.

Objectifs :

  • Faire un effet de flashmob
  • Lister les actualités
  • Se connecter aux réseaux sociaux
  • Partager les actualités sur les réseaux sociaux
  • Afficher les lieux sur une carte
  • Afficher le calendrier

Langages et technologies utilisées :

  • Cordova
  • AnguarJS
  • Onsen UI
  • LocalForage

Exemple de code :

Ce code permet de se connecter aux réseaux sociaux Facebook et Twitter. Une fois la connexion faite, le token est enregistré en local storage et l’information du profil, dans un rootScope.
$rootScope.login = function (socialNetwork) {
    Auth[socialNetwork]().then(res => {
        $localForage.setItem(`token_${socialNetwork}`, res).then(function () {})
        $rootScope[`token_${socialNetwork}`] = res

        if (socialNetwork == 'fb') {
            Request.getFbAccount(res).then(data => {
                $rootScope['user_infos_fb'] = data
            })
        } else if (socialNetwork == 'twitter') {
            $twitterApi.configure(Auth.keys.twitter.consumer_key, Auth.keys.twitter.consumer_secret, res)
            Request.getTwitterAccount(res.user_id).then(data => {
                $rootScope['user_infos_twitter'] = data
            })
        }

    }, error => {
        console.log(error)
    })
}

Compétences acquises

  • A 1.1.1 : Analyse du cahier des charges d'un service à produire
  • A 1.1.2 : Étude de l'impact de l'intégration d'un service sur le système informatique
  • A 1.2.1 : Élaboration et présentation d'un dossier de choix de solution technique
  • A 1.3.2 : Définition des éléments nécessaires à la continuité d'un service
  • A 1.4.1 : Participation à un projet
  • A 2.3.2 : Proposition d'amélioration d'un service
  • A 3.2.2 : Remplacement ou mise à jour d'éléments défectueux ou obsolètes
  • A 4.1.2 : Conception ou adaptation de l'interface utilisateur d'une solution applicative
  • A 4.2.2 : Adaptation d'une solution applicative aux évolutions de ses composants
  • A 4.2.3 : Réalisation des tests nécessaires à la mise en production d'éléments mis à jour
  • A 5.1.3 : Suivi d'une configuration et de ses éléments
  • A 5.2.1 : Exploitation des référentiels, normes et standards adoptés par le prestataire
  • A 5.2.3 : Repérage des compléments de formation ou d'auto-formation ...
  • A 5.2.4 : Étude d˜une technologie, d'un composant, d'un outil ou d'une méthode