Applications Web et Mobiles

Html5 . Flash . Haxe . Php


Toutes les références en détail :

Esprit-bois 21

Gestion des requêtes clients. (HTML5, Ajax, Php/MySql


Etant un intranet privé, pas de lien actif pour ce site mais les images ci-dessous.

image 1 app EB21

Console de gestion principale.

Les requêtes clients proviennent de plusieurs sites satellites et d'une cinquantaine de formulaires tous différents. Elles sont centralisées dans une base unique et affichées dans cette table grâce à un système de filtres et de dictionnaire de données qui décrivent les différents champs des formulaires.
Les sélections sont multiples et variées, les tris spécifiques ou sur chaque colonne.
Les pictogrammes de gauche indique les étapes de traitement des demandes de l'affectation à la réception du règlement.

image 2 app EB21

Affectation ou transfert ?

La requête est soit affectée à un commercial interne, soit transférée à un partenaire. En cas de transfert un système de glossaire paramétrable par l'utilisateur, permet de générer facilement les textes du sujet et corps du message.

image 3 app EB21

Modification de la requête.

En fonction de profils affectés aux utilisateurs, diverses modifications ou actions sont possibles.
Chacune génère une ligne d'historique, afin de pouvoir suivre le traitement global de la demande.
Plusieurs mails avec ou sans pièces-jointes peuvent être envoyés au client, ainsi que des devis.
Différents types de glossaires sont là encore, utilisés.

image 4 app EB21

Mise à jour d'un devis.

L'appli permet de créer, modifier des devis.
Les devis peuvent être créés à partir de modèles ou à partir d'un autre devis.
Un système de sauvegarde automatique évite de perdre des données même en cas d'absence soudaine et prolongée.
Des glossaires sont là encore utilisés pour les descriptions des produits.
Le module devis est full-Ajax.


Flunch-Franchise

Site dédié à la franchise Flunch. (Flash/AS3/XML)

image app Flunch

Réalisé en AS3 avec une grande utilisation de la technologie XML.
Dans ce site essentiellement Flash, tous les textes, les images et même le rythme des animations sont paramétrables par l'utilisation de 2 fichiers : model.xml et language.xml.

Voir le projet Flunchfranchise

RexoKit

Génération en ligne du plan et calepinage d'une habitation en panneaux pré-fabriqués. (Flash/AS3)

En respectant des règles et contraintes complexes, l'application permet à l'internaute:
  • de choisir la forme de sa maison:

    image 1 app rexokit

  • de définir la taille des murs (en les "tirant" façon drag-and-drop):

    image 2 app rexokit

  • de les supprimer ou les ajouter en fonction des murs pré-existants:

    image 3 app rexokit

  • de définir au 1/2 degré près, la pente du toit (ou des 2 toits pour la maison en L):

    image 4 app rexokit

  • de déplacer les poteaux et panneaux intermédiaires,
  • d'ajouter portes et fenêtres sur un panneau et les étendre à plusieurs,
  • et enfin de générer un document pdf avec plan et liste détaillée de tous les éléments de construction, pour chacun est indiqué la quantité et la mesure. Ou plusieurs dans le cas des coupes obliques.

Cette application a aussi été déclinée en version Adobe Air, pour être utilisée sur les notebooks des commerciaux.


Voir l'application RexoKit

Campus-Channel

Vidéo chat, vidéo-conférence, webinar. (Flex, AmfPhp)

Campus - channel propose à des étudiants, de poser des questions en ligne à des intervenants d'une grande école qui y répondent en direct par vidéo.

image app campus


Cliquez sur le lien ci-dessous de préférence quand il y a une conférence en cours. Les jours et horaires sont ici.

L'application est composée d'un module ''serveur de chat'' écrit en AmfPhp, d'un module client pour poser les questions, d'un module d'administration (non visible) pour gérer en temps-réel la conférence en cours, et enfin d'un module d'affichage de la question en cours lisible par le(s) conférencier(s).


Voir le site campus-channel.com

Formation-TV

Présentation vidéo de Masters de grandes écoles. (xHtml, Php/MySql, FLEX)

La page d'accueil, ses news, son moteur de recherche...

image 2 app FTV

Ce site décrit les Masters de grandes écoles sous forme d'interviews d'un élève, ancien élève et professeur.
Il est écrit en xHtml standard W3C.
Le lecteur vidéo (Flex) est hautement paramétrable via un fichier xml (model.xml). Son aspect graphique est décrit dans un autre (skin.xml).

image 2 app FTV

Il me faut souvent ajouter des fonctionnalités à mon lecteur de base.
Pour formationTV j'ai intégré des boutons permettant d'accéder directement à une question de l'interview .

Horaires-commerces

Carte de France interactive. (FLEX, SVG)

horaires-commerces.fr est un site qui donne différentes informations sur des commerces ou d'autres établissements dont leurs horaires.
La carte permet un accès direct au département choisi.

image app horaires-commerce.fr

Cette application est constituée d'un de mes composants FLEX qui à partir de n'importe quel fichier SVG (export depuis Illustrator par exemple) génère le dessin correspondant. En l’occurrence une carte de France. Un autre composant gère l'interactivité de base d'une carte.
En conclusion ces 2 composants sont typiquement paramétrables et évolutifs afin de réaliser de futurs applications à base de dessins dynamiques et interactifs ou tout Système d'Informations Géographiques plus complexe.

Voir le projet

Sofinco

Simulateur de remboursement de crédit.

image app sofinco

Appliquette ergonomique pour les clients de Sofinco désirant simuler rapidement le nombre et montant des échéances d'un crédit.

Voir le projet

La boite à outils grand public de Promodul (BAO-GP)

Interface graphique d'un système d'évaluation de la performance énergétique d'une maison. (Flash)

image app promodul.bao-gp.com

Promodul est une association des grands intervenants du batiment et du confort thermique. Regroupés autour d'EDF nous trouvons par exemple Lafarge, Bouygues, Airelec, Rockwool, Applimo, Isover, Brossette, Phillips, Siemens, Honeywell, France Energie, Trend, Atlantic, etc.
Par ses formations et actions, Promodul est impliquée tant dans l'amélioration des performances énergétiques de l'habitat que dans la réduction d'émission de gaz à effet de serre (GES).

Cette application permet à tout un chacun d'évaluer les travaux nécessaires à l'amélioration de sa maison individuelle, par une meilleure utilisation de l'énergie et la baisse d'émission de CO2.

image app promodul.bao-gp.com

Flash-line.net a réalisé l'intégration Flash et le développement Action Script de l'interface graphique .
Il s'agit d'une Application Web complexe, hautement paramétrable par le client Promodul lui-même ; afin de pouvoir l'installer chez différents partenaires tout en ayant qu'un seul et unique exécutable à gérer.

Voir la version Promodul.
Voir la version Dexia.

Le Canal des Métiers

Player vidéo FLV (AS3)

lecanaldesmetiers.tv publie des vidéos de qualité sur la plupart des métiers. Vidéos destinées à ses membres (écoles, professeurs, étudiants)

image app lecanaldesmetiers.tv

J'ai ajouté à mon lecteur vidéo les fonctionnalités demandées dont la bascule automatique du protocole rtmp (streaming) vers http, en cas de problème avec le premier.

Voir le site

Actif-Signal

Visionneuses - Slideshow

Actif - Signal créateur d'enseignes lumineuses conçoit la signalétique de ses clients.

image app actif-signal.fr

Il a choisi l'un de mes diaporamas/visionneuses pour présenter ses réalisations.

Voir le site

Art Mural

Site d'un artisan décorateur

A la demande d'ArtMural cette animation contient plusieurs effets typiques de Flash. Certains éléments sont déplaçables par glisser-déposer. L'ensemble se veut fluide avec une navigation agréable pour parcourir les ouvrages de cet artisan créateur.

image app actif-signal.fr

Voir le site

Wenger France

Animation d'un entrepôt en 3D isométrique. Gestion de popUp paramétrable via un fichier xml.

image app actif-signal.fr

Voir le site

SolaireDirect

Widget (Adobe Air)

Appliquette de bureau pouvant être installée aussi bien sur Mac, Linux ou Windows.
Elle affiche en temps réel, la production totale française d'énergie solaire (particuliers et professionnels) . L'application est connectée à un serveur qu'elle interroge en boucle.

image app actif-signal.fr

Les widgets procurent des accès simples et rapides à vos informations métiers stratégiques, à des données ciblées de votre base de données intranet. Cela, sans passer par les détours d'un navigateur, et avec un niveau de sécurité équivalent ou supérieur.

FunSquare

Jeu de réflexion.

FunSquare est un jeu de réflexion réalisé et inventé par votre serviteur. C'est une sorte de Rubik's cube en 2D.

image app FunSquare

La règle est simplissime et le jeu semble facile au début mais plus le joueur avance dans le jeu plus la réussite requiert de la réflexion ! Ne pensez pas "Bof...encore un puzzle !" Il s'agit d'une toute autre logique :)

Jouer en ligne...

Patateman

Jeu de coloriage pour enfants. (Flex et Flash)

Patateman - la mascotte patatifère est un personnage créé par Roland Fuentealba qui nous a demandé de décliner depuis son personnage, plusieurs jeux dont voici le premier.

image app patateman.com

La skin et les assets sont réalisés en Flash dans un swf à part. La mécanique est en Flex.

Voir le site

JamRadio

Radio de musique libre (versions web, widget et smartphone)

JamRadio est une radio pour découvrir et écouter la musique Libre de Jamendo.

image app jamradio web(Version web et widget)

Ecouter en ligne.

Télécharger le widget.    (Adobe Air est requis)


La version smartPhone Android, fonctionne aussi sur tablettes quel que soit le format d'écran.

image 1 app jamradio android

Elle permet d'enregistrer ses favoris ou au contraire de black-lister certains morceaux.

image app jamradio web

Elle propose un choix de 16 canaux -plus "MyRadio" qui permet de stocker les favoris - et permet d'écouter les meilleures sélection du mois de la base Jamendo.


Version Android sur Google Play.

Visionneuse / Slideshow

(Flex / ActionScript)

Navigation directe au sein d'une arborescence de dossiers en ligne . Pas de base de données ni fichier xml à saisir. S'adapte dynamiquement à toutes les tailles d'écran et d'images. Skin et comportement paramétrables.

image app diaporama


Démonstration.

Télécharger :   Windows   /  Linux

Lecteur vidéo Flv

(Flex / ActionScript)

Multi skin, multi - langues ; streaming ou téléchargement progressif ; gestion dynamique de la bande passante ; développé exclusivement avec des outils Libres et ouverts ; 3 niveaux de plein écran , compteurs paramétrables ; affichage taille fixe ou proportionnel à la vidéo etc.

image app lecteur video




Démonstration

Télécharger :   Windows   /  Linux

Map

Système d'Information Géographique (S.I.G).

Ce S.I.G est un outil statistique concernant les hôpitaux de Picardie.

image app sig

Il donne la fréquentation d'un ou plusieurs établissements par canton (cas 1) ou par hôpital (cas 2).
Il possède plusieurs couches d'habillage, infos-bulles d'infos, zoom, impression, main de déplacement, aide en ligne.

Voir le projet : Cas 1 ; Cas 2

CyberBrainTechnology

Site Flash et Php/MySql

Mon premier site professionnel.

image app CBT

J'étais alors employé dans cette entreprise.

Voir le projet

Flashmyadmin

Administration de base de données Open-Source

FMA est une interface Flash d'administration de bases de données MySql. L'accès à toutes les bases, tables, index et champs sur une même page, est instantané.

image 1 app fma

Les données externes (sons, vidéos, images et animations) sont directement "jouées" dans l'application. La lecture des lignes de données se fait en streaming.

image 3 app fma

Import / Export (SQL, XML, CSV, Action Script).

image 2 app fma

Traduction native english/español. FMA se lance dans un navigateur et s'installe sur serveur local ou distant.
FMA est libre, Open source et portable (Install Windows - archives Linux ou Mac).

Démonstration
Plus d'infos
 

Ce site s'adapte à toutes les tailles de téléphone, tablette et écran d'ordinateur.
Mais certaines de ses fonctionnalités sont dégradées ou supprimées quand il tourne sur des navigateurs non-Html5.
Je vous invite donc à tester sa compatibilité Html5 ici.
Si il obtient moins de 300 points, il est recommandé de le mettre à jour. Avec par exemple et dans l'ordre de mes préférences toutes personnelles :
Mozilla Firefox - Google Chrome - Apple Safari - [ ... ...] - Windows IE à partir de sa version 9.