Prototip genric daplicacions LOGO Generalitat LOGO Aplicaci Nom

  • Slides: 30
Download presentation
Prototip genèric d’aplicacions

Prototip genèric d’aplicacions

LOGO Generalitat LOGO Aplicació Nom de l’aplicació Breu descripció de l’objectiu de l’aplicació Identificació

LOGO Generalitat LOGO Aplicació Nom de l’aplicació Breu descripció de l’objectiu de l’aplicació Identificació Nom d’usuari Contrasenya ENTRA Contacteu

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció 4 Nom de l’usuari Desconnecta Ajuda Contacteu Opció 5 Subapartat 1 Subapartat 2 ► ● Subapartat 3 Subapartat 4 ► Subapartat 1 Subapartat 2 Subapartat 3 Subapartat 4 Punt: informa de l’apartat mostrat en l’àrea de treball Fletxa: informa que es una opció de menú que conté sub-apartats. Només a aplicar en menús on algunes seccions despleguen i altres no. Comportament del menú quan el mouse passa per sobre. @ Generalitat de Catalunya | Versió x. x

Exemple de formulari que compren: • Diverses tipologies de camps: text, text-area, selector, multiselector,

Exemple de formulari que compren: • Diverses tipologies de camps: text, text-area, selector, multiselector, check-boxes, radio-buttons. Actius i inactius. • Diverses formes d’agrupar els camps: apartats, apartats ocults, tabulat, pestanyes • Diverses formes d’incorporar ajudes: text mostrat sota el camp, o capa que es mostra en clicar sobre una icona. (a més de l’ajuda general que ha d’estar contextualitzada) • Accions: diferenciació acció principal del formulari (Desa) o secundària (Cancel·la). Accions pròpies d’una part del formulari. Actives i inactives. • Widgets: calendari, mostrar el resultat d’una cerca dins del formulari.

LOGO Generalitat Opció 1 Opció 2 LOGO Aplicació Opció 3 Nom de l’aplicació Opció

LOGO Generalitat Opció 1 Opció 2 LOGO Aplicació Opció 3 Nom de l’aplicació Opció 4 Nom de l’usuari Desconnecta Opció 5 Torna | Imprimeix Opció 2 > Subapartat 3 > Subapartat 2 > Nou tràmit Descripció introductòria de l’objectiu del formulari. . . . Cal omplir les dades marcades amb asterisc* Dades generals Codi* Mida* Nom complet Seleccioneu una opció ▼ Disponibilitat des de fins a dd/mm/aa Característiques Dfojorjfdkfdjkf* Qualitat Opció 1 Opció 4 Opció 2 Opció 5 Opció 1 qualitat adequada Opció 2 segons el format Seleccioneu la d’impressió Opció 3 Opció 2 Canals de publicació Seleccioneu els canals on s’ha de mostrar la informació Nom grup 1 Nom grup 2 Nom grup 3 ► ◄ Ajuda dd/mm/aa

Procés de tramitació Català Castellà Aranès Anglès Descripció del procediment per realitzar el tràmit

Procés de tramitació Català Castellà Aranès Anglès Descripció del procediment per realitzar el tràmit ▲ ▼ Resposta de l’administració ▲ ▼ Enllaç inactiu. S’activa quan es selecciona “Per carta”, L’enllaç mostra/oculta els camps d’introducció de l’adreça. Notificació de la resposta Per correu electrònic Adreça* SMS Mòbil* Telèfon Número de telèfon* Per carta Adreça d’enviament Via Si introduïu vàries adreces, separeu-les amb ‘; ’ ▼ Adreça Codi postal Núm. Municipi Pis País Porta Seleccioneu una opció ▼ Persones de contacte Nom de la persona Departament Correu electrònic Josep Lluís Dalmau Departament financer kfjadkfj@kjdfj. com Elimina Laura Roca Departament RR. HH kgslkf@fksfs. com Elimina marcats Afegeix nou contacte

Documentació Incorporeu en aquest apartat els formularis de sol·licitud Ubicació de l’arxiu Localitza arxiu.

Documentació Incorporeu en aquest apartat els formularis de sol·licitud Ubicació de l’arxiu Localitza arxiu. . . Arxiu Sol·licitud. txt Sol·licitud. doc Sol·litud. pdf Format Text Word PDF Mida 10 kb 100 kb Elimina Afegeix arxiu Botó inactiu. S’activa quan hi ha una ruta introduïda. Canals de tramitació Indiqueu en aquest apartat els diferents llocs on es pot iniciar la tramitació > Per internet Adreça web Etiqueta de l’enllaç > Per telèfon > Presencialment http: // Opcions que es despleguen.

Propietats Característica Petit Mitjà Gran Alçada m▼ m▼ m▼ Elimina Llargada m▼ m▼ m▼

Propietats Característica Petit Mitjà Gran Alçada m▼ m▼ m▼ Elimina Llargada m▼ m▼ m▼ Elimina Amplada m▼ m▼ m▼ Elimina Pes kg▼ kg▼ Elimina Nova característica Seleccioneu la característica Resultat 1 Widget que permet resoldre una cerca dins del formulari. Tipus la Guia de Carrers Resultat 2 Resultat 3 Cancel·la Afegeix Cancel·la Desa @ Generalitat de Catalunya | Versió x. x

Formulari per passos. Permet identificar: Passos consecutius en que s’organitza la introducció de dades:

Formulari per passos. Permet identificar: Passos consecutius en que s’organitza la introducció de dades: a) Pas en el que es troba l’usuari b)Passos anteriors, als quals hi pot accedir c) Passos següents: inactius Botons de navegació pels passos: Anterior, Següent Accions disponibles segons el pas on es troba l’usuari

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció 4 Nom de l’usuari Desconnecta Ajuda Opció 5 Torna | Imprimeix Opció 2 > Subapartat 3 > Subapartat 2 > Títol del formulari Títol formulari Mauris a libero in eros congue lobortis. Phasellus aliquam egestas enim. Integer feugiat, nibh sit amet ► Opció 1 Opció 2 ► Opció 3 ► Opció 4 Opció 2 Descripció optativa de l’objectiu d’aquest pas del formulari. Cal omplir les dades marcades amb asterisc* Dades generals Codi* Mida* Nom complet Seleccioneu una opció ▼ Disponibilitat des de dd/mm/aa fins a dd/mm/aa Característiques Dfojorjfdkfdjkf* Qualitat Opció 1 Opció 4 Opció 1 Opció 2 Opció 5 Opció 2 Opció 3 < Anterior Cancel·la Opció 2 Següent > Desa

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Nom de l’aplicació Opció 3 Opció

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Nom de l’aplicació Opció 3 Opció 4 Nom de l’usuari Desconnecta Ajuda Opció 5 Torna | Imprimeix Opció 2 > Subapartat 3 > Subapartat 2 > Títol del formulari Títol formulari Mauris a libero in eros congue lobortis. Phasellus aliquam egestas enim. Integer feugiat, nibh sit amet Opció 1 ► Opció 2 ► Opció 3 ► Opció 4 Indiqueu en aquest apartat els diferents llocs on es pot iniciar la tramitació > Per internet Adreça web http: // Etiqueta de l’enllaç > Per telèfon > Presencialment < Anterior Cancel·la Envia Desa

Formulari per pestanyes. Permet identificar: Pestanyes, en que s’agrupen els diferents continguts d’un formulari

Formulari per pestanyes. Permet identificar: Pestanyes, en que s’agrupen els diferents continguts d’un formulari Ubicació de les accions que afecten al formulari

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’usuari Desconnecta

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’usuari Desconnecta Nom de l’aplicació Opció 4 Opció 5 Opció 2 > Subapartat 3 > Subapartat 2 > Títol del formulari Títol formulari Mauris a libero in eros congue lobortis. Phasellus aliquam egestas enim. Integer feugiat, nibh sit amet Informació general Documentació Punts de tramitació Resposta de l’administració Informació general Títol del tràmit* Descripció* ▲ ▼ Descripció Expliqueu breument l’objectiu d’aquest tràmit, a qui s’acreça Destinataris* Ciutadans Empreses Administacions públiques o locals Cancel·la Desa Ajuda Contacteu

Consulta d’informació Consulta d’una fitxa d’informació proveïda per una aplicació. Permet identificar: Agrupacions de

Consulta d’informació Consulta d’una fitxa d’informació proveïda per una aplicació. Permet identificar: Agrupacions de dades en tres modalitats: - Dades agrupades sota un títol comú - Dades agrupades en pestanyes - Dades agrupades en apartats desplegables Presentació de les dades i les seves etiquetes Ubicació de les accions: • Accions secundàries: imprimeix, torna • Accions principals: Modifica, Elimina. . convivència de moltes accions • Accions parcials: afecten únicament a una part de les dades

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció 4 Nom de l’usuari Desconnecta Ajuda Contacteu Opció 5 Resultat ► Opció 2 > Cerca de tràmits > Resultat de cerca > Títol del tràmit Imprimeix | Torna Ajuts per a l'adquisició de llibres de text i material didàctic complementari. Curs 2008 -2009 Dades bàsiques Departament d'Educació Unitat Tipus de tràmit Prestacions econòmiques Direcció General d'Atenció a la Comunitat Educativa Període de sol·licitud del 20/06/2008 fins a 30/09/2008 Dades de publicació Data de creació 15/08/2008 Data de caducitat 15/10/2008 Darrera actualització 20/06/2008 Estat Publicat Canals: Educació; Infància Informació del tràmit Català Castellà Aranès Anglès Títol Ajuts per a l'adquisició de llibres de text i material didàctic complementari. Curs 2008 -2009 Descripció Concessió d'ajuts per a l'adquisició de llibres de text i material didàctic complementari, destinats alumnes d'educació primària i d'educació secundària obligatòria matriculats en centres educatius sostinguts amb fons públics de Catalunya, per al curs escolar 2008 -2009. Import La quantitat individual màxima dels ajuts que es concediran és de 100, 00 euros per alumne/a. En el cas del alumnes beneficiaris del Programa cooperatiu per al foment de la reutilització de llibres de text i material curricular, l'import dels ajuts no podrà superar el cost suportat per l'alumne/a per

Termini de presentació La sol·licitud s'ha de presentar del 20 de juny al 30

Termini de presentació La sol·licitud s'ha de presentar del 20 de juny al 30 de setembre de 2008. Els sol·licitants que no tinguin reserva de plaça el 30 de setembre de 2008 podran presentar la sol·licitud després d'aquest termini. Destinataris a) Poden sol·licitar els ajuts les famílies dels alumnes que ja van obtenir-lo el curs acadèmic 2007 -2008, si no canvien de nivell educatiu: - nivell d'educació primària: cursos de primer a sisè, - nivell d'educació secundària obligatòria: cursos de primer a quart. b) Les famílies de l'alumnat la renda de les quals l'any 2007 no hagi superat els següents llindars màxims: - Famílies d'1 membre: 8. 996, 00 euros - Famílies de 2 membres: 14. 654, 00 euros Tràmits La sol·licitud s'ha de formular en el model oficial que es pot obtenir al web del Departament d'Educació i en aquesta pàgina. Un com emplenada, s'ha de presentar al centre educatiu on el/la sol·licitant estigui matriculat/ada per al curs acadèmic 2008 -2009. La presentació de la sol·licitud de la beca implica l'autorització al Departament d'Educació per obtenir les dades necessàries per determinar la renda a efectes de beca a través de les administracions tributàries corresponents. Elimina Modifica Previsualitza Exporta ▼Formularis i documents annexos Arxiu Sol·licitud. txt Sol·licitud. doc Sol·litud. pdf Format Text Word PDF Mida 10 kb 100 kb Estat Publicat Despublicat Publicat Afegeix ► Normativa ► Llocs on tramitar-ho @ Generalitat de Catalunya | Versió x. x Elimina

Exemple de cercador

Exemple de cercador

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció 4 Nom de l’usuari Desconnecta Opció 5 Opció 2 > Cerca de tràmits Torna Cerca de tràmits Entitat responsable Codi Tipus de tràmit Ajuda Contacteu Títol ▼ Estat Publicat Despublicat Més criteris de cerca Cerca @ Generalitat de Catalunya | Versió x. x Aprovat

Exemple de resultat de cerca. Permet identificar: • Criteris de cerca emprats • Número

Exemple de resultat de cerca. Permet identificar: • Criteris de cerca emprats • Número de resultats obtinguts • Paginació • Realitzar nova cerca • Llista de resultats (taula) Exemple de taula. Permet identificar: • Capçalera: nom de cada columna, columnes que permeten ordenació, columna per la qual està ordenada (ascendent o descendent) • Registres amb camps linkables • Accions específiques sobre cada registre • Accions massives sobre varis registres seleccionats • Accions globals com Imprimeix.

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Nom de l’aplicació Opció 3 Opció

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Nom de l’aplicació Opció 3 Opció 4 Nom de l’usuari Desconnecta Opció 5 Opció 2 > Cerca de tràmits > Resultat de cerca Imprimeix | Torna Resultat de cerca Text: agricultura Ajuda Contacteu Tipus de tràmit: Ajuts Nova cerca 34 tràmits < Anterior 1 2 3 4 Següent > Codi ▼ Tràmit ▼ Dept. ▼ Data ▼ Estat ▼ Accions 2030 Ajut a la modernització de les explotacions agràries. DAAAR 20/02/2008 Aprovat Publica Modifica 156 Ajut a la utilització de midó i fècula de patata DAAAR 20/02/2008 Publicat Despublica Modifica 5896 Ajuts a projectes de recerca aplicada DIUE 20/02/2008 Pendent Aprova Modifica 6358 Ajuts destinats a l'execució de programes de sanitat animal DAAAR 20/02/2008 Aprovat Publica Modifica 1478 Ajuts destinats a situacions d'extraordinària necessitat d'espanyols retornats DAAAR 20/02/2008 Publicat Despublica Modifica 689 Ajuts per a la competitivitat empresarial DAAAR 20/02/2008 Pendent Aprova Modifica Elimina Exporta Aprova Publica Despublica @ Generalitat de Catalunya | Versió x. x < Anterior 1 2 3 4 Següent >

Exemple de contingut de taula on: • la longitud dels registres no cap en

Exemple de contingut de taula on: • la longitud dels registres no cap en pantalla i cal doblar línia • Rollover sobre la filera quan el mouse passa per sobre Codi ▼ Tràmit ▼ Dept. ▼ Data ▼ Estat ▼ Accions ► 2030 Ajut a la modernització de les explotacions agràries. DAAAR 20/02/2008 Aprovat Publica Modifica ▼ 156 Ajut a la utilització de midó i fècula de patata DAAAR 20/02/2008 Publicat Despublica Modifica Direcció general de Desenvolupament Rural Canals de publicació: Medi ambient; Agricultura ► 5896 Ajuts a projectes de recerca aplicada DIUE 20/02/2008 Pendent Aprova Modifica ► 6358 Ajuts destinats a l'execució de programes de sanitat animal DAAAR 20/02/2008 Aprovat Publica Modifica ► 1478 Ajuts destinats a situacions d'extraordinària necessitat d'espanyols retornats DAAAR 20/02/2008 Publicat Despublica Modifica ► 689 Ajuts per a la competitivitat empresarial DAAAR 20/02/2008 Pendent Aprova Modifica La filera es pot ressaltar quan el mouse es posa a sobre

Llistes Llistats o resultat de cerques que donat la seva simplicitat no cal presentar-ho

Llistes Llistats o resultat de cerques que donat la seva simplicitat no cal presentar-ho en una taula. Permet identificar: • Número de resultats obtinguts • Paginació • Realitzar nova cerca • Tabulació bàsica • Agrupació de reultats • Dades de resultat estructurat en dades principals i secundàries

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció 4 Nom de l’usuari Desconnecta Opció 5 Opció 2 > Cerca de tràmits > Resultat de cerca Imprimeix | Torna Resultat de cerca Text: oficina comarcal Ajuda Contacteu Nova cerca S’ha localitzat 15 equipaments < Anterior 1 2 3 4 Següent > Equipament Municipi > Oficines comarcals del Departament d'Agricultura, Alimentació i Acció Rural a Girona > Oficina Comarcal de l'Alt Empordà C. de Muntaner, 3 Figueres > Oficina Comarcal del Baix Empordà Avda. President Companys, 21 La Bisval d’Empordà > Oficina Comarcal del Gironès Avda. Sant Francesc, 29 Girona > Oficina Comarcal del Pla de l'Estany C. la Llibertat, 159 Banyoles > Oficina Comarcal del Ripollès C. Progrés, 42 Ripoll > Oficines comarcals del Departament d'Agricultura, Alimentació i Acció Rural a Lleida Oficina Comarcal de l'Alt Urgell La Seu d’Urgell < Anterior 1 2 3 4 Següent > @ Generalitat de Catalunya | Versió x. x

Pàgina per l’ajuda (general, s’obre contextualitzada), contacteu, desconnectar versió o altres.

Pàgina per l’ajuda (general, s’obre contextualitzada), contacteu, desconnectar versió o altres.

LOGO Generalitat Opció 1 Opció 2 LOGO Aplicació Nom de l’aplicació Opció 3 Opció

LOGO Generalitat Opció 1 Opció 2 LOGO Aplicació Nom de l’aplicació Opció 3 Opció 4 Opció 5 Desconnecta Voleu finalitzar la sessió? Cancel·la D’acord @ Generalitat de Catalunya | Versió x. x Nom de l’usuari Desconnecta Ajuda Contacteu

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Opció 3 Nom de l’aplicació Opció 4 Nom de l’usuari Desconnecta Opció 5 Ajuda Contacteu Torna | Imprimeix Ajuda Aquesta aplicació us permetrà fer el seguiment dels vostres serveis. . . ▼ Consulta de gràfics disponibles Integer feugiat, nibh sit amet elementum adipiscing, est augue blandit odio, ut porta velit nisi sed lectus. ► Modificació de l’interval temporal ► Característiques ▼ Taula de dades Integer feugiat, nibh sit amet elementum adipiscing, est augue blandit odio, ut porta velit Integer feugiat, nibh sit amet elementum nisi sed lectus. adipiscing, est augue blandit odio, ut porta velit nisi sed lectus. Integer feugiat, nibh sit amet elementum adipiscing, est augue blandit odio, ut porta velit nisi sed lectus. ► ► Errors ► Impressió Tipus de gràfics que es poden configurar @ Generalitat de Catalunya | Versió x. x

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Nom de l’aplicació Opció 3 Opció

LOGO Generalitat Opció 1 LOGO Aplicació Opció 2 Nom de l’aplicació Opció 3 Opció 4 Nom de l’usuari Desconnecta Ajuda Contacteu Opció 5 Versió X. X Torna | Imprimeix Nextret està fent millores continues en aquesta aplicació per facilitar. . Millores corresponents a la versió 1. 4 1. Adaptació de xxxxx: Integer feugiat, nibh sit amet elementum adipiscing, est augue blandit odio, ut porta velit nisi sed lectus. 2. Adaptació de xxxxx: Integer feugiat, nibh sit amet elementum adipiscing, est augue blandit odio, ut porta velit nisi sed lectus. 3. Adaptació de xxxxx: Integer feugiat, nibh sit amet elementum adipiscing, est augue blandit odio, ut porta velit nisi sed lectus. Millores corresponents a la versió 1. 3 1. Adaptació de xxxxx: Integer feugiat, nibh sit amet elementum adipiscing, est augue blandit odio, ut porta velit nisi sed lectus. 2. Adaptació de xxxxx: Integer feugiat, nibh sit amet elementum adipiscing, est augue blandit odio, ut porta velit nisi sed lectus. 3. Adaptació de xxxxx: Integer feugiat, nibh sit amet elementum adipiscing, est augue blandit odio, ut porta velit nisi sed lectus. @ Generalitat de Catalunya | Versió x. x

Altres formes de composició de l’aplicació: • Aplicacions amb menú vertical i desplegament d’algunes

Altres formes de composició de l’aplicació: • Aplicacions amb menú vertical i desplegament d’algunes opcions horitzontals • Aplicacions accessibles de web gencat ( convivència amb la barra de navegació general)

LOGO Generalitat LOGO Aplicació Nom de l’aplicació > Opció 1 Opció 2 > Usuaris

LOGO Generalitat LOGO Aplicació Nom de l’aplicació > Opció 1 Opció 2 > Usuaris > Alta d’usuari - Opció 2 Alta d’usuari > Subapartat 1 > Subapartat 2 - Gestió d’usuaris Alta d’usuari cerca d’usuaris Grups d’usuaris > Subapartat 4 Opció de menú activa en l’àrea de treball > Opció 3 > Opció 4 > Subapartat 1 - Subapartat 2 Subapartat 1 Subapartat 2 > Subapartat 3 > Opció 5 Opció de menú que l’usuari està desplegant Nom de l’usuari Desconnecta Ajuda Contacteu

LOGO Generalitat LOGO Aplicació Nom de l’aplicació > Opció 1 Opció 2 > Gestió

LOGO Generalitat LOGO Aplicació Nom de l’aplicació > Opció 1 Opció 2 > Gestió d’usuaris - Opció 2 Cerca d’usuaris > Subapartat 1 | Alta d’usuaris Alta d’usuari > Subapartat 2 - Gestió d’usuaris > Subapartat 4 Opció de menú activa en l’àrea de treball > Opció 3 > Opció 4 > Subapartat 1 - Subapartat 2 Subapartat 1 Subapartat 2 > Subapartat 3 > Opció 5 Opció de menú que l’usuari està desplegant | Nom de l’usuari Desconnecta Grups d’usuaris Ajuda Contacteu