PLATEFORME

  • PC sous windows XP Edition Familiale (version OEM HP)
  • Explorateur internet Firefox  (Blog néanmoins aussi compatible avec Internet Explorer V7)

HEBERGEMENT

  • L'hébergeur principal est Free, sur des serveurs Apaches avec PHP 5
  • Le blog est hébergé sur "bamm.free.fr/dotclear2" avec une base de données PostGRE
  • Le programme du Roxy-Palace (propulsé par Filmotech) est hébergé sur
    "bammweb.free.fr/publication" avec une base de données MySQL
  • Le reportage "Road holliday aux USA" est hébergé sur "http://bammweb.free.fr/Espace_USA/" en HTML

MODULE PRINCIPAL

  • Le module principal est le blog PHP de DotClear version 2 bêta 7

TRANSFERTS

  • Les transferts FTP sont opérés avec Filezilla (Version V2.2.31, la V3 m'a donné de très mauvais résultats).
  • Quelques transferts sont opérés directement par le module d'administration de Dotclear

IMAGES & VIDEOS

  • Visualisation, petites retouches, recadrages, yeux rouges : Faststone Images viewer
  • Redimensionnements par lot : Faststone Images Resizer
  • Modifications avancées, création des modules visuels du blog : PhotoFiltre
  • Création d'images avec reflet aquatique mouvant : Reflet
  • Captures d'écran : Capturino 1.4
  • Captures de couleur à l'écran : Instant Eyedropper 1.75
  • Extension de visualisation pour l'explorateur internet Firefox : PicLens
  • Gestion des galeries de photos : Extension Gallery (Version "Officielle" Dotclear, compatible PicLens)
  • Les galeries du reportage "Road Holiday aux USA" ont été générées avec Webthumb 2005
  • Les vidéos hébergées de type FLV sont encodées avec riva-flv-encoder
  • Les vidéos lues "online" sur YouTube, DailyMotion, etc, le sont par insertion dans les billets d'une partie du code "player" proposé par les sites. Tout comme l'inclusion de players de type Deezer dans la barre latérale par exemple

Exemple de syntaxe FLV :
<object type="application/x-shockwave-flash"
data="http://bamm.free.fr/dotclear2/public/videos/flvplayer.swf?file=vidusa.flv&amp;
autoStart=" false="" style="margin: 0 auto; display: block;" height="80" width="130">
<param name="movie" value="http://bamm.free.fr/dotclear2/public/videos/flvplayer.swf?file=vidusa.flv&amp;
autoStart=false" /><param name="wmode" value="transparent" /></object> 

Exemple de syntaxe Youtube ou DailyMotion :
<p><object data="http://www.dailymotion.com/swf/x1qzd0&amp;v3=1&amp;related=1"
type="application/x-shockwave-flash" style="margin: 0 auto; display: block;" height="200" width="250">
<param name="movie" value="http://www.dailymotion.com/swf/x1qzd0&amp;v3=1&amp;related=1" />
</object></p>

Exemple de syntaxe Deezer intégrant le cadrage dans la barre latérale :
<object style="margin: 0 auto; display: block;" width="220" height="55"><param name="movie" value="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=907017&colorBackground=0x555552
&textColor1=0xFFFFFF&colorVolume=0x39D1FD&autoplay=0"></param><embed src="http://www.deezer.com/embedded/small-widget-v2.swf?idSong=907017&colorBackground=0x525252
&textColor1=0xFFFFFF&colorVolume=0x39D1FD&autoplay=0" type="application/x-shockwave-flash"  width="220" height="55" ></embed></object>
<p></p>


APPARENCE

  • Le thème de base choisi sur Dotclear est "Blue Silence" de Marco, adapté une première fois par Pepe pour son blog, puis par moi pour le B@MMweb
  • Les feuilles de styles sont éditées avec TopStyle Lite
  • Un certain nombre de styles ont été spécifiquement créés pour le B@MMweb :

- Parmi lesquels - "imgnue" - pour choisir : :) au lieu de :)
(Par défaut je positionne les images dans un cadre blanc en relief, style créé par Pepe, "imgnue" annule ce cadre. C'est pratique notamment pour les images détourées.)
- - "texte-doux" - et - "texte-noir" -
- Une feuille de style spécifique "gallery_sommaire.css" a été créée pour le billet de sommaire des galeries.  De même que quelques styles ont étés ajoutés ou modifiés dans la feuille de style fournie avec l'extension Gallery.
- Une page HTML standard a été dessinée pour les documents simples, celle des documents administratifs par exemple

  • Le mouvement des liens est animé avec un script jquery

SECURITE

  • La sauvegarde des billets est faite par le module d'import/export de DotClear. (Attention, pour des raisons de compatibilité chez Free, il faut utiliser ce module spécifique d'import/export)
  • La sauvegarde de l'environnement , des images, des styles, etc, est faite par copie de fichiers
  • Certains droits d'accès sont gérés par le verrouillage de billets de DotClear
  • Certains autres droits sont gérés avec des fichiers ".htaccess" classiques sur Apache

COUT TOTAL : 0€


SUPPORTS - REMERCIEMENTS

  • Un grand merci à Pepe pour son aide - il est l'essentiel du support que j'ai reçu
  • Merci à Marc pour m'avoir fait connaitre PhotoFiltre
  • Merci à Khaos pour son aide sur jquery

Et enfin :

Les différentes images possibles pour le bandeau haut : Ici une photographie du golfe du Valinco en Corse du sud. Cette photo a été prise en fin de journée, depuis la terrasse du restaurant "La Crique" à Olmetto plage, vous pouvez y voir au fond la ville de Propriano et même Sartène.
(Si vous passez par là, prenez donc un repas à "La Crique" c'est délicieux en plus d'être merveilleusement placé. Pensez à saluer Frank ,le patron, de ma part.) Ici une photographie du fleuve Taravo en Corse du sud.
Ici une photographie de lauriers blancs, non loin de la croisée du Taravo et de la Pétréra.
(Ces trois photographies sont "Copyrights Antoine Jumelle")