formations informatique à toulouse logiciels open source web linux java php ajax suite adobe

Cloud computing : que cache le nuage ?

Webmaster — 2010-06-23T14:05:06Z

D'abord un concept

Il y a quelques années déjà que le nuage est un symbole utilisé dans les schémas de réseaux informatique, pour figurer la partie du réseau externe à l'entreprise, que ce soit un vpn ou un antédiluvien x25 …

Le terme "cloud computing" désignerai la "dématérialisation" des serveurs d'applications. La aussi, on peut légitimement se poser la question du coté novateur du terme concept marketing

Tout le monde sait "qu'il ne faut pas mettre tous ses œufs dans le même panier". En système d'information, la redondance est donc la précaution élémentaire.

Ensuite, principalement pour des raisons économiques, les entreprises se tournent vers la location de serveurs. Un prestataire se charge de "presque tout". Une analyse un peu plus poussée montre que l'on économise surtout sur les coûts d'infrastructures.

Le cloud computing c'est donc
installer des applications
sur des serveurs hébergés
en prenant la précaution d'avoir au moins une machine de secours.

devant tant d'innovations, je reste coi …

Marketing

Le cloud computing est un joli cumulus d'été, tout blanc. Il évoque la douceur et une certaine sérénité. Sa couleur lui donne même un petit coté écolo, toujours bienvenu

Et puis, quand même, entre un cloud et une toile d'araignée, surtout d'envergure mondiale votre choix n'est il pas fait ?

PS : si la toile est mondiale, de quelle taille est la bête qui la hante ???

Jquery : du peps dans le web ?

Webmaster — 2010-06-02T15:43:18Z

Préambule

On parle ici de concept, d'idées plus que de véritable technologie. Qui plus est, agir sur un objet html en utilisant un peu de javascript s'est appelé un jour DHTML et ce brillant postulat date du siècle dernier …

Mais, reconnaissons que l'écriture de longs codes Javascript s'apparentant plus à un pensum qu'a une joyeuse distraction, ces morceaux de code réutilisables et paramétrables tombent à point nommé.

Srciptaculous, motools, jquery se sont auto-proclamés "framework", ce qui est peut-être un tantinet prétentieux, mais encore une fois, peu importe si ils nous rendent service.

Alors Jquery, comment ça marche ?

Est ce que c'est compatible avec tous les navigateurs ?

JQUERY est une librairie Javascript qui se veut cross-browser … Le doux rêve du webmaster de voir ses sites avoir un rendu correct sur tous les navigateurs serait il en passe de se réaliser ? Presque ! Mais méfiant que vous êtes, vous vérifierez tout de même ; On n'est jamais à l'abri d'un utilisateur sournois utilisant un navigateur hors d'âge, et ayant de surcroit échappé à toutes les mises à jour automatiques …

Combien ça pèse ?

Pas beaucoup ! On trouve en effet une version du fichier amoureusement nommée jquery-le numéro de version.min.js. Bien que le chiffre bouge sans cesse, on reste pour l'instant en deçà de 50 Ko, ce qui vous le conviendrez, semble raisonnable.

Est on trouve ce machin où ?

La, franchement, c'est de la mauvaise foi :-). La moindre recherche va forcément vous indiquez quelque chose comme : http://jquery.com/. Vous allez trouver un gros « Download » (et oui, le site est en VO …). Attention : il se peut que votre navigateur affiche le contenu du javascript au lieu de vous proposer de le télécharger. Réduisez à néant ses mauvaises intentions en vous rendant directement sur la page dédiée aux téléchargements : http://docs.jquery.com/Downloading_…

Le tuto commence ici

Préparation

Commencez par créer un fichier html et un fichier CSS, exactement comme suit. Si vous êtes puriste, de grâce, épargnez moi vos commentaires (désagéables) sur la DTD ou le fait qu'il serait tout de même préférable de créer des sous répertoires pour les css, les images, le javascript, etc… De toutes façons, ce tuto est destiné aux « padawan » et obi wan a foutu le camp depuis longtemps avec yoda pour aller au bistrot …

le html ….


 
 
 Mes premiers pas avec JQUERY !
 
 
 
 
 
 ......

le css ….

/*---------------------------------------------------------------------------*/
 /*------------- feuille de style de mes exercices JQUERY --------------*/
 /*---------------------------------------------------------------------------*/

Appeler JQUERY

Évidemment, il faut appelez cette belle librairie pour pouvoir s'en servir. Remarquez cette ligne, placée à la fin de l'entête, juste après l'appel de la feuille de style :

A partir de là, supposant que vous n'avez pas décroché, vous êtes arrivé au bout de ce tuto d'initiation. Félicitations !

Spip, le vétéran ...

Webmaster — 2010-06-01T06:43:30Z

Préambule

Dans la famille des CMS, SPIP fait maintenant figure de précurseur. Sans doute soucieux de ne pas perdre ses fans, son équipe de développement l'a fait évoluer en essayant d'assurer une certaine compatibilité entre les différentes versions.

Il est sans doute facile de critiquer les failles de ce produit, mais je choisirais plutôt de souligner la dynamique de l'équipe de développement tout en rappelant que lorsqu'un logiciel a la chance d'avoir des dizaines de milliers d'utilisateurs, les restructurations profondes ne sont pas faciles à gérer.

Templates et Boucles

Pour faciliter l'écriture et aussi la maintenance d'application mêlant le php, l'html et les css, tout le monde s'est accordé à dire qu'il faudrai au maximum écrire dans des fichiers séparés, ces différents "langages". La séparation entre la présentation et la structuration des documents a été réalisée par la généralisation des feuilles de styles, et les systèmes de templates PHP ont amené cette séparation entre php et html.

En vocabulaire Spip, une template est un squelette, et ces fameux squelettes incorporent (entre autres) les boucles. Ces boucles assurent l'interrogation de la base de données et l'affichage des résultats.

Pour ceux qui ont quelques notions de SQL (et de PHP) , les boucles ont été conçues dans l'objectif louable de simplifier la rédaction d'une requête SELECT et la manipulation de tableaux pour l'affichage.

Forces et faiblesse

Le principe de réalisation d'une template (squelette) SPIP est simple : après avoir conçu (et debuggé) une page html+css, il faut remplacer le faux texte d'habillage par des boucles. Cela permet beaucoup de libertés dans la présentation du site.
On peut aussi dire que l'objectif de simplification est atteint : les mots propres au "langage SPIP" sont en français, la documentation aussi, et dans une majorité de cas, la syntaxe est simplifiée par rapport à du PHP.

Mais il y a aussi quelques limites :
Pas question de faire autre chose que des SELECT : C'est parfaitement logique, puisque l'objectif premier est d'afficher ce qui a été saisi dans le back office, mais c'est aussi limitant si l'on veut aller un peu plus loin que la gestion d'un formulaire.
Syntaxe simplifiée : la simplification va aussi dans le sens de la réduction des possibilités. Exemple : Spip réalise automatiquement les jointures lorsque cela s'avère nécessaire. Lors d'une sélection par l'intitulé d'un mot clé, Spip réalise la jointure avec spip_mots par l'id du mot clé.

Mais pour les funambules des left outer join et autres joyeusetés, un dilemme se pose : faut il à tout prix violer les secrets de la syntaxe Spipienne ou doit on se concentrer sur un SQL standard, codé directement en PHP ?

Et comment font les autres ???

D'autres CMS utilisent des systèmes de templates plus « standard » comme Smarty. Dans les grandes lignes, le parti pris est légèrement différent : on conserve du php pur sucre pour extraire et triturer les données, et on propose au développeur html quelques codes simples pour l'affichage des données

Sexy ?

Du point de vue du futur utilisateur du back office de Spip, ce dernier souffre aussi d'un déficit d'image, plus ou moins justifié.
L'interface, bien que remaniée de nombreuses fois, présente un look que l'on peut trouver un peu vieillot.
Il n'y a pas d'éditeur dit "wysiwyg" lors de l'édition d'un contenu et les raccourcis typographiques n'amusent pas grand monde.

Mais …
Sur le look, il n'y a pas grand chose à dire pour sa défense. En informatique aussi, il y a des « fashion victim » et dans la mesure ou le client est roi …
Sur l'éditeur, je serai plus nuancé :
A ce jour, wysiwyg et web ne font pas vraiment bon ménage et la grande majorité des éditeurs intégrés ne font que rajouter automatique et surtout malproprement du code html vintage.
Conséquence du point précédent, il devient difficile d'assurer une cohérence visuelle au site, puisque l'on vient surcharger la ou les feuilles de syles originelles.

Conclusion

Spip est un CMS à surveiller. Ses développeurs continuent à le faire évoluer, et si ils prennent les bonnes options, ce CMS est apte à garder ou à reconquérir une place parmi les cms comme ezpublish , drupal.

Techniquement supérieur à Joomla, Spip perd pourtant des points face à ces CMS simples d'approche pour des non-informaticiens. Et malheureusement, ce public là est aussi prescripteur ou client final … :-)

PS : Conclusion tout à fait personnelle et tout autant discutable …

DreamWeaver : Perfectionnement

Webmaster — 2010-05-26T16:01:03Z

Public, pré-requis Toute personne ayant une expérience et/ou formation de base sur les technologies Internet.
Objectifs Apprendre à utiliser Dreamweaver et revoir les balises HTML.
Programme

Méthodologie
- Le site web, modèle client serveur, organisation du travail
- Récupération d'un site existant

Charte graphique et navigation
- Utilisation des modèles
- Utilisation avancée des :
- feuilles de styles en cascades (CSS)
  - L'utilisation des styles et les problèmes de compatibilité
  - iframes, calques, DHTML
  - tableaux, tableaux de mise en forme,
  - barres de navigation

Animations dans les pages web
- Intégration d'effet de survol
- Utilisation des comportements, des extensions Macromedia
- Insertion de sons, d'animations Flash et de vidéo

Interactivité dans les pages web
- L'insertion de scripts Javascript et d'applets Java
- Introduction aux pages web dynamiques
- Création de formulaires
- Mise en page des pages web dynamiques

Les outils de gestion de sites et bibliothèques
- La structure et la gestion du site, la mise à jour

Publication, promotion et maintenance du site

Dreamweaver : Création de site Web

Webmaster — 2010-05-26T16:00:05Z

Public, pré-requis

Toute personne ayant une expérience et/ou formation de base sur les technologies Internet.

Objectifs

Apprendre à utiliser Dreamweaver et revoir les balises HTML.

Programme

De l'édition de pages à la gestion de sites
- Le site web et sa gestion
- L'organisation du travail

L'infographie adaptée à Internet
- La conception de sites, le design graphique
- Contexte du projet, publics, types de contenus

Les problèmes de compatibilité
- Structure de documents, HTML, les styles et leur utilisation avec DHTML

Les éléments de mise en pages web
- L'insertion des éléments
- Le travail sur les textes
- Les liens hypertextes
- Le travail sur les tableaux et les images
- Récupération de données tabulaires

Gestion du site
- Paramétrage
- Publication ftp

Les outils avancés
- Les cadres (frames) et leur mode d'emploi
- La gestion des cadres et des liens
- Les formulaires (initiation)
- Les feuilles de style CSS
- Le principe des pages web dynamiques

Création de sites Internet

Webmaster — 2010-05-26T15:58:56Z

Public, pré-requis

Cette formation s'adresse aux personnes qui veulent appréhender les mécanismes, les règles et les technologies nécessaires à la mise en œuvre d'un site internet.

Objectifs

Comprendre les technologies Internet. Créer des pages Web avec un outil graphique (WYSIWYG). Etre capable de mettre en ligne et de modifier le contenu d'un site Web

Programme

Les technologies

Panorama des technologies employées.
Les applications du WEB (HTTP, FTP, … )

Etude préalable du site

Le site web et sa gestion
L'organisation du travail
Le problème de la mise à jour
La communication
L'infographie
La conception de sites, le design graphique
Contexte du projet, publics, types de contenus
L'ergonomie de navigation
La normalisation W3C

Outil d'édition

L'intérêt du WYSIWYG
Présentation d'un outil d'édition WYSIWYG
L'insertion d'éléments (texte, tableau, images, bouton, …)
Le travail sur la mise en page
Les liens hypertextes

Edition avancée

Les calques
Les feuilles de style
Les images survolées
Les boutons
Les formulaires
L'envoi d'un e-mail
Les effets d'animations simples
Mise en ligne & mise à jour
L'hébergement et nom de domaine
Le référencement
Mise à jour du contenu

Commerce électronique

Webmaster — 2010-05-26T15:57:46Z

Public, pré-requis
- Connaissance de base des technologies Internet et de la création de site Web
Objectifs
- Connaître les concepts, techniques et outils du commerce électronique
- Savoir gérer un panier électronique

Programme
- Internet et le e-business
  - Ce qu'apporte Internet à l'entreprise
  - Le commerce électronique
- À chacun son e-commerce
  - Les clients existants
  - Prospect et nouveaux clients
  - Le commerce BtoC
  - Le commerce BtoB
- Créer son projet de commerce électronique
  - Le projet et la gestion du projet
  - Objectifs du projet
  - Cibles du projet
  - Financement du projet
  - L'organisation de la société au commerce électronique
  - Le cahier des charges
- Créer sa boutique en ligne
  - Adaptation de votre site pour présenter votre catalogue (utilisation de cookies, gestion d'une base de données).
  - Gestion du panier d'achat et du bon de commande en ligne.
  - Paiement en ligne, avec ou sans intermédiation bancaire.
- Gérer un site d'e-commerce
  - Faire évoluer votre site et gérer la base de données produits.
  - Back Office et suivi des ventes.
  - Marketing et promotion de votre site.

Concevoir et créer un site avec Spip

Webmaster — 2010-05-26T15:56:56Z

Public, pré-requis
- Toute personne désirant mettre en place un site web de publication d'articles.
Objectifs
- SPIP est un Système de Publication pour l'Internet.
- Ce système est libre et gratuit (GPL : Général Public Licence).
- Écrit notamment pour le Monde diplomatique, Spip permet à une communauté de rédacteurs de proposer des articles (pouvant contenir des images et des documents liés).
- Il permet d'administrer un journal en ligne et de publier des articles sans avoir à taper de code HTML grâce à une interface très simple d'utilisation.
Programme
- Présentation et caractéristiques de SPIP
  - Principe général
  - Installer SPIP : configuration et outils
  - Organiser l'affichage par un squelette, des boucles et des balises.
  - La syntaxe des boucles
  - La syntaxe des balises SPIP
  - La boucle ARTICLES
  - La boucle RUBRIQUES
  - La boucle BREVES
- Administrer un site SPIP
  - Structurer les contenus en rubriques, sous-rubriques, articles, brèves. Ajouter des mots-clés, des images, des documents joints.
  - Suivre les articles en cours de rédaction, proposés, publiés.
  - Gérer sa messagerie personnelle, un calendrier, des forums.
  - Inscrire des rédacteurs, voir les statistiques.
  - Paramétrer le contenu du site, le mail automatique, le moteur de recherche.
  - Structurer les contenus en rubriques, sous-rubriques, articles, brèves. Ajouter des mots-clés, des images, des documents joints.
  - Paramétrer le contenu du site : mail automatique, moteur de recherche, messagerie personnelle, calendrier, forums, inscription des rédacteurs, statistiques
  - Implanter une nouvelle version, sauvegarder la base.
- Créer ses squelettes
  - Mon premier squelette
  - Un squelette, plusieurs articles
  - Une rubrique
  - Boucles en boucles
  - Gérer le cache
- Des filtres Les fonctions avancées
  - Spip et les feuilles de style
  - d'autres squelettes
  - Utiliser des URLs personnalisées
  - Le moteur de recherche
  - Les variables de personnalisation
- Réaliser un site multilingue
  - Les langues de SPIP
  - Internationaliser les squelettes
- Trucs et astuces
  - Afficher automatiquement selon la date ou selon un ordre imposé
  - Trier des articles par ordre alphabétique, sauf un qu'il faut afficher en premier
  - Plusieurs logos pour un article
  - Afficher les derniers articles de vos rédacteurs par rubrique
  - Afficher des éléments par lignes dans un tableau
  - Ne pas afficher les articles publiés depuis plus d'un an
  - Présenter les résultats d'une recherche par secteurs

Référencement efficace

Webmaster — 2010-05-26T15:55:42Z

Objectifs

Comprendre les enjeux du référencement sur les moteurs de recherche.
Renforcer sa visibilité et sa notoriété.
Maîtriser les techniques de référencement payant ou liens sponsorisés.
Maîtriser les fondamentaux du référencement naturel.
Augmenter le nombre de visites de façon significative et en mesurer le R.O.I.

Prérequis

Ce stage suppose une connaissance du monde de l'internet (langage HTML, éditeur web, navigation, etc.)

Programme

Les outils de recherches
- Les moteurs
- Les métas moteurs
- Les annuaires
- Les outils locaux et internationaux

L'optimisation d'un site pour le référencement

Les éléments pris en compte par les outils de recherche
La définition des mots clés
Les meta tags
Le fichier robots.txt

L'optimisation des pages pour le référencement

Choisir de bons titres de pages
Optimiser le contenu des pages
Optimiser les liens internes et externes
Optimiser les liens à l'intérieur du site

L'après-midi : atelier pratique

Mesurer la popularité d'un site
Interpréter vos statistiques
Référencer un site

Les freins au référencement et quelques solutions

Les facteurs bloquants au référencement
Le référencement de site flash
Les pages avec paramètres d'URL
Les sites dynamiques

Se faire connaître d'autres sites

Proposer des flux RSS/Atom
Echange de liens
Le travail en externe : la recherche des liens
Les forums
La signature d'email

La promotion du site

Soumission aux moteurs de recherche
Soumission aux annuaires
Le positionnement du site
La recommandation
La fidélisation
Les listes de diffusion
La publicité

Atelier pratique

Le suivi et la maintenance du référencement et du positionnement
Les trucs et astuces du référenceur

Flash : action script niveau 2

Webmaster — 2010-05-26T15:54:32Z

Public, pré-requis
- Cette formation s'adresse aux personnes qui veulent optimiser leur méthodes de développements, animer leur site et rendre celui plus interactif.
Objectifs
- Créer un site Web avec Flash et ActionScript 2 en utilisant les composants, la connectivité aux bases de données et les traitements côté client et serveur

Programme
- Concevoir un site dynamique
  - Communication Flash / bases de données
  - Architecture d'un site full Flash
  - Lecture et écriture des données (relationnelles, XML)
- Page dynamique (texte et images)
  - Organiser la base de données
  - Réaliser le support graphique de la page
  - Utiliser la classe LoadVars et les méthodes onLoad, sendAndLoad
  - Implémenter des composants d'affichage (DATAGRID, LABEL, TEXTAREA, COMBO…)
  - Utiliser la classe MovieClipLoader et les méthodes onLoadStart, onLoadProgress, …
- Uploader des fichiers
  - Utiliser la classe FileReference et les méthodes onSelect, onCancel, onOpen, onHTTPError, onIOError
- Analyse des pages côté serveur (lecture)
  - Passer des paramètres à une requête stockée
  - Organiser les données pour faciliter le transfert vers Flash
  - Gérer les erreurs ou l'absence d'enregistrement
- Analyse des pages côté client (lecture)
  - Proposer des choix à l'internaute (DATAGRID, boite COMBO)
  - Réagir aux sélections et passer le choix au serveur
  - Gérer le mode asynchrone en attendant la réponse du serveur
  - Récupérer, traiter et afficher les données en retour
  - Gérer les erreurs
- Analyse des pages côté client (écriture)
  - Concevoir un formulaire ergonomique
  - Décomposer un formulaire en graphique, MovieClip et algorithme de saisie
- Analyse des pages côté serveur (écriture)
  - Mettre en forme et vérifier les données en provenance de Flash
  - Ecrire les données dans la base
  - Prévenir Flash de la réussite ou de l'échec d'écriture
- Le cas du formulaire mail
  - Créer un formulaire et contrôler la saisie
  - Passer la saisie à une page ASP ou PHP
  - Transformer avec CDONT les données en email