Deblan blog

Tag #Développement

[Vidéo] Introduction à YAML avec Symfony YAML

L'écriture d'article prend énormément de temps et ce n'est pas toujours simple de faire un texte court et complet. Je vais m'essayer au screencast et je vous propose une vidéo d'introduction à YAML à travers PHP et une bibliothèque écrite pour Symfony.

C'est le premier screencast que je fais et j'espère qu'il sera le début d'une longue liste. Il va de soit qu'il est loin d'être parfait et j'espère que vous pourrez me faire des retours afin d'améliorer les prochains. Je suis également à votre écoute concernant les sujets que je peux aborder.


Android Blog Manager, le blog

Un blog de suivie de projet a été installé pour Android Blog Manager.

Il vous permettra de suivre l'avancement du développement et d'accéder aux sources complètes de l'application.

Un autre intérêt de ce blog est de vous présenter les outils que nous utilisons comme par exemple Subversion et AjaXplorer.

WebSVN

J'espère que les articles vous plairont et que notre retour d'expérience aidera les personnes à se lancer eux aussi dans des projets de ce type.

Plusieurs articles sont déjà en lignes alors prenez un peu de temps pour les lires et discuter avec nous de nos choix ^^

Accéder au blog du projet « Android Blog Manger »


Un potentiel projet pour la licence

Android

Cette année et pour ne pas changer des deux dernières, nous devons mener un projet collectif à 4 ou 5 personnes.

Le chef de la licence qui est aussi celui qui nous fait les cours de JAVA nous a proposé de donner un ensemble d'idées de projets qui, s'il les considère corrects, seront ceux à réaliser.

Celui auquel j'ai pensé n'est pas une réelle innovation puisque qu'il existe déjà des logiciels qui le font.

On se met dans la situation où on a un blog. Hébergé sur dédié ou mutualisé, on souhaite pouvoir le mettre à jour autrement que derrière un PC. L'idée est de pouvoir modifier son contenu depuis n'importe quel endroit.

Le projet serait de développer un logiciel qui sera installé sur un mobile (type Android). Ce logiciel sera une interface pour blogguer :

  • Ajouter des articles, les modifier, les supprimer
  • Permettre d'ajouter des tags, des catégories
  • Recevoir en live les commentaires, pouvoir les modérer, etc

Il faut donc choisir un CMS et lui coller une API pour permettre d'interagir avec. L'application qu'on développe sur le mobile devra être capable de se connecter (de manière sécurisée) à l'API et d'envoyer/recevoir les données du blog.

Qu'en pensez-vous ?


HTML 5, éclaircissements

Il y a pas mal de choses qui se disent sur l'HTML 5 mais on se retrouve souvent au devant d'incertitudes ou de problèmes de compréhension. Cet article n'est pas là pour vous apprendre à utiliser cette nouvelle version d'HTML mais contribuera à expliquer un peu mieux ses concepts.

Pour revenir un peu aux sources de l'HTML 5, c'est le W3C (World Wide Web Consortium), organisme qui n'est là que pour gérer la standardisation de plusieurs langages (HTML, CSS, SVG et bien d'autres encore), qui l'a mis au monde.

Les modifications apportées à HTML au travers de cette nouvelle version reposent surtout sur la sémantique des pages web. Pour expliquer de façon brève « la sémantique », c'est le sens donné à quelque chose. En HTML, ce sont l'ensemble des balises qui permettent de distinguer (en terme de sens) les contenus d'une page.

Dans un premier temps, le Doctype prends une autre forme. C'est à dire qu'on a simplement à indique que le document est du HTML. Il n'est plus nécessaire de spécifier un DTD (Définition de Type de Document) qui décrit le modèle d'un document (XML ou SGML).

<!DOCTYPE html>

Cette "sémantisation" poussée dans l'HTML 5 fait disparaître les balises qui ne joue que sur le visuel. Ainsi, les balises telles que <center>, <u>, <s>, etc ont disparues. La raison est simple : c'est le rôle du CSS de gérer le rendu visuel d'un élément.

Un grand nombre de balises ont été créées pour décrire plus précisement le contenu affiché. Pour donner quelques exemples, on peut maintenant distinguer l'entête d'une page web avec la balise <header> de son pied de page (<footer>) . On est aussi capable de définir le menu de navigation avec la balise <nav>. Si on se trouve sur un blog, on pourra utiliser la balise <article> pour englober un article, avec une balise <section> destinée au contenu.

Code tiré de Wikipédia :

<header class="ma-class-en-css">
  <!-- menu du haut -->
  <nav class="ma-class-en-css">
    <ul>
        <li><a href="mon url" title="titre du lien">nom de mon lien</a></li>
        <li><a href="mon url" title="titre du lien">nom de mon lien</a></li>
        <li><a href="mon url" title="titre du lien">nom de mon lien</a></li>
    </ul>
  </nav>
</header>

<article class="ma-class-en-css">
  <h1>titre de mon article</h1>
  <p>texte de mon article</p>
  <section class="ma-class-en-css">
    <h2>sous-titre mon article</h2>
    <p>texte de mon sous-titre</p>
    <figure class="ma-class-en-css"> 
      <a href="mon url"><img src="url de mon image" alt="nom de mon image"></a> 
    </figure> 
  </section>
</article>

On notera la création de balises telle que <video> qui permettra de prendre en charge l'affichage d'une vidéo sans passer par une panoplie de lecteurs et de formats (petite pensée pour FLV), mais ça ne sera sans aucun débat.

En plus de ces balises, de nouveaux attributs font leur apparition. Quelques uns d'entres doivent permettent de faciliter l'écriture de scripts Javascript. Par exemple, la gestion du drag&drop avec des évènements générés par le DOM nous rendra la vie beaucoup plus simple.

Finalement il suffira de connaitre le sens des nouvelles balises et d'attendre que nos merveilleux navigateurs en tiennent compte pour utiliser HTML 5.

Sur html5demos.com sont disponibles des exemples.