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
|
||||
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
|
||||
|
||||
|
|
|
|||
|
|
@ -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
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…
Reference in a new issue