HOME > RSS > BLOGS France > [SPIP - contrib]

R S S : [SPIP - contrib]


PageRank : 6 %

VoteRank :
(0 - 0 vote)





tagsTags: , , , , ,


Français - French

RSS FEED READER



Emplois

5 September, by Peetdu[ —]

Ce plugin propose deux objets éditoriaux :

  • Offres d'emploi
  • CVs

Il est possible d'activer l'un et/ou l'autre selon vos besoins.

Présentation générale

Dépôt des offres d'emploi et/ou CVs depuis l'espace public
Essentiellement, ce plugin permet aux visiteurs inscrits de déposer des CVs et aux visiteurs inscrits ou non, de déposer des Offres d'emploi.
Dans les deux formulaires, il est possible de joindre un fichier PDF.

Mais aussi dépôt d'offres d'emploi depuis le back-office
Cette option a été demandée plusieurs fois : permettre aux rédacteurs du site de mettre en ligne des offres d'emplois.

Des notifications automatiques pour les dépôts en ligne
Au dépôt d'une offre d'emploi ou d'un CV, le Webmaster est notifié.
À la validation ou au refus du Webmaster, le déposant est notifié.

Un plugin configurable
Ce plugin se veut hautement configurable, afin de répondre à vos besoins [1].

I. Installation

Le plugin s'installe classiquement.

Il nécessite les plugins suivants

II. Configuration

Activation
Avant toute chose, vous devez vous rendre sur la page de configuration du plugin pour activer dans les onglets (présentés ci-dessous), soit :

  • les offres d'emplois ;
  • les CVs ;
  • les deux.
Activer les Offres
Activer les CVs

Après activation, vous trouverez dans le menu Activité les liens correspondants à la gestion éditoriale de ce(s) contenu(s).

Configuration des contenus pour les Offres d'emploi
A l'instar des articles, vous pouvez configurer les champs dont vous avez besoin.
Par défaut le champs toujours présent dans le formulaires est le titre.
Pour les autres vous avez le choix.



Configuration des contenus pour les CVs
Un CV est lié à l'auteur (au sens SPIP) qui le dépose.
La seule option est de pouvoir attacher ou non un fichier PDF

Configuration Affichage espace public

Paramétrage de l'affichage public

Configuration des notifications

Par défaut, la notification d'un dépôt sur l'espace public d'un CV ou d'une offre d'emploi se fait sur l'adresse email du Webmaster (voir Configuration -> Identité du site).

III. Note importante à propos des CVs

La conception de l'objet « CV » est basée sur l'idée que seul le déposant peut créer/modifier son CV. Il faut donc que cette personne ait créé un compte sur le site (formulaire inscription de SPIP).

Un administrateur du site ne pourra pas créer de CV par délégation ; son rôle sera [2], de contrôler puis de valider la publication de ce CV.

IV. Dans les squelettes

- a) Formulaires

  1. #FORMULAIRE_EDITER_OFFRE
  1. #FORMULAIRE_EDITER_CV

- b) Balises
Pour les offres d'emploi, les champs utilisables comme balises, comprennent l'identification-description de l'émetteur

  • #NOM
  • #EMAIL
  • #TELEPHONE

…ainsi que l'offre elle même

  • #TITRE
  • #EMETTEUR
  • #DATE_DEBUT
  • #DATE_FIN
  • #TEXTE_OFFRE

Pour les objets CVs (un document PDF et son identification)

  • #NOM
  • #DATE_DEBUT
  • ID_DOCUMENT_CV : référence directe du document CV joint (PDF)
    le document -supposé être un .PDF - est stocké en Médiathèque SPIP (donc d'accès libre par défaut [3]),
  • #ID_AUTEUR (référence l'auteur -inscrit- émetteur du/des CVs)

- c) Critère
Un critère spécifique {offres_en_cours} est pré-programmé pour faciliter la boucle de sélection des offres d'emploi (entre #DATE_DEBUT et #DATE_FIN) en cours à la date courante.

Les plugins copains

  • Champs extras
    il permet d'ajouter des nouveaux champs à vos formulaires
  • Facteur
    les notifications envoyées sont plus jolies (mais Facteur ne se résume pas qu'à cela hein ;)
  • NoSpam
    Indispensable dans le cas de l'utilisation des formulaires dans l'espace public, afin de protéger des spammeurs.

TODOs

Proposer des squelettes prêt à l'emploi

  • Listing d'offres
  • listing de CVs
  • etc.

Simplifier le téléchargement d'offre PDF depuis le BO
Pour autoriser l'ajout de documents joints, pensez à cocher la/les cases descriptives voulues dans la Configuration / Contenu du site, dans le panneau Documents joints
Avec la nouvelle version de CVT Upload, c'est possible de de se passer de cette config.

Donner la possibilité de répondre à une offre
Ça, ça sera un gros morceau...gloups.


[1] À ce propos vos remarques, suggestions ou contributions sont les bienvenus

[2] suite à une notification par email du dépôt d'un nouveau CV

[3] Attention aux protections d'accès pour des documents confidentiels

Des pistes et aides à la mise en œuvre vous seront proposées en Mise en oeuvre des Objets d'Emploi-CV, et vos remarques sont attendues en Carnet Emploi-CV.
Merci a YannX pour son aide à la première rédaction de cet article


Sitemap images

5 September, by erational[ —]

Ce plugin fournit un sitemap plus complet qui intègre les adresses des images de votre site. Il vise à améliorer l'indexation des images de votre site SPIP.

Le fichier sitemap.xml

Le fichier sitemap.xml est un fichier comprenant tous les adresses du site. Il est notamment utilisé par Google pour indexer le contenu d'un site internet.

Le fichier sitemap.xml fourni en standard dans SPIP est basique.

Une fois activé, le plugin sitemap_images fournit un fichier sitemap.xml plus complet qui liste en plus des adresses habituelles (articles, rubriques, ...) les adresses des images du site, afin d'améliorer l'indexation de vos images originales.

Limitations

Le plugin ne fait que surcharger le fichier sitemap.xml.html. Si un autre plugin ou si votre squelette surcharge aussi ce fichier, le plugin n'aura plus d'effet sur la page sitemap.xml.

Mais vous pouvez continuer à accéder au sitemap images via l'adresse :
spip.php?page=sitemap-images.xml

Autres recommandations

Ce plugin est un outil pour améliorer le référencement de vos images.

Il doit compléter les bonnes pratiques pour références les images :

  • Avoir des noms de fichiers signifiants.
    Exemple : portrait-ecureuil-rouge-volant.jpg
  • Compléter les titres et les descriptions de vos images dans l'interface privée de SPIP
  • Lors de l'affichage de vos images dans l'espace public, renseigner la balise alt de la façon la plus précise possible
  • Utiliser des images originales (Astuce : le site https://tineye.com/ permet de remonter l'origine d'une image)

En savoir plus

Ce plugin a été crée après la lecture de l'article de Guillaume Orsal, qui explique en détail, l'utilisation des sitemaps et des images.
https://www.orsal.fr/Sitemap-avec-i...

Si des personnes expertes en SEO ont des remarques ou des suggestions d'améliorations à faire sur le plugin, n'hésitez pas à poster vos commentaires dans le forum ci-dessous.


Plugin Domlang : Domaines par secteur de langue

4 September, by Matthieu Marcillaud, Sandrine[ —]

Domlang est un plugin qui permet d'associer un nom de domaine ou un sous-domaine à un secteur de langue.

Ce plugin convient pour un site qui utilise des secteurs de langues. En configuration, pour chaque secteur, vous pourrez définir une URL spécifique (nom de domaine ou sous domaine) qui correspond à cette langue.

Installation

Le plugin s'installe comme n'importe quel plugin.

Structure de votre site multilingue
Votre site doit contenir des secteurs de langue (plus d'informations sur la création d'un site multilingue par ici)

Gestion de vos domaines
Pour pouvoir utiliser Domlang, vos noms de domaines et/ou sous-domaines doivent pointer vers le même dossier de votre serveur (vérifier la possibilité de gérer le dossier de destination de votre nom de domaine chez votre hébergeur).

Configurer Domlang

- Configurer les noms de domaines
Dans /ecrire/ ?exec=configurer_domlang
Le formulaire de config liste les secteurs existants, et permet de renseigner le nom de domaine de chaque langue/chaque secteur.

Domlang : configuration des urls par secteur de langue

- Réécrire les urls en fonction du secteur
Dans /ecrire/ ?exec=configurer_urls
Sélectionner « URLs Arborescente sans secteur de langue » (/arbo/sans/la/racine/article/titre)

Domlang : configurer les urls arborescentes sans secteur de langue

Balises modifiées par le plugin

Certaines balises d'URL sont modifiées afin d'utiliser les domaines configurés :

  • `#URL_SITE_SPIP` retourne l'URL du site pour la langue en cours d'utilisation
  • `#URL_ARTICLE` ou `#URL_RUBRIQUE` retournent une URL relative si l'article ou la rubrique est dans la langue en cours, sinon, ces balises retournent une URL absolue de l'article ou la rubrique avec l'URL correspondant à sa langue.

Installer Tiny Typo dans SPIP

1 September, by tetue[ —]

Tiny Typo est une base CSS pour le contenu éditorial web qui rend les pages plus lisibles. Elle tient en deux fichiers : l'un, en CSS, apporte les styles, l'autre, en HTML, permet de les visualiser. Selon les besoins, vous utiliserez l'un ou l'autre.



C'est très simple à installer dans SPIP : il suffit de déposer ces fichiers dans votre dossier squelettes ou d'activer le plugin Tiny Typo. Comme vous êtes plusieur·e·s à demander, voici quelques explications :

1. Installez les styles CSS

Depuis SPIP 3.1.1

Les styles CSS de Tiny Typo sont appelés dans les squelettes de la dist de SPIP depuis la version 3.1.1. Ajoutez le plugin Tiny Typo pour que tous les styles s'appliquent correctement dans SPIP et passez à l'étape 2.

Remarque : si vous n'utilisez pas les appels CSS natifs des squelettes la dist, il vous faudra les ajouter à la main, en vous inspirant de ce qui suit.

Avant SPIP 3.1.1

Installez le plugin Tiny Typo et passez directement à l'étape 2. Sinon, téléchargez le fichier tinytypo.css et déposez-le dans le répertoire /css de votre dossier squelettes. Puis :

Depuis SPIP 3.0

Ajoutez simplement cette ligne dans le head de vos squelettes :

  1. [(#CHEMIN{css/tinytypo.css}|direction_css) type=text/css media=all>]
Avant SPIP 3

Ce n'est pas obligatoire, mais votre site fonctionnera mieux avec un reset et quelques helpers de positionnement. Ajoutez-les donc, en déposant par exemple ces fichiers, reset.css et clear.css, dans le répertoire /css de votre dossier squelettes. Appelez-les ensuite dans le head de vos squelettes, comme suit :

  1. [(#CHEMIN{css/reset.css}|direction_css) type=text/css media=all>
  2. ][(#CHEMIN{css/clear.css}|direction_css) type=text/css media=all>
  3. ][(#CHEMIN{css/tinytypo.css}|direction_css) type=text/css media=all>
  4. ][(#CHEMIN{css/spip.css}|direction_css) type=text/css media=all>
  5. ]#INSERT_HEAD_CSS

Télécharger

2. Vérifiez avec la page-test

Téléchargez le fichier tinytypo.html et déposez-le dans votre dossier squelettes. Utilisez ce fichier pour visualiser et vérifier vos styles.

3. Personnalisez

Écrivez ensuite vos personnalisations dans votre fichier CSS (nommé par exemple custom.css ou perso.css, sans oublier de l'appeler à la fois dans la page-test et dans vos squelettes), comme d'habitude.

4. Usages avancés

Tiny Typo peut aussi s'utiliser en tout ou partie, avec des variables LESS, avec Z…
- Github
- Variables LESS
- Guide Z : TinyTypo pour la typographie
- Voir aussi : Pourquoi Tiny Typo ?


Vacances

28 July, by erational[ —]

Activer un mode vacances

Le plugin Vacances ne fait rien en soit. Il permet aux administrateurs d'activer, via le menu de configuration, un mode 'vacances' pour le site, pour lequel on peut indiquer une date de début et une date de fin.

Une fois le mode vacances activé, un bandeau dans l'espace privé indique que le site est en vacances.



Utilisation dans les squelettes et plugins

Le plugin vacances peut être utilisé dans vos squelettes ou plugins

  1. [(#CONFIG{vacances/mode_vacances}|oui)
  2. Le mode vacances est activé.
  3. [Nos vacances commencent le (#CONFIG{vacances/date_debut}|affdate_jourcourt).]
  4. [Nos vacances s'achèvent le (#CONFIG{vacances/date_fin}|affdate_jourcourt).]
  5. ]

Télécharger

Exemple d'utilisation

Le plugin est, par exemple, utilisé sur le site des Éditions Lignes :

  • En temps normal, on affiche un bouton Paypal
  • En temps de vacances, on affiche une fenêtre modale pour avertir que l'expédition des produits sera retardée

Voici le code utilisé

  1. [(#CONFIG{vacances/mode_vacances}|non)
  2. [(#MODELE{paypal}{id_article})]
  3. ]
  4. [(#CONFIG{vacances/mode_vacances}|oui)
  5. ]

Télécharger

Voir aussi


Mode Cognac pour SoyezCréateurs

28 July, by HAPpy, RealET[ —]

Ce mode d'affichage très graphique...

Zonage

Zonage du mode portail Cognac

Configuration

Bloc 1 : Carrousel (EDITO)

Les images qui défilent et le lien mènent vers le dernier article ayant le mot clef EDITO.

On a donc :

  • le titre,
  • le lien vers l'article (ce dernier peut peut bien sur être une redirection)
  • images jointes dans le portfolio (1920×580 minimum)
  • vidéos au format .mp4
  • lien vers des vidéos en ligne si le plugin oEmbed est présent

Taille :

  • Largeur : 1920px
  • Hauteur : 580px (paramétrage dans la configuration de SoyezCréateurs)

Les contenus sont recadrés pour tenir dans la la hauteur déclarée (pour une largeur d'écran de 1920).

Bloc 2 : Texte libre (ZoomSur)

Affiche un article auquel on a mis le mot clef « ZoomSur » :

  • titre de l'article
  • logo sur la largeur de la colonne (dépassant un peu sur les côtés)
  • chapo sinon bulle d'aide
  • texte
  • PS
  • lien
  • galerie de photos

Bloc 3 : Quoi de neuf ? (ALaUne, Agenda, articles récents)

  1. D'abord les articles avec le mot clef « ALaUne » (Logo : 308×340 ou 638×340 ou 955×340 (ou redimensionnées au plus large possible selon les proportions de l'image)
  2. Puis des événements de l'agenda (Logo : 180×95)
  3. Puis des articles récemment publiés et/ou modifiés

Les blocs ALaUne et articles récents peuvent occuper 1 à 3 colonnes en fonction des proportions de leur logo.

  • 308×340
  • 638×340
  • 955×340
  • ou redimensionné au plus large possible selon les proportions de l'image

Le nombre de chacun de ces 3 éléments est paramétrable dans la CFG de SoyezCréateurs :

  • Nombre de « À la une »
  • Nombre de « Quoi de neuf »
  • Nombre maximum d'éléments affichés sous l'agenda (commun avec le mini agenda)

Bloc 4 : Gros blocs de couleur (DessousBreves)

  • Rubriques ayant le mot clef « DessousBreves ».
  • Trié par numéro de titre
  • Couleur réglable avec un mot clef du groupe « _CouleurRubrique » (couleur inscrite dans le texte du mot clef, en hexa, sans le # au début)

Bloc 5 : Blocs défilants (Goodies)

  • Rubriques ayant le mot clef « Goodies » :
    • le titre du bloc est le titre de la rubrique
    • blocs dans l'ordre des numéros de titre (ou à défaut, par ordre anti-chronologique)
  • Articles de ces rubriques : Logo, Titre, URL (si besoin, utiliser une redirection)
  • Minimum : 280×190

Paramétrage dans la CFG

Quelques éléments de la configuration de SoyezCréateurs (ecrire/ ?exec=configurer_soyezcreateurs) améliorent ce mode :

  • Position de la date de mise à jour du site : Dans le pied de page
  • Affichage du mini agenda : Dans le pied de page
  • NewsLetter du site : Dans le pied de page

Refonte de l'identité graphique

>https://zone.spip.org/trac/spip-zone/changeset/105541</a>play episode download
10 July, by Jordan Zuchiatti, nicod_[ —]

Lors de la SPIP Party 2017 à Toulouse, un nouveau contributeur est venu nous présenter son travail sur une refonte du logo.
Au delà de la refonte du logo, c'est une toute nouvelle identité graphique pour SPIP que Jordan nous propose.

Voici une retranscription de sa présentation :

« L'identité graphique de SPIP est perçue comme vieillissante, son logo souffre de quelques faiblesses et les sites de sa galaxie méritent un rafraichissement.

En tant qu'utilisateur régulier de SPIP sur les projets de l'agence 31mille, dont je suis le directeur artistique, voici ma contribution afin de moderniser et restructurer l'image de SPIP.

La refonte de l'identité graphique a pour premier objectif de confirmer à ses utilisateurs l'initiative et la dynamique que porte sa communauté depuis 16 ans. Autre objectif, montrer un visage moderne aux nouveaux venus.

Par cette mise à jour, comme on le fait pour un logiciel, l'évolution de l'identité permet, dans un cadre structuré, plus de flexibilité, la rendant ainsi parfaitement adaptable aux nouveaux médias et supports.

Le concept repose sur la synthèse de l'animal, écureuil / polatouche, et de la lettre « S ».



Pour la typographie, nous créons un caractère gardant le dynamisme d'une sans-serif, renforcé par l'italique, en y ajoutant des empattements discrets de serif. Une partie de la typographie originale du logo existant est conservée dans la courbe des « p ».



Un décrochement dans l'œil du deuxième « p » rappelle l'animal, en symbolisant l'oreille de l'écureuil. Se dessine alors le « mot-écureuil », avec sa tête, son corps, et sa queue en panache.



La force d'un logo réside dans son rythme. La courbe inférieure du panache est répétée à travers les deux « p ». Cette répétition crée une dynamique, renforce la cohérence de l'ensemble et permet la mémorisation et l'identification du symbole « panache ».



Le panache peut facilement être utilisé seul et devient l'identifiant graphique de SPIP.



La modernisation de l'identité passe aussi par le rafraîchissement de sa teinte. Le violet, couleur historique, tend maintenant vers une teinte plus électrique, plus actuelle. L'identité, avec cette couleur, ne passera pas inaperçue...



L'utilisation des deux teintes reste toutefois envisageable en fonction des usages, thématiques et ou supports.

Le symbole posé, une adaptation illustrative peut être utilisée sur des affichages de plus grande taille. Reprise ici d'un code graphique en référence à Firefox.



L'utilisation du symbole « panache » comme identifiant graphique étant convenu, la reconnaissance de SPIP sera faite à la seule vue de la courbe si particulière du panache.
Inscrit dans un rond, le symbole est parfaitement utilisable en petite taille, il devient favicon.



Et voici une proposition de rafraichissement pour les sites de la galaxie :



Voilà l'identité visuelle que j'ai envisagée pour la communauté SPIP. Elle doit en être le porte-parole, son amplificateur.

Jordan Zucchiatti  »

Le constat de départ étant partagé, ce nouveau logo et cette proposition de nouvelle identité graphique ont été accueillis avec enthousiasme par les participants.

Les sources du logo et de ses déclinaisons (favicon, en relief, titre de site et déclinaison mauve) sont disponibles librement sur la zone, aux formats SVG et PNG :

https://zone.spip.org/trac/spip-zone/browser/_graphismes_/logos/spip/spip_2017

Mise à jour du 31/07/2017 :

Le thème créé par Jordan a été intégré dans un nouveau squelette (Galactic), surchargeable et déclinable en thèmes.
Une première déclinaison a été créé pour la nouvelle version du site Programmer :
https://programmer.spip.net/

Le squelette et ses premiers thèmes sont disponibles sur la zone :
https://zone.spip.org/trac/spip-zone/changeset/105541


CRITICAL security update: SPIP 3.1.6 and SPIP 3.2 Beta 3

15 June, by SPIP-Contrib's Team[ —]

A CRITICAL flaw was discovered recently in SPIP, allowing the execution of arbitrary code.

It affects SPIP 3.1.x and 3.2 versions (alpha & beta), and impacts all websites using these versions.
SPIP 3.0.x and earlier versions are not affected by this issue.

It is imperative to update your SPIP website as soon as possible.

In the meantime, the security screen version 1.3.2 will block possible exploitations of the vulnerability. Updating the security screen remains a transitional measure that should not prevent you from updating SPIP as soon as possible.

The team thanks Emeric Boit and ANSSI for identifying and reporting the issue.

— The team

The following updates are available:

Version 3.1.6
https://files.spip.net/spip/archives/SPIP-v3.1.6.zip

Version 3.2 Beta 3
For people who want to test the future version of SPIP , we're taking the opportunity to release SPIP 3.2 Beta 3.
https://files.spip.net/spip/archives/SPIP-vtrois.2.0-beta-3.zip

Warning: this is a beta version, it can still contain bugs.
Do not update to this version on a production website without knowing what you're doing.

The security screen

People unable to update should install version 1.3.2 of the security screen.
https://www.spip.net/fr_article4200.html

Update using spip_loader

You can also upgrade by downloading the latest version of spip_loader (version 2.5.9) which will install SPIP 3.1 by default.
https://www.spip.net/spip-dev/INSTALL/spip_loader.php

Summary of SPIP versions

Branch Version Status
SPIP 3.1 SPIP 3.1.6 Stable
SPIP 3.0 SPIP 3.0.26 Maintained
SPIP 2.1 SPIP 2.1.30 Maintained (security updates only)

SPIP 2.0 and earlier versions are no longer supported. It is strongly recommended that you upgrade to a higher version to avoid security issues.

How to be kept informed about these announcements?

It's simple, sign up on the mailing list http://listes.rezo.net/mailman/listinfo/spip-en .

And follow us on social networks:

A question, in need of help?

In case of problems or difficulties, go to https://forum.spip.net
We remind you that to report a flaw, just send an email to spip-team@rezo.net


Mise à jour CRITIQUE de sécurité : Sortie de SPIP 3.1.6 et SPIP 3.2 Beta 3

12 June, by L'équipe de SPIP-Contrib[ —]

Une faille CRITIQUE a été découverte récemment sous SPIP, permettant l'exécution de code arbitraire.
Elle touche les versions SPIP 3.1.x et les versions SPIP 3.2 (alpha & beta), et impacte tous les sites utilisant ces versions.
Les versions SPIP 3.0.x et antérieures ne sont pas concernées par ce problème.

Il est impératif de mettre à jour votre site SPIP dès que possible.

L'équipe remercie Emeric Boit et l'ANSSI pour l'identification et le signalement de la faille.

Dans l'attente d'une mise à jour de votre site, l'écran de sécurité en version 1.3.2 bloque les exploitations possibles de la faille.
https://www.spip.net/fr_article4200.html

La mise à jour de l'écran de sécurité reste une mesure transitoire qui ne vous dispense pas de la mise à jour de SPIP dans les meilleurs délais.

— L'équipe

Annonce complète et détails
https://blog.spip.net/806


Mise à jour de maintenance : Sortie de SPIP 3.1.5, SPIP 3.0.26 et SPIP 3.2 beta

9 June, by L'équipe de SPIP-Contrib[ —]

Suite aux rencontres de la communauté SPIP à Toulouse, nous sortons des versions de maintenance qui apportent un certain nombre de corrections.

N'hésitez pas à mettre à jour votre SPIP pour avoir un logiciel tout frais pour l'été !

Ces nouvelles versions comprennent les correctifs de bugs identifiés ces derniers mois :

  • 8 tickets pour la branche 3.0
  • 25 tickets pour la branche 3.1
  • 40 tickets pour la branche 3.2

Parmi les bugs corrigés, on notera :

  • Le filtre url_absolue ne casse plus les liens de type « tel : »
  • Correction d'un bug sur la suppression de fichiers de sessions
  • Meilleure gestion de la syndication des sites en https://
  • Correction de bugs d'ergonomie dans l'espace privé
  • Correction du bug sur le dépassement du nombre de redirections autorisés par le navigateur lors de l'installation de plugins (SPIP 3.2)
  • Correction de bug sur la gestion des nombres à virgules dans les CSS générées sur certaines configurations d'hébergement
  • ....

Annonce complète et détails
https://blog.spip.net/805


0 | 10










mirPod.com is the best way to tune in to the Web.

Search, discover, enjoy, news, english podcast, radios, webtv, videos. You can find content from the World & USA & UK. Make your own content and share it with your friends.


HOME add podcastADD PODCAST FORUM By Jordi Mir & mirPod since April 2005....
ABOUT US SUPPORT MIRPOD TERMS OF USE BLOG OnlyFamousPeople MIRTWITTER