Full Circle Magazine FR

Outils pour utilisateurs

Outils du site

Piste : • c_c • labo_linux_1 • c_c • labo_linux_1 • labo_linux2 • c_c • c_c
issue104:c_c

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
issue104:c_c [2016/01/15 19:45] – d52frissue104:c_c [2016/01/16 14:44] (Version actuelle) – andre_domenech
Ligne 1: Ligne 1:
 **As promised last month, I’ll be covering some more ubuntu phone programming. While preparing for this article, I have looked at most of the tutorials from Ubuntu itself. They are well written, and definitely a good spot to start. I will focus on more general approaches - what app type to use for what purpose, as well as a small example of a web app.** **As promised last month, I’ll be covering some more ubuntu phone programming. While preparing for this article, I have looked at most of the tutorials from Ubuntu itself. They are well written, and definitely a good spot to start. I will focus on more general approaches - what app type to use for what purpose, as well as a small example of a web app.**
  
-Comme promis le mois dernier, je vais approfondir le sujet de la programmation des téléphones sous Ubuntu. Pour préparer cet article, j'ai principalement consulté les tutoriels d'Ubuntu même. Ils sont bien écrits et constituent définitivement un bon point de départ. Je vais me concentrer sur une approche plus général : le type d'application créer selon l'usage envisagé et un petit exemple d'application web.+Comme promis le mois dernier, je vais approfondir le sujet de la programmation des téléphones sous Ubuntu. Pour préparer cet article, j'ai consulté la plupart des tutoriels d'Ubuntu même. Ils sont bien écrits et constituent un très bon point de départ. Je vais me concentrer sur une approche plus générale : quel type d'application créer selon l'usage envisagé et un petit exemple d'application Web.
  
 **App Types **App Types
Ligne 10: Ligne 10:
 • Scopes - These can be written in various languages, and combined with APIs.** • Scopes - These can be written in various languages, and combined with APIs.**
  
-Les types d'application+Les types d'applications
  
-Application HTML5 : c'est une application HTML à part entière. Si vous êtes développeur web et si vous voulez créer une application spécifique à Ubuntu en HTML5 c'est ce que vous utiliserez. +• Application HTML5 : c'est une application HTML à part entière. Si vous êtes développeur Web et si vous voulez créer une application spécifique à Ubuntu en HTML5, c'est ce que vous utiliserez. 
-Webapp : c'est le type d'applications que vous utiliserez pour ouvrir une page existante, de manière à l'exécuter comme une application. +• Webapp : c'est le type d'application que vous utiliserez pour ouvrir une page existante, de manière à l'exécuter comme une application. 
-QML : pour une application native sur Ubuntu (écrite en QML, qui est le méta-langage de Qt). +• QML : pour une application native sur Ubuntu (écrite en QML, qui est le méta-langage de Qt). 
-Scopes : ils peuvent être écrite en différents langages et combiné avec des API.+• Scopes : ils peuvent être écrits en différents langages et combinés avec des API.
  
  
Ligne 21: Ligne 21:
  
 As an example, I’ll briefly cover how to create a webapp for opening the Full Circle Magazine site. As an example, I’ll briefly cover how to create a webapp for opening the Full Circle Magazine site.
 +
 • Create a new Webapp project • Create a new Webapp project
 +
 • Open <appname>.desktop • Open <appname>.desktop
-• Edit the exec line to read: + 
-Exec=webapp-container --enable-back-forward --store-session-cookies --webappUrlPatterns=https?://fullcirclemagazine.org/* http://fullcirclemagazine.org+• Edit the exec line to read:Exec=webapp-container --enable-back-forward --store-session-cookies --webappUrlPatterns=https?:<nowiki>//fullcirclemagazine.org/* http://fullcirclemagazine.org</nowiki>
 • Replace <appname>.png with a 128px x 128px icon (eg. the FCM circular logo).** • Replace <appname>.png with a 128px x 128px icon (eg. the FCM circular logo).**
  
  
-En guise d'exemple je vais rapidement expliquer comment créer une  webapp pour accéder au site de Full Circle Magazine : +Webapp
-créez un nouveau projet Webapp ; +
-ouvrez <appname>.desktop ; +
-éditez la ligne exec ainsi : +
-exec=webapp-container --enable-back-forward --store-session-cookies --webappUrlPatterns=https?://fullcirclemagazine.org/* http://fullcirclemagazine.org +
-remplacez <appname>.png par une icône de 128 pixels sur 128 pixels (par exemple le logo FCM).+
  
 +En guise d'exemple, je vais rapidement expliquer comment créer une  webapp pour accéder au site du magazine Full Circle :
 +• créez un nouveau projet Webapp ;
 +• ouvrez <appname>.desktop ;
 +• éditez la ligne exec ainsi : exec=webapp-container --enable-back-forward --store-session-cookies --webappUrlPatterns=https?:<nowiki>//fullcirclemagazine.org/* http://fullcirclemagazine.org</nowiki>
 +• remplacez <appname>.png par une icône de 128 pixels sur 128 pixels (par exemple le logo FCM).
  
-**The important step is the third one. Here you indicate the allowed URL patterns - in this case we allow any https or http (https?://) connection to fullcirclemagazine.org, and its subpages (/*). This way, the site can be browsed. It’s possible to supply multiple patterns - for example for subdomains.+ 
 +**The important step is the third one. Here you indicate the allowed URL patterns - in this case we allow any https or http (<nowiki>https?://) connection to fullcirclemagazine.org, and its subpages (/*)</nowiki>. This way, the site can be browsed. It’s possible to supply multiple patterns - for example for subdomains.
  
 As you can see - creating a basic webapp is extremely simple. If you want to connect an account, you can either log in via the web interface (as normal) by setting the login page to the default URL (last URL in the Exec line). If you want to use the OnlineAccounts API, you’ll apparently need to use a fully-fledged HTML5 app. If the site you’re connecting to also offers an API, using an HTML5 app (and asking for credentials in settings), you should be able to connect via API as well. See the examples on the Ubuntu page for more details.** As you can see - creating a basic webapp is extremely simple. If you want to connect an account, you can either log in via the web interface (as normal) by setting the login page to the default URL (last URL in the Exec line). If you want to use the OnlineAccounts API, you’ll apparently need to use a fully-fledged HTML5 app. If the site you’re connecting to also offers an API, using an HTML5 app (and asking for credentials in settings), you should be able to connect via API as well. See the examples on the Ubuntu page for more details.**
  
  
-L'étape importante est la troisième. Ici vous indiquez un modèle pour les URL autorisées. Dans notre cas nous autorisons les connexions http et https (https?://) vers fullcirclemagazine.org et ses sous-répertoires (/*). Ainsi, le site peut-être exploré. Il est possible de spécifier plusieurs modèles d'URL, par exemple pour des sous-domaines.+L'étape importante est la troisième. Ici, vous indiquez un modèle pour les URL autorisées. Dans notre cas, nous autorisons les connexions http et https <nowiki>(https?://) vers fullcirclemagazine.org et son arborescence interne (/*)</nowiki>. Ainsi, le site peut être exploré. Il est possible de spécifier plusieurs modèles d'URL, par exemple pour des sous-domaines.
  
-Comme vous pouvez le voir, créer une webapp basique est extrêmement simple. Si vous voulez vous connecter à un compte, vous pouvez le faire via l'interface du site (comme d'habitude) en définissant la page de connexion comme URL par défaut (la dernière URL de la ligne exec). Si vous voulez utiliser l'API OnlineAccounts vous devrez semble-t-il utiliser une application HTML5 à part entière (implémentée pour demander les information de connexion) ; vous devriez aussi pouvoir vous connecter avec une API. Voyez les exemples sur la page d'Ubuntu pour plus de détails.+Comme vous pouvez le voir, créer une webapp basique est extrêmement simple. Si vous voulez vous connecter à un compte, vous pouvez le faire via l'interface du site (comme d'habitude) en définissant la page de connexion comme URL par défaut (la dernière URL de la ligne exec). Si vous voulez utiliser l'API OnlineAccounts, vous devrez, semble-t-il, utiliser une application HTML5 à part entière (implémentée pour demander les informations de connexion) ; vous devriez aussi pouvoir vous connecter avec une API. Voyez les exemples sur la page d'Ubuntu pour plus de détails.
  
 **QML App **QML App
Ligne 51: Ligne 54:
 Applications QML Applications QML
  
-J'avais prévu d'inclure ici un exemple d'application QML, mais j'ai rencontré de nombreuses difficultés avec les traductions et le fichier make requis pour compiler une application QML. J'essaye de résoudre ces problèmes, alors, si tout va bien je traiterais des applications QML dans mon prochain article.+J'avais prévu d'inclure ici un exemple d'application QML, mais j'ai rencontré de nombreuses difficultés de traduction et des fichiers make requis pour compiler une application QML. J'essaye de résoudre ces problèmes ; si tout va bien, je traiterai alors des applications QML dans mon prochain article.
  
 **Questions for readers **Questions for readers
Ligne 63: Ligne 66:
 Questions aux lecteurs Questions aux lecteurs
  
-Y a-t-il des applications pour téléphones Ubuntu sans lesquels vous ne pourriez pas vivre ? Ou y a-t-il une catégorie d'applications qui éveille particulièrement votre curiosité ? Envoyez-moi un courriel et j'essaierai de vous répondre dans mon prochain article.+Y a-t-il des applications pour téléphones Ubuntu sans lesquelles vous ne pourriez pas vivre ? Ou y a-t-il une catégorie d'applications qui éveille plus particulièrement votre curiosité ? Envoyez-moi un courriel et j'essaierai de vous répondre dans mon prochain article.
  
 De manière générale, y a-t-il un sujet que vous souhaiteriez voir développé en 2016 ? Toutes vos réponses peuvent être envoyées à lswest34+fcm@gmail.com. De manière générale, y a-t-il un sujet que vous souhaiteriez voir développé en 2016 ? Toutes vos réponses peuvent être envoyées à lswest34+fcm@gmail.com.
  
-Je vous souhaite à tous une bonne année et je vous remercie de lire C&C !+Je vous souhaite à tous une bonne année et je vous remercie d'être un lecteur assidu de C&C !
  
 **Further Reading **Further Reading
Ligne 77: Ligne 80:
  
 Lectures complémentaires Lectures complémentaires
 +
 Applications HTML5 : https://developer.ubuntu.com/en/apps/html-5/tutorials/ Applications HTML5 : https://developer.ubuntu.com/en/apps/html-5/tutorials/
 Premiers pas : https://developer.ubuntu.com/en/apps/qml/tutorials/building-your-first-qml-app/ Premiers pas : https://developer.ubuntu.com/en/apps/qml/tutorials/building-your-first-qml-app/
issue104/c_c.1452883540.txt.gz · Dernière modification : 2016/01/15 19:45 de d52fr