Shikiryu/Accueil
1
0
Fork 0
Code Issues 9 Pull Requests Releases Wiki Activity
Page: Homepage
Pages
Architecture de module Homepage
7 Homepage
Shikiryu edited this page 2016-11-17 14:00:21 +01:00
Unescape Escape
Table of Contents
This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

Page d’accueil de Shikiryu

Le principe de ce projet est d’obtenir une page d’accueil personnalisée et personnalisable. Il permet d’activer ou desactiver des modules selon la convenance de chacun. Surtout, il ne faut pas avoir besoin de base de données, la persistance se fait en XML !

  • [Page d'accueil de Shikiryu](#page-daccueil-de-shikiryu)

    • [Les bases](#les-bases)

    •   [La structure](#la-structure)

    •   [Les modules](#les-modules)

      •       [L'horloge](#lhorloge)

      •       [La recherche](#la-recherche)

      •       [Les liens](#les-liens)

      •       [La météo](#la-mto)

      •       [Les posts-it](#les-posts-it)

      •       [Miniature blogs BD](#miniature-blogs-bd)

      •       [Task List](#task-list)

      •       [Le lecteur de flux RSS](#le-lecteur-de-flux-rss)

      •       [Les news](#les-news)

      •       [OUI FM Radio](#oui-fm-radio)

      •       [Mappy](#mappy)

      •       [Google Maps](#google-maps)

    •   [TODO](#todo)

    •   [Idées de modules](#ides-de-modules)

Les bases

La base est inspirée de la page d’accueil de Chrome OS©… Chrome OS screenshot Mais en ajoutant directement un champ de recherche Google ainsi qu’une horloge. Les liens sont pour l’instant en “dur”

La structure

Le projet n’est qu’une base et se propose à pouvoir offrir une interface aisée de développement pour les futurs modules. (depuis la “(r28)”:http://www2.xp-dev.com/sc/change/95860/28 ) Pour ceci, merci de suivre les instructions de l’Architecture de module.

Les modules

L’horloge

  • 2 versions
    • Une simple avec uniquement l’heure qui peut être placé où on veut. (la position est enregistrée sur le config.xml)
    • Une avancée qui permet d’avoir aussi la date du jour et qui se place dans la barre de menu
  • todo permettre de changer la typo et le format de la date (pour l’instant tout est enregistré en brut dans le config.xml)
  • Basé sur [jclock(jclock on jquery)] simple mais efficace.

La recherche

  • La version actuelle est une beta et est tout simplement un formulaire GET menant vers la recherche google habituelle. Moyennement joli et pratique :(
  • Nouvelle version de la recherche basé sur [un module de tutorialzine(jQuery search)] avec 2 modifications :
    • On ne peut pas “rechercher sur ce site” vu que ce projet a pour but d’être une page unique.
    • La recherche s’affiche dans une modalbox pour gagner de la place (on perd en accessibilité par ailleurs… C’est un choix)

Les liens

  • Copiés sur Chrome OS (r)
  • todo : les liens devraient être modifiables via une interface et devraient pouvoir être déplacés dans la grille.
  • Les liens sont à présent triables.
  • todo : Ajouter et supprimer des liens (ajout du lien, du titre et de l’icône). Peut-être faire “à-la-netvibes” et permettre d’avoir un tas de liens déjà préconfigurés.

La météo

  • La météo donne les prévisions pour le jour même ainsi que les 2 jours à venir
  • Selon la prévision du jour le CSS change (grâce à une recherche de mots)
  • todo : la météo est fixe, dans le répertoire GoogleMeteo se trouve un script modifiable à ajouter au projet.
  • Basé maintenant sur [le travail de Yohann Cerdan(Google Weather API)] qui est un “simple” parser de RSS de la météo Google. Simple mais efficace encore une fois.
  • La ville est stockée en XML et est changeable via l’interface web.

Les posts-it

  • Inspirés de “(TutorialZine - Sticky notes Ajax PHP & jQuery)”:http://tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/
  • A la différence que toute la persistance est gérée par un xml généré par PHP.
  • On peut aussi, contrairement au script d’origine, supprimer le post-it que l’on souhaite à tout moment
  • Pratique pour se laisser une note… ou à sa/son chéri/e :)

Miniature blogs BD

  • Les dernières images de nos blogs BD préférés.
  • Pour l’instant en cURL, pourrait-être suivi en RSS… (plus léger ?)
  • Maintenant avec ajout via interface !
  • Possible d’être supprimé au vue des performances et de l’utilité…

Task List

  • Une todo list lié à votre compte Todoist.com grâce à l’API de [Todoist.com(Documentation de l’API de Todoist)]
  • Si ce module n’a jamais été utilisé, il vous proposera de vous identifier et de choisir le “project” avec lequel vous voulez intéragir avec votre page d’accueil.

Le lecteur de flux RSS

  • Basé sur [un script de PC Inpact(lastRSS)] déjà utilisé configuré, ici, pour ne lire que le dernier article.
  • Ce script sera dédoublé afin d’avoir un affichage d’image des derniers blogs BD qui nous intéresse.
  • Version alpha

Les news

  • Basé sur l’AJAX News API de Google… Pas très configurable…
  • Buggué au niveau style… todo à corriger !

OUI FM Radio

  • Juste la meilleure web radio non ?

Mappy

  • Le module Mappy est basé sur l’API AJAX idoine. Malheureusement, pour une raison encore inconnue, ce module est incompatible avec le module de base “Links” (de dernier a un problème d’affichage quand on load le javascript de l’API…)
  • Module à abandonner si aucune solution

Google Maps

  • Afin de remplacer le module Mappy actuellement défaillant, j’ai rajouté le module Google Maps.
  • Dans le but d’aller plus vite, j’ai utilisé [la classe de Yohann Cerdan(Google Maps API v3)]
  • Bien sûr, cette classe n’est pas obligatoire (il suffirait d’écrire le javascript directement dans le module maintenant qu’il est configuré) mais elle a grandement accéléré le développement.

TODO

Idées de modules :

  • Module “News” (utiliser google news ?) “(r17)”:http://www2.xp-dev.com/sc/change/95860/17
  • Module “Stockage” (utiliser box.net ? mon projet FTP ?)
  • Module “Mail” (pour voir les objects des mails sans pour autant voir le contenu, lien vers webmail non connecté. Sécurité ?)
  • Module “Mappy” (pour trouver rapidement un plan… Pourrait être google maps déjà utilisé auparavant ?) r24(r24) r25(r25)
  • Module “Transilien” (avec leur API webmaster en cas de grêve)
  • Module “Web Radio” (Trouver quoi utiliser…) “(r18)”:http://www2.xp-dev.com/sc/change/95860/18