SlideShare une entreprise Scribd logo
1  sur  25
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

Contenu connexe

En vedette (20)

Parsley
ParsleyParsley
Parsley
 
2. projets wm hors wikipédia
2. projets wm hors wikipédia2. projets wm hors wikipédia
2. projets wm hors wikipédia
 
Internet et relations publiques
Internet et relations publiquesInternet et relations publiques
Internet et relations publiques
 
Flex4.5 air3.0
Flex4.5 air3.0Flex4.5 air3.0
Flex4.5 air3.0
 
Mate
MateMate
Mate
 
Journee mondiale du patchwork
Journee mondiale du patchworkJournee mondiale du patchwork
Journee mondiale du patchwork
 
Paris
ParisParis
Paris
 
Journee mondiale du patchwork
Journee mondiale du patchworkJournee mondiale du patchwork
Journee mondiale du patchwork
 
Marinas patricia fran
Marinas patricia franMarinas patricia fran
Marinas patricia fran
 
4. wiki et bibliothèque
4. wiki et bibliothèque4. wiki et bibliothèque
4. wiki et bibliothèque
 
Journee mondiale du patchwork
Journee mondiale du patchworkJournee mondiale du patchwork
Journee mondiale du patchwork
 
CR Univ. d'été CLEO 2011
CR Univ. d'été CLEO 2011CR Univ. d'été CLEO 2011
CR Univ. d'été CLEO 2011
 
Wikipedia - IUT Bordeaux 12/2011 - 3. partenariats
Wikipedia - IUT Bordeaux 12/2011 - 3. partenariatsWikipedia - IUT Bordeaux 12/2011 - 3. partenariats
Wikipedia - IUT Bordeaux 12/2011 - 3. partenariats
 
Le blues du businessman
Le blues du businessmanLe blues du businessman
Le blues du businessman
 
Exposé 66 Les félins2
Exposé 66 Les félins2Exposé 66 Les félins2
Exposé 66 Les félins2
 
Diaporamaths
DiaporamathsDiaporamaths
Diaporamaths
 
La veille numérique
La veille numériqueLa veille numérique
La veille numérique
 
Yves Saint-Laurent. Dossier pédagogique FLE
Yves Saint-Laurent. Dossier pédagogique FLEYves Saint-Laurent. Dossier pédagogique FLE
Yves Saint-Laurent. Dossier pédagogique FLE
 
Cartes vocabulaire art
Cartes vocabulaire artCartes vocabulaire art
Cartes vocabulaire art
 
Capital marque fast food
Capital marque fast foodCapital marque fast food
Capital marque fast food
 

Similaire à Demokopen

Presentation du-bureau-virtuel-html5-itsal
Presentation du-bureau-virtuel-html5-itsalPresentation du-bureau-virtuel-html5-itsal
Presentation du-bureau-virtuel-html5-itsalKBNTIC
 
Presentation du-bureau-virtuel-html5-itsal
Presentation du-bureau-virtuel-html5-itsalPresentation du-bureau-virtuel-html5-itsal
Presentation du-bureau-virtuel-html5-itsalKBNTIC
 
Storyboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and ToolsStoryboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and ToolsEric DI POL
 
Projet de semestre / 1ére partie / partage de contenus multimédias
Projet de semestre / 1ére partie / partage de contenus multimédiasProjet de semestre / 1ére partie / partage de contenus multimédias
Projet de semestre / 1ére partie / partage de contenus multimédiasLaurent Moccozet
 
La puissance des pseudo-éléments
La puissance des pseudo-élémentsLa puissance des pseudo-éléments
La puissance des pseudo-élémentsGeoffrey Croftє
 
SharePoint Framework : le développement SharePoint nouvelle génération
SharePoint Framework : le développement SharePoint nouvelle générationSharePoint Framework : le développement SharePoint nouvelle génération
SharePoint Framework : le développement SharePoint nouvelle générationMicrosoft Technet France
 
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)Steren Giannini
 
Introduction à TeamCity
Introduction à TeamCityIntroduction à TeamCity
Introduction à TeamCityUlrich VACHON
 
eXo Platform - Votre plateforme de travail collaboratif
eXo Platform - Votre plateforme de travail collaboratifeXo Platform - Votre plateforme de travail collaboratif
eXo Platform - Votre plateforme de travail collaboratifeXo Platform
 
Nouveautés 2009
Nouveautés 2009Nouveautés 2009
Nouveautés 2009XWiki
 

Similaire à Demokopen (20)

Edweb2.0
Edweb2.0Edweb2.0
Edweb2.0
 
Silverlight
SilverlightSilverlight
Silverlight
 
Silverlight
SilverlightSilverlight
Silverlight
 
Presentation du-bureau-virtuel-html5-itsal
Presentation du-bureau-virtuel-html5-itsalPresentation du-bureau-virtuel-html5-itsal
Presentation du-bureau-virtuel-html5-itsal
 
Presentation du-bureau-virtuel-html5-itsal
Presentation du-bureau-virtuel-html5-itsalPresentation du-bureau-virtuel-html5-itsal
Presentation du-bureau-virtuel-html5-itsal
 
test
testtest
test
 
Storyboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and ToolsStoryboarding for the web : Methodology and Tools
Storyboarding for the web : Methodology and Tools
 
Schede ws lione
Schede ws lioneSchede ws lione
Schede ws lione
 
Google drive
Google driveGoogle drive
Google drive
 
Projet de semestre / 1ére partie / partage de contenus multimédias
Projet de semestre / 1ére partie / partage de contenus multimédiasProjet de semestre / 1ére partie / partage de contenus multimédias
Projet de semestre / 1ére partie / partage de contenus multimédias
 
Presentation platform flash
Presentation platform flashPresentation platform flash
Presentation platform flash
 
Tableaux blancs 2.0
Tableaux blancs 2.0 Tableaux blancs 2.0
Tableaux blancs 2.0
 
L'univers Android
L'univers AndroidL'univers Android
L'univers Android
 
La puissance des pseudo-éléments
La puissance des pseudo-élémentsLa puissance des pseudo-éléments
La puissance des pseudo-éléments
 
SharePoint Framework : le développement SharePoint nouvelle génération
SharePoint Framework : le développement SharePoint nouvelle générationSharePoint Framework : le développement SharePoint nouvelle génération
SharePoint Framework : le développement SharePoint nouvelle génération
 
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
Conquérir l'internet des objets avec les technologies web. (Kiwi Party 2012)
 
Introduction à TeamCity
Introduction à TeamCityIntroduction à TeamCity
Introduction à TeamCity
 
eXo Platform - Votre plateforme de travail collaboratif
eXo Platform - Votre plateforme de travail collaboratifeXo Platform - Votre plateforme de travail collaboratif
eXo Platform - Votre plateforme de travail collaboratif
 
Nouveautés 2009
Nouveautés 2009Nouveautés 2009
Nouveautés 2009
 
Silverlight 4
Silverlight 4Silverlight 4
Silverlight 4
 

Demokopen

  • 1.
  • 2.
  • 3. 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
  • 4.
  • 5. 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
  • 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.
  • 8.
  • 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
  • 14.
  • 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