Découverte de l’interface & fonctionnalités de base

1- Créer un projet

Après avoir renseigné vos identifiants de connexion, vous êtes redirigés sur l’écran d’édition des paramètres de votre application.

Commencez par renseigner les informations de base de votre projet, à savoir name et description. Vous pouvez ensuite choisir votre thème en cliquant sur l’une des miniatures.

Le package actuel de Keosu ne propose qu’un seul thème par défaut. Nous verrons ensemble, dans un prochain chapitre, comment créer et importer un thème.

Édition des paramètres de l'application

Une fois ces paramètres renseignés, cliquez sur Valider

Votre projet est désormais créé, en cliquant sur l’icône « œil » sous le logo Keosu, vous pouvez sélectionner le projet sur lequel vous souhaitez travailler. Ici seul le projet que vous venez de créer devrait apparaître dans la liste déroulante.

Vous pouvez travailler sur plusieurs projets d’applications avec une installation unique de Keosu.

 


 

2- Générer des pages

Votre application ne contient aucune page, pour y remédier cliquez sur Manage pages

Cet écran vous permet de créer et de gérer les différentes pages de votre application. Créons notre première page en cliquant sur Add new page

En remplissant ce formulaire vous indiquerez le nom de la page (ex: Home) et une icône (qui sera intégrée dans les menus de navigation)

 

Vous avez la possibilité de cocher l’option Is main. En cochant cette case vous définissez cette page comme page d’accueil de votre application.

Vous ne pouvez définir qu’une seule page « Main », dans le cas contraire un message d’erreur vous sera adressé. à l’inverse, votre application doit obligatoirement posséder une page « Main ».

 

Avant de valider le formulaire, vous devez choisir un template pour votre page en cliquant sur l’une des vignettes.

Le package actuel de Keosu ne propose que quatre templates par défaut. Nous verrons ensemble, dans un prochain chapitre, comment créer et importer ses templates de page.

edit-page

Pour créer votre page, cliquez sur Valider

 


 

3- Créer du contenu

Une fois les pages créées, nous devons créer du contenu à intégrer sur celles-ci.

  • Dans la catégorie CONTENT de notre menu, sélectionnez Import remote Pour importer le contenu d’un Flux RSS, des évènements RSS ou d’ iCalendar.

  • La section Manage article vous permet de gérer et de modifier vos articles. Pour créer un nouvel article, cliquez simplement sur New article.

 Renseignez toutes les informations du formulaire : titre de votre article, son contenu, nom de l’auteur, date de publication, activation ou non des commentaires.

Vous pouvez intégrer une image à votre article : Add a new picture

new-article

Une fois ces éléments renseignés, cliquez sur Envoyer pour publier votre article.

  • Manage location vous permet d’ajouter des lieux, (pour alimenter le Gadget Around Me par exemple)

  • Manage picture permet d’importer et de gérer les images intégrées à votre application

 


 

4- Importer du contenu à vos pages :

Dans la catégorie Manage pages, sélectionnez la page de votre choix en cliquant sur  Edit nomdelapage

L’écran d’édition de page vous permet d’importer et de configurer les différents gadgets de votre page. Selon le template de page choisis, plusieurs zones apparaissent. Pour le template par défaut, deux zones : Body (corps de  votre page) et Menu (barre horizontale de navigation).

gadgets

Sélectionnez la zone de votre choix et choisissez à l’aide du menu déroulant le gadget à intégrer.

  • Around Me, utilise la géolocalisation pour calculer la distance vous séparant des lieux renseignés dans Manage location

  • Article, Intègre une sélection d’articles

  • Authentification, Intègre un formulaire de Login

  • Calendar, vous permet d’utiliser les données importées dans la section Manage Event

  • Contact us, intègre un formulaire de contact

  • Last Article, intègre une sélection d’articles les plus récents

  • Map, intègre une Google Map

  • Menu, intègre un menu de navigation (à intégrer de préférence dans la zone Menu)

  • My Account, vous permet d’intégrer les informations d’un compte

  • Picture, intègre une image

  • Picture gallery, intègre une gallerie d’image

  • RSS, intègre un flux RSS

  • Search fonction de recherche

  • Video, intègre une vidéo

  • Youtube player, intègre une vidéo hébergée sur Youtube

 


 

5- Prévisualiser son projet

La section PREVIEW vous permet d’utiliser l’émulateur intégré PhoneGap

emulateur


 

Découvrez ce cours en vidéo avec Keosu Academy

Programme d'apprentissage de Keosu

Comments are closed, but <a href="https://keosu.com/interface-fonctionnalites-basiques/trackback/" title="Trackback URL for this post">trackbacks</a> and pingbacks are open.