Archives de la catégorie smartphone

Mettre à jour la documentation développeur Ubuntu UI toolkit

Bonjour,

aujourd’hui je vais vous présenter un petit tuto qui vous montre la marche à suivre pour contribuer à la documentation ubuntu touch. En effet, un des gros problèmes avec ubuntu ui toolkit, c’est que la doc est encore loin d’être à jour. Donc si vous suivez l’actualité et que vous voulez donner un coup de main, n’hésitez pas à contribuer !

  • Premièrement, il vous faudra un compte sur le launchpad Ubuntu UI toolkit et configurer votre clés ssh (je vous laisse allez sur votre profile et suivre les instructions)
  • Dans un second temps, il faut savoir que launchpad utilise bazar comme gestionaire de version (C’est très semblable à git).

Il faut cloner la branch staging (qui est la branche des modifications en cours) :

bzr branch lp:ubuntu-ui-toolkit/staging

  • Dans un troisième temps, nous allons modifier le fichier et créer notre branche sur bazar.

Pour cela, il faudra ouvrir le projet avec un qtCreator (ou même un simple editeur texte).

Dans mon cas, j’ai voulu modifier la documentation du composant Popover afin qu’il utilise la dernière version du composant ListItem (l’ancien étant deprecatied car non performant).

J’ai donc ouvert le fichier « staging/src/Ubuntu/Components/Popups/1.3/Popover.qml » pour y modifier l’exemple de la documentation.

En faisant un bzr status  vous pourrez voir la liste des fichiers modifier et ajouter le votre avec bzr add <chemin-vers-le-fichier> .

il ne vous reste à commiter les changements : bzr commit -m "<commentaire>" , et les publiers sur votre branche bzr push lp:~/ubuntu-ui-toolkit/<nom-de-la-branche> .

  • Quatrièmement, il faudra faire votre pull request à la team ubuntu pour que les changements soit accepté !

Il faudra vous rendre sur la page du  launchpad Ubuntu UI toolkit (https://code.launchpad.net/~z-admin-angels-gmail-com/ubuntu-ui-toolkit/<nom-de-votre-brance>)  et cliquez sur « Propose for merging ».

Quand à la branche, il faudra choisir « other » et mettre  » lp:ubuntu-ui-toolkit/staging  » afin de bien spécifier la branche staging.

Et voila,  une fois que vous aurez saisis le formulaire, votre contribution seras soumis à validation 🙂

Pas de commentaire

Modifier les raccourcis d’applications ubuntu touch

Bonjour à tous,

Ayant récemment fait l’acquisition d’un ubuntu touch, j’ai décider d’ouvrir une section où je posterais des petites astuces que je trouve.

 

Pour inaugurer cette nouvelle catégorie, nous allons voir comment modifier les raccourcis d’applications ubuntu touch.

 

Pour remplacer l’icône de l’horloge par l’excellente application de mail Dekko, il vous suffit d’entrer cette ligne de commande :

gsettings set com.canonical.Unity.ClickScope core-apps '["dialer-app", "messaging-app", "address-book-app", "com.ubuntu.camera_camera", "webbrowser-app", "dekko.dekkoproject"]'

 

Vous pouvez vous amusez à la taper à la main depuis votre smartphone (en utilisant l’application terminal) ou alors vous pouvez le faire depuis votre desktop, pour ce faire suivez les étapes suivantes :

  1. Activer le mode développeur (pour activer le mode développeur il faut avoir activer le passcode). Allez dans « System setting » -> « about this phone »  -> « developper mode »
  2.  Connecter le téléphone au pc via USB
  3. Déverrouiller l’écran (c’est une sécurité, pour que le pc puisse accéder au portable il faut déverrouillé l’écran du téléphone)
  4. Dans votre terminal (desktop), pour vous connecter au téléphone,  taper : adb shell
  5.  Ensuite entrer la ligne de commande pour ajouter l’icône Dekko : gsettings set com.canonical.Unity.ClickScope core-apps '["dialer-app", "messaging-app", "address-book-app", "com.ubuntu.camera_camera", "webbrowser-app", "dekko.dekkoproject"]'

Et voici le résultat :

ubuntu-touch-screenshot

Si jamais vous voulez ré-initialiser les raccourcis par défaut :

gsettings reset com.canonical.Unity.ClickScope core-apps

 

, ,

Pas de commentaire

Création d’une application ubuntu – jour 4

Navigation sous ubuntu touch

Dans le projet que nous venons d’ouvrir il y a des exemples d’utilisation de presque tous les composants ubuntu, mais pas pour la navigation. Nous allons donc voir comment faire un système de navigation.

Il existe deux façon de naviguer sur ubuntu touch : PageStack et Tabs. Nous allons étudiez chacun des deux composants.

Utiliser la navigation avec le composant PageStack

Pour utiliser pageStack il faut aller sur la documentation officiel pour prendre connaissance des règles de design (comme indiqué sur l’image ci-dessous) :

Lire la suite »

, , ,

Pas de commentaire

Création d’une application pour ubuntu touch – jour 3

Utilisation du toolkit de démonstration d’ubuntu touch

Bonjour à tous.

Après avoir passez les deux étapes préliminaires, nous allons tout doucement passez au cœurs du développement de l’application. Mais avant de commencer le développement à proprement parlé, je vous invite à vous familiarisé avec les conventions de design sous ubuntu touch en découvrant le kit de d’utilisation (toolkit) d’ubuntu ui (user interface) .

Ubuntu ui – toolkit

Lorsque vous avez installé le sdk ubuntu, vous avez aussi installé de petit exemples d’utilisations des composants ubuntu.

Dans ce bref tutoriel, nous allons nous intéresser aux différents composants existant pour ubuntu touch.

 

Ouverture du toolkit

Le projet est situé dans le répertoire « /usr/lib/ubuntu-ui-toolkit/examples/ »

Dans Qt, faire CTRL + o pour ouvrir un nouveau projet, puis collez /usr/lib/ubuntu-ui-toolkit/examples/ dans la barre de location, comme dans l’exemple ci-dessous :

Lire la suite »

, , ,

Pas de commentaire

Ubuntu touch – Comment parser une API JSON dans un ListView

Bonjour à tous,

Dans ce petit tutoriel rapide on va voir comment récupérer les données d’une API JSON et de les afficher dans un ListView. Voici un petit exemple du résultat final :

JSON to ListView

Qt fournis déjà une petite feature l XMLListModel qui permet de paser aisément du XML. Malheureusement aucun component ne permet de le faire en JSON.

Un peut partout sur le net on trouve des petites bidouilles pour le faire via du javascript. L’utilisation du javascript pure est simple et efficace. Le seul bémol c’est lorsqu’on commence à avoir une API un petit peut compliqué, le code deviens très vite désorganisé.

Heureusement, la nature ayant horreur du vide. Un grand merci à  Romain Pokrzywka qui nous à préparer un petit component pour parser du JSON : JSONListModel. C’est beaucoup plus propre que d’utiliser du javascript pure.

Il suffit de télécharger les fichier JSONListModel.qml et jsonpath.js. Insérer les dans votre projet et le tour est joué.

Lire la suite »

, , , , ,

Pas de commentaire

Comment mettre un background à un TextField

Bonjour à tous,

aujourd’hui je vous fais découvrir une petite astuce, toute simple pour pouvoir mettre un background à un TextField. Ce petit trick ne casse pas des briques mais ça fais un bon petit aide mémoire.

Il faut préférer l’utilisation d’un « TextField » plutôt qu’un « TextInput« , grâce à cela vous pourrez utiliser « TextFieldStyle » qui permet de personnalisé le TextField.

Et voici le rendu :

textField

 

Source

, , , ,

Pas de commentaire

Création d’une application pour ubuntu-touch – jour 2

Création d’une application pour ubuntu-touch – jour 2

 

[Jour 2] – Créer ça première application

Dans cette article on va voir comment créer notre première application qui compile sur desktop et mobile. Je vous préviens ça commenceras à devenir intéressant à partir du prochain article !

Let’s Go

Tout d’abord retourné sur l’écran d’accueil et cliquez sur « Create a new Project » :

Lire la suite »

, , ,

2 commentaires

Création d’une application pour ubuntu-touch – jour 1

Création d’une application pour ubuntu-touch

Introduction

Bonjour à tous,
j’ai décidé de faire un tutoriel pour apprendre à créer une application pour Ubuntu-touch depuis Ubuntu 14.04.

[Jour 1] Mise en place de l’environnement de développement

Tout d’abord il faut mettre en place un environnement de développement pour que l’on soit dans des conditions optimales.
La mise en place de l’environnement de développement consiste à installer le SDK ubuntu puis d’émuler un appareille ubuntu touch.

 1. Installation des paquets

1.1Ubuntu SDK

logo ubuntu sdk

logo ubuntu sdk


 1.2 Ubuntu-touch emulator

Lire la suite »

, , , ,

Pas de commentaire