ActiveRenderer tutoriel 7

activeRenderer tutoriel- partie 7

Ou comment utiliser les propriétés de liaison d'OPML pour créer des plans possédant un contenu plus riche.

Etape 1: Euh...cela cause de quoi ?

Cliquez sur l'icone de caméra qui remplace l'icone standard, en forme de triangle, sur la gauche de ce noeud.

Comme c'est sympathique, n'est-ce-pas ? Maintenant, essayez de redimensionner la fenêtre de votre navigateur web, puis rechargez, ou réactualisez, cette page et essayez à nouveau.

Vous voyez l'image ?

La propriété d'inclusion vous permet de créer une sorte de document attaché à un noeud de plan (ou un paragraphe).

A la différence d'un document attaché de courriel, ce document attaché-ci n'est pas une partie du document: le plan supporte seulement un lien vers le document attaché.

Toute image ainsi liée, sous format JPG, GIF ou PNG, est copiée sur le le site web public, redimensionnée en fonction de la largeur courante du noeud auquel elle est attachée, et insérée dans le plan, tout comme un noeud enfant, au neud courant.

Ensuite, vous pouvez refermer et déployer le noeud parent pour cacher ou révéler l'image.

Etape 2: Il n'est pas question seulement des images...

Cliquez sur l'icone de film qui se trouve à gauche de ce noeud.

Les animations Flash Macromedia (fichiers SWF) sont générées comme les images. Il en est de même pour les animations Quicktime d'Apple (fichiers MOV)

Je compte ajouter le support des formats de documents Microsoft AVI et Real RPG aussi rapidement que possible.

Tout comme pour l'exemple de l'image de l'étape 1, le premier noeud de l'étape 2 supporte seulement un lien vers le document attaché de contenu multimedia.

Etape 3: Et c'est même plus que cela semble :-)

Maintenant cliquez sur l'icone en forme de flèche qui se trouve sur la gauche de ce noeud.

Oh la ! Ce plan se déploie en lui-même, semblant littéralement sans fin :-)

Si vous lisez ce document en utilisant le navigateur Microsoft Internet Explorer 5.2 sous MacOS, alors le plan inclu s'ouvrira dans une fenêtre différente de votre navigateur.. la cause est un bug du navigateur MSIE actuel qui interdit au code javascript de s'exécuter correctement.

J'ai reçu des informations laissant penser que ce bug serait corrigé dans la version 6.0. Le seul problème est que Microsoft ne semble pas pressé de livrer cette version 6.0 :-)

Evidemment, il est certainement plus intéressant d'inclure un plan OPML autre. Ces plans peuvent être ainsi déployés dans la page courante, en préservant le contexte du noeud ou ils se trouvent. Cette fonctionnalité est parfois comprise comme étant une transclusion.

Il y a mieux: la prochaine version d'activeRenderer générera les nouvelles RSS tout comme il le fait avec OPML.

L'inclusion de plan OPML permet la création de répertoire partagées, comme vous pouvez le constater en cliquant sur l'onglet de ce noeud.

Si le contenu lié est simplement du HTML, donc différent des formats OPML /RSS /GIF /JPG /PNG /SWF /MOV, le lien est alors associé à une icone en forme de petite page, et s'ouvre dans une nouvelle page lorsque l'icone est cliquée.

Etape 4: La création de contenus emboîtables avec le générateur de documents structurés de Radio.

En premier lieu: qu'est-ce qui est nécessaire pour créer une inclusion de plans ?

Il vous sera certainement utile d'avoir un générateur de plan sous la main ;-)

Si vous êtes déjà pratiquant de Radio Userland, alors cela ne vous pose aucun problème.

Je vais aussi fournir une information détaillée sur la représentation de la propriété de lien inclu dans un document OPML, et serais preneur de toute information sur la création d'inclusions avec d'autres logiciels.

Je suis certain que ces informations trouveraient leur raison d'être dans ce tutoriel.

Vous devez aussi avoir l'URL complète (ou l'adresse Web) du contenu que vous voulez inclure dans votre plan.

Par exemple, l'URL de ce document est:

http://radio.weblogs.com/0104487/outlines/tutor/aRTutorial7.html

C'est un plan que j'ai sauvé sur mon ordinateur local, dans le dossier www:gems:tutor (j'utilise un portable Powerbook MacOs X).

Tous les fichiers sauvés dans le dossier gems sont copiés, tels quels, sur votre site carnet Web public, sans aucune transformation.

L'URL de la photographie de Gisele Bundchen, rencontrée dans l'étape 1 est:

http://radio.weblogs.com/0104487/images/my/gisele.jpg

C'est un fichier image JPEG que j'ai sauvé dans le dossier www:images:my de mon portable.

Tous les fichiers images sauvés dans le dossier images sont aussi copiés automatiquement sur le site public.

L'utilisation de l'adresse URL originale de cette image est aussi possible, ainsi:

http://www.keg.com/bgs/runway/jens/Gisele-gibue015.jpg

Mais ce serveur semble sous pression ces temps-ci :-)

Commençez par créer un nouveau plan, comme le montre le Tutoriel 1, ou ouvrez un plan existant dans votre générateur de plans.

Ensuite sélectionnez le noeud où vous voulez inclure le contenu pour le publier.

Ce noeud deviendra le noeud parent du contenu inclu. Avec la version actuelle d'ActiveRenderer, il ne peut avoir de noeuds enfants.

Heureusement, cette limitaion sera transgressée dans une version ultérieure.

Pour associer un lien au contenu inclu, sélectionnez le sous-menu Add Link du menu Outlines (cmd-K sous MacOS, ctrl-K sous Windows)

Dans la petite fenête qui apparait, frappez au clavier ou collez l'URL du document que vous voulez attacher.

Cliquez sur OK; vous remarquez alors que l'icone du noeud en forme de triangle s'est transformé en flèche pointant vers le haut.

Enregistrez à présent votre plan et vérifiez la version publiée, ainsi qu'il est décrit dans l'étape 5 du Tutoriel 1.

Etape 5: Les liens OPML.

Dans le fichier de format OPML où vous avez rangé votre plan, il y a une balise outline par noeud de plan.

Le contenu de type texte d'un noeud est codé avec un attribut text signifié dans la balise.

Les balises des liens inclus contiennent les attributs signifiant le type et l'URL.

* une note pour les béta-testeurs de Safari d'Apple

C'est exact, vous êtes beta-testeurs; vous vous en souvenez ? Safari en est encore à la version 0.8.2, à l'heure où j'écris ce texte, et est encore assez éloigné de la conformité avec les standards.

Aussi, plutôt que de m'avertir que cette page ne fonctionne pas avec Safari, ne serait-il pas plus sage de renseigner Apple de ce fait, ce qui pourrait être utile pour un de leurs programmeurs ?

note:

ce texte est une traduction, faite à un moment donné, du texte original, auquel il convient de se reporter pour prendre en compte les multiples mises à jour et pour ne pas se laisser égarer par de possibles erreurs de traductions.

auteur original: Marc Barrot

document original: Tutoriel 7

adaptation: Le Dréan Gwénaël (les commentaires, critiques et suggestions sont bienvenus ;-))

opml 1.0
mise à jour: 11/03/06; 16:53:05

accueil

tout fermer
tout déployer

prévisualiser
cacher les onglets

comment cela fonctionne

feedster et activerenderer

Pas de fil RSS trouvé à http://www.feedster.com/rss.php?q=activerenderer

comment cela fonctionne

Aide activeRenderer

Tutoriels

Tutoriel 4 - activeRoll

Tutoriel 5 - signets

Tutoriel 6

Tutoriel 7 - transclusion

Tutoriel 8 - rssBox

Divers

FAQ

Annexes

Assistants

rssBox

A propos de...

Radio Userland

WebOutliner

comment cela fonctionne

nouvelles d'activeRenderer

Impossible de retrouver http://www.activerenderer.com/rss.xml - erreur: Can't open stream because TCP/IP error code -3259 - Connection timed out.

comment cela fonctionne

blogdigger et activerenderer

(No Title)

amy, i believe those icons came from the fabulous Radio UserLand tool, activeRenderer. marc, the creator of the tool has been down this icon node path already. that's party why i pointed to that page. i guess i should be joining in the fun on the email list. unfortunately, activeRenderer site isn't ...

6/03/06 - 10:25 pm GMT

(No Title)

i wonder if marc has abandoned activerenderer? site is down. i was going to look to it for prior art regarding inclusion links for our outline nodes. he's been down this path already and had individual node type icons already whipped Up.

was really cool....

6/03/06 - 5:12 pm GMT

(No Title)

take a gander at my outline based production notes for iceplant radio. here's the OPML file i created them in. it was cool and i used radio userland to do it. i created my outline in radio and saved it as an opml file. activerenderer took that file and rendered it into a neat collapsible web page. i...

6/03/06 - 4:54 pm GMT

Coolness is starting to flow out of Yahoo

I ran into Joy Mountford the other day in Yahoo's cafeteria - at the salad bar (yes - I'm starting to eat salad....).

She's working for her old boss - Larry Tessler.

Not sure if it's Joy or any of her team - but we discovered a couple of coolio user interface widgets yesterday - which are part of th...

Coolness is starting to flow out of Yahoo

I ran into Joy Mountford the other day in Yahoo’s cafeteria - at the salad bar (yes - I’m starting to eat salad….).[sgl dagger] She’s working for her old boss - Larry Tessler.

Not sure if it’s Joy or any of her team - but we discovered a couple of coolio user interface widgets yes...