La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

J-C Armici / Ph. Schutz. Physicien, enseignant en informatique Cartes perforées, Turbo Pascal, Delphi, Java, C# www.facile.ch Très attaché au bon sens.

Présentations similaires


Présentation au sujet: "J-C Armici / Ph. Schutz. Physicien, enseignant en informatique Cartes perforées, Turbo Pascal, Delphi, Java, C# www.facile.ch Très attaché au bon sens."— Transcription de la présentation:

1 J-C Armici / Ph. Schutz

2 Physicien, enseignant en informatique Cartes perforées, Turbo Pascal, Delphi, Java, C# Très attaché au bon sens Informaticien Créateur indépendant CT Technologies, Inc. Commodore 64, Turbo Pascal, Delphi, C#, Linq ASP.NET, Ajax Graphiste et dessinateur dicônes Philippe Schutz Jean-Claude Armici

3 Introduction Où se situe WPF ? Pourquoi lergonomie et le design ? Nouveau partage des rôles Avantages pour le designer et le développeur Et la 3D, alors ? Questions Toutes les expressions/illustrations désignant des personnes concernent aussi bien les femmes que les hommes

4 Ergonomie = bon sens Design = aspect visuel Peu de code Démonstrations visuelles La présentation complète Expression Blend 3 !

5

6 Microsoft Expression Design Microsoft Expression Blend

7 Web Applications Windows Silverlight WPF HTML / XHTML WinForm Console ASP.NET

8 Indépendance de la résolution décran Meilleure compréhension: Approche visuelle (animation, modélisation…) Augmentation du réalisme Accessibilité: Taille des polices Thèmes (contraste, couleurs,…)

9 Mise en valeur de la créativité Applications à forte identité Exploitation optimale du matériel Concrétisation des idées

10 Concerne tout et tout le monde Adéquation humain – machine Ergonomie physique (caractéristiques physiologiques) Ergonomie mentale (fonctionnement cognitif) But: améliorer les conditions dutilisation Trouver les dysfonctionnements, les résoudre

11 Importance croissante des IHM Nécessité de connaître lutilisateur Comportement Habitudes Eye Tracking Utilité (servir un besoin) Utilisabilité (facilité, efficacité, satisfaction…) Distinction entre web et applications

12 Réf.

13

14 Design = esthétique / look Importance de laspect visuel (qualité perçue) Lesthétique favorise lutilisabilité La beauté est subjective et culturelle Une belle interface rend indulgent

15 Les outils: Expression Blend & Design Intégrer le design à la conception Importance de lémotion sur la perception Libérer la créativité

16

17

18

19

20 Projet V-City Cartographie dynamique 2004

21

22 DesignerDéveloppeur

23 Bonne connaissance des deux domaines Connexion du code et du design Resources, templates et styles Databind Commandes, événements Ajout des animations (scénarios) Création déléments visuels (UserControl)

24 Intégration dans le processus de conception Richesse des moyens à disposition: Mode vectoriel natif Partage de la charte graphique Effets spéciaux (ombre, flous, etc) Import des formats.ai et.pdf Non confiné au graphisme pur Moins de contraintes techniques

25 Se recentre sur son activité première Développe une logique métier Apporte des fonctionnalités Interface utilisateur 100% objet XAML simplifie le développement

26

27 Version de départ 2004 ASP.NET 1.1

28 Maquette de disposition des éléments

29

30

31

32

33

34

35 Designer Développeur Intégrateur

36

37 Right=0 Top=0 Right=0 Top=0 Left=0 Top=0 Left=0 Top=0 Right=0 Bottom=0 Left=340 Top=220 Left=340 Top=220 Positionnement en absolu (x,y)

38 Empilage vertical ou horizontal des éléments

39 Positionnement en continu (horizontal ou vertical)

40 Left Top Right Positionnement par ancrage

41 Positionnement sur une grille dont les cellules ont les mêmes dimensions

42 Width=* Width=100 Dimensions Absolues (par ex. pixels) Auto-ajustement (*) Proportionnelles (%) Width=* Width=100 Width=* Width=100 Width=2* Width=* Multicolonnes Multilignes RowSpan et ColSpan

43 Interaction plus naturelle 3D native dans WPF 2D et 3D : même méthodologie Symbiose 2D / 3D dans la même application Parfois la 3D est nécessaire

44 Caméras (vue perspective ou orthographique) Objets et scènes Éclairages (ambiant, directionnel, ponctuel ou spot) Textures et matériaux Transformations Animations

45

46 Exemples et pptx de cette présentation Outils commerciaux utiles Documentations / références Divers Ergonomie / web (Steve Krug) (Jacob Nielsen)

47

48 14 – 15 avril 2010, CICG

49 Classic Sponsoring Partners Premium Sponsoring Partners

50


Télécharger ppt "J-C Armici / Ph. Schutz. Physicien, enseignant en informatique Cartes perforées, Turbo Pascal, Delphi, Java, C# www.facile.ch Très attaché au bon sens."

Présentations similaires


Annonces Google