Refonte du site web de Campus Numérique Francophone (CNF) d'Alexandrie de l'AUF

HAL Id: dumas-01685370

https://dumas.ccsd.cnrs.fr/dumas-01685370

Submitted on 16 Jan 2018

HAL is a multi-disciplinary open access

archive for the deposit and dissemination of sci-entific research documents, whether they are pub-lished or not. The documents may come from teaching and research institutions in France or

L’archive ouverte pluridisciplinaire HAL, est destinée au dépôt et à la diffusion de documents scientifiques de niveau recherche, publiés ou non, émanant des établissements d’enseignement et de recherche français ou étrangers, des laboratoires

Refonte du site web de Campus Numérique

Francophone (CNF) d’Alexandrie de l’AUF

Miram Atteya

To cite this version:

Miram Atteya. Refonte du site web de Campus Numérique Francophone (CNF) d’Alexandrie de l’AUF. Sciences de l’information et de la communication. 2015. �dumas-01685370�

Q

Université

de Lille

Qfi

""psi'hTre

3

SCIENCES HUMAINES

—-Ministère de l'éducation

_{nationale, de}

_{l'enseignement supérieur}

_{de la}

MEMOIRE

Master 1 en

information, culture, communication

_et

documents

Parcours science de l'information et de documents

Sujet

Refonte du site web de

_Campus

_{Numérique Francophone (CNF)}

d'Alexandrie de l'AUF

Présenté_{par :}

_ATTEYA

_Miram

Encadré _par:

_{Mustafa El Hadi Widad}

Q

Université

de Lille

3

SCIENCES

HUMAINES

—

————

Résumé

L'objectifde ce mémoire est de se focaliser sur l'importance de la structuration de

l'information _{pour mieux attirer l'attention des usagers sur des informations précisés} lors de la consultation des sites web sans les _{noyer dans des tonnes d'informations}

dont ils n'ont _{pas besoin. Cela est devenu possible et d'une manière gratuite en} utilisant des _{logiciels libres et plus précisément des Systèmes de Gestion du Contenu}

dans le cas de la réfonte du site web du _{Campus numérique francophone ( CNF)}

d'Alexandrie de _{l'Agence Universitaire de la Francophonie (AUF).}

Abstract

The _{objective of this study is to focus on the importance of structuring the}

information in web sites to betterattract the attention ofusers on _{précisé information}

without _{drowning them in tons of useless informations. That's become possible and} free with free softwares more _{precisely Content Management Systems in the case of}

aUniversité

de

Lille

p

J'adresse mes sincères remerciements à ceux qui _{m'ont aider à l'élaboration de ce} mémoire, auxpersonnes avec lesquelles j'ai puéchangerpourréalisercetravail.

Commençant tout d'abord par remercier Madame MUSTAFA ELHADI Widad,

Professeur des universités à l'université Lille III Charles de Gaulle d'avoirconsacrer son_{tempspourm'avoir encadrer, orienteret aider afin d'atteindre mon ojectif.}

Je remercie _{également Madame SHAKER Omnéya, directrice de CNF d'Alexandrie} de l'AUF de m'avoir aider surle_{plan pratique pouraccomplirma mission.}

Q

Université

de Lille

_Uf1!

fl

1SCIENCES HUMAINES

1_{ET SOCIALES}

3!

Table des matières

Résumé Abstract Remerciements Introduction

Présentation du lieu de _stage

Chapitre 1 : partie théorique

• _{Qu 'estce qu'un logicielengénéral ?}

• _Les deux _{typesde logiciels}

: logiciels propriétaires etlibres.

• _{Analysedu modèle du logiciel libre}

Lacommunauté La fiabilité_technique L'intéropérabilité La_{pérennité et l'évolution} L'innovation Les licences

Le financement deces _logiciels

• _{Lelogiciel Wordpress}

• _{Comparaisonentre les deux sitesdu CNF}

Regardapprofondi surles deux sites.

Comparaison entreWordpress etspip

Chapitre 2 :

Tutoriel d'utilisation en _{langue française}

0

Université

de

Lille

3

SCIENCES HUMAINES

—'

———

■ _Mettre

une _{catégorie dans les widgets de lapage d'accueil}

■ _{Créerunenouvelle}

page

■

Ajouteruntableau dansune page

■

Ajouterunplan dans lapagede Contact

■ _{Déactiverles commentaires} ■

Ajouteruneversion imprimable à certainespages

■

Organiser lesmenu du site web

■

Ajouterunalbum photo dans le site web

■

Ajouter les icônes des réseaux sociaux dansce site

■

Organiser les Widgets

■

Ajouter unagendaau site web

■

Ajouter le titre dusite webetle logo del'AUF dans l'entête.

■

Ajouter l'icône du Facebook et un moteur de recherche dans

l'entête. Documentation in_English Conclusion

Références_{bibliographiques}

Université

_R

de

Lille

u

₁₁

3

SCIENCES HUMAINES

—

Introduction

L'Agence universitaire de la Francophonie (AUF) est une des plus

importantes associations d'établissements d'enseignement supérieur et de recherche

au monde. Elle est_{l'opérateur de la Francophonie institutionnellepour l'enseignement} supérieur et la recherche depuis 1989. Elle regroupe près de 800 établissements

universitaires sur les 5 continents dans une centaine de _pays.

Étant

ville _{d'Alexandrie,}

_Égypte,

_Égypte.

quia durée six semaines du 26 avril 2015 jusqu'au 7 juin 2015 était la réfonte du site

web du CNF en terme de structuration de l'information et de l'utilisation d'un autre

système de gestion decontenupourcréer le nouveau site.

L'ancien site du CNF d'Alexandrie comme tous les sites des autres CNF du monde aété fait_{depuis plus quedixans enutilisant le logiciel Spip. Tous ces sites ont}

des _{caractéristiques communs, ils ont l'air très ancien car ils n'ont pas été mis à jour}

depuis une longue durée qui peutatteindre une dizaine d'année. Lecontenu malgrésa

richesse n'est pas affiché d'une manière intéressante. La navigation n'est pas facile,

toute sorte de nouvelles _{options de la navigation semblent absente. Lors de} l'utilisation de ces sites web, les _{usagers se sentent perdus parce que} la division _des

rubriques n'est pas efficace, il y a beaucoup des rubriques qui sont vides et ne

contiennent_{pas des informations. C'est pourcela il fallait faireundouble travailpour}

la réfonte du site web du _{Campus numérique francophone d'Alexandrie; un travail de} structuration des informations et l'utilisation d'un nouveau CMS _{( Content}

Management System) qui permetplus d'options pourrendre le site plus intéressante,

plus facile à utiliseret plus sécurisé. Pouratteindre mon objectif, j'ai décidé d'utiliser

le _{logiciel Wordpress comme CMSpourcréer lenouveausiteweb ensuite le présenter}

u

a

Université

de

Lille

JETSOCIALES

Le travail suivant sera divisé en deux _{partie; la première partie parlant de la partie}

FRoncoPHoniE

1_{SCIENCES HUMAINES — ———}

théorique qui englobe une présentation de cette organization réputée, une explication

de la différence entre _{logiciels libres et propriétaires} , la justification de l'utilisation

de _{Wordpress pourla création du site et unecomparaison entre l'ancienet lenouveau}

site en matière de structuration de l'information. La deuxième partie _c'est la partie

pratique qui englobe un tutorial d'utilsation de Wordpress en Français et en Anglais

expliquantendétail les étapes delà création de ce nouveausite web.

Q

Université

_fl

de Lille

3

Présentation

du

lieu

de

_stage

FRHflCOPHOniE

SCIENCES HUMAINES —

ET SOCIALES

Présentation de l'AUF

L'Agence universitaire de la Francophonie est une des plus importantes

associations d'établissements _{d'enseignant supérieur et de la recherche au monde.}

Elle est _{également l'opérateur de la Francophonie pour l'enseignement supérieuretde}

la recherche _{depuis 1989. Elle est aussi un projet francophone de qui vise à constituer}

une communauté universitaire internationale de _{langue française produisant du} savoir et le transmettant. Ses membres _{qui sont des institutions d'enseignement}

supérieur etde recherche sontrépartis dans 91 pays dans le monde entier. Sesservices

centraux sont installés à MontréaletàParis. L'AUF est _{présentedans 39 pays avec66}

implantations dont neuf bureaux régionauxregroupant427personnels.

Pourassumer sonrôle de_{répandre la culture francophone, elle dispose d'un budget de}

39.5 millions d'euros. La France, le Canada, le Canada -Québec, la communauté

française de Belgique, le Cameroun et la Suisse sont les principaux pays

contributeurs.

L'AUF a _{pour mission de contribuer à la création et à la consolidation d'un espace}

scientifique en français en favorisant la coopération scientifique, formant des futurs

acteurs du _{développement, soutenant la recherche et l'excellence et partageant}

l'expertise, soutenant les stratégies de développement des établissements membres,

faisant de la communauté _{scientifique francophone une référence sur la scène}

internationale et faisant aussi _{émerger une génération d'enseignants, de chercheurs,}

d'experts etde professionnels acteursdu développement.

Dans la _{période entre 2010 et 2013, l'AUF tenant compte de l'importance de}

l'enseignement supérieur comme facteur primordial du développement économique, social et culturel de tout les _{pays surtout dans les pays du sud qui sont confrontés à} des contextes nationaux _{parfois difficiles et qui ontbesoin d'appui etd'expertise pour}

se _{consolider, elle a concentré sur la réalisation des trois objectifs qui sont ; en}

premier lieu, le soutien des stratégies de développement des établissements membres

u

DUniversité

de

Lille

J ET SOCIALES

scientifique francophone une scène international en appuyantla langue française et le

FRRnCOPHOdlE

1_{SCIENCES HUMAINES — ———}

développement de la francophonie, en renforçant la coopérationpour la formation et

la rechercheet envalorisant lesressources_{pédagogiques etscientifique.}

En troisième _{lieu, le fait d'émerger une génération d'enseignants, de chercheurs,}

d'experts et de professionnels, acteur du développement, en formant les acteurs du

développement par le renforcement des capacités individuelles et en valorisant les

bénéficiaires eten aidant leur_{intégration dans l'environnement économique.}

Comment l'AUF a soutenu les _{stratégies de développement des établissements} membres ?

LAUF aide ses membres dans la _{conception et la mise en œuvre de projets visant le} renforcement de leurs _{capacités institutionnelles, académiques, administratives,}

techniques et scientifiques. Ce soutien repose sur l'amélioration de la gouvernance

universitaire, la modernisation des universités par la numérique et le renforcement

des _{capacités scientifiquesparle renforcement du corpsprofessoral.}

Chapitre

1

partie théorique

I.

_{Qu 'est}

_{qu'un logiciel}

_{général ?}

Un_{logiciel est la traduction duterme anglais Software, ilconstitue l'ensemble}

des _{programmes et des procédures nécessaires au fonctionnement d'un système}

informatique. D'une manière plus générale, un logiciel est un programmequi exécute

unetâche.

Selon _{Wikipédia, en informatique, un logiciel ( en anglais "software", en opposition à}

"hardware") est un ensemble de séquences d'instructions interprétables par une

machine et d'un _{jeu de données nécessaires à ces opérations. Le logiciel détermine}

donc les tâches _{qui peuvent-être par la machine, ordonne son fonctionnement et lui}

procure ainsi son utilité fonctionnelle. Les séquences d'instructions appellees

programmes ainsi que les données du logiciel sont ordinairement structurées en

fichiers. La mise en oeuvre des instructions du _{logiciel est appellee exécution, et la} machine est _{appellée ordinateuroucalculateur. On a deux typesde logiciles; logiciels}

Q

Université

de Lille

fl

3

SCIENCES HUMAINES

Mozilla Firefox , InternetExplorer etSafari qui servent à naviquersur internet.

Un _{logiciel quel que soit sanature; libre oupropriétairese présentesous deux formes:}

un code source et / ou un exécutable. Un exécutable est un fichier dont le but est de lancer un _{logiciel. Le code source} désigne _un langage informatique qui _peut être

facilement _{compris et saisi par l'homme et qui lui permet d'écrire les différentes} fonctionnalités d'un _{logiciel. Il permet de d'obtenir des fichiers en langage binaire.} Seul son _{auteur, peutfaire des modificationsoucorriger des erreurs} s'ils existent.

Prenant _{l'exemple de Mozila Firefox, ce logiciel est écrit pardes programmeurs dans}

un _{langage informatique} lisible _et compréhensible _par les _usagers, c'est la code

source, par la suite ce codeest traduit par une langage machine ( code binaire) qui est

compréhensible par les ordinateurs. L'objectif de ce code est de lancer l'application

lorsque qu'on clique surl'icône qui le présente.

II. Les deux _types

_des

_logiciels:

1. Les _{logicielspropriétaires:}

Les _{logiciels propriétaires selon wikipédia est un logiciel non libre qui ne}

permet pas légalement ou techniquement ou par quel autre moyen que ce soit,

d'exercer simultanément les _{quatres libertés logicielles qui sont l'exécution du}

logiciel pour tout type d'utilisation, l'étude de son code source, la distribution des

copies et la modification et l'amélioration du code source. Ce type de logiciel est

distribué _{par une entreprise sous forme binaire. Son code source reste inconnu pour} les utilisateurs car il est _{propriétaire de ces entreprises. Par la suite, les usagers ne}

peuvent pas faire ni des copies ni des modifications parce que ces logiciels sont

disponiblessous une licence d'utilisation très restrictiveet ils s'appuientsurdes droits

de _{propriété intellectuelles. En général ces usagers sentent impuissants envers le}

pouvoir total decesentreprises.

2. Les _{logiciels libres:}

Les _{logiciels libres sont des logiciels qui sont distribués selon une licence}

libre.

01

Université

de Lille

3

modification et la _{duplication en vue de sa diffusion sont permises, techniquement et}

légalement. Ceci afin de garantir certains libertés induites, dont le contrôle du

programme par l'utilisateur et la posssibilité de partage entre individus. Ces droits

peuvent être simplement disponibles (cas du domaine public) ou bien établis par une licence, dite " libre", baséesurle droit d'auteur.

On _{peut dire qu'un logiciel libre est un logiciel que les utlisateurs peuvent l'utiliseret}

lemodifiersansrestrictioncomme_OpenOffice, Mozilla Thunderbird _etVLC.

On trouve unnombre _{important de ces logiciels sous version gratuite en ligne ou sous}

forme de versions _{payantes à bon marché disponibles sous forme de CD-ROM ou}

DVD-ROM avec notice _{complète et contrat d'assistance ou de maintenance. Pour}

qu'un logiciel soit libre, il doit respecter la liberté d'utilisateurs d'excuter, copier,

distribuer, étudier, modifieretaméliorerces logiciels.

On _{peut aussi les définir selon en premier lieu le type de droits que les usagers}

peuventavoiret en deuxième lieuparla façon dont cesdroits sont exercés.

La Free Software Foundadtion a _{précisé quatre libertés fondamentales pur qu'un}

logiciel soit libre:

Liberté0: Laliberté de _{l'expliotation du logiciel.}

Liberté 1: La liberté d'étudier le fonctionnement du _{logiciel et l'adapter selon les} besoins.

Liberté2: La liberté de diffuser des_exemplaires.

Liberté 3: La liberté de faire des modifications, de l'améliorer et de le diffuser

publiquement.

III.

_{Analyse du}

_{modèle des logiciels libres}

1. Lacommunauté :

Le _{développement des logiciels libres se fait grâce à des communautés des}

spécialistes d'informatique qui prennent en charge leur mise à jour et leur adaptation

avec le monde en _{changement rapide du web et des nouvelles technologies. Cette}

0

Université

de Lille

flS

_uriL!

1SCIENCESHUMAINES —

0ETSOCIALES

travaillant ensemble _{pour réaliser leur but. Ils s'appuient dans leur travail sur la} communauté des _{usagers qui peuvent avoir des suggestions utiles pour le}

développement deces logiciels. Lacoopération entreces spécialisteset les utilisateurs

permet de trouver des solutions rapides et d'augmenter le niveau de la qualité, de la

pérennitéet le potentiel des logiciels.

2. La fiabilité _{technique :}

Après avoir analyser différents études qui ont été menées sur les logiciels

propriétaires et libres, on peut dire que les logiciels libres sont aussi fiables que les

logiciels propriétaires parce que d'un côté, comme on a déjà mentionné que le

développement de ces logiciels se fait par les développeurs et les utilisateurs ce qui

provoque leur développement continuel par contre de l'autre côté, le développement

des _{logiciels propriétaires se faitparl'entreprise propriétaire etles usagers ne peuvent}

pas ycontribuerparce que le code sourcede ceslogiciels reste inconnu pour eux.

3. _{L'interopérabilité :}

Selon l'Association _{francophone des utilisateurs de logiciels libres (AFUL), «}

l'interopérabilité est la capacité que possède un produit ou un système, dont les

interfaces sont _{intégralement connues, à fonctionner avec d'autres produits ou}

systèmesexistants ou futurset ce sans restriction d'accèsoude mise enoeuvre ».

La _{majorité des logiciels libres respectent les formats standarts ouverts comme les}

normesde W3C _{( World Wide Web Consortium), Open Documentou Unicode.}

4. La _{pérennitéetl'évolution :}

Un _{logiciel propriétaire peut ne pas être développer ou disparaître parce que}

comme on a _déjà cité _cette responsabilité _est assumé _par l'entreprise propriétaire _et aucune contribution de la _{part des utilisateurs est permise. Par contre,} le _{cas est}

différent _{pour les logiciels libres puisque le code} sourcedeces logiciels est connu par les utilisateurs _{qui peuvent faire des modifications qui répondent à leurs besoins et}

ceux du marché de ces nouvelles _{technologies qui est en développement continuel}

0

Université

de Lille

3

5. L'innovation

l FRAdCOPHOfllE

SCIENCES HUMAINES

La licence _{open source des logiciels libres permet la copie et le}

développement de ceslogiciels etparla suite, elle permet l'innovation.

Les _{logiciels libres sont actuellement utilisés presque tous les domaines tels que}

gestion de projet, finance, comptabilité,ressources humaines, gestion de contenu, etc.

Ces communautés_{essayentde développerces logicielspourrépondre à leurs besoins.}

6. Les licences :

Un _{logiciel peut être diffusé au début sous une licence propriétaire avec une}

clause d'échéance de passage au libre donc son code source ne restera pas inconnu que pour unepériode puis les utilisateurspourrontparticiper àsondéveloppement.

Ces _{logiciels peuvent être aussi diffusé sousdifférentes licences. Ces licences varient}

en ce _{qui concerne restriction. On peut citer comme exemples les licences}

« _{Copyleft»qui sontles plus contraignantesen matière de diffusionetd'utilisation.}

7. Lefinancement de ces _{logiciels :}

Le financement de ces _{logiciels varie, il y a des logiciels qui sont financés par}

des acteurs de l'industrie _{informatique, d'autres par des organisations publiques et} internationales comme l'UNIESCO et certains _{par des bénévoles sans structure de} financement.

V. Le

_{logiciel Wordpress}

Wordpress est un Sytème de Gestion de Contenu (SGM) ou (Content

Management System (SGM) en anglais).

Selon _{Wikipédia, un Système de Gestion de Contenu ou SGC (Content Management}

System ou CMS en anglais) est une famille de logiciels destinée à la conception et à

la mise à_{jourdynamiquedes sites Weboud'applications multimédia.}

u

aUniversité

de

Lille

J ET SOCIALES

Wordpress est un SGC qui est devenu un plateforme web hyper moderne et

fRRncoPhoniE

1_{SCIENCES HUMAINES —— ———}

performante. Ilest le CMS le plus utilisé etleplus populaire dans le monde enjanvier

2014. Des sites _{professionnels dans tous les styles peuvent être accomplis par ce} CMS.

Il a_{plusieurs avantages telsque :}

Toutd'abord c'est unplateforme optimisée_pourle référencement web _:

• _{Enoptimisant les métas titresetles métas descriptions te lesbalises Htag.}

• _{Enoptimisant lestextes et les imagesourcertains mots-clés.}

• _{Enintégrant facilement des URL.}

• _{En soumettant des sitemaps et contrôler le fichier robots.txt ainsi que d'autres}

possibilités.

Toutes ces _{options peuvent être utilisés sans avoir une profonde connaissance des}

langagesde programmationcomme leHTML.

Ensuite, Wordpresspermetd'intégrer facilementunresponsive design :

Tous les sites web faits en utilisant ce _{logiciel sont parfaitement adaptés à tous les} types de récepteurs : les ordinateurs quel que soit la taille de leurs écrans, les

smartphones, et les tablettes. En utilisant Wordpress, on aura une plateforme visible

moderneet _{adaptés àtoutes les nouvelles technologies.}

En_{plus, c'est un CMS gratuit et enconstante révolution :}

D'un _{côté,tout le temps, onremarque l'apparition des nouveaux thèmes pourfaciliter}

l'utilisation de ce _{logiciel et le rendre à jour avec les nouvelles technologies qui}

apparaissent. De l'autre côté, on peut facilement faire des modifications dans les

thèmes installés et _{ajouter des widgets selon nosbesoins ;}

En _outre, une grande communauté cherche toujours à améliorer ce logiciel, ses

thèmes, ses modules, les mettre àjour et renforcer la sécurité. C'est pour cela, qu'il

soit facile _{pour les utilisateurs de créer un site professionnel sans avoirrecours à des}

Q

Université

de Lille

3

SCIENCES HUMAINES

A

U -RSITi r

FRflncoPHonie

On _{peut personnaliser et modifierun site wordpress facilement en utlisant le langage}

PHP par contre pour la plupart des autres SGD ont doit avoir des connaissances en

HTML etCSS.

Comparaison

les deux

sites

du

CNF

1.

_Regard

_approfondi

_{les deux}

_sites

_du

_{CNF d'Alexandrie}

OGEflCE

muMK

Campus numérique Francophone

d'Alexandrie

Donnonstoutesseschances à l'excellence

Accueil A propos CNFde lerégion

Services offerts Activités liéesaux

programmesde l'AUF

Ressourcesen_ligne

Lettred'information Liens et_partenaires

|

|

Appelsd'offres

Actualitésuniversitaires

Appelsàcandidaturespour '«•(•••)

11 ] Regroupementdu personnel duBMOdu 9au12 juin(...)

0 Le_{regroupementannuel du personnel duBureau Moyen-Orient}

ld (BMO) s'esttenudu 9au12 juin 2014 à Beyrouth (Liban),en

présenced'une trentaine d'employés des implantations de la ( )

1

universitairedela_{Francophonie (AUF)propose sonsoutienèun}

ensemblede formationsouvertesetàdistance;(...)

Ledixièmeanniversaire de laFilière_{Francophone (...)} Dans le cadre de la célébration de la fête de lafrancophonieetle

-èff dixième anniversaire de lafilièrefrancophone de la faculté d'Agriculture, l'AgenceUniversitaire de la (...)

QSuite

Appels ifoffres*

Appelà candidature•(...)

La clôture de_{l'appel à candidature}

est le15_{juin2014 (...)}

Ateliersurlacréation Date limited'inscnption14 avnl

2014 LeCNF_(...)

LeConcoursinternational

Du 1er_{janvierau30mars2014, les}

jeunessportifs 18 (...)

QSuiteQSuite

Figure 1: l'ancien site du CNF

0

Université

de Lille

3

SCIENCES HUMAINES

FRHflCOPHOniE

n

u

Figure 2 : Lenouveau site du CNF

2. La structuration del'information dans l'ancien site:

Tout _{d'abord, parlant des informations qui setrouvent dans le menu de la bare}

verticale de la _{gauche. Si on jette un regard approfondi sur ses informations, on va}

Q

Université

de Lille

3

SCIENCES HUMAINES

FRflncopHonie

I ET SOCIALES

d'offres aété_{déjà clôturésça fait plus qu'an an.}

Accueil A propos CNF de larégion

Servicesofferts Activités liéesaux programmesde l'AUF Ressourcesen_ligne

Lettred'information Liens etpartenaires

| Conseil national d'orientation

| Actualités

Appelsd'offres locaux des partenaires

Appelsd'offresrégionaux Appels d'offres internationaux Actualités universitaires

Appelsàcandidaturespour les(...)

Accueil »Appels d'offres>Appelsd'offres du CNF » _{Appels d'offres du CNF}

f Ateliersuriacréationetla gestion d'uncours enligne du 27au30 avril 2014auCNFd'Alexandrie à

l'UniversitéSenghor 14 avril 2014

Date limited'inscription 14 avril 2014 Le CNF d'Alexandrieorganise une sessiondeformation du 27au 30 avnl 2014sur"la créationetlagestiond'uncours enligne'. (...)

Il Le Concours international des 10motsde la Francophonie du1erjanvierau30mars2014

30mars2014

Du 1erjanvierau30mars2014, lesjeunessportifs 18à25ansetdirigeants de clubssportifs peuvent participerau concours.L'Université SenghoràtraversleCNFassure(..)

£ Appel d'offre:Allocation de perfectionnementformation- recherche2014-2015

28mars2014

Laclôture del'appelàcandidature est le 28mars2014 Le Bureau Moyen-Orient de l'Agence universitaire de la Francophonie soutient les enseignants chercheurs souhaitantse(...)

^ Appel d'offre:Missions decoopération scientifique2014-2015

27mars2014

Laclôture del'appelàcandidatureestle27mars2014 Le Bureau Moyen-Orient delAgenceuniversitairedela Francophonie soutient lesétablissements situésdans larégion(...)

|Appeld'offre:Allocationsd'étudesde Masteroude stageprofessionnel 2014 2015

26mars2014

Laclôturedel'appei à candidatureestle 26mars2014 Le Bureau Moyen-Orient de l'AUFproposedesoutenirlamobilité

desétudiantsfrancophones souhaitant effectuerune(...)

fiAteliersurla conception desscénariosd'apprentissage du 22au24mars2014auCNFd'Alexandrie à

l'UniversitéSenghor 22mars2014

Date limited'inscription 8mars2014 Le CNF d'Alexandrie organiseune sessiondeformation du 22au24mars2014surla conceptiondesscénarios d'apprentissage. Cette (...)

Figure 3 : rubrique Appels d'offres/ ancien site

Par _{conséquence, en créant le nouveau site, j'ai pris en compte que toutes les}

informations soient mises à_jour.

Ensuite, la répartition des rubriques n'est pas efficace, les usagers ne peuvent pas

trouver facilement ce _{qu'ils cherchent. Prenons le même exemple d'un utilisateur qui}

est intéressé _{par les actualités du CNF, il va trouver qu'il existe deux rubriques: la}

rubrique Actualités qui contient des informations inutiles pour lui parce que comme

on a _{déjà mentionné que ces actualités ne sont pas mises à jour et l'autre rubrique}

c'est Actulaité _{universitaire, est une rubrique vide qui ne contient pas d'informations.} C'est _{pour cela, dans une tentative de faciliter la navigation pour les usagers, j'ai}

intégré lasous- rubrique Actualités du CNF ainsi qu' Appels d'offres du CNF dans la

paged'accueil. Decette façon, chaque usager va trouverdirectement cequ'il cherche.

0

Université

de Lille

3

SCIENCES HUMAINES

j Accueil

A propos CNF de larégion

| Servicesofferts

I

Activités liées

aux

Ressourcesenligne

Lettred'information Liensetpartenaires

| Conseilnationald'orientation

Actualitésdu CNF Actualités locales des partenaires Actualitésrégionales Actualités internationales Appelsd'offres Actualitésuniversitaires fRflflCOPHOfllE Accueil >Actualités » Actualités £3Actualités du CNF

01Actualités locales des partenaires

QActualités régionales

SIActualitésinternationales

g Appel à candidature-Formationsouvertesetà distance (FOAD) 2014-2015

15juin 2014

Laclôture del'appelà candidatureestle15 juin 2014 L'Agenceuniversitairede la Francophonie(AUF)propose sonsoutien àunensemble deformationsouvertes età(...)

Appelsà candidaturespour les(...)

Figure 4 : rubrique Actualités/ ancien site rubrique Actualités/ ancien site

En_{plus, j'ai remarqué des rubriquescomme CNFde larégion, conseil d'orientationet}

liens et _{partenaires ne doivent pas exister comme des rubriques individuelles mais}

comme des sous _{rubriques appartenants à celle d'A propos. Ce qui m'a poussé à}

restructurer toutes les _{rubriques et les sous rubriques de ce site pour présenter les} informations d'une _{façon plus Claire etplus visible.}

HeEHCt

UniUERSITRIftE

FRflncopHoniE

_fjg

(§}-Bureau

Moyen-Orient

Campus

numérique

Francophone

d'Alexandrie

Ipropti Evénements Cimmunintim

Figure 5 : entêtenouveausite

En outre, on remarque que le moteur de recherche ne fonctionne plus et le lien vers

les réseaux sociaux comme Facebook n'existe _{pas dans l'ancien site web malgré que}

Q

Université

de Lille

fl

uf

3

FfifidCOPHOniE

SCIENCES HUMAINES I ET SOCIALES

commel'AUF donc_{j'ai misun lien vers lecompte Facebook du CNF dans l'entête du} nouveau site _{web, ainsiquedeux autres liens, un vers le site du Bureau Moyen-Orient}

et l'autre vers celui de l'AUF pour _{que les internautes aient accès aux informations}

publiés dans l'ensemble des sites de l'AUF.

WordPress

3.

_Comparaison

_{le logiciel}

_Spip

_Wordpress:

Dansce _{qui suit, on va faire une comparaisonentre ces deux logiciels du point de} vue : installation, _{design, configuration, évolutions des thèmes et des plugins,}

utilisationet_{adaptabilité, sécurité etréférencement.}

En_{premier lieu, parlant de l'installation deces CMS ( Content Management System):}

L'installationde _{Wordpress estaussi simpleque Spip, dans lesdeux cas, il faut mettre}

des fichiers sur le serveur avec un _{logiciel FTP avant de commencer l'installation}

donc on_{peut dire qu'àcepoint devue ces deux logiciels sontégaux.}

En deuxième lieu, les thèmes de _Wordpress sont mieux au point de vue design que

ceux de _{Spip. On peut aussi facilement changer le design et faire des modifications}

selon les besoins àtraversdes codes_{pourdonnerunlookprofessionnelau site.}

En troisième _{lieu, pour la configuration, ces deux logiciels disposent de réglages} avancés _{que l'administrateur du site peut les utiliser pour activer ou déactiver des} fonctionnalités et faire des modifications. Mais _{Wordpress dispose d'un ensemble}

plus large d'extensions (plugins) qui sert à installerdes widgets qui rend les sites plus

richeet_{plus intéressants du point devue designetrubriquage.}

Q

Université

de Lille

3

extensions _{(plugins) de Wordpress est plus importante que ceux de Spip. C'est pour}

cela _{qu'on constate que l'utilisation du premier est plus propagée au niveau mondial}

que le deuxième.

En outre, du point de vue utilisation et adaptabilité, pour un utilisateur non

expérimenté l'utilisation de Spip est plus facile que Wordpress surtout dans la

création des _{pages et des articles parce qu'un simple clic suffit pour faire des}

publications en ligne. Par contre, avec l'utilisation de Wordpress, le contenu des

pages est plus riche et affiché d'une manière plus claire. Pour l'adaptabilité,

Wordpress était au début conçu pour la création des sites de blog et presse mais

maintenant, avec laconstante évolution des nouvelles technologies intégrées dans les

thèmes de _{Wordpress, son utilisation s'est élargie pour être utilisée dans des sites de} différents domains.

Par_ailleurs, auniveau de la sécurité, les deux _logiciels ont développé des outils pour lasécurité des sites web crées _{par ces deux CMS. Pourtant les anciennes versions de}

wordpress et les versions actuelles de Spip ne possèdent pas une haute degré de

sécurité _{c'est pourcela la communauté active de Wordpress a crée la version (3.0.4)}

pourremédiercette problème d'insécurité.

Enfin, parlant du référencement, Spip est limité à 1 000 rubriques, 1 000 brèves et 2 000 articles _{par contre en installant simple extension (plugin) dans Wordpress, on}

peut créer un site qui dépasse ces limites. Matthew Cutts qui est un ingénieur

américain , spécialiste dans les conceptions des logiciels, il dirige l'équipe de spam Web à _{Google, ettravaille avec l'équipe de la qualité de la recherchesur les questions}

d'optimisation des moteurs de recherche voit que Wordpress est le CMS le plus dote

0

Université

de Lille

3

SCIENCES

HUMAINES

U i

fRRflCOPHOniE

Chapitre II

Tutoriel d'utilisation

langue

française

1.

_Ajouter

_thème

_le

_site

_web

On cherche des thèmes_{gratuits de Wordpress sur internet.}

On _{enregistre le nom du thème choisi, dans le cas du site web du Campus numérique}

francophone d'Alexandrie, on a choisi le thème « _{Courage »qui convient à} un site

web riche_{qui contient pleins d'informations.}

Dans le menu _{qui se trouve à gauche, on choisi Apparence puis thèmes ensuite}

ajouter.

Voici

_quelques

_liens

_{aider à dér}

Lancez-vous !

Personnalisezvotre site Thèmes Personnaliser Widgets Menus En-tête Arrière-plan Theme Info Éditeur ornplètement de thème by Synved

iranceof your_{sitewith this large}

1er: version 1.7.8 released

We_{justreleased a newversionforthe} . This isthe ch

released: Articles

^3

|l

W

&

9'

^

Réglages

O

Figure 6 : étapespour ajouter un nouveauthème

Figure 7 : étapes pourajouter un nouveau thème

OnCherche_{parmi les thèmes installés lenom du thème choisi.}

Ajouter

des

thèmes

Mettreunthèmeenligrie

Q

Mis

avant

Populaires Derniers

date

$

Filtre

defonctionnalités

Figure 8 : étapespour ajouterun nouveau thème

aUniversité

de

Lille

fi

wm

Figure 9 : étapespour ajouter un nouveau thème

On_{clique surpersonnaliser.}

Danslemenu à_{gauche, onécritletitre dusite webet lesous-titre.}

Theme actuel

Changer

Courage

Titre de site et _slogan

Titre du site

Campus numérique Francophone •

1

Donnons toutes ses chances à l'exi

-,

!S\ Display Tagline below site title.

01

Université

de

Lille

3

SCIENCES

HUMAINES

fl

u

FRRflCOPHOniE

Puis Choisir la couleur de _{l'arrière-plan,dans notre cas on ne l'apas changépour que} le site soit conforme à la charte de l'AUF.

Bac _kground

Couleur _{d'arrière-plan}

Couleur actuelle

# f cf cfc Valeur pardéfaut

Figure 11: étapes pour ajouter un nouveauthème

Enfin _{enregistrer toutes les modifications qu'on a fait en cliquant sur enregistrer et}

publier.

Istrer & publier

Vouspersonnalisez

Campus ou iC| u«

FrancophgÉ d'Alexandrie

Them Cou_rage

Titre de site etslogan

I maged'en-tête Backgrou nd

Couleurd'arrière-plan

Sélectionnerurvecouleur

Image d’arrière-plan

Aucune imagesélectionnée Changer

Camp

aUniversité

de Lille

n

Créer un nouvel article

Dans lamenu à_{gauche, onclique surarticles qui setrouvepuisajouter.}

MI I ■ * VX| >

liens _{pour vous}

_aider

I I I V »wI I M«M VMWNI I ■ I \/I I I <w•

ou alors, _{changez complètement de thème}

D'un _coup

_d'œil

Figure 13 : étapes pourajouterun nouveau thème

On écrit le titre de l'articleet le _{corpsdutexte.}

Ajouterun nouvel article

Saisissezvotretitre ici

/

B / '«iEtU-Êiitf

Paragraphe ▼ U = A ▼ |n| Q fl *P

Visuel Texte

n = _m)

1? H * ©

Figure 14: étapes pourcréer un nouvel article

aUniversité

de Lille

_SS

QB

7SCIENCES HUMAINES — —

JET SOCIALES

Pour afficher une

_image

_{dessus du}

_titre

_de

_l'article

On_{clique surImage à la unepuis on choisil'image parmi les images envoyés oula}

bibliothèque des médias. On choisi l'image voulu ensuite oncliquesurMettreune

image à laune.

Image

à la

Une

Mettre une_image

_{à la}

Figure 14 : étapes pour créer un nouvelarticle

Figure 15 : étapes pour mettre uneimageà la une

Q

Université

de

Lille

3

SCIENCES HUMAINES

UniUÉRSITAIRe

ffiflncophoniE

Les _{pages peuventexister individuellementouappartenant àune rubriqueparcontre}

lesarticles doivent_{appartenir à des catégories donc} on doit créer descatégories en suivant les_{étapes suivantes avantde compléter la création del'article.}

Il existe deux manières pourcréerune catégorie des actualités du CNF, onva cliquer

surarticles_{puis catégories. Dans lapage spécialepourlacréation d'une nouvelle}

catégorie,on vaajouter le parentde la catégorie. Dansce cas, on metleparent

Actualités.

Ajouterunenouvelle catégorie

Nom

Actualités du CNF

Ce Iestutiliséun_{peupartoutsurvotre site.}

^Bentifiar:

Ajouterunenouvelle catégorie

Nom

Actualités

Cenomestutiliséunpeupartoutsurvotre site. L'identifiantestlaversionnormaliséedunom.Ilnecontient

généralementquedes lettresminusculesnonaccentuées, des chiffrese des traitsd'union.

L'identifiantestlaversionnormalisée dunom.Ilnecontient généralementquedes lettres minusculesnonaccentuées, des chiffreset destraits d'union.

S Les^Êgories,contrairementauxétiquettes,peuventavoirune

hi^mrchie.Vouspouvez avoir unecatégorie nomméeJazz: età

|cérieur,plusieurs catégoriescommeBebopetBig Bond. Ceciest Jbta!ementfacultatif.

Parent

Aucun

-Lescatégories, contrairementauxétiquettes,peuventavoirune hiérarchie.Vouspouvezavoirunecatégorie nomméeJazz, età

l'intérieur,plusieurs catégoriescommeBebop etBig Band. Ceci est totalementfacultatif.

Description Description

Ladescription n'estpastrèsutiliséepardéfaut cependant de plusen plus de thèmes l'affichent

Ajouterunenouvelle catégorie

Ladescription n'estpastrèsutiliséepardéfautcependant deplusen plusde thèmes l'affichent

Ajouterunenouvellecatégorie

Figure 16 : étapes pourcréerune catégorie

Ladeuxième _{manière, onpeutcréerunecatégorie durant la création de l'articleen}

cliquantpuis onécrit le titre de la catégorie etonchoisi l'attribut s'il existeetenfinon

clique surajouterunenouvelle catégorie.

+-_Ajouter

unenouvellecatégorie

Étiquettes

Figure 17 : étapespourcréerune catégorie

aUniversité

Hplillp

RG

UIllUERSITfilSE

7SCIENCES HUMAINES — ———

J ET SOCIALES

Après quela catégoriesoit crée, onchoisi à laquelle l'article appartient.

Catégories

Toutes Les_{plus utilisées}

L.1 Actualités

0 Actualités du CNF

[ZI Actualités internationales

LJ Actualitéslocales des

partenaires

1 i Actualités_régionales

I _{i Appels d'offres}

Appelsd'offres du CNF

+_Ajouter une nouvellecatéeorie

—!

Ajouter

Séparez les étiquettespardes virgules

rhnicirn^rmi locofim icsttoc Iûc r\11ic

Figure 18 : étapes pourcréerune catégorie

Mettre une

_{catégorie dans les widgets de la}

_d'accueil:

On_{ajoute un «tag »àl'article, dansce site, j'ai utilisé le terme« featured»puis on}

clique sur ajouter.

Danslemenuà _{gauche,on cliquesur apparencepuis personnaliser} ensuite_thème

options etonchoisi featuredcontent.

On écrit lenomdu«_{tag » « featured »pourajoutertousles articles appartenantà}

cetteliste à la_{page d'accueil.}

On_{clique sur «postslider »etoncliquesur l'option «display slider onmagazine}

0

Université

de

Lille

3

_Options

Easilyfeature ailpostswith the"featured'

tagor atagofyourchoice.Yourtheme

supportsupto20postsinitsfeatured

contentarea.

Tagname featured

0 Hide tagTrS splayinginpost meta

and tagclouds.

Camp

u

FRnncopHoniE

Post Slider

Theslideshow _{displaysyourfeatured}

posts, whichyou can configure onthe

"Featured Content" sectionabove.

Activate Featured PostSlider

Zi DisplaySlider on Magazine Front

Page ter

] DisplaySlider

oW^fljnal

blog

index. H _Displayfeaturedposts

postlisting.

PostSlider

Figure 19 : catégorie dans la page d'accueil

Créer une nouvelle _{page :}

La_{capture d'écran indique les étapes à suivrepourcréerune page dans lenouveau}

site web et_{yajouter les informations.}

On_{clique sur Pages situé dans le menude gauche puis ajouter.}

Figure 20 : étapespour créerunenouvelle page

Onva_{ajouter le titre de lapagedans la casespéciale puis ajouter les informations}

dans le_{corpsdutexte.}

Dans l'attribut de la_{page ; il faut préciser si cettepagereprésente unerubriqueou une}

sous-rubrique, s'il représenteune rubrique dans la menudu haut de lapage, on

choisira_{pas deparentet s'il représenteune sous-rubrique, onprécisera la rubrique à}

laquelle elle appartient.

Après avoir créer lapage, oncliquesurPubliercomme indique le schéma ci-dessous.

Ajouterunenouvellepage

I Saisirezvotretitre ici | _bai^^e

Ajouterunmédia

B I B i- - IÉ' S Jl Paragraphe » U = _A_» inl & Q

Visuel Texte

s |É

Publier

Enregistrer brouillon Aperçu ? État:Brouillon Modifier <8> Visibilité:Public Modifier

fîïil Publier tout de suite Modifier Déplacer dans la Corbeille

Attributs de la page

|(pasdeparent)

^3eTe^arTJe?aL?F

ZI

Compteur demots :0

Q

Université

de Lille

3

SCIENCES HUMAINES

fl

u

ffiflncoFHoniE

Pour_{ajouter une imagedans une page, il yadeux possibilités,on peutajouterune}

image au sein ducorpsdutexteencliquantsurajouterunmédia puis choisir des

photos parmi des photos envoyées ou labibliothèquedes médias commeindique la

captured'écran ci-dessous :

i

U

i»

Paragraphe

T

U

A

t

g

^

Q

î-Figure 22 : étapes pourajouter une image dans une page

On choisi _{l'image puis on clique sur insérer dans lapage.}

01

Université

de Lille

3

U

fRHDCOPHOniE

\

□

Figure 23 : étapes pour ajouter uneimage dans une page

On _{peutinsérer l'image dans l'entête de lapage en cliquantsur Image à launequi se}

trouve dans lemenuà droite eten suivant les_{étapes précédentes.}

Ajouter

tableau dans

Les _{options dans Wordpressne permettentpas d'inséreruntableau dans une page.}

C'étaitun _{problème quej'ai affronté lors de la création de certainespages comme la}

page de Personnel du campus etcelle ducontact.

Pour_{réglerceproblème, j'ai cherché en lignepourles extensions qui sertà insérer un}

tableau dans une_{page ou unearticle.}

On_{copie lenom de l'extension choisie (MCE Table Buttons) puisoncliquesur}

extensions et_{Ajouter, ensuite coller lenom de l'extension choisi, enfin, oncherche-le}

11

Université

de

Lille

OGÊnc

u

DEl ffiflnCOPHOniE

AjDu"f une riuuvene _page

Saisissezvotre titreici

9]Ajouterunmédia Visuel

B I B u - ± ± ± é> U ^

(HI

Figure 24 : étapes pour ajouter un tableau dans une page

Extensions

Ajouter

Les

extension^Pect

_onnées

_{été supprimées,}

Toutes / Désactivées : : | Récemment désactivée

Actions

_groupées

□ Extension _Description

Utilisé pardes millions desites, Akismetesttrès |: rétroliens abusifs. Ilmaintient votre site _protégé

decette _{description, 2) Inscrivez-vous pour récup} votreclé d'API.

Version 3.1.1 ParAutomattic _{| Afficher les détai}

Figure 25: étapes pourajouter untableau dans une page

Akismet

Activer Modifier _Supprimer

Q

Université

de

Lille

3

SCIENCES HUMAINES

u

FRflflCOPhOniE

Ajouter

des

extensions

Résultatsde recherche Misesen avart Pooulaires Recommandées favorites

:1 _{MCETableButtons}

i-1* e

jjjj i

g

Drff'ifi*

Porjokg Coldmon, Vhip,Oomph

ttWwïis]

100 000+instai atonsactives

Plusde détals

Dernièremiseà_{jour:Ilya9mots} Non-testéavecvotreversionde WordPress

Mot-clé

Q

MCE'aC

Buttons

±

ÛPressBooks

Textbock

adds

funaionality

to

the

Plusdedétails

textbooks

PaBradPa.rt

OttUi2)

40-installationsactives

Dernière mise à_jour:ilya1 mois

Non-testeavecvotreversionde WordPress

Figure 26 : étapespour ajouterun tableau dans une page

On_{clique surinstaller ensuite activerpourmettre en œuvre cettenouvelle extension.}

MCETableButtons Addcontrols for table

_editing

_{the Visual}

_{édite with this light weight plug-in,}

Versi0(1^_{jparja)(e Goldman, lOup,}

_{Oomph |}

_Afficher

_{les détails}

Figure 27 : étapespourajouteruntableau dansune page

Aprèsavoir faire les étapes précédentes, onpeut facilement insérer des tableaux dans

les _{pages oules articles encliquant surl'icône dans le schéma ci-dessous etchoisir le} nombre des _{ligneset des colonnes.}

Ajuuter—une r luuvene pdge Saisisse/ votretitre ici

B X — Paragraphe — _a= = == K? =2 M - _{û a ifm} -Cellule Ligne Coloni

aUniversité

de Lille

7SCIENCES HUMAINES

0El SOCIALES

Pour_{changer les propriétés des cellules du tableau, onclique surpropriétés du tableau}

et_{pourchanger la couleur de l'arrière-plandutableau, onchoisi propriétés des}

cellules.

Figure 29 : étapes pourajouter un tableau dansune page

Ajouter

plan dans la

de

Contact

Ondoit aller à_{maps.google.com.}

Onécrit l'adresse du _{campusnumérique francophone d'Alexandrie puis rechercher.}

Figure 30 : étapespourajouter unplan dans lapage ducontact

a

Université

de

Lille

_$1)

fl

3€fîCE

3

SCIENCES HUMAINES

—

———

On_{clique surParamètres puis oncopie le code commelemontre les schémas}

ci-dessous.

iby

logarea Anvoeora

_f)

A^buJI

AaaIoJ!

^

Akhtam

'/

es

Baraka

<5,

Adel

_{Aly El S}

_*

_%

vLc

•jU

+

Al

Figure 31 : étapespour ajouterun plan dans lapagedu contact

V*°

y

là

0 0

i

.il

«

Figure 32 : étapes pourajouter unplan dans la page du contact

Share

embed map

History

Q

Université

I i||p

fl 3

U1IUE

DE fRfldCOPHOniE

3

SCIENCES HUMAINES

—-

———

AWA_{gCOÇt*CO<*i "spO=••,rn}

Figure 33 : étapes pour ajouterun plan dans lapagedu contact

Onva aller à la_{page de contactqu'ona crée puisoncliquesur texte.}

Dans cette_{partie concernant le langage PHP, onpeut ajouter le code etl'enregistrer.}

Contact

Permalien:_{http://62.241.132.40/index.php/contact/ Modifier Voir lapage Obtenirleliencourt}

Ajouterunmédia

b i link _b-quote de* ins img ul ol li code more fermer lesbalises

Visuel^.Texte

/

<iframe src="https://www. google.com

/maps/embed?pb=!Iml4!Im8!Im3!Idl706.4406254905157!2d29.896056034365397 !3d31.196305765352207 ! 3m2!Iil024!2i768 ! 4f13.1!3m3!Im2!Is0x

14f5c3ef2846ba03%3A0x2b068f4c3f927ed2!2sAhmed+Ourabi%2C+Alexandria+Governorate%2C+Egypt!5e0!3m2!lsen!2s!4v1432468254067"

width="100%" _{height="350" frameborder="0" style=Hborder:0"x/iframe>}

Figure 34 : étapes pourajouter un plan dans la pagedu contact

Université

de Lille

Q.

Déactiver les commentaires

fRnncopHoniE

SCIENCES HUMAINES —

ET SOCIALES

C'est unautre_{problèmequej'ai affronté lors de la création du site webparce que le}

thème_{originalquej'ai installé, les usagersontle droit de commenterles articles}

qu'ils ontlu. C'estunoption utile dans les sites des revues etdes journaux c'estpour

cela_{j'ai cherchéenligne etj'ai trouvé quecette option onpeuta désactiveren}

approchant le curseurdu titre de lapagepuis oncliquesurmodificationrapide ensuite

onchoisi dena _{pas activer lescommentaires eton cliquesur mettreà jourpour que}

cette modification soit_{prisencompte.}

0 Apropos cnfalex Q 18/05/2015 Publié MODIFICATION RAPIDE Titre CNFde larégion identifiant cnf-de-la-region Date 21 05-mai

*]

Modtit _{Modèle pardéfaut}

_Q

OAutoriser lescommentaires

0

fiw Publié Annuler

□ —Conseil national d'orientation

0

Q 21/05/2015 Publié

Figure 35 : Déactivation des commentaires

Ajouter

version imprimable à certaines

J'ai cherchéen _{ligne pourles extensions qui sert à créerune version imprimable des}

pages etdes articles etj'ai trouvé l'extension « Print friendly and PDF buttom »qui

répond àmes besoins.

Dansle menu setrouvantà_{gauche,on clique su extensions puis ajouter ensuiteon} écritson nom etonl'installeetenfinon va l'activer.

Dans_{réglages, onchoisi « Print friendly and PDF buttom ».}

Dans «Pick _{yourbuttom style », onclique sur «choosecustom buttom »puis on met}

l'adresse url de _l'image.

Pourtrouver cette _adresse, onle cherche dans médias _puisoncliqueenvoyerdes