Landing page TPS V2 progression
This commit is contained in:
Xavier J
parent
5c93920f74
commit
dc8e936ee5
3 changed files with 202 additions and 111 deletions
|
|
@ -1,9 +1,8 @@
|
||||||
class RootController < ApplicationController
|
class RootController < ApplicationController
|
||||||
def index
|
def index
|
||||||
|
|
||||||
route = Rails.application.routes.recognize_path(request.referrer)
|
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
|
return redirect_to users_dossiers_path
|
||||||
end
|
end
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,123 +1,92 @@
|
||||||
#landing.max-size
|
#landing.max-size
|
||||||
#title
|
#title{style:'padding-bottom: 2%; padding-top: 2%'}
|
||||||
%h1.center
|
%h1.center
|
||||||
TPS
|
TPS V2
|
||||||
%h2.center
|
%h2.center
|
||||||
TéléProcédure Simplifiée
|
Pour une meilleure plateforme
|
||||||
|
|
||||||
%br
|
%br
|
||||||
%h3.center
|
%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
|
.center{style:'margin-top: 40px'}
|
||||||
%br
|
= link_to "Découvrir", '/users/sign_in', {class: "btn btn-lg btn-success"}
|
||||||
.center
|
|
||||||
%button.js-scrollTo.btn.btn-lg.btn-success{cible: '.demo_account'}
|
#progression{style:'margin-left: 2em; margin-right: 2em; margin-top: 50px'}
|
||||||
Envie d'essayer ?
|
%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
|
#road_map.center{style:'margin-top: 30px; margin-bottom: 50px'}
|
||||||
.row.word.simplifier
|
%h2.text-success
|
||||||
.col-md-6.col-lg-6
|
Réalisé
|
||||||
= 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
|
#realise{style: 'width: 650px; margin-left: auto; margin-right: auto; text-align:left'}
|
||||||
.col-md-6.col-lg-6
|
%ul
|
||||||
%ul.dynamic_ul
|
%li
|
||||||
%li
|
Un design général qui permet de mieux s'y retrouver
|
||||||
Tchatter avec les services traitant jusqu’à la complétude du dossier
|
%li
|
||||||
%li
|
Utilisateur et Accompagnateur ont maintenant la même page de connexion :
|
||||||
Etre notifié de manière électronique
|
= link_to "Par ici", '/users/sign_in'
|
||||||
%li
|
%li
|
||||||
Accompagner les usagers dans leur démarche
|
Un tout nouveau tableau de bord pour les Accompagnteurs
|
||||||
%li
|
%li
|
||||||
Vérifier les pièces au fur et à mesure
|
Une page récapitulative pour un dossier entièrement revue
|
||||||
.col-md-6.col-lg-6
|
%li
|
||||||
= image_tag image_url('keywords/echanger.png')
|
La possibilité de changer en un clic de compte entre Utilisateur et Accompagnateur
|
||||||
|
%li
|
||||||
|
Une recherche globale : tapez et vous trouverez !!
|
||||||
|
|
||||||
.row.word.profiter
|
%br
|
||||||
.col-md-6.col-lg-6
|
%h2.text-warning
|
||||||
= image_tag image_url('keywords/profiter.png')
|
Reste à faire
|
||||||
.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'}
|
|
||||||
|
|
||||||
|
#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
123
app/views/root/landing_v1.html.haml
Normal 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'}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue