Notebooks & Tablet PCs ADVANCED STYLISTIC Q550                           Usability & User Experience                      ...
Sur un navigateur internet se connecter sur le lien suivant : (lors de la premièreutilisation sur Mozilla ou Safarie, télé...
   Ajout de fonction par    drag and drop   Positionnement    manuel en faisant    glisser l’objet   Dimension manuel p...
   Ajout de fonction par drag and    drop   Propriété de position et de    taille de l’objet : Dans les    propriété de ...
   4 onglets :       Projet : permet d’agir sur le projet dans sa globalité       Formulaire : permet d’agir sur une pa...
   Page principale de travail       Permet de déplacer, dimensionner, ajouter des        fonctions       Donne un aperç...
   Permet de manipuler l’ordre des pages du    projet   Donne une vue global du projet   Utile pour les liens vers les ...
   Liste les fonctions à insérer par drag and drop   Possibilité de choisir selon son OS
   Zoom   Liste des objet sans données    chargée   Liste des objets de la page    avec les informations de    position...
   Nouveau projet : sélectionner « nouveau » (1)    dans la barre d’outil du projet.       La fenêtre des propriétés du ...
   Propriétés d’un projet :Concernent toutes lesparticularités du projettel qu’il sera vue sur lecoverflow du viewer et l...
   La Barre d’outil permet de :     Créer un nouveau formulaire (1)     Supprimer le formulaire courant (2)     Dupliq...
   S’ajoute par drag and drop   Manipulé grâce à la barre d’outil de la même manière    que le formulaire grâce aux outi...
  Basiques : toute lesfonctions d’affichage debase d’un catalogue Sélection : Fonctionde sélection de donnéesPour un for...
1.   Champ libellé : affiche du texte2.   Champ de saisie : permet la saisie de texte dans le viewer3.   Bouton : permet d...
1.   Checkbox : permet de créer une checkbox (case à cocher pour valider du     texte, plusieurs checkbox peuvent être val...
1.   Flash : insert un fichier flash (swf) dans la page.2.   Vidéo: insert une vidéo dans la page (format standard :     m...
   Différents dossier dans l’environnement       Dossier de développement : le projet n’est pas        distribué ne sert...
Demokopen
Demokopen
Demokopen
Demokopen
Demokopen
Demokopen
Demokopen
Prochain SlideShare
Chargement dans…5
×

Demokopen

212 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
212
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1
Actions
Partages
0
Téléchargements
4
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Demokopen

  1. 1. Notebooks & Tablet PCs ADVANCED STYLISTIC Q550 Usability & User Experience • Integrated WLAN and Bluetooth • Multiple touch input • Lightweight • Superior ergonomics Content Creation and Collaboration • Swappable battery • Anti-glare wide-angle display for indoor and outdoor use • Content creation with pen and finger • On-screen keyboard Security and Manageability • Fingerprint sensor, advanced Theft Protection (ATP), SmartCard reader • Seamless integration with existing IT infrastructures due to Windows 7
  2. 2. Sur un navigateur internet se connecter sur le lien suivant : (lors de la premièreutilisation sur Mozilla ou Safarie, télécharger puis installer le plugin silverlight)http://kopen.kinetical.com/KSALES3.Dissenyador/KS3Dissenyador.aspx#/pages/pageDesign.xaml 10134 OrangeLab OrangeLab
  3. 3.  Ajout de fonction par drag and drop Positionnement manuel en faisant glisser l’objet Dimension manuel par étirage des coins.
  4. 4.  Ajout de fonction par drag and drop Propriété de position et de taille de l’objet : Dans les propriété de l’objet  Choix de la position du coin supérieur gauche sur les axes horizontal et vertical en nombre de pixel.  Choix de la taille en nombre de pixel en largeur et en hauteur.
  5. 5.  4 onglets :  Projet : permet d’agir sur le projet dans sa globalité  Formulaire : permet d’agir sur une page du projet  Fonction : permet d’agir sur chaque fonction individuellement  Aide : permet d’accéder à l’aide en ligne
  6. 6.  Page principale de travail  Permet de déplacer, dimensionner, ajouter des fonctions  Donne un aperçu de la page tel qu’elle sera vue dans le projet
  7. 7.  Permet de manipuler l’ordre des pages du projet Donne une vue global du projet Utile pour les liens vers les formulaires
  8. 8.  Liste les fonctions à insérer par drag and drop Possibilité de choisir selon son OS
  9. 9.  Zoom Liste des objet sans données chargée Liste des objets de la page avec les informations de position et de taille
  10. 10.  Nouveau projet : sélectionner « nouveau » (1) dans la barre d’outil du projet.  La fenêtre des propriétés du projet s’ouvre Pour en reprendre un projet existant sélectionner « ouvrir » (2) dans la barre d’outil.  Le projet s’ouvre et peut être édité
  11. 11.  Propriétés d’un projet :Concernent toutes lesparticularités du projettel qu’il sera vue sur lecoverflow du viewer et lorsde sa lecture. Les champs obligatoires à remplir sont (encadré en rouge) :  Le nom du projet  Titre du projet  Taille du formulaire
  12. 12.  La Barre d’outil permet de :  Créer un nouveau formulaire (1)  Supprimer le formulaire courant (2)  Dupliquer le projet courant (3)  Modifier l’emplacement du formulaire dans le projet (4, 5)  Le propriétés du formulaire (6)
  13. 13.  S’ajoute par drag and drop Manipulé grâce à la barre d’outil de la même manière que le formulaire grâce aux outils suivants :  Copier / coller : copie/colle l’objet sélectionné avec les mêmes propriétés exactement (y compris le propriété de position) (1, 2)  Supprimer : supprimer l’objet sélectionné (3)  Placer devant/derrière (4, 5) : permet de mettre l’objet au premier ou au deuxième plan.  Propriété : permet de modifier les objets grâce aux propriété spécifique de chaque fonction (exemple : ajouter une image, un texte, etc)
  14. 14.  Basiques : toute lesfonctions d’affichage debase d’un catalogue Sélection : Fonctionde sélection de donnéesPour un formulaire Multimédia : ajout defonction permettantl’utilisation de rich média
  15. 15. 1. Champ libellé : affiche du texte2. Champ de saisie : permet la saisie de texte dans le viewer3. Bouton : permet de créer un bouton avec un image et un texte donnant un effet de profondeur lors du passage de la souris4. Image : permet l’affichage d’une image simple5. Web : insère une fenêtre web à la page s’ouvrant sur un lien précisé6. Ardoise : permet d’insérer une ardoise dans la page. L’ardoise permet de dessiner sur un page vierge ou sur une image chargée.
  16. 16. 1. Checkbox : permet de créer une checkbox (case à cocher pour valider du texte, plusieurs checkbox peuvent être validées sur une page)2. Combo : permet de créer une combo (liste déroulente à choix multiple)3. Radio : permet de créer un radio bouton qui permet de valider comme une checkbox mais dont un seul bouton peut être validé sur une page)4. Signature: permet de créer un champ de saisie manuel (avec un stylet ou le doigt) pour enregistrer une signature.5. Liste: Insert un champ de recherche associé a une grande liste de données6. Date : permet d’insérer un calendrier pour choisir et enregistrer une date.
  17. 17. 1. Flash : insert un fichier flash (swf) dans la page.2. Vidéo: insert une vidéo dans la page (format standard : mp4, avi, wmv)3. File: permet d’insérer un lien ouvrant n’importe quel type de fichier prix en charge par le dispositif ciblé. (ex : pdf, exe, …)4. Galerie: permet d’insérer une galerie d’image sous forme de livre (page a tourner)
  18. 18.  Différents dossier dans l’environnement  Dossier de développement : le projet n’est pas distribué ne sert qu’a développer.  Autres dossiers : Chaque dossier correspond a un PC/Tablette/SmartPhone

×