https://www.habiter-autrement.org/
https://www.habiter-autrement.org/
|
Habiter-Autrement.org
|
| Mise à jour : 20-12-2023 . |
|
Première rédaction desiderata en 2009 -------------------------------- Site: https://www.habiter-autrement.org/ --------------------------------- On mettra l'accent sur:
Penser "objets": pdf, images, vidéos, url
... essayer de multiplier les automatismes et les possibilités aux internautes de rajouter des projets et des liens via des formulaires en ligne .... en vue de limiter le travail du webmaster
Modèle: https://www.agoravox.fr/ ----------------------------------------------------------------- Multilinguisme: mise en place d'un outil de traduction automatique
----------------------------------------------------------------- Recherche et recherche avancée Recherche articles par langue, par zone géographique, par mots clés préétablis en plusieurs langues Recherche sur plusieurs moteurs de recherche (Google mais d'autres aussi) et les réseaux sociaux (liste préétablie mais paramétrable) Effectuer une
recherche avancée sur Google ... par
langue par exemple
... éventuellement plus tard! Le web invisible (deep web, hidden web) désigne la partie du web non accessible aux moteurs de recherche classiques. Le web invisible comprend des bases, banques de données et bibliothèques en ligne gratuites ou payantes...Voici une sélection de définitions et de ressources permettant de comprendre et d'accéder à ce web invisible , le web "mal" ou non indexé par les moteurs. Outils et moteurs de recherche sur
le web invisible ----------------------------------------------------------------- Titre: Habiter Autrement + 1 ou 2 phrases du genre de ce qui existe ----------------------------------------------------------------- Menus/interface: voir document excel pour le menu vertical et le menu horizontal Menu de gauche serré, peu d'espace, petits caractères (pas d'étoiles) un peu comme dans un site tikiwiki
Menu compact - Site interactif intéressant par ses fonctions mise en place .... voir aussi menu de gauche très compact mais encore lisible ... pour habiter-autrement ? Zazieweb est un site libre et indépendant qui offre des espaces d’interactivité à ses lecteurs actifs et communicants !
----------------------------- Menu de gauche (séparation par une ligne, le tout bien serré, petits caractères) ----------------------------- Réflexions
------------- Exemples
------------- Réaliser
------------- Intervenants
------------- ------------- Menu horizontal ------------- Infos
------------- Menu du bas -------------
Contacts Copyright Correspondants Traducteurs ------------------------------------------------------------- Associer un gif à chaque section du menu. C'est ce que j'ai aussi préconisé dans mon CC. Je peux essayer de trouver des petits logos/gifs d'ici la fin de la semaine prochaine.Donc sur la page/article (bloc central) bandeau dans le haut avec le titre de la teinte de la section, ou variante un carré de cette teinte devant le texte. Navigation au-dessus (flèches, précédent, suivant, idéalement sommaire comme ils le font dans une fenêtre à défilement = liste des articles correspondant à une catégorie)... En dessous PARTAGER réseau sociaux et gifs : envoyer à un ami, imprimer (version imprimable pop-up), sauver, panier virtuel Ensuite le texte .... Comme des mots clés lui sont attribués (à l'article), devraient apparaître à droite dans une colonne, la liste tags et des articles "similaires" ainsi que des sites correspondant à ces mots clés.(les url qui sont dans notre base de données).... Bandeau supérieur: oui je suis pour garder le fond craft pour rappeler le site existant (quitte à changer plus tard), idem logo/gif la petite maison (on verra plus tard aussi pour un autre logo) Ligne google adsence, "faux menu horizontal, sous en dans le bas de la bannière du haut comme
Menu de gauche: Sections et modules correspondants:
aspect: serré comme sur
avec le "faux menu" de
google adsense horizontal, une ligne au dessus ou en dessous
+ date de dernière mise à jour
(automatique comme actuellement en page d'accueil) ------------------------------------------------------------- outils/fonctions bande horizontale -------------
---------------------------- diverses fonctions comme:
---------------------------- Recherche simple, recherche avancée par mots clés, recherche via d'autres moteurs de recherche (spécialisés, web invisible ...) Emplacement pour search dans le site, via Google (rechercher sur le site, sur le web)
---------------------------- Tags Liens vers d'autres articles similaires (selon les mots clés concernés) ---------------------------- Primodial: Navigation interne, d'une page à une autre dans un même dossier ! via des boutons de navigation intuitifs ---------------------------- Géolocalisation des projets via google maps Localisation des visiteurs Nombre de visiteurs en ligne ---------------------------- RSS Liens aux autres sites collaboratifs (série de gifs) ---------------------------- Pub: (voir détails sur la page concernée par le sujet)
-------------------------------------------------------------------------- Page d'accueil Page courante
Page rubrique Bien rendre visible du premier coup d'oeil les différents éléments de la page rubrique:
.... puis en dessous: - liste des liens avec vote, envoi ami, basket, ordre selon le classement etc et toujours quelque part: possibilité de proposer un article, un lien, une vidéo, une image, un diaporama, une publication, un livre (qui se retrouvera aussi dans la rubrique biblio) + Idées de projets: proposés par le webmaster ou les internautes ---------------------------------------------------------------------------------
Gadgets: géolocalisation, qui est en ligne, effet loupe
diverses fonctions comme:
-------------------------------------------------------------------------- Page d'accueil pourquoi pas similaire à la page rubrique, sauf pour la partie centrale où on trouverait par exemple 4 blocs avec Facts, highlights, news, ... + une bande d'imagettes (changeantes) + top 10 des sites d'habiter autrement (l'ensemble du site) Rubrique: là on aurait le top10 des sites liés à la rubrique, la suite (parfois il y en a beaucoup) on retrouverait l'ensemble des sites de la rubrique sur une nouvelle page (accès soit (+) et un gif particulier Cela serait pas mal d'ailleurs de définir une série de gifs pour les types d'infos que l'on retrouve à chaque fois: dossiers (les page sous-thèmes), contributions (les pdf ou ppt), les vidéos, les images, et puis les liens vers les réseaux sociaux etc dont on a parlé Page (sous-thème lié à une rubrique): navigation d'une page à l'autre avec retour à la rubrique (donc au sommaire) ... un peu comme ce que j'ia fait de façon artisanale, et soit en haut, soit à droite au-dessus de la pub, comme un menu déroulant la liste des dossiers et des contributions Penser "objets": pdf, images, vidéos, url .... avec attribution des mots clés (ceux d'une liste, on peut en rajouter, système de traduction automatique ou traducteurs etc) - Imaginer 2 listes: les mots clés généraux comme pays, langue, zone géographique concernée, non commercial, commercial ... et les mots clés spécifiques liés au sujet développé dans l'article, la vidéo ... Mots clés: Il existe même des logiciels qui déterminent automatiquement les mots clés d'un texte. --------------------------------------------------------------------------
Page d'accueil : Page d'accueil pourquoi pas similaire à la page rubrique, sauf pour la partie centrale où on trouverait par exemple 4 blocs avec Facts, highlights, news, ... + une bande d'imagettes (changeantes) + top 10 des sites d'habiter autrement (l'ensemble du site)
titre HABITER AUTREMENT Alternativ Housing 4 pavés latéraux ou au centre .... avec + (l'annonce actuellement dans le bas pourrait par exemple se mettre dans un des pavés) 3 pavés de news - events - facts 2 gadgets : nombre de visiteurs en ligne et géolocalisation de ces visiteurs
Images de la page d'accueil: trouver un système de changement automatique des images depuis une série de jpg stockés dans une rubrique (avec mise à dimensions automatiquement, très légers)
En-dessous : gif/boîte aux lettres pour le contact et une mention de copyright encore à mettre au point : Phrase présente aussi dans le bas de chaque page (multilingue) - Les droits d'auteur en vigueur dans le pays concernés sont maintenus pour chaque contributeur ... conception: et quelque chose comme: This template is built with validated CSS and XHTML, by N.Design Studio. Icons used here are from Web 2 Mini pack.
----------------------------------------------------------------- Page rubrique: ----------------------------------------------------------------- Bien rendre visible du
premier coup d'oeil les différents éléments de la page rubrique:
Rubrique: là
on aurait le top10 des sites liés à la rubrique, la suite (parfois il y en a
beaucoup) on retrouverait l'ensemble des sites de la rubrique sur une nouvelle
page (accès soit (+) et un gif particulier + Idées de projets: proposés par le webmaster ou les internautes
Par thème: possibilité de constituer des sortes de groupes de réflexion ... proposer une idée, appel au peuple ... nécessite d'être membre ...
Site bien fait
pour: Donaine, Objectifs, Tags, Commentaires, appels à coup de main, réagir
à cette action, voter, soutenir etc
----------------------------------------------------------------- Page courante ----------------------------------------------------------------- Titre sous-titre sommaire (qui pourra faire l'objet de traductions)
Page (sous-thème lié à une rubrique): navigation d'une page à l'autre avec retour à la rubrique (donc au sommaire) ... un peu comme ce que j'ia fait de façon artisanale, et soit en haut, soit à droite au-dessus de la pub, comme un menu déroulant la liste des dossiers et des contributions
vidéos, galeries d'images liens (selon le schéma de présentation) Outils collaboratifs: - proposer un commentaire, un lien, une bibliographie, une image .... - proposer une traduction (du sommaire par exemple) - liens avec les réseaux sociaux (série de gifs) - RSS ... Tags mots clés fenêtre articles similaires (ou vidéos ou fichiers attachés) sur le site
Question pub: ----------------------------------------------------------------- ----------------------------------------------------------------- Annuaire de liens (notamment dans la page rubrique) Voir également les scripts sous : ----------------------------------------------------------------- ----------------------------------------------------------------- Fonctions - Gadgets (pourrait en partie être sous forme d'un menu flottant ?)
- imprimer (version avec ou sans images) - FAQ - envoi du lien à un ami - géolocalisation des visiteurs - géolocalisation des projets (quand cela a un intérêt) localisation par région ou par pays - nombre de visteurs en ligne - texte téléchargeable sur ipod (comme agoravox.com) .... - fonctions particulières pour la gestion des FAQ, de la bibliographie, des contacts (notamment pour l'envoi de la newsletter), des droits d'accès, des groupes (correspondants, traducteurs, experts/chercheurs, constructeurs), ----------------------------------------------------------------- ----------------------------------------------------------------- Autres possibles fonctions ci-dessous pas mal d'exemples déjà sur
-------------------------------------------------------- Les correspondants "officiels" (par pays), certains membres privilégiés (des amis, des experts) devraient pouvoir intervenir directement une fois inscrits sans modérateur (mais quand même un système d'alerte) Pour les autres, comme pour facebook, il faut s'inscrire (vérification validité de l'email), alerte, et validation ou pas du texte ou du lien
------------------------------
------------------------------
----------------------------------------------------------------
Pour ce qui est des
liens qui seront encodés: les allias de ces liens peuvent se retrouver en
plusieurs endroits:
en fait 2 listes: dans le haut les
nouveautés,
dans le bas la liste des liens
présentés selon des sous-rubriques ou sous-thèmes
Groupe de sites: Le sujet traité ou
le site principal mentionné peut être lié à plusieurs autres sites (autres
langues, autres sources, vidéo): les groupes en tant que tel doivent pouvoir
être reconnus (ligne horizontale de séparation ? d'aspect particulier)
Ils font l'objet d'un contrôle
hebdomadaire. En cas d'erreur 404 retour au site racine.
Pour chaque lien: Un descriptif de 3 à 4 lignes (si plus de lignes, signe + pour clic et accès au texte plus long) Différencier les langues : par une couleur d'un signe ou autre moyen Série d'informations (mini pavé à côté du lien ou en dessous ?): langues du site, géolocalisation, url racine, image de la page d'accueil au passage de la souris sur le signe correspondant, s'il y a lieu vidéo youtube ou autre, remarque ou commentaire qui peut être rajouté soit par le webmaster soit par l'internaute, vote (barre de satisfaction) = permettra d'obtenir le top 10 ou top 100 Série de mots clés (sélectionnés à partir de la liste de mots clés multilingue ou autre)
Dans une fenêtre latérale les liens apparentés sur le Net (les 5 ou 10 premiers sites recherchés sur google avec les mots clés du lien concerné)
Possibilité d'adjoindre une ou des images: soit une imagette, soit une mini galerie fixe horizontale, soit encore une fenêtre avec défilement comme un diaporama: cela veut ditre aussi qu'il y a moyen d'adjoindre toutes ces infos dans la base de données. exemple Diaporama comme sur http://lescaravanesnotin.blogspot.com/ à droite
Agrégateurs de news ------------------------------ ------------------------- Un agrégateur est un site ou logiciel qui rassemble et synthétise les feed RSS d’autres sites, vous permettant ainsi de lire les nouveautés de plusieurs dizaines de sites sur une seule page. Un agrégateur de contenu, c’est un site, ou un logiciel, qui ne s’alimente que de feeds RSS. Sa raison d’être est de collecter sans cesse les news des autres sites.
Connaître qui vient sur le site,
fidéliser, newsletter etc ... donc aussi moyen de vendre certains articles Erreur 404 et erreur 500: prévoir
un message de subsitution genre If you think this is a server error,
please contact the webmaster <mailto:admin@potentianet.com>
|
