Développement dun simulateur dinterface graphique à distance Présenté par Michaël Delhaye Promoteur : Jean Vanderdonckt.

Slides:



Advertisements
Présentations similaires
1 JavaScript V0 : Nauer. 2 JavaScript Quid ? Langage de programmation lié à HTML. Code JavaScript intégré aux pages HTML. Code interprété par le navigateur.
Advertisements

CRÉER UNE APPLICATION INTERNET RELIEE A UNE BASE DE DONNEES
« Les Mercredis du développement » Introduction Office « 12 » Présenté par Bernard Fedotoff Microsoft Regional Director Agilcom.
Conception de Site Webs dynamiques Cours 6
Conception de Site Webs Interactifs Cours 4
Le developpement web  Préparé par : ASSAL Lamiae JAMALI Zakarya
Une solution personnalisable et extensible
Internet.
Nairobi, Kenya, Septembre 2010
INTRODUCTION INTRODUCTION ERGONOMIE Tri par cartes Formulaires Interface Installation Lanceur Documentation TECHNOLOGIES XML + XSL CSS Formulaires génériques.
Exposé de Système - Informatique et Réseau
E-Force : Le commerce du futur
SVG: Scalable Vector Graphics Exemple: Vienne Christine Potier, INF347, 20 juin 2008.
Projet Webase. I. La définition du projet 1. Lexistant : Webase 4 2. Cahier des charges 3. La répartition des données 4. Le modèle de données 5. Le choix.
Design Pattern MVC En PHP5.
Cours Visual Basic pour Application
Présentation des frameworks pour Java EE
Comparatif des différents CMS Les CMS de E-commerce.
PROJET HANDICAPS Certificat de Qualification Professionnelle
Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe.
2006/2007Denis Cabasson – Programmation Web Cours de programmation web ENSAE
JAVASERVER FACES Un framework Java pour le développement Web.
Comprendre l’environnement Web
Applications Chapitre B17 et C18
ISICIL SWEETDEKI Intégration du logiciel Mindtouch Core dans la plate-forme ISICIL Guillaume HUSSON.
Développement d’application web
Soutenance du 02/02/07 Tuteur de projet : Peter SANDER
Clients riches RIA (Rich Internet Application) / RDA
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
Projet CONSULTING SA : GSA ( Gestion du suivi d’activités)
Retour dexpérience Supportech INSA.NET Daniel Boteanu – Michaël Piffret.
Les feuilles de style CSS
JEE 5 F.Pfister 2 institut eerie JEE – Une plateforme serveur  Développement et exécution d'applications réparties.
LES CLIENTS WEB RICHES Tuteur : Olivier CARON LEFEBVRE Benoit
Jquery.
PHP & My SQL.
0 Objectifs de la session n°1  Revenir sur toutes les bases théoriques nécessaires pour devenir un développeur Web,  Découvrir l’ensemble des langages.
AngularJS.
Cours de programmation web
« Le plaisir du chercheur : retrousser les jupes de la nature » Jean Rostand Proposer une « Interface Homme Machine » en utilisant une technologie Client.
S'initier au HTML et aux feuilles de style CSS Cours 5.
Architecture d’une application WEB Statique:
Présentation du framework JSF (Java Server Faces) dans le modèle événementiel MVCII
Présentation du développement du projet.  Introduction  Conception et méthodes  Developpement  Conclusion 2.
Introduction au socle MEAN
AJAX.
S'initier au HTML et aux feuilles de style CSS Cours 5.
Initiation au JavaScript
d’une plateforme web géo-décisionnelle
Architecture logicielle
Les langages de programmation
11 Un tour d’horizon des dernières technologies Web 9 Février 2010 Simon FERQUEL Développeur Access it Adrien SIFFERMANN PDG Imajin.
Présentation ESTRABOX
Interface de génération de blason Projet STLM.GIBERT / M.LIPPMANN.
Développement et design Web Awaves academy Stockholm 2006.
Séance /10/2005 CSS et Dreamweaver. CSS : principes Cascading Style Sheet = feuille de style en cascade Norme du W3C :
Séance /10/ Projet de site dynamique avec Dreamweaver : MyCMS
Les évolutions du WEB Des technologies,... et un peu plus...
Apports des clients riches dans le monde du WEB 2.0
Présentation et prise en main
Lellouche Aaron ITIC Paris
Objectifs du développement Des agendas culturels et services quotidiens de La Libre Belgique et de La Dernière Heure et proposera des services d’informations.
Séminaire de rentrée cours de programmation web & Wordpress
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
1 Web App Pourquoi une Web App au lieu d’une application native? 26 janvier 2012  Créer une application universelle  Durée de vie « infinie »  Plus.
Parquet Geoffrey 3 ARIL EXIA.CESI ARRAS. Présentation du MLD Présentation de la persistance Présentation récapitulatif du projet JSP/SERVLET MVC Cycle.
APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Valérie Bellynck, Benjamin Brichet-Billet, Mazen.
Révisions pour l’exam L2 Informatique Obligatoire.
1 Programmation Web Programmation WAMP/LAMP Premiers principes.
Les technologies AJAX.
Transcription de la présentation:

Développement dun simulateur dinterface graphique à distance Présenté par Michaël Delhaye Promoteur : Jean Vanderdonckt

Plan Objectifs Résultats Avantages / Inconvénients Démo / Exemples

Objectifs Diffusion de prototypes dinterfaces graphiques Interpréteur usiXML Interprétation à distance Dans le navigateur Internet

Plugin pour navigateur ? Plugin implémenté en langage C Peu de bibliothèques disponibles Tout le rendu graphique doit être écrit Une version par plateforme et navigateur Installation à réaliser côté client + mises à jour

Extension pour navigateur ? Extension programée en javascript Dépend du navigateur Ne permet pas de prendre en charge de nouveaux formats de fichiers Possibilité de peut-être appliquer un style aux fichiers XML mais solution peu propre Même problème dinstallation / mise à jour

Résultats

Solution Utilisation du moteur de rendu du navigateur Interprétation côté serveur Interprétation par le navigateur du code généré

HTML & CSS insuffisant Nombreux widgets indisponibles : Barre de progression Sélecteur de date Sliders Boîtes de dialogue … Pas de redimenssionnement possible

Solution jQuery Conteneurs et widgets interprétés jQueryCSSHTML

Architecture Interpréteur réalisé en architecture client / serveur Langage PHP côté serveur Pattern MVP

Côté clientCôté serveur Fenêtres interprététes sous forme HTML avec CSS & JS Réception des requêtes HTTP Interraction avec le modèle Classes usiXML Templates Présentateur Vue Modèle Fichiers source usiXML Vue Conversion, transfert & listage Invocation des templates Accueil de lapplication

Conteneurs pris en charge WindowBox BorderBox (T,L,C,R,B) flowBoxspace

Widgets pris en charge inputTextoutputTextbuttontoggleButton radioButtoncheckBoxslidercursor comboBoxdatePickerfilePickerprogressionBar

Avantages / Inconvénients

Inconvénients Nécessité dun serveur (web+php) Interprétation hors-ligne pas possible

Qualités logiciel Pas dinstallation côté client Pas de mises à jour à diffuser Peu de pré-requis côté serveur Autres modes dinterprétation envisageables Maintenance facilitée

Fonctionnement à distance Interprétation à distance : dun fichier se trouvant sur le serveur dun fichier présent à une URL distante Interprétation via URL

Démo / Exemples

Questions / réponses