Commit 215b1ddd authored by Pierre Boudes's avatar Pierre Boudes 💬
Browse files

améliorations du style et ajout d'explications (organigramme)

parent 813a01be
......@@ -7,9 +7,9 @@
<style type="text/css">
.underline { text-decoration: underline; }
</style>
<link rel="stylesheet" href="/js/reveal.js-3.8.0/css/reveal.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/reveal.js/3.0.0/css/reveal.css"/>
<link rel="stylesheet" href="/js/reveal.js-3.8.0/css/theme/white.css" id="theme"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/reveal.js/3.0.0/css/theme/white.css" id="theme"/>
<link rel="stylesheet" href="entete.css"/>
......@@ -19,14 +19,14 @@
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = '/js/reveal.js-3.8.0/css/print/pdf.css';
link.href = 'https://cdn.jsdelivr.net/reveal.js/3.0.0/css/print/pdf.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
}
</script>
<meta name="description" content="Feuille de route de la DSI de l'université Paris 13">
</head>
<body>
<ul class="nav" id="menu"> <li class="nav-item"> <a class="nav-link" href="/">Accueil</a> </li> <li> <a class="nav-link" href="/feuille_de_route.html#/slide-periode-actuelle">Feuille de route</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Offre de services</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">État des services</a> </li> <li class="nav-item"> <a class="nav-link" href="incidents.html" tabindex="-1" aria-disabled="true">Incidents</a> </li> <li class="nav-item"> <a class="nav-link" href="data.html">Données</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Stratégie</a> </li> </ul>
<ul class="nav" id="menu"> <li class="nav-item"> <a class="nav-link" href="/">Accueil</a> </li> <li> <a class="nav-link" href="./feuille_de_route.html#/slide-periode-actuelle">Feuille de route</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Offre de services</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">État des services</a> </li> <li class="nav-item"> <a class="nav-link" href="documents.html" tabindex="-1" aria-disabled="true">Documents</a> </li> <li class="nav-item"> <a class="nav-link" href="data.html">Données</a> </li> <li class="nav-item"> </ul>
<div class="reveal">
<div class="slides">
<script src="https://twemoji.maxcdn.com/2/twemoji.min.js?12.0.0"></script>
......@@ -64,8 +64,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</div>
</div>
<p>DSI Paris 13</p>
<script src="/js/reveal.js-3.8.0/lib/js/head.min.js"></script>
<script src="/js/reveal.js-3.8.0/js/reveal.js"></script>
<script src="https://cdn.jsdelivr.net/reveal.js/3.0.0/lib/js/head.min.js"></script>
<script src="https://cdn.jsdelivr.net/reveal.js/3.0.0/js/reveal.js"></script>
<script>
// Full list of configuration options available here:
......@@ -94,9 +94,9 @@ multiplex: {
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: '/js/reveal.js-3.8.0/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: '/js/reveal.js-3.8.0/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: '/js/reveal.js-3.8.0/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }]
{ src: 'https://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'https://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'https://cdn.jsdelivr.net/reveal.js/3.0.0/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }]
});
</script>
</body>
......
......@@ -24,8 +24,8 @@
#+REVEAL_POSTAMBLE: <p>DSI Paris 13</p>
#+REVEAL_PLUGINS: (markdown notes)
# #+REVEAL_ROOT: file:///d:/reveal.js
# +REVEAL_ROOT: https://cdn.jsdelivr.net/reveal.js/3.0.0/
#+REVEAL_ROOT: /js/reveal.js-3.8.0/
#+REVEAL_ROOT: https://cdn.jsdelivr.net/reveal.js/3.0.0/
# +REVEAL_ROOT: /js/reveal.js-3.8.0/
#+OPTIONS: reveal_width:1000 reveal_height:900
# +OPTIONS: reveal_width:1000 reveal_height:600
......
......@@ -26,7 +26,7 @@
<meta name="description" content="Feuille de route de la DSI de l'université Sorbonne Paris Nord">
</head>
<body>
<ul class="nav" id="menu"> <li class="nav-item"> <a class="nav-link" href="/">Accueil</a> </li> <li> <a class="nav-link" href="/feuille_de_route.html#/slide-periode-actuelle">Feuille de route</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Offre de services</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">État des services</a> </li> <li class="nav-item"> <a class="nav-link" href="incidents.html" tabindex="-1" aria-disabled="true">Incidents</a> </li> <li class="nav-item"> <a class="nav-link" href="data.html">Données</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Stratégie</a> </li> </ul>
<ul class="nav" id="menu"> <li class="nav-item"> <a class="nav-link" href="/">Accueil</a> </li> <li> <a class="nav-link" href="./feuille_de_route.html#/slide-periode-actuelle">Feuille de route</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Offre de services</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">État des services</a> </li> <li class="nav-item"> <a class="nav-link" href="documents.html" tabindex="-1" aria-disabled="true">Documents</a> </li> <li class="nav-item"> <a class="nav-link" href="data.html">Données</a> </li> <li class="nav-item"> </ul>
<div class="reveal">
<div class="slides">
......@@ -65,8 +65,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org5e9afde">
<h2 id="org5e9afde">Année 2018 (résumé)</h2>
<section id="slide-org8941c9b">
<h2 id="org8941c9b">Année 2018 (résumé)</h2>
<ul>
<li>👾 Nouvelle infrastructure serveurs</li>
<li>⌨️🕹 Réorganisation de l'assistance</li>
......@@ -77,8 +77,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org2e5d0f9">
<h3 id="org2e5d0f9">Hiver 2017-2018</h3>
<section id="slide-orgebbc86a">
<h3 id="orgebbc86a">Hiver 2017-2018</h3>
<ol>
<li>Acquisition d'une nouvelle infrastructure serveurs (112 cœurs, 36 To RAID 6) 👾</li>
<li>La DSI prend en charge les postes de travail de l'administration de l'Institut Galilée 🕹</li>
......@@ -89,8 +89,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org2660efe">
<h3 id="org2660efe">Printemps 2018</h3>
<section id="slide-org5bc68a1">
<h3 id="org5bc68a1">Printemps 2018</h3>
<ol>
<li>Mise en production de la nouvelle infrastructure serveurs 👾🌐</li>
<li>Mise en production de la nouvelle défense périmétrique réseau à Villetaneuse 🔐🌐</li>
......@@ -102,8 +102,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org355f22c">
<h3 id="org355f22c">Été 2018</h3>
<section id="slide-org7909649">
<h3 id="org7909649">Été 2018</h3>
<ol>
<li>Mise à niveau de la climatisation ⚙️🥶</li>
<li>Comité d'orientation du système d'information #06 🕹</li>
......@@ -112,8 +112,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org69ff75d">
<h3 id="org69ff75d">Automne 2018</h3>
<section id="slide-org52b59d3">
<h3 id="org52b59d3">Automne 2018</h3>
<ol>
<li>Réorganisation de l'assistance ⌨️ 🕹</li>
<li>déplacement des serveurs SIFAC sur la nouvelle infrastructure 🧮👾</li>
......@@ -126,8 +126,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org5dd9019">
<h2 id="org5dd9019">Année 2019 (résumé)</h2>
<section id="slide-orgd63ce3f">
<h2 id="orgd63ce3f">Année 2019 (résumé)</h2>
<ul>
<li>📞🌐👾 Déploiement de la téléphonie IP</li>
<li>⌨️⚙️👾 Mise à niveau des postes de travail</li>
......@@ -140,8 +140,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org6c67241">
<h3 id="org6c67241">Hiver 2018-2019</h3>
<section id="slide-org41e8bce">
<h3 id="org41e8bce">Hiver 2018-2019</h3>
<ol>
<li>Installation du wifi dans les bâtiments de l'UFR DSPS 🌐</li>
<li>Installation des équipements centraux de téléphonie IP et de leurs serveurs 📞🌐👾</li>
......@@ -150,8 +150,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org8eee826">
<h3 id="org8eee826">Mars 2019</h3>
<section id="slide-org448a7c2">
<h3 id="org448a7c2">Mars 2019</h3>
<ul>
<li>Début des tests de la téléphonie IP auprès de quelques utilisateurs 📞🤨</li>
......@@ -159,8 +159,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-orgd41c260">
<h3 id="orgd41c260">Avril 2019</h3>
<section id="slide-org4016366">
<h3 id="org4016366">Avril 2019</h3>
<ol>
<li>Amélioration de la gestion administrative et financière de la DSI 🕹</li>
<li>Mise en place de la prise de rendez-vous en ligne pour la médecine préventive via Doctolib 📱</li>
......@@ -172,8 +172,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org4e62f56">
<h3 id="org4e62f56">Mai 2019</h3>
<section id="slide-orgb84329f">
<h3 id="orgb84329f">Mai 2019</h3>
<ol>
<li>Paramétrage des structures et des nomenclatures dans SINAPS 📎</li>
<li>Début du déploiement d'Active Directory pour l'industrialisation du poste de travail (authentification, administration à distance) ⌨️⚙️👾</li>
......@@ -185,8 +185,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org1486ade">
<h3 id="org1486ade">Juin 2019</h3>
<section id="slide-org1864792">
<h3 id="org1864792">Juin 2019</h3>
<ol>
<li>Montée de version des serveurs SIHAM 🗄👾</li>
<li>Mise à jour d'Apogée 👩‍🏫</li>
......@@ -201,8 +201,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org1e469a5">
<h3 id="org1e469a5">Été 2019</h3>
<section id="slide-orgff9b626">
<h3 id="orgff9b626">Été 2019</h3>
<ol>
<li>Industrialisation du poste de travail, déploiement de l'Active Directory sur l'ensemble des postes de travail gérés par la DSI ⌨️👾</li>
<li>Mise en production de SINAPS pour les structures 📎👩‍🏫🗄</li>
......@@ -214,8 +214,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org12f918e">
<h3 id="org12f918e">Septembre 2019</h3>
<section id="slide-org8a351c6">
<h3 id="org8a351c6">Septembre 2019</h3>
<ol>
<li>Services de prise de rendez-vous pour le bureau des étudiants étrangers et assistantes sociales 📱👨‍💻</li>
<li><del>Mise à disposition du service web d'accueil des étrangers Paris Region Welcome Desk 🏳️‍🌈📱</del></li>
......@@ -225,8 +225,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org16a286d">
<h3 id="org16a286d">octobre-novembre 2019</h3>
<section id="slide-org0509187">
<h3 id="org0509187">octobre-novembre 2019</h3>
<ol>
<li>Début du travail sur le référentiel des personnes SINAPS 🕹📎</li>
<li>Expérimentation du suivi des parcours d'étude entre universités publié en données ouvertes 🏳️‍🌈</li>
......@@ -240,8 +240,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-orgcd750f5">
<h2 id="orgcd750f5">Année 2020 (résumé)</h2>
<section id="slide-orgc8f7cba">
<h2 id="orgc8f7cba">Année 2020 (résumé)</h2>
<ul>
<li>📱 Services sur mobiles</li>
<li>⚙️🏳️‍🌈 Exploitation du Datacenter</li>
......@@ -252,8 +252,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org04c2cfe">
<h3 id="org04c2cfe">Hiver 2019-2020</h3>
<section id="slide-org0396218">
<h3 id="org0396218">Hiver 2019-2020</h3>
<ol>
<li>Ouverture du datacenter de Lognes ⚙️🏳️‍🌈</li>
<li>Augmentation du débit réseau JTM93 de 1Gb/s à 3Gb/s (10Gb/s si débridage logiciel) 🌐</li>
......@@ -265,8 +265,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org9369fd7">
<h3 id="org9369fd7">Février 2020</h3>
<section id="slide-org7e5377c">
<h3 id="org7e5377c">Février 2020</h3>
<ol>
<li>Réunification de la DSI telle que prévue en 2012 🕹</li>
<li>Généralisation du télétravail avec un nouveau protocole 🕹🔐⌨</li>
......@@ -276,8 +276,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org2186a1b">
<h3 id="org2186a1b">Mars 2020</h3>
<section id="slide-org1f05f29">
<h3 id="org1f05f29">Mars 2020</h3>
<ol>
<li>Organisation de l'assistance à distance ⌨</li>
<li>Déploiement en urgence d'un nouveau serveur Moodle couplé à un BigBlueButton 👾📱👩‍🏫</li>
......@@ -292,8 +292,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org7af5ae3">
<h3 id="org7af5ae3">Avril 2020</h3>
<section id="slide-org97cf0cb">
<h3 id="org97cf0cb">Avril 2020</h3>
<ol>
<li>Campagne de sécurisation des serveurs 🌐🔐</li>
<li>Déploiement de la saisie des notes par le Web pour Apogée 👩‍🏫📱</li>
......@@ -307,8 +307,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org2010323">
<h3 id="org2010323">Mai 2020</h3>
<section id="slide-orgbee4ada">
<h3 id="orgbee4ada">Mai 2020</h3>
<ol>
<li>Certificat de scolarité par QR Code à la demande 📱‍💻👨</li>
<li>480 ordinateurs portables de prêt pour étudiant⋅es ⌨</li>
......@@ -330,8 +330,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org7f4930f">
<h3 id="org7f4930f">Juillet 2020</h3>
<section id="slide-org49883d4">
<h3 id="org49883d4">Juillet 2020</h3>
<ol>
<li>Finalisation de la dématérialisation du circuit d'inscription des étudiant⋅es 👩‍🏫📱‍💻👨</li>
<li>Travaux de câblage réseau 🌐</li>
......@@ -341,8 +341,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
</section>
</section>
<section>
<section id="slide-org1a677a2">
<h3 id="org1a677a2">Septembre 2020</h3>
<section id="slide-org7a10c8a">
<h3 id="org7a10c8a">Septembre 2020</h3>
<ol>
<li>Mise en production d'une infrastructure de virtualisation des salles TP pouvant être déménagée à Lognes 🌐👾</li>
<li>Équipement de sécurité réseau en baie à Lognes 🌐👾🔐</li>
......
......@@ -25,7 +25,7 @@
#+REVEAL_PLUGINS: (markdown notes)
# #+REVEAL_ROOT: file:///d:/reveal.js
#+REVEAL_ROOT: https://cdn.jsdelivr.net/reveal.js/3.0.0/
# +REVEAL_ROOT: /js/reveal.js-3.8.0/
# +REVEAL_ROOT: /assets/reveal/
#+OPTIONS: reveal_width:1000 reveal_height:900
# +OPTIONS: reveal_width:1000 reveal_height:600
......
#+REVEAL_PREAMBLE: <ul class="nav" id="menu"> <li class="nav-item"> <a class="nav-link" href="/">Accueil</a> </li> <li> <a class="nav-link" href="/feuille_de_route.html#/slide-periode-actuelle">Feuille de route</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Offre de services</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">État des services</a> </li> <li class="nav-item"> <a class="nav-link" href="incidents.html" tabindex="-1" aria-disabled="true">Incidents</a> </li> <li class="nav-item"> <a class="nav-link" href="data.html">Données</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Stratégie</a> </li> </ul>
#+REVEAL_PREAMBLE: <ul class="nav" id="menu"> <li class="nav-item"> <a class="nav-link" href="/">Accueil</a> </li> <li> <a class="nav-link" href="./feuille_de_route.html#/slide-periode-actuelle">Feuille de route</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Offre de services</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">État des services</a> </li> <li class="nav-item"> <a class="nav-link" href="documents.html" tabindex="-1" aria-disabled="true">Documents</a> </li> <li class="nav-item"> <a class="nav-link" href="data.html">Données</a> </li> <li class="nav-item"> </ul>
......@@ -7,7 +7,7 @@
"imageUrl": "general.jpg",
"lieu": "Villetaneuse",
"affectation": "DSI",
"pole": {"type": "support", "value": "Infrastructures et support"},
"pole": {"type": "soutien", "value": "Infrastructures et support"},
"titre": "habilitation",
"id": "dsi",
"parentId": null
......@@ -17,7 +17,7 @@
"imageUrl": "general.jpg",
"lieu": "Villetaneuse",
"affectation": "L2TI-LAGA-LIPN",
"pole": {"type": "support", "value": "Support à la recherche"},
"pole": {"type": "soutien", "value": "Soutien à la recherche"},
"titre": "Ingénieur",
"id": "lchamy",
"respfonc": "dsi"
......@@ -27,7 +27,7 @@
"imageUrl": "general.jpg",
"lieu": "Villetaneuse",
"affectation": "L2TI-LAGA-LIPN",
"pole": {"type": "support", "value": "Support à la recherche"},
"pole": {"type": "soutien", "value": "Soutien à la recherche"},
"titre": "Ingénieur",
"id": "mrodriguez",
"respfonc": "dsi"
......@@ -37,7 +37,7 @@
"imageUrl": "general.jpg",
"lieu": "Villetaneuse",
"affectation": "LPL",
"pole": {"type": "support", "value": "Support à la recherche"},
"pole": {"type": "soutien", "value": "Soutien à la recherche"},
"titre": "Ingénieur",
"id": "mbarbier",
"respfonc": "dsi"
......@@ -52,8 +52,8 @@
"imageUrl": "general.jpg",
"lieu": "Villetaneuse",
"affectation": "Institut Galilée",
"pole": {"type": "support", "value": "Support à la pédagogie"},
"titre": "Responsable fonctionnelle",
"pole": {"type": "soutien", "value": "Soutien à l'enseignement"},
"titre": "Autorité fonctionnelle",
"id": "arozenknop",
"parentId": null
}
......@@ -62,7 +62,7 @@
"imageUrl": "general.jpg",
"lieu": "Villetaneuse",
"affectation": "Institut Galilée",
"pole": {"type": "support", "value": "Support & TP"},
"pole": {"type": "soutien", "value": "Soutien à l'enseignement"},
"titre": "Ingénieur",
"id": "jpraingeval",
"parentId": "epelletier",
......@@ -73,7 +73,7 @@
"imageUrl": "general.jpg",
"lieu": "Villetaneuse",
"affectation": "Institut Galilée",
"pole": {"type": "support", "value": "Support & TP"},
"pole": {"type": "soutien", "value": "Soutien à l'enseignement"},
"titre": "Technicien support",
"id": "ote",
"parentId": "epelletier",
......@@ -84,7 +84,7 @@
"imageUrl": "job.jpg",
"lieu": "Villetaneuse",
"affectation": "Institut Galilée",
"pole": {"type": "support", "value": "Support & TP"},
"pole": {"type": "soutien", "value": "Soutien à l'enseignement"},
"titre": "Assistant⋅e ingénieur",
"id": "vacantig1",
"parentId": "epelletier",
......@@ -95,7 +95,7 @@
"imageUrl": "job.jpg",
"lieu": "Villetaneuse",
"affectation": "Institut Galilée",
"pole": {"type": "support", "value": "Support & TP"},
"pole": {"type": "soutien", "value": "Soutien à l'enseignement"},
"titre": "Assistant⋅e ingénieur",
"id": "vacantig2",
"parentId": "epelletier",
......@@ -111,8 +111,8 @@
"imageUrl": "general.jpg",
"lieu": "Villetaneuse",
"affectation": "IUT de Villetaneuse",
"pole": {"type": "support", "value": "Support à la pédagogie"},
"titre":"Responsable fonctionnelle",
"pole": {"type": "soutien", "value": "Soutien à l'enseignement"},
"titre":"Autorité fonctionnelle",
"id": "mmayero"
}
, {
......@@ -120,7 +120,7 @@
"imageUrl": "general.jpg",
"lieu": "Villetaneuse",
"affectation": "IUT de Villetaneuse",
"pole": {"type": "support", "value": "Support & TP"},
"pole": {"type": "soutien", "value": "Soutien à l'enseignement"},
"titre": "Ingénieur",
"id": "atexeira",
"respfonc": "mmayero",
......@@ -162,7 +162,7 @@
"imageUrl": "general.jpg",
"lieu": "Villetaneuse",
"affectation": "",
"pole": {"type": "", "value": "MSN"},
"pole": {"type": "msm", "value": "MSN"},
"titre": "Vice-président numérique",
"id": "ybennani"
}
......
......@@ -2,35 +2,76 @@
<html lang="fr">
<head>
<meta charset="utf-8"/>
<title>Organigramme hiérarchique de la DSI</title>
<title>Organigramme de la DSI</title>
<meta name="author" content="VP-SI"/>
<style type="text/css">
.underline { text-decoration: underline; }
</style>
<link rel="stylesheet" href="entete.css"/>
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css"/>
<script src="/assets/d3.v5.min.js"></script>
<script src="/assets/d3-org-chart-1.0.5.js"></script>
<script src="/assets/jquery-3.5.1.min.js"></script>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="/assets/popper.min.js"></script>
<meta name="description" content="Organigramme DSI de l'université Paris Sorbonne Paris Nord">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body style="margin-top: 30px;">
<ul class="nav" id="menu" > <li class="nav-item"> <a class="nav-link" href="/">Accueil</a> </li> <li> <a class="nav-link" href="/feuille_de_route.html#/slide-periode-actuelle">Feuille de route</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Offre de services</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">État des services</a> </li> <li class="nav-item"> <a class="nav-link" href="incidents.html" tabindex="-1" aria-disabled="true">Incidents</a> </li> <li class="nav-item"> <a class="nav-link" href="data.html">Données</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Stratégie</a> </li> </ul>
<body style="margin-top: 100px;">
<script src="organigramme.js"></script>
<ul class="nav" id="menu" > <li class="nav-item"> <a class="nav-link" href="/">Accueil</a> </li> <li> <a class="nav-link" href="./feuille_de_route.html#/slide-periode-actuelle">Feuille de route</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Offre de services</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">État des services</a> </li> <li class="nav-item"> <a class="nav-link" href="documents.html" tabindex="-1" aria-disabled="true">Documents</a> </li> <li class="nav-item"> <a class="nav-link" href="data.html">Données</a> </li> </ul>
<div class="container">
<h2>Organigramme hiérarchique de la DSI</h2>
<p>Données structurées (json) : <a href="organigramme.json">organigramme.json</a>.</p>
<p>Cet organigramme représente les liens d'autorité hiérarchique de la DSI. Il est le résultat d'un processus de création de la DSI en 2012,
suivi d'une réorganisation en pôles en 2017 et d'un regroupement des liens hiéarchiques au sein d'une même direction en 2020.
Les noms des pôles sont indiqués sous l'intitulé du poste (troisième ligne).
Cet organigramme est disponible sous forme de données structurées (json) : <a href="organigramme.json">organigramme.json</a>, pour d'autres rendus.
Une mise à niveau des situations individuelles est en cours (changement de Bap, égalité de traitement). Plusieurs postes sont à pourvoir et maintenant
que l'organisation globale est posée, ils offrent de bonnes perspectives de mobilités internes et de promotion pour des débutant⋅es.
C'est le bon moment pour <a href="mailto:dominique.bascle@univ-paris13.fr">candidater</a> sur l'un des <span id="nbvacants"></span>
postes ouverts au recrutement !</p>
<div class="chart-container" id='organigramme' style="margin-top:30px; height:600px;"> </div>
<h2>Organigrammes fonctionnels</h2>
<p>Les liens fonctionnels correspondent aux relations établies entre services pour remplir les missions de l'université.
Nous ne faisons apparaître ici qu'une petite partie de ces liens, ceux qui s'incrivent dans une relation d'autorité ou une organisation intégrée. </p>
<p>C'est particulièrement le cas pour les composantes d'enseignement qui se sont organisées de façon à piloter leurs services informatiques de soutien à l'enseignement
pour répndre à un besoin fort de leurs formations.</p>
<p>Une partie des informaticiens et informaticiennes de l'université affectées en laboratoire de recherche restent sous l'autorité hiérarchique des directions de laboratoire
pour simplifier les relations avec les informaticiens et informaticiennes mis à disposition par d'autres tutelles. La DSI fait participer ces informaticiens
et informaticiennes à ses travaux et équipements, en particulier pour ce qui est de l'utilisation de l'infrastructure commune
(réseau IP, salles serveurs, infrastructure système, équipement de sauvegardes et de sécurité), et du soutien aux usagers (achat et configuration de matériel,
configuration et accès aux services numériques). Pour cela, outre la participation à des réunions thématiques telles que les réunions de pôles, un rendez-vous annuel
entre l'informaticien ou l'informaticienne en laboratoire et un responsable de la DSI (directeur adjoint ou responsable du pôle d'assitance aux usagers), permet de
faire le point sur les compétences et le bon accès aux facilités de la DSI (infrastructure et services) et d'habiliter l'informaticien ou l'informaticienne
pour leur usages. Cet entretien est aussi l'occasion de faire un point sur le déroulé de carrière, de ces personnels.</p>
<p>Données structurées (json) : <a href="organigramme-fonctionnel.json">organigramme-fonctionnel.json</a>.</p>
<div id="organigramme_fonctionnel" class="row md-3"></div>
<div id="organigramme_fonctionnel"></div>
<div id="zones_autonomie"></div>
</div>
<style>
div.general {
background-color: #153a23;
color: #005031;
color: #113321;
}
</style>
<script src="/assets/d3.v5.min.js"></script>
<script src="/assets/d3-org-chart-1.0.5.js"></script>
<script src="/assets/jquery-3.5.1.min.js"></script>
<script src="/assets/popper.min.js"></script>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="organigramme.js"></script>
<script>
......@@ -45,6 +86,8 @@ function compareNoms(a,b) {
d3.json('organigramme.json')
.then(databrute=>{
var data = databrute.map(stylishmapping);
const nbvacants = databrute.filter(x => x.nom == "vacant").length;
$('#nbvacants').text(nbvacants);
new Chart()
.container('#organigramme')
.data(data)
......@@ -59,14 +102,25 @@ new Chart()
d3.json('organigramme-fonctionnel.json')
.then(
databrute => {
var cont = $('#organigramme_fonctionnel');
var cont = $('<div class="row"></div>').appendTo($('#organigramme_fonctionnel'));
var got_two = 0;
databrute.forEach(
(element, i) => {
var div = $('<div class="col-6"></div>');
var div = $('<div class="col-xl"></div>');
div.append("<h3>" + element.titre + "</h3>");
div.append('<div id="orgfonc' + i + '" class="chart-container" style="padding-top:10px; margin-bottom: 10px; "></div>');
cont.append(div);
got_two += 1;
if ((got_two%2 == 0) || (element.organigramme.length > 2)) {
cont = $('<div class="row"></div>').appendTo($('#organigramme_fonctionnel'));
got_two = 0;
}
}
)
databrute.forEach(
(element, i) => {
var data = element.organigramme.map(item => {
item.parentId = item.respfonc ? item.respfonc : null; // /!\ MUTATION
var styledItem = stylishmapping(item);
......@@ -77,8 +131,8 @@ d3.json('organigramme-fonctionnel.json')
new Chart()
.container('#orgfonc' + i)
.data(data)
.svgWidth(window.innerWidth)
.svgHeight(window.innerHeight)
.svgWidth($('#orgfonc' + i).width)
.svgHeight(350)
.initialZoom(0.6)
.onNodeClick(d=> console.log(d+' node clicked'))
.render()
......
/*
background-color: #153a23;
color: #005031;
color: #113321;
*/
function stylishmapping(d) {
const width = Math.round(Math.random()*50+300);
......@@ -14,17 +18,17 @@ function stylishmapping(d) {
const contentMarginLeft = width/2+25
var bgcolor = { // background color of node card
red:0,
green:81,
blue:90,
red:0x15,
green:0x3a,
blue:0x23,
alpha:1,
};
if (d.nom == "vacant") {
bgcolor = { // background color of node card
red:150,
green:81,
blue:90,
red:0x1e,
green:0x82,
blue:0x4c,
alpha:1,
};
}
......@@ -37,9 +41,9 @@ function stylishmapping(d) {
borderWidth:1, // node card border width
borderRadius:15, // node card border radius
borderColor:{ // border color
red:15,
green:140,
blue:121,
red:0x11,
green:0x33,
blue:0x21,
alpha:1,
},
backgroundColor: bgcolor,
......@@ -57,10 +61,10 @@ function stylishmapping(d) {
shadow:false, // if image has shadow (if yes, performance may be poor for 50+ visible nodes)
borderWidth:0, // image border width
borderColor:{ // image border color
red:19,
green:123,