Presse universitaire de Princeton

Presse universitaire de Princeton (PUP) est un éditeur indépendant qui entretient des relations formelles et informelles étroites avec l'Université de Princeton. Elle a été fondée en 1905 et a apporté plus de 10 000 livres savants à imprimer, y compris les œuvres d'Albert Einstein. Six de leurs livres ont reçu des prix Pulitzer. La mission du PUP est de diffuser les bourses par le biais des médias imprimés et numériques, à la fois dans le milieu universitaire et dans la société en général.

Le site Web PUP a été créé pour la première fois dans les années 1990 et a été modernisé pour ajouter des fonctionnalités au fil des ans, ce qui a entraîné un certain nombre de pièces mobiles disparates. Le site Web s'est développé pour inclure plus de 100 000 pages HTML statiques et générées, contenant diverses informations et images, des mini-sites, un blog WordPress, un bulletin d'information et des fonctionnalités de commerce de base pour l'Amérique du Nord et l'Europe / l'Asie / l'Afrique.

Princeton Press desktop design

Objectifs

La migration des anciennes données du site et la création d'une expérience utilisateur améliorée et réactive ont été la clé du succès du projet. En collaboration avec l'équipe Web de la presse, y compris leur architecte de base de données et le directeur du développement Web, l'équipe technique d'Evolving Web a effectué un audit préliminaire du site Web et créé une liste des exigences et des fonctionnalités par ordre de priorité pour définir les objectifs suivants:

  • Migrez une grande quantité de contenu hérité vers une nouvelle installation Drupal
  • Éliminer l'utilisation de différentes plates-formes et méthodes en ligne pour gérer diverses fonctionnalités héritées
  • Améliorez l'expérience utilisateur
  • Fournir un format d'affichage des pages et des achats en ligne familier et intuitif pour les visiteurs du site Web
  • Améliorez l'accessibilité
  • Permettre les achats en ligne sur leurs deux marchés mondiaux distincts
  • Fournir des capacités de recherche robustes, permettant aux visiteurs de trouver efficacement des publications
  • Créer une solution qui permet au personnel du PUP d'utiliser efficacement la nouvelle plate-forme
  • Travailler en collaboration pour réduire la dérive de la portée initiée par le client
Princeton Press website showcase

Défis

Le site original proposait des fonctionnalités développées à la pièce par un ancien employé. Du code personnalisé utilisait des contenus d’une base de données personnalisée pour générer des milliers de pages statiques en HTML. Nous avons dû développer un outil de migration permettant de rapatrier tous ces contenus dans une plateforme Drupal propre et robuste. 

Plus précisément, les défis techniques comprenaient les éléments suivants:

  • Effectuer une migration complexe de 8 000 livres et plus de 4 000 jpgs
  • Identifier et supprimer les livres épuisés et leurs éléments associés
  • Recréer un grand nombre de pages HTML statiques (100 000 pages statiques et générées)
  • Développer une manière cohérente d'afficher 10 000 modèles de livres différents
  • Créer un module personnalisé pour vous aider à relever les défis de la migration
  • Faire face à la complexité héritée
  • Création de champs pour importer le grand nombre (36) de champs de livre importés uniques
  • Gérer les migrations cron sur Pantheon
  • Gérer la complexité de la base de code héritée
  • Fournir une solution de flux de travail d'éditeur
Princeton Press book collection

Solution

  • Analyse de la base de données héritée, des scripts et du site Web
  • Audit et analyse complets du contenu, définition des champs obligatoires et du matériel obsolète
  • Déplacez les enregistrements (informations sur les pages HTML statiques) vers Drupal, pour organiser et rationaliser le contenu
  • Mettez à jour la mise en page et les fonctionnalités pour une conception réactive avec une mise en page propre, un menu simplifié, une recherche simplifiée et une expérience d'achat améliorée
  • Synchronisez les données du système central et migrez-les vers Drupal
  • Déployer dans un environnement d'hébergement géré
  • Former le personnel en tant que rédacteurs sur la nouvelle solution Drupal afin qu'ils soient en mesure de réviser le contenu existant et de produire de nouvelles listes de publications, ce qui permet une amélioration et une expansion continues du site
  • Fournir des outils et des lignes directrices pour aider le personnel à développer une stratégie de contenu réussie

Pourquoi Drupal?

  • Drupal est une plate-forme open-source qui a été largement adoptée par la communauté de l'Université de Princeton
  • Drupal est une plate-forme unique qui peut gérer différentes fonctionnalités, intégrant plusieurs technologies. Une seule plateforme peut tout faire. Et l'utilisation de Drupal signifie que de nouvelles fonctionnalités seront disponibles ou peuvent être créées en cas de besoin
  • Le CMS Drupal permet une migration de contenu robuste et un cadre de synchronisation
  • Avec seulement quelques heures de formation, plusieurs éditeurs et contributeurs de site peuvent utiliser le système de flux de travail de Drupal pour ajouter systématiquement et facilement du contenu approuvé au site Web.
  • Drupal est une plateforme stable, sécurisée et maintenable
Princeton Press mobile design

Resultats

L'actualisation de la page d'accueil a utilisé la marque existante pour produire une apparence moderne pour le site Web. Il utilise un modèle réactif standard pour adapter le site aux ordinateurs de bureau et aux appareils mobiles. La nouvelle interface utilisateur comprend un menu principal déroulant minimal, un pied de page propre et accessible et une zone de recherche qui se réduit.

La migration complexe d'environ 8 000 livres et d'environ 4 000 jpgs a réussi. La migration se poursuit avec un processus optimisé pour éviter les temps d'arrêt / incohérence sur le site en ligne. Les migrations peuvent être exécutées manuellement ou automatiquement la nuit, et les livres épuisés sont systématiquement supprimés de la base de données.

La conception basée sur Bootstrap a amélioré le référencement tout en se conformant aux normes d'accessibilité. Et il est facile pour les éditeurs de contenu de mettre à jour le contenu Web à l'aide de WYSIWYG tandis que les images sont redimensionnées automatiquement, offrant une cohérence visuelle pour la marque.

Le site Web précédent a régénéré 50 000 pages, même pour une petite modification d'un modèle ou un changement de fonctionnalité. Dans le cadre du nouveau système, un processus nocturne automatique synchronise le contenu avec la base de données Drupal, toutes les autres modifications apportées aux pages se propageant instantanément. Le résultat est une amélioration significative de la vitesse des itérations sur les fonctionnalités du site Web, ce qui facilite l'application des corrections de bogues.