Du même auteur

 

Gloubi-boulga de blogs #1

Tout ce que j’aurais dû écrire et que d’autres ont écrit peut-être mieux que moi d’ailleurs.

- Pour ceux qui codent encore GoSquared présente quelques mémos PHP, HTML & CSS. Ça peut toujours servir. (via Nowhere Else)

K-MetaModule : Version alpha privée !

Wow ! Grand jour pour moi. Je me jette à l’eau !! La version alpha privée du K-MetaModule est lancée. Vous pouvez y accéder en cliquant ici. Mais il faudra me demander la permission avant par mail moins52 [AT] realisation-site-internet [DOT] com. L’objectif est de régler les improbables bugs avant la beta qui sera publique.

Pour ceux qui n’auraient pas suivit le K-MetaModule permet de générer du code PHP afin de réaliser une interface d’administration.

Les fonctionnalités actuelles :

  • Définition du modèle de données enrichi
  • Génération du code
  • Prévisualisation du résultat hébergé sur ce serveur
  • Génération d’un début de documentation technique en fait juste ce que certains appellent le dictionnaire de données
  • Visualisation du schéma de la base de données générée

A venir pour la beta :

  • Sécurisation des données
  • Possibilité de télécharger les sources du projet généré sous forme d’archive zip
  • La correction des improbables bugs présents dans la version alpha
  • Peut-être plus en fonction de mon temps libre

La mise en ligne d’un outils au départ créé pour moi et moi seul (ouais je la jouais perso) est un sacré exercice de remise en question. J’ai essayé de rendre les choses le plus claire possible et je compte un peu sur mes alpha-testeurs triés sur le velux pour m’aider de ce coté là. Je ferais un tuto pour éclairer vos lanternes.

Enjoy !

Jimdo : Les pages au peuple

Dans les nouveaux outils qui permettent de créer des sites Internet on peut distinguer 2 grandes familles :

- Les outils destinés aux développeurs pour les aider dans leur dur métier comme par exemple le K-MetaModule (autopromo inside) ou plus généralement les outils MDA. Ces outils générent du code que le développeur pourra ensuite retravailler pour en faire un magnifique bijou online.

- Les outils destinés aux utilisateurs finaux pour les aider à créer leur site internet sans devoir faire appel à un développeur. Et je n’irai pas dire que ces outils volent le travail du bon développeur web car il faut se réveiller : Faire des sites Internet plaquette ça paye plus. Il faut passer à autre chose.

Jimdo fait plutôt partie de la deuxième catégorie. Je dis plutôt car les possibilités de personnalisation sont telles qu’un développeur pourrait très bien s’en servir. Jimdo est donc un site SaaS qui permet de réaliser un site Internet avec un minimum de connaissance grâce à une interface utilisateur plutôt bien pensée. Pour changer le contenu ou le design de son site, il suffit de cliquer sur les éléments de la page. On accède à des menus contextuels qui permettent de les modifier ou de les supprimer. On peut ainsi créer un nombre illimité de pages avec des contenus divers comme du texte, des images, des vidéos, des formulaires et bien d’autres choses.

Jimdo et ses menus contextuels

Jimdo et ses menus contextuels

Il est aussi possible d’intégrer des fichiers HTML, CSS, ou javascript réaliser à la main pour créer son propre design ou des widgets par exemple.

La formule gratuite propose déjà un bon nombre d’outils mais pour avoir des statistiques détaillées ou un nom de domaine il faudra passer à la formule payante (5 €/mois).

Point fort :
Simplicité d’utilisation
Point faible :
Le problème qu’on peut trouver à ce genre de service c’est qu’on est un peu limité dans la réalisation à ce qui a été défini par l’équipe de développement. Si vous voulez faire de la mise en page compliquée passez votre chemin.

Activer zlib dans Mov’Amp

Pour activer zlib décommenter la ligne extension=php_zip.dll dans php.ini. Bon jusque là c’est classique.

En s’arrêtant là on obtient un beau : Fatal error: Class ‘ZipArchive’ not found

Mov’Amp étant fait pour faire tourner sur un clé USB il embarque un minimum d’extensions. Il faut donc télécharger la librairie php_zip.dll et la placer dans le dossier W:\usr\local\php\extensions.

Télécharger PHP, décompresser l’archive et récupérer php_zip.dll dedans.

K-MetaModule : Les outils utilisés

Les outilsPour réaliser le K-MetaModule j’ai utilisé un certain nombre d’outils que je vais détailler ici. C’est en quelque sorte la page de credits du site.

Le K-MetaModule est réalisé en PHP/MySQL. Là je ne présente pas. Pour en savoir plus reportez vous aux sites officiels.

FCKEditor

FCKeditor est un éditeur HTML wysiwyg en ligne.

smarty

Smarty est un moteur de template pour PHP. Il est rapide et permet la gestion des caches. Il facilite la séparation entre la logique applicative et la présentation.

www sql designer

WWW SQL Designer est un outil en ligne de type SaaS pour la conception de base de données MySQL. Il permet de visualiser le schéma de la base de données et des relations entre les différentes tables générées par le K-MetaModule.

famfamfam

famfamfam est un gros set d’environ 1000 icônes. Ce qui permet d’assurer une homogénéité sur tout le site.

alfresco

Alfresco est un système de gestion de contenu (en anglais ECM pour Enterprise Content Management) Open source. Je me suis inspiré j’ai honteusement pompé leur design. C’est Open source mais je suis pas sûr d’avoir le droit de le faire… ça n’est donc que provisoire.

Autres logiciels :

mov'amp

Mov’AMP permet d’embarquer Apache, MySQL et PHP, sur une clé USB ou n’importe quel autre support de faible capacité. C’est bien utile pour développer de n’importe où.

Google Developper Day 2008

Google Developper Day 2008Le 18 septembre 2008 à l’Ecole Nationale Supérieure d’Architecture (ENSA) à Paris se déroulera ”Google Developer Day« . J’en serais !! Enfin si l’invitation est acceptée…

J’aurai normalement du temps en août et en septembre alors autant en profiter. Je relaterai ici même ce que j’en aurai retenu.

Nouveaux navigateurs, nouvelle norme

Firefox vs IETrouvé sur le blog des intégristes les nouveautés coté navigateurs web.

Wow ! mais c’est énorme !

Notamment l’objet canvas.
Le fonctionnement de la balise canvas en deux mots. Ça permet de dessiner une image grâce à du code javascript.

exemple :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Canvas tutorial</title>
<script type="text/javascript">
function draw(){

var canvas = document.getElementById('tutorial');
if (canvas.getContext){
var ctx = canvas.getContext('2d');
// Je dessine un rectangle
ctx.fillRect(25,25,100,100);
}
}
</script>
<style type="text/css">
canvas { border: 1px solid black; }
</style>
</head>
<body onload="draw();">
<canvas id="tutorial" width="150" height="150"></canvas>
</body>
</html>

Comme c’est du javascript on peut y ajouter des animations pour en faire de vrais jeux comme ça ou ça. Mais on peut faire aussi des logiciels de dessin par exemple. Pour en savoir plus on peut aller faire un tour sur le tutoriel du Mozilla Developer Center.

Autre nouveauté la balise video intégré directement dans Firefox 3.1. Et pour plus d’information c’est par .

K-MetaModule : La naissance du projet

Naissance du projetL’idée de ce projet est née en 2001 environ lorsque mon boss de l’époque a évoqué l’idée qu’en analysant une base de données on pourrait facilement créer une interface d’administration simple.
En effet un champ varchar dans la base de donnée se traduit souvent en HTML par un <input type="text" />. On peut ainsi associer à un certain nombre de types une représentation et/ou un comportement.
Après mûres réflexions et un stagiaire qui me plante un projet super simple je décide de passer à la réalisation. Je réalise quelques maquettes sans être sûr que cela aboutira.

A l’époque en informatique l’état de l’automatisation n’est pas aussi avancé que dans l’industrie classique. On fait tout plus ou moins à la main. Et à chaque projet on réinvente la roue.
Je me suis amusé à faire un parallèle des outils de l’époque dans la « vieille industrie » et le développement web.

Industrie classique Développement Web
moins automatisé

du moins automatisé au plus automatisé

plus automatisé

  • Tournevis
  • Marteau & enclume
  • Vrille
  • HTML
  • PHP
  • MySQL
  • Visseuse électrique
  • Presse hydraulique
  • Perceuse
  • Logiciel IDE (type Eclipse)
  • Outils ORM (Object-Relational Mapping)
  • Outils de modélisation de données
  • Ligne de production automatisée

Encore le vieil adage sur les cordonniers… Alors qu’il développe des outils pour traiter, gérer et automatiser les informations de ses clients, le développeur web en est encore à l’enclume et au marteau.

On trouve aujourd’hui plusieurs approches de l’industrialisation du développement web que j’aborderai sûrement sur ce blog.

Lancement du blog

lancement du blog

Voilà c’est parti, je lance mon blog. Comme son nom l’indique ça parle de réalisation de site Internet :

- Les technologies pour développer
- Les outils
- Les langages

J’essaierai d’axer plus particulièrement ce blog autour du concept d’industrialisation du développement.

Il sera question aussi du K-MetaModule un projet que je développe maintenant depuis presque 2 ans. Mais on en reparlera plus tard.

 

Images hosting provided by ImageShack Via ImageShack Migration plugin