FORMATION K-OPEN DESIGNER

K-OPEN Designer

Notebooks & Tablet PCsADVANCED STYLISTIC Q550

Usability & User Experience• Integrated WLAN and Bluetooth• Multiple touch input• Lightweight• Superior ergonomicsContent Creation and Collaboration• Swappable battery• Anti-glare wide-angle display for

indoor and outdoor use• Content creation with pen and finger• On-screen keyboardSecurity and Manageability• Fingerprint sensor, advanced Theft

Protection (ATP), SmartCard reader• Seamless integration with existing IT

infrastructures due to Windows 7

Accès d’un projet existant 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

Design à la souris

Ajout de fonction par drag and drop

Positionnement manuel en faisant glisser l’objet

Dimension manuel par étirage des coins.

Design au pixel prêt

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.

Organisation de la page

Organisation de la page : La barre d’outil (1)

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

Organisation de la page : aperçu du projet (2)

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

Organisation de la page : liste des formulaires/pages (3)

Permet de manipuler l’ordre des pages du projet

Donne une vue global du projet Utile pour les liens vers les formulaires

Organisation de la page : liste des fonctions (4)

Liste les fonctions à insérer par drag and drop

Possibilité de choisir selon son OS

Organisation de la page : accès pratique aux informations de la page (5)

Zoom

Liste des objet sans données chargée

Liste des objets de la page avec les informations de position et de taille

Créer un projet avec K-OPEN Designer

Création/reprise d’un projet d’un projet

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é

Création d’un projet

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

Création d’un 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)

Création, ajout d’une fonction

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)

Les fonctions K-OPEN

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

Les fonctions K-OPEN :Les fonctions basique

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.

Les fonctions K-OPEN :Les fonctions basique

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.

Les fonctions K-OPEN :Les fonctions basique

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)

Sauvegarde du projet

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

?Des Questions

Merci de votre attention

A vous de jouer!!