DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Landing page TPS V2 progression

Browse source
This commit is contained in:
Xavier J 2016-12-07 14:39:06 +01:00
parent 5c93920f74
commit dc8e936ee5
3 changed files with 202 additions and 111 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/controllers/root_controller.rb
View file

@ -1,9 +1,8 @@
class RootController < ApplicationController
def index
route = Rails.application.routes.recognize_path(request.referrer)
unless route[:controller].match('users').nil?
if user_signed_in? && !route[:controller].match('users').nil?
return redirect_to users_dossiers_path
end

187
app/views/root/landing.html.haml
View file

@ -1,123 +1,92 @@
#landing.max-size
#title
#title{style:'padding-bottom: 2%; padding-top: 2%'}
%h1.center
TPS
TPS V2
%h2.center
TéléProcédure Simplifiée
Pour une meilleure plateforme
%br
%h3.center
Dématérialisez, réceptionnez et co-instruisez toutes vos démarches depuis un espace unique.
Un seul espace pour suivre les évolutions UX de la Version 2 de TPS
%br
%br
.center
%button.js-scrollTo.btn.btn-lg.btn-success{cible: '.demo_account'}
Envie d'essayer ?
.center{style:'margin-top: 40px'}
= link_to "Découvrir", '/users/sign_in', {class: "btn btn-lg btn-success"}
#progression{style:'margin-left: 2em; margin-right: 2em; margin-top: 50px'}
%h2.center Où en est la migration vers TPS V2 ? ...
%h2.text-success.center{style:'margin-left: 135px'}
55%
%i.text-default{style:'font-size: 18px'}
du site migré
%div{style: 'width: 60%; margin-left:auto; margin-right:auto'}
.progress{style:'height: 30px; background-color: #ddd'}
.progress-bar.progress-bar-success.progress-bar-striped{:style => "width: 55%;"}
.progress-bar.progress-bar-warning{:style => "width: 8%;"}
%div{style:'margin-top: 0.4em'}
Interface
.progress-bar.progress-bar-info{:style => "width: 5%; font-size: 10px"}
%div{style:'margin-top: 0.4em'}
Connexion
.progress-bar.progress-bar-purple{:style => "width: 10%;"}
%div{style:'margin-top: 0.4em'}
Notifications
.progress-bar.progress-bar-danger{:style => "width: 20%;"}
%div{style:'margin-top: 0.4em'}
Fiabilisations et bugs
#suite.max-size
.row.word.simplifier
.col-md-6.col-lg-6
= image_tag image_url('keywords/simplifier.png')
.col-md-6.col-lg-6
%ul.dynamic_ul
%li
Générateur simplifié de démarches en ligne pour les administrations
%li
Ne demander que les informations strictement nécessaires
%li
Profiter d’une identification simplifiée grâce à
%a{href: 'http://www.modernisation.gouv.fr/ladministration-change-avec-le-numerique/par-son-systeme-dinformation/france-connect-un-acces-universel-aux-administrations-en-ligne',
target: '_blank'}
FranceConnect
#road_map.center{style:'margin-top: 30px; margin-bottom: 50px'}
%h2.text-success
Réalisé
.row.word.echanger
.col-md-6.col-lg-6
%ul.dynamic_ul
%li
Tchatter avec les services traitant jusqu’à la complétude du dossier
%li
Etre notifié de manière électronique
%li
Accompagner les usagers dans leur démarche
%li
Vérifier les pièces au fur et à mesure
.col-md-6.col-lg-6
= image_tag image_url('keywords/echanger.png')
#realise{style: 'width: 650px; margin-left: auto; margin-right: auto; text-align:left'}
%ul
%li
Un design général qui permet de mieux s'y retrouver
%li
Utilisateur et Accompagnateur ont maintenant la même page de connexion :
= link_to "Par ici", '/users/sign_in'
%li
Un tout nouveau tableau de bord pour les Accompagnteurs
%li
Une page récapitulative pour un dossier entièrement revue
%li
La possibilité de changer en un clic de compte entre Utilisateur et Accompagnateur
%li
Une recherche globale : tapez et vous trouverez !!
.row.word.profiter
.col-md-6.col-lg-6
= image_tag image_url('keywords/profiter.png')
.col-md-6.col-lg-6
%ul.dynamic_ul
%li
Profiter des ressources cartographiques directement mobilisées, si nécessaire
%li
Récupérer des informations officielles collectées directement auprès des administrations
.row.word.news
.latest_release.col-md-7.col-lg-7
- if @latest_release.nil?
%p
Erreur dans la récupération des données
-else
%h3.text-info
= "Dernière version (#{@latest_release.tag_name} - #{@latest_release.published_at})"
.body
=@latest_release.body.html_safe
.center
\-
%br
%a{href: 'https://github.com/sgmap/tps/releases', target: '_blank'}
= 'Voir toutes les versions'
.col-md-5.col-lg-5
#video.center
%iframe{:allowfullscreen => "", :frameborder => "0", :height => "270", :src => "//www.dailymotion.com/embed/video/x3lp4cs", :width => "480"}
%br
=link_to 'Toutes les vidéos', '#', {style: 'text-decoration: none', class: 'all_video btn btn-default btn-sm'}
#all_video{style:'display: none'}
%br
%ul
%li
=link_to "Création d'une démarche avec TPS (Téléprocédure Simplifiée)", "http://dai.ly/x3s2o65", {target: '_blank'}
%li
=link_to "Etape 2 avec TPS : saisine de l'administration par un usager avec France Connect", "http://dai.ly/x3s2oj6", {target: '_blank'}
%li
=link_to "Etape 3 avec TPS : l'accompagnement par les services et l'invitation d'autres partenaires publics à co-instruire", "http://dai.ly/x3s2oqp", {target: '_blank'}
%li
=link_to "TPS: dernière étape, la validation du dossier et notification", "http://dai.ly/x3s2p6k", {target: '_blank'}
.row.word.demo_account.center
.col-md-4.col-lg-4
%h3.text-primary Acteurs publics
%h4 Créez des démarches en ligne simplifiées et sécurisées.
=link_to 'Démonstration', 'https://tps-dev.apientreprise.fr/administrateurs/sign_in/demo', {class: 'btn btn-lg btn-primary'}
.col-md-4.col-lg-4
%h3.text-warning Agents et services
%h4 Accompagnez et co-traitez les projets avec les usagers.
=link_to 'Démonstration', 'https://tps-dev.apientreprise.fr/gestionnaires/sign_in/demo', {class: 'btn btn-lg btn-warning'}
.col-md-4.col-lg-4
%h3.text-success Usagers
%h4 Profitez de démarches simplifiées et d’échanges continus avec les services traitants.
=link_to 'Démonstration', 'https://tps-dev.apientreprise.fr/users/sign_in/demo', {class: 'btn btn-lg btn-success'}
.row.word.documentation
.col-md-4.col-lg-4.center
= image_tag image_url('keywords/documentation.png')
.col-md-4.col-lg-4
%ul.dynamic_ul
%li
=link_to 'Dépliant de présentation', '/data/TPS_Trois_volets.pdf', {target: '_blank'}
%li
=link_to 'Documentation d’utilisation', '/data/TPS_documentations_v1_1.pdf', {target: '_blank'}
-#%li
-# = link_to 'Documentation des APIs (béta)', '/docs', {target: '_blank'}
.col-md-4.col-lg-4.center
= link_to 'Demander un accès administrateur', 'https://tps.apientreprise.fr/users/dossiers/new?procedure_id=31', {class: 'btn btn-lg btn-primary', target: '_blank'}
%br
%h2.text-warning
Reste à faire
#reste_a_faire{style: 'width: 650px; margin-left: auto; margin-right: auto; text-align:left'}
%ul
%li
Terminer d'optimiser nos pages avec la nouvelle interface
%b.text-warning
(8%)
%li
Intégrer la connexion unifiée pour les administrateurs (et permettre le switch entre compte)
%b.text-info
(5%)
%li
Centre de notification : un seul endroit pour suivre l'activité de l'ensemble de vos dossiers (Accompagnateur)
%b.text-purple
(10%)
%li
Fiabilisation accrue de la plateforme : un certain nombre de bug sont encore présents ...
%b.text-danger
(20%)
%li
%b
Prendre vos retours en compte :
= link_to 'feedback@tps.apientreprise.fr', "mailto:feedback@tps.apientreprise.fr"
%h3.center
Disponible sur
= link_to "tps.apientreprise.fr", 'https://tps.apientreprise.fr', target: '_blank'
le
%span.text-success
3 Janvier 2017

123
app/views/root/landing_v1.html.haml Normal file
View file

@ -0,0 +1,123 @@
#landing.max-size
#title
%h1.center
TPS
%h2.center
TéléProcédure Simplifiée
%br
%h3.center
Dématérialisez, réceptionnez et co-instruisez toutes vos démarches depuis un espace unique.
%br
%br
.center
%button.js-scrollTo.btn.btn-lg.btn-success{cible: '.demo_account'}
Envie d'essayer ?
#suite.max-size
.row.word.simplifier
.col-md-6.col-lg-6
= image_tag image_url('keywords/simplifier.png')
.col-md-6.col-lg-6
%ul.dynamic_ul
%li
Générateur simplifié de démarches en ligne pour les administrations
%li
Ne demander que les informations strictement nécessaires
%li
Profiter d’une identification simplifiée grâce à
%a{href: 'http://www.modernisation.gouv.fr/ladministration-change-avec-le-numerique/par-son-systeme-dinformation/france-connect-un-acces-universel-aux-administrations-en-ligne',
target: '_blank'}
FranceConnect
.row.word.echanger
.col-md-6.col-lg-6
%ul.dynamic_ul
%li
Tchatter avec les services traitant jusqu’à la complétude du dossier
%li
Etre notifié de manière électronique
%li
Accompagner les usagers dans leur démarche
%li
Vérifier les pièces au fur et à mesure
.col-md-6.col-lg-6
= image_tag image_url('keywords/echanger.png')
.row.word.profiter
.col-md-6.col-lg-6
= image_tag image_url('keywords/profiter.png')
.col-md-6.col-lg-6
%ul.dynamic_ul
%li
Profiter des ressources cartographiques directement mobilisées, si nécessaire
%li
Récupérer des informations officielles collectées directement auprès des administrations
.row.word.news
.latest_release.col-md-7.col-lg-7
- if @latest_release.nil?
%p
Erreur dans la récupération des données
-else
%h3.text-info
= "Dernière version (#{@latest_release.tag_name} - #{@latest_release.published_at})"
.body
=@latest_release.body.html_safe
.center
\-
%br
%a{href: 'https://github.com/sgmap/tps/releases', target: '_blank'}
= 'Voir toutes les versions'
.col-md-5.col-lg-5
#video.center
%iframe{:allowfullscreen => "", :frameborder => "0", :height => "270", :src => "//www.dailymotion.com/embed/video/x3lp4cs", :width => "480"}
%br
=link_to 'Toutes les vidéos', '#', {style: 'text-decoration: none', class: 'all_video btn btn-default btn-sm'}
#all_video{style:'display: none'}
%br
%ul
%li
=link_to "Création d'une démarche avec TPS (Téléprocédure Simplifiée)", "http://dai.ly/x3s2o65", {target: '_blank'}
%li
=link_to "Etape 2 avec TPS : saisine de l'administration par un usager avec France Connect", "http://dai.ly/x3s2oj6", {target: '_blank'}
%li
=link_to "Etape 3 avec TPS : l'accompagnement par les services et l'invitation d'autres partenaires publics à co-instruire", "http://dai.ly/x3s2oqp", {target: '_blank'}
%li
=link_to "TPS: dernière étape, la validation du dossier et notification", "http://dai.ly/x3s2p6k", {target: '_blank'}
.row.word.demo_account.center
.col-md-4.col-lg-4
%h3.text-primary Acteurs publics
%h4 Créez des démarches en ligne simplifiées et sécurisées.
=link_to 'Démonstration', 'https://tps-dev.apientreprise.fr/administrateurs/sign_in/demo', {class: 'btn btn-lg btn-primary'}
.col-md-4.col-lg-4
%h3.text-warning Agents et services
%h4 Accompagnez et co-traitez les projets avec les usagers.
=link_to 'Démonstration', 'https://tps-dev.apientreprise.fr/gestionnaires/sign_in/demo', {class: 'btn btn-lg btn-warning'}
.col-md-4.col-lg-4
%h3.text-success Usagers
%h4 Profitez de démarches simplifiées et d’échanges continus avec les services traitants.
=link_to 'Démonstration', 'https://tps-dev.apientreprise.fr/users/sign_in/demo', {class: 'btn btn-lg btn-success'}
.row.word.documentation
.col-md-4.col-lg-4.center
= image_tag image_url('keywords/documentation.png')
.col-md-4.col-lg-4
%ul.dynamic_ul
%li
=link_to 'Dépliant de présentation', '/data/TPS_Trois_volets.pdf', {target: '_blank'}
%li
=link_to 'Documentation d’utilisation', '/data/TPS_documentations_v1_1.pdf', {target: '_blank'}
-#%li
-# = link_to 'Documentation des APIs (béta)', '/docs', {target: '_blank'}
.col-md-4.col-lg-4.center
= link_to 'Demander un accès administrateur', 'https://tps.apientreprise.fr/users/dossiers/new?procedure_id=31', {class: 'btn btn-lg btn-primary', target: '_blank'}