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
Sur un navigateur internet se connecter sur le lien suivant : (lors de la première
utilisation 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
   Ajout de fonction par
    drag and drop


   Positionnement
    manuel en faisant
    glisser l’objet


   Dimension manuel par
    étirage des coins.
   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.
   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
   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
   Permet de manipuler l’ordre des pages du
    projet
   Donne une vue global du projet
   Utile pour les liens vers les formulaires
   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 et de taille
   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é
   Propriétés d’un projet :
Concernent toutes les
particularités du projet
tel qu’il sera vue sur le
coverflow du viewer et lors
de sa lecture.

   Les champs obligatoires à remplir sont (encadré
    en rouge) :
       Le nom du projet
       Titre du projet
       Taille du formulaire
   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)
   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)
  Basiques : toute les
fonctions d’affichage de
base d’un catalogue

 Sélection : Fonction
de sélection de données
Pour un formulaire

   Multimédia : ajout de
fonction permettant
l’utilisation de rich média
1.   Champ libellé : affiche du texte

2.   Champ de saisie : permet la saisie de texte dans le viewer

3.   Bouton : permet de créer un bouton avec un image et un texte
     donnant un effet de profondeur lors du passage de la souris

4.   Image : permet l’affichage d’une image simple

5.   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.
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ées

6.   Date : permet d’insérer un calendrier pour choisir et enregistrer une date.
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)
   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
Demokopen
Demokopen

Demokopen

  • 3.
    Notebooks & TabletPCs 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
  • 5.
    Sur un navigateurinternet se connecter sur le lien suivant : (lors de la première utilisation 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
  • 6.
    Ajout de fonction par drag and drop  Positionnement manuel en faisant glisser l’objet  Dimension manuel par étirage des coins.
  • 7.
    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.
  • 9.
    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
  • 10.
    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
  • 11.
    Permet de manipuler l’ordre des pages du projet  Donne une vue global du projet  Utile pour les liens vers les formulaires
  • 12.
    Liste les fonctions à insérer par drag and drop  Possibilité de choisir selon son OS
  • 13.
    Zoom  Liste des objet sans données chargée  Liste des objets de la page avec les informations de position et de taille
  • 15.
    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é
  • 16.
    Propriétés d’un projet : Concernent toutes les particularités du projet tel qu’il sera vue sur le coverflow du viewer et lors de sa lecture.  Les champs obligatoires à remplir sont (encadré en rouge) :  Le nom du projet  Titre du projet  Taille du formulaire
  • 17.
    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)
  • 18.
    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)
  • 19.
     Basiques: toute les fonctions d’affichage de base d’un catalogue  Sélection : Fonction de sélection de données Pour un formulaire  Multimédia : ajout de fonction permettant l’utilisation de rich média
  • 20.
    1. Champ libellé : affiche du texte 2. Champ de saisie : permet la saisie de texte dans le viewer 3. Bouton : permet de créer un bouton avec un image et un texte donnant un effet de profondeur lors du passage de la souris 4. Image : permet l’affichage d’une image simple 5. 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.
  • 21.
    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ées 6. Date : permet d’insérer un calendrier pour choisir et enregistrer une date.
  • 22.
    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)
  • 23.
    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