Loading...
 
[Show/Hide Right Column]

page id: 1103
Print

TemplateTPartoutV3

 
Si si vous cherchez la maquette de TelePartout.org, elle n'est pas ici.

 

:: :
  • Group Registered doesn't have any thing much for regular users. In the sense that the page looks pretty much the same as anonymous... without advertising from google
  • Group Paid is where we want users to be once they choose their group ** OBNL - Association 1901

 

Maquettes

Voici la maquette principale sur quoi se fier

Deux côtes à côtes

Les trois + le fichier excel

 

Excels

Veuillez donc vous référer aux documents excels ci-dessous pour la version 3 soit: https://telepartout.org(external link)

Les nouveaux chemins des fichiers

Images

  • /tiki24.yogapartout.alsawiki.com/html/extlinks/ftp/useCase/imgs
    • /tiki24.yogapartout.alsawiki.com/html/extlinks/ftp/useCase/imgs/printScreens
  • /tiki24.yogapartout.alsawiki.com/html/extlinks/ftp/useCase/imgs
    • /tiki24.yogapartout.alsawiki.com/html/extlinks/ftp/useCase/imgs/sitemap
  • /tiki24.yogapartout.alsawiki.com/html/extlinks/ftp/useCase/imgs
    • /tiki24.yogapartout.alsawiki.com/html/extlinks/ftp/useCase/v1/imgs
  • /tiki24.yogapartout.alsawiki.com/html/extlinks/ftp/useCase/v2
    • /tiki24.yogapartout.alsawiki.com/html/extlinks/ftp/useCase/v2/imgs

 

et

 

Maquettes spécifiques

Voici des infos et captures d'écrans importantes

Le processus du chemin des emails

Exemple de la réception d'un email qui affiche la question demandé par un membre "en rêgle" c-à-d qui est dans le groupe 'PAID'. Le email reçu n'affiche pas la réponse, juste la question, une partie de la question et le lien en dessous pour voir la réponse complète... connecté en REGISTRED

 

Bannière en haut (YP)

Si on va sur le site(external link), on voit que la bannière du haut(external link) et le coin en haut à droite(external link) sont maintenant visible complétement. On voit aussi que le logo YP est placé correctement(external link):

La bannière en haut à gauche(external link)

Voyez la finale(external link).

 

Les groupes

Voici la maquette du comment les groupes sont structurés. Rappel que les *labels* ont changés.

Du côté français voici la concordance:

 

Du côté anglais voici la concordance:

 

Nomenclature

Image
Enlarge
Cette nomenclature pose problème? Peut-être car les catégories et les groupes ne sont pas validés

 

1. Couleur du back ground

bgcouleur : c'est le #b3babd

Close
commentQuestion
je ne sais pas si on peux utiliser une image grande taille(backgorund ou 2 images repeat (a gauche et droite)..

vu qu'il va avoir des pages tres longues....

je voudrais mettre le CSS pour L'instant..

 

Maquette spécifique Tele

2. Lorsqu'on s'en va vers: choisissez votre pays, (lorsqu'on s'inscrit), on tombe sur le gabarit suivant.
Encore une fois, il y a des erreurs sur ce visuel, veuillez donc vous référer au document excel que je nomme: gaparitSplashScreen pour les spécifications finales

Close
commentNotez
Cette maquette ci-bas doit être faite par Daniel. Les modifications sont les suivantes.

 
Primo: Il n'est plus question de pays. Ce sont des *souhaits*, des mots clés qui sont utilisés dans les *catégories*.

Secondo: Il y en a beaucoup moins

 

Nommer les bannières

Voici la façon de nommer les visuels déposés sur FTP.
C'est important de respecter cette convention pour nommer les visuels, bannières, boutons, textes avec images, etc.

convention des titres
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
dateLayerTypeDimensionbyDimension_excel_motClePourIdentifier.jpg
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  • date de dépôt
  • La *layer*

La couche ou doit se trouver ce visuel. Par exemple si le visuel doit se trouver dans une section, l'écrire

  • Le type

Le type de visuel. Est-ce un bandeau, un bouton, un texte, etc.

  • La dimension

Par exemple, si je dépose une image de 500 px de large par 300 px de large: 500by300

  • Excel

Sur la feuille excel guide, quel est le numéro, la lettre qui est attribué à ce visuel.
Souvenez vous de mettre des **underscore* avant et après l'identification.

  • Mot clé pour identifier

Notez qu'il n'y a aucun espace dans le fichier nommé et il y a des miniscules et majuscules.
SVP, toujours nommer vos fichiers en commencant par un numéro unique, une date ou quelque chose du genre.
Si les dimensions sont importante à connaitre, mettez la dimension dans votre titre. Par exemple:

dateCetteImage_580pxHaut_800pxLargeJPG^

 

ex. pour le cadre A1:
NOMMER:feb11SplashCadre777by777_A1_confiance.jpg

ex. pour le texte A2:

Nommer: feb11SplashTxt25by850_A2_monyogablabla.jpg

ex. pour le FlashFlip A3:

Nommer: feb11SplashFlashFlipBanner777by777_A3point1_inscrivezvous.jpg

feb11SplashFlashFlipBanner777by777_A3point2_quintessence.jpg

etc

Faire

  • Préparer la maquette FaceBook. Première ébauche de faite
  1. Déposer les visuels sur FTP
    • Assurez-vous de déposer les mêmes visuels en pièces détachés format PSD ou EPS ou ce qui est utilisé pour créer les graphiques pour qu'il corresponde à la maquette.--
    • Mettre les logos sectorisés sur FTP--

 
1. Avant:
Voyez ci-bas ce que ça donne sur la maquette de CafePress, c'est trop petit comme logo
Image
2. Après
Comme ceci par email reçu:
Image

Marketing

Bannières

Vox Populi

Image

TelePartout original

En png
Image

Exemple

Image

 

Image Image

Bannière sur VoxPopuli découpé

 


Image Image


Image Image

 

Image Image

 

Image Image

Jeu FaceBook

Le jeu facebook va copier exactement le concept de PHD sauf qu'il servira d'invitation aux quelques 2,000 personnes inscrites de *réussir* le jeu entre eux et non comme PHD a fait, utiliser des ressources internes.
Certes, des ressources internes seront utilisé pour *démarrer* (voire montrer) comment on peut réussir à former le mot *Y * O * G * A* avec trois autres personnes.
Voici les 4 lettres:
150px x 150px

 

 

La maquette FaceBook.
Image
Enlarge
"

 

Jeu Facebook

Lors de la semaine du lancement, les personnes inscrites sur la page de YogaPartout ont été invités à jouer un jeu. Il s'agissait de demander à trois autres amis d'aligner les lettres sur leur page Facebook respective afin de composer le mot Y*O*G*A*.

Pour jouer: Les lettres que les internautes peuvent télécharger

  

Pour la lettre A:

Le chemin est: __http://yogapartout.com/extlinks/ftp/useCase/v1/imgs/y_facebook.jpg
Pour la lettre O:
Le chemin est: http://yogapartout.com/extlinks/ftp/useCase/v1/imgs/g_facebook.jpg

Pour la lettre G:

Le chemin est: http://yogapartout.com/extlinks/ftp/useCase/v1/imgs/g_facebook.jpg

Pour la lettre A:
Le chemin est: http://yogapartout.com/extlinks/ftp/useCase/v1/imgs/a_facebook.jpg

 

Dimensions

Voici, pour vous donner une idée des dimensions des bannières, boutons et autres objets créés un exemple d'une page bien proportionnée(external link)
Les visuels sur cette page d'accueil prennent une proportion intéressante par rapport au reste

Visuel

http://connectpro.ca/Projects/ConnectProNew/Assets/slide_cas_fr.jpg(external link)

Modèle comparatif

Visuel avec image

http://connectpro.ca/Projects/ConnectProNew/Assets/bar_home_1_fr.jpg(external link)

Ligne horizontale

http://connectpro.ca/images/common/backgrounds/footer4box.gif(external link)

Autre

  • http://connectpro.ca/images/common/backgrounds/mainheader_right.png
  • http://connectpro.ca/images/fr/buttons/search_sm_on.gif

Éviter

Pour les bannières de grande taille (voir gabaritSplash), il faut éviter que les bannières soient trop pareils lorsqu'il y a des changements de *cadre*
Exemple:
Ce visuel:
http://connectpro.ca/Projects/ConnectProNew/Assets/slide_home_fr.jpg(external link)
situé sur cette page:
http://connectpro.ca/catalog/category.aspx?category=26837&lang=FR(external link)
FAIT bien avec celui-ci:
http://connectpro.ca/Projects/ConnectProNew/Assets/slide_ht_fr.jpg(external link)
parce qu'il y a un contraste entre les deux.
On ne veut pas des bannières qui se fondent une dans l'autre.
Voici un autre BON exemple de contraste:
http://welcome.hp.com/country/fr/fr/cs/home_c.html(external link)

Les menus

Bogue

En ce moment, il y a un bogue.
Probl affects the menu. See print screen: http://bit.ly/ids2u3(external link) (réparé le 7 février 011)

Fonctions

Quels sont les menus qu'on retrouve et à quel groupes appartiennent-ils?

Anonymous (groupe id-1 Anonymous)

= id-47 LE menu

Registered (groupe id-2 Registered)
+

= id-48 Menu gauche - Options personnelles (groupe Registered)

 

Modérateurs (groupe id-4 Prof de prof)
+

= id-44 Menu tout en haut

+ l'engin de recherhe

 

Business (groupe id-5 Business)

A faire.

Ce menu est limité à la gestion de la pub
Ils ont accès au forum pour aider les utilisateurs
Ils ont accès au système de gestion des bannières
très limité comme menu, etc.

Prof (groupe id-6 Prof)
+ Accèdent aux articles pour lancer des info lettres

 

Prof de prof (id-4 Prof de prof)

Ce groupe accède à l'administration des utilisateurs

Administrateurs (groupe id-8 SubAdmins)

Ils peuvent tout faire. Ce sont celles et ceux qui font parti du *Continuum*

Système de menu

L'idée est d'avoir deux systèmes de menus.

Sert aux personnes inscrites (registered) qui font parti du groupe des adminstrateurs

Ce menu est commun a toutes et tous.

Note
Il y a du travail à faire à ce niveau, Daniel s'en occupe.  Le système des menus est terminé à 90%.  Il ne devrait pas changer.

À gauche - vers le bas

En ce moment sur YP(external link) le menu du côté gauche donne beaucoup de permissions.
Cela va changer (Daniel s'en occupe), il ne restera qu'un menu plus concentré, spécifique.
Ce menu est important puisqu'il sera relatif au groupe à lequel appartient la personne inscrite.

Bas de page
[+]

Menu à droite - vers le haut

Ce menu n'est pas appelé à changer.
Il contient tous les éléments recherchés, soit:

  • Shout box
  • Text field for creating a page

 

Questions

Voici quelques questions qui n'ont pas trouvés réponses à ce jour:

  • Galerie image vs Galerie fichiers

On sait que la galerie image est appelé à disparaître. Les images iront dans la galerie de fichiers?
Les pages "par Pays":
**Les catégories ont été créés

    • What's next? Créer les pages?

Lorsqu'on créé une page (ex. page Egypte), devons nous tout de suite lui assigner un pays et bloquer les autres catégories?

Note
Voyez à gauche ou c'est inscrit:  Réalisateur, scénariste, etc
Je voulais juste changer ce menu

Voir aussi

Il y a d'autres documents importants qui sont liés à cette page. Voici:

Tous les templates

Les templates et d'autres visuels peuvent être consultés

Autre

Il y une foule d'autres images déjà numérisés et de disponible. Voici quelques liens externes. Par exemple dans le dossier "Perso(external link)", on retrouve:

  • Francine(external link) de l'institut Vidya
  • Denis(external link) de l'Institut Vidya
  • Line St-Rock (-1(external link)-2(external link)-3(external link)-)
  • Les parties du corps, les asanas, etc
  • Une photo qui a fait le tour du monde. Elle s'est retrouvé dans un calendrier, celui de Gaëlle pour le LeYogaThon.ca(external link)

 

Les menus

Une fois le nouvel espace créé par Jyhem, a la suite des deux autres, soit YogaPartout et Satoshi.Yoga, Daniel procédera au déballage du cadeau. C'est-à-dire que même si l'installation du nouveau 'node' (aka via Linode.com) telepartout.org aura été faite par Jean-Marc, la fonctionnalité de déploiement reviendra idéalement à un-e stagiaire. Si Daniel n'a pas trouvé trouvé de 'stagiaire qualifié-e, il créera une 'vidéo instructionnelle'.

Les objectifs sont mutliples pour que ce ne soit ni Daniel, ni Jean-Marc qui déploient l'org telepartout.org avec en utilisant le wisiwig de tiki.org une fois qu'une installation est faite. Une page 'TelePartout Edimestre' sera créé pour que Daniel puisse enseigner à cette nouvelle personne qui ne connait pas tiki.org, comment déployer une nouvelle infrastructure. L'objectif premier est de donner confiance à cette nouvelle personne qui ne connait pas tiki.org. Tiki.org est perçu comme une bête noire qui mange les autres ;-) Voici donc la mission qui sera confié au stagiaire ou à la stagiaire sous la supervision de Daniel.

Les menus

Ces infos sont placés ici pour que le/la stagiaire puisse commencer par une tâche simple afin de créer un succès.

Départ Produit Org Prix

Quatre menus principaux, pas plus, car on veut que le site soit 'bootstrap friendly' et tiki.org n'a pas la capacité d'en prendre davantage. Par exemple, si on visite le New York Times, ils ont des dizaines de menus et sous menus et tout est stable. Parce-que les téléphones intelligents sont les premiers utilisés quand un utilisateur cherche de l'information sur Google, Il faut que ces menus soient des mots qui insitent les visiteurs à cliquer, visiter, utiliser telepartout.org. Voici donc la liste des menus, les choix temporaires qui sont développés

Premier menu: Départ
Page
créer la page: README
((README))

Oui, le mot départ va être le premier mot clé utilisé même si à gauche, juste en haut de ce premier menu le clic sur le logo même à la même place

Deuxième menu: Produits et Services
Page
créer la page: Produits et Services
((Produits et Services))
Troisième menu: Org

 

créer la page: A propos de nous
((A propos de nous))
!!!!Quatrième menu: Prix
Page {CODE(caption="créer la page: Liste de prix")}((ListeDePrix)) avec Alias: Liste de prix{CODE}

N2S

créer la page: A propos de nous
Copie du bloc note avec les infos nécessaires pour travailler avec Jean-Marc Libs, etc
Le 9 oct 2024
Nouveau chemin sur le web.
PVI: Primo, les fichiers originaux n'avaient pas été transférés de l'ancien YogaPartout vers Satoshi.Yoga - Daniel pense que c'est parce-que le dit fichier était trop pesant, propriétaire, en format Micro$oft et donc, rejetté.  Cette fois ci, une version .csv UTF8 a été créé et déposé à cet endroit:
Localement: C:\Users\Daniel\telepartout.org\telepartoutORG\
Sur YogaPartout: /tiki24.yogapartout.alsawiki.com/html/extlinks/ftp/useCase/sitemap/__TelePartoutDotOrgXSLX_CSV_menuMap.csv
Sur SatoshiYoga: 

NOTE importante: on ne met pas de fichier micro$oft sur AlsaWiki
.xlsx
Voir la capture d'écran ET le sitemap sur: C:\Users\Daniel\telepartout.org\telepartoutORG\IMGS_nouveauSite
image:
sitemap: C:\Users\Daniel\telepartout.org\telepartoutORG\IMGS_nouveauSite\CartographieDotXLSXaka__TelePartoutDotOrgXSLX_CSV_menuMap.csv
** Ivanka a accepté d'éditer le [http://yogapartout.com/extlinks/ftp/useCase/sitemap/gabaritSplashScreenDeYoga_v6.xls|fichier excel (.xls)]
http://telepartout.com/da/extlinks/ftp/usecase/sitemap/README_TransfertDesFichiersImportantsDeTelePartoutPointCom.txt
http://telepartout.com/da/extlinks/ftp/usecase/sitemap/__TelePartoutDotOrgXSLX_CSV_menuMap.xlsx
http://telepartout.com/da/extlinks/ftp/usecase/sitemap/TelePartoutDotOrgXSLX_HelloWorld_Map.xlsx
http://telepartout.com/da/extlinks/ftp/usecase/sitemap/Cartographie.xlsx
Ces deux fichiers se retrouvent sur AlsaWiki:
http://telepartout.com/extlink/ftp/usecase/sitemap/__TelePartoutDotOrgXSLX_CSV_menuMap.csv
http://telepartout.com/da/extlinks/ftp/usecase/sitemap/CartographieDotXLSXaka__TelePartoutDotOrgXSLX_CSV_menuMapDOTcsv.jpg

Note: le catégroupe TelePartout n'a pas été créé au moment d'écrire cette note le 9 oct 2024

 

chemin de ce fichier: C:\Users\Daniel\telepartout.org\telepartoutORG

Interresting links (AI)

 

Raccourcis vers CYBF

 

Liens intéressants

 

Pour AlsaWiki voyez: la page Telepartout - Homepage(external link)

Les urls des xslx
https://yogapartout.com/extlinks/ftp/useCase/sitemap/gabaritSplashScreenDeYoga_v6.xls

Mot de passe pour Adobe.com
Private	Checked
Title	((data))
Body	u: gauthier.daniel@gmail.com
p: 44LHp2*x6zBTAA@v
1Dgas563

!Thirty day try
u: daniel@yogapartout.com
p: 44LHp2*x6zBTAA@v
2Dgas563
Annulé le 14 oct 23:
Cancellation numberAB03217400614CCA
<><><><><><><><><>

!Liens intéressamts

!Questions?
[http://telpartout.com/Mission|Surveillez cette page] ou [mailto:daniel@satoshi.yoga|écrivez à Daniel]
!Quoi d'autre?
!!-Pages reliés à celle-ci:
{backlinks}
{GROUP}

S'inscrire à l'info lettre

Adresse de courriel: