josep maria roldos_memoria_pfc_cassir

Enginyeria tècnica en informàtica de gestió

Aplicatiu web Centre de Salut Sexual i Reproductiva

Memòria

JOSEP M. ROLDÓS DINARÈS PONENT: CATALINA JUAN NADAL

PRIMAVERA 2011

Dedicatòria

A la meva mare i a la meva àvia que sempre m'han recolzat en tot allò que he volgut fer.

A la família de la Carbonella per acollir-me i recolzar-me quan més ho he necessitat.

A tots els que han estat amb mi en aquells moments difícils.

Gràcies.

Agraïments

Gràcies a tots els meus companys de l’Escola EUPMT, Ari, Guido, Xavi, Tania, Alberto, Cabe, Adri.

Gràcies a la Lina per guiar-me durant tot el curs.

Resum

El present projecte tracta d'un prototip del que podria ser el producte real i final d'una pàgina web

capaç de gestionar moltes de les necessitats digitals del Centre de Salut Sexual i Reproductiva, ja

que actualment té una sèrie de mancances en aquest aspecte que es podrien solventar amb la

implementació d'aquest.

L'aplicatiu web ens permetrà tenir una web 2.0 totalment gestionable pels usuaris del centre i que

ofereixi varis serveis com per exemple sol·licitud de visites a través del CIP, preguntes freqüents,

consultes, informació del centre. Tot això amb la possibilitat de incorporar imatges, vídeos,

formularis de contacte etc., per tal de fer la pàgina el més amigable possible.

Resumen

El presente proyecto trada de un prototipo del que podría ser el producto real y final de una

página web capaz de gestionar muchas de las necesidades digitales del Centre de Salut

Sexual i Reproductiva, ya que actualmente tiene una serie de necesidades en este aspecto

que se podrían solventar con la implementación de éste.

El aplicativo web nos permitirá tener una web 2.0 totalmente gestionable por los usuarios

del centro y que ofrezca varios servicios como por ejemplo solicitud de vistas a través del

CIP, preguntas frecuentes, consultas, información del centro. Todo esto con la posibilidad

de incorporar imágenes, vidios, formularios de contacto etc., por tal de hacer la página lo

más amigable posible.

Abstract

This project is a prototype of what could be the real and final product of a website which is

capable of managing many of the digital needs of the Sexual and Reproductive Health

Center, as it currently has got a number of shortcomings in that respect that could be solved

by its implementation.

The web application will allow us to have a 2.0 web totally manageable by the users of

the center and offering various services such as visit requests through the CIP, FAQs,

queries, and information about the center. All with the ability to incorporate images,

video, contact forms, etc., in order to make the site more user-friendly as possible.

I

Índex Índex de figures ................................................................................................................... III

Glossari de termes ................................................................................................................ V

1. Introducció......................................................................................................................... 1

2. Objectius............................................................................................................................ 3

2.1 Propòsit .................................................................................................................................... 3

2.2 Finalitat .................................................................................................................................... 3

2.3 Objecte..................................................................................................................................... 3

2.4 Abast ........................................................................................................................................ 4

3. Participants del projecte..................................................................................................... 5

4. Experiències....................................................................................................................... 7

5. Tecnologies escollides ..................................................................................................... 13

5.1. Programació.......................................................................................................................... 13

5.2 BBDD .................................................................................................................................... 13

5.3 Hosting................................................................................................................................... 14

5.4 Software................................................................................................................................. 14

6. Justificació i models de negoci........................................................................................ 17

6.1. Viabilitat................................................................................................................................ 17

6.2. Model de negoci.................................................................................................................... 17

7. Gestió del negoci ............................................................................................................. 19

7.1. Definició del mercat.............................................................................................................. 19

7.2. Estratègia de distribució........................................................................................................ 19

7.3. Estratègia de promoció i publicitat ....................................................................................... 19

8. Requeriments de l'aplicatiu (Casos d'ús) ......................................................................... 21

8.1 Usuari normal ........................................................................................................................ 22

8.1.1. Demanar visita .............................................................................................................................. 22

8.1.2 Enviar consulta .............................................................................................................................. 23

8.2. Administrador ....................................................................................................................... 23

8.2.1 Visites ............................................................................................................................................23

8.2.2 Usuaris ........................................................................................................................................... 25

8.2.3 Categoria noticies .......................................................................................................................... 26

8.2.4 Notícies.......................................................................................................................................... 27

8.2.5 Categories ...................................................................................................................................... 28

8.2.6 Seccions ......................................................................................................................................... 29

8.2.7 FAQs.............................................................................................................................................. 31

9. Base de Dades.................................................................................................................. 33

10. Descripció de l'aplicatiu ................................................................................................ 37

10.1 Pantalla principal ................................................................................................................. 38

10.2 Pantalla d'administració ....................................................................................................... 39

11. Possibles ampliacions .................................................................................................... 41

12. Conclusions ................................................................................................................... 43

13. Referències .................................................................................................................... 45

III

Índex de figures Fig. 4.1 ABS Cirera Molins. Pantalla inicial ........................................................................ 7

Fig. 2 ABS Ciera Molins. Programació nova visita / metge................................................. 8

Fig. 3 ABS Ciera Molins. Crear nova visita / infermer/a ..................................................... 9

Fig. 4 ABS Cirera Molins. Consulta visites pendents ........................................................ 10

Fig. 5 ICS. Programació visites /metge .............................................................................. 10

Fig. 6 ICS. Programació visites infermer/a ....................................................................... 11

Fig. 7 Centre de Salut sexual i reproductiva. Pàgina principal........................................... 38

Fig. 8 Centre de Salut sexual i reproductiva. Pantalla d’Administració............................ 39

V

Glossari de termes

BD Base de Dades

CIP Codi d'Identificació Personal

CP Codi Postal

CUB Preincubadora de projectes d’emprenedoria del Tecnocampus

CSS Cascading Style Sheets

EUPMT Escola Universitària Politècnica de Mataró

FAQ Frequently asked questions

FTP File Transfer Protocol

ICS Centre de Competències d’Integració

PFC Projecte Final de Carrera

PHP Hypertext Pre-processor

TCM Tecnocampus Mataró

TIC Tecnologies de la Informació i la Comunicació

Introducció 1

1. Introducció

El projecte, destinat a Centres d’Atenció a la Salut Sexual i Reproductiva, consisteix en

una plana web destinada a la gestió informativa i de visites dels diferents centres que hi ha

per Catalunya, donant suport a l’usuari final per tal que pugui trobar l’última informació

dels centres, consultes freqüents i qualsevol altra informació que el gestor de la plana

cregui convenient, ja que és una web totalment dinàmica on es pot crear qualsevol classe

de contingut.

Objectius 3

2. Objectius

2.1 Propòsit

Realitzar un aplicatiu web que solventi les mancances tecnològiques del Centre de Salut

Sexual i Reproductiva.

2.2 Finalitat

• Millorar la gestió de visites

• Millorar l'accés a la informació del Centre de Salut

• Implementar un Servei Web

• Disminuir l'ús de consultes telefòniques

• Disminuir el tràfic de persones per sol·licitar informació en els centres

• Millorar el control i la gestió del Centre

2.3 Objecte

L’aplicatiu serveix per gestionar tota la informació del Centre de Salut Sexual i

Reproductiva per tal de facilitar tots els events i notícies d’aquest. Per altre banda també

permet la gestió de les visites mèdiques de les diferents especialitats del centre, podent

també crear-ne de noves per tal de donar més dinamisme a la web.

4 Aplicatiu web Centre de salut sexual i reproductiva - Memòria

2.4 Abast

Inicialment s'implantaria en un petit centre com a prova pilot per comprovar el

funcionament real de l'aplicatiu. Passat un període determinat i si no hi han hagut

incidències es passaria a implementar a la resta de centres de tot Catalunya.

Participants del projecte 5

3. Participants del projecte

Centres de Salut Sexual i Reproductiva

El centre conegut com el centre d’atenció a la dona és, en realitat, un Centre de Salut Sexual i

Reproductiva i està gestionat per l’ICS. El Centre de Competències d’Integració s’hi ha posat en

contacte i ja hi ha realitzat una sessió on s’han treballat els objectius i la viabilitat d’un projecte

d’aquest caire, des del punt de vista d’un prototip i dins d’un marc de projecte final de carrera.

El disseny del projecte es farà amb la col· laboració de la direcció dels Centres de Salut Sexual i

Reproductiva del Maresme, Barcelonès i Vallès Oriental i Occidental que ha aportat i aportarà:

•Funcionalitats

•Requeriments

•Estat actual i visió de futur dels centres de Salut Sexual i Reproductiva.

Ens comuniquen que estan molt interessats en millorar els fluxos de comunicació i difusió de les

actuacions del centres.

CCI-Centre de competències d'integració

L'actual repte del Sistema Sanitari Català és la integració de tots els centres i les seves

dades clíniques en una xarxa nacional. Aquesta fita comporta un treball en diferents fronts i

una especial implicació de la fundació TIC i SALUT (TicSalut).

Per tal d'assolir aquesta integració d’una forma més efectiva i ràpida, des de TicSalut i

Fundació Tecnocampus Mataró-Maresme, s’ha creat el Centre de Competències

d'Integració, CCI-TCM.

El CCI-TCM treballa per facilitar la integració, la interoperabilitat i l’ús d’estàndards en el

Sector Sanitari en general i, especialment, en els Sistemes Públics de Salut.

Experiències 7

4. Experiències

Un cop iniciat el projecte es va cercar informació sobre planes similars que ofereixen la

possibilitat de sol·licitar hora a diferents centres de salut, entre els que cal destacar.

• Servei de programació de visites del centre: ABS Cirera-Molins, Consorci Sanitari

del Maresme

Plana inicial:

Fig. 4.1 ABS Cirera Molins. Pantalla inicial


Un cop autentificat:

Fig. 4.2 ABS Cirera Molins. Programació nova visita / metge

Experiències 9

Mostrar l'agenda d'infermeria:

Fig. 4.3 ABS Ciera Molins. Crear nova visita / infermer/a


Veure visites pendents:

Fig. 4.4 ABS Cirera Molins. Consulta visites pendents

• Servei de programació de visites de l’Institut Català de la Salut

Un cop autenticat:

Fig. 4.5 ICS. Programació visites /metge

Experiències 11

Fig. 4.6 ICS. Programació visites infermer/a

Tecnologies escollides 13

5. Tecnologies escollides

5.1. Programació

PHP: S'ha utilitzat aquest llenguatge de programació interpretat ja que facilita la

programació de pàgines web dinàmiques i dóna una gran facilitat i llibertat al programador.

També ha facilitat la seva utilització en haver-hi treballat anteriorment.

Definició de Wikipedia:

"PHP es un acrónimo recursivo que significa PHP Hypertext Pre-processor (inicialmente

PHP Tools, o, Personal Home Page Tools). Fue creado originalmente por Rasmus Lerdorf

en 1994; sin embargo la implementación principal de PHP es producida ahora por The

PHP Group y sirve como el estándar de facto para PHP al no haber una especificación

formal. Publicado bajo la PHP License, la Free Software Foundation considera esta

licencia como software libre.”

http://es.wikipedia.org/wiki/Php

JQUERY, CSS, JAVASCRIPT.

5.2 BBDD

MYSQL: No és solament un software Open Source sinó que també és un gestor amb un alt

rendiment, baix cost, facilitat de configuració i utilitza una llicència GPL.

"MySQL es un sistema de gestión de bases de datos relacional, multihilo y multiusuario

con más de seis millones de instalaciones. MySQL AB —desde enero de 2008 una

subsidiaria de Sun Microsystems y ésta a su vez de Oracle Corporation desde abril de

2009— desarrolla MySQL como software libre en un esquema de licenciamiento dual."

http://es.wikipedia.org/wiki/MySQL


5.3 Hosting

DreamHost: és un hosting d'allotjament web i registrador de dominis amb base a "los

Ángeles" Estats Units. S'ha utilitzat aquest ja que per altres projectes ha funcionat molt bé

relació cost calitat.

"We at DreamHost have been happily hosting our clients' dreams (and websites) since

April 1997 - close to a century ago in Internet years! That was when we (four Computer

Science undergraduates at hmc.edu in Claremont, CA) launched this company with no

capital apart from a single Pentium 100 web server (Destro was her name), using shared

bandwidth on a T1 line that a friend gave us at no cost.”

http://www.dreamhost.com/

Apache: servidor web de codi obert que s'ha utilitzat amb una plataforma Linux en el

servidor DreamHost.

"El servidor HTTP Apache es un servidor web HTTP de código abierto para plataformas

Unix (BSD, GNU/Linux, etc.), Microsoft Windows, Macintosh y otras, que implementa el

protocolo HTTP/1.1 y la noción de sitio virtual. Cuando comenzó su desarrollo en 1995 se

basó inicialmente en código del popular NCSA HTTPd 1.3, pero más tarde fue reescrito

por completo. Su nombre se debe a que Behelendorf quería que tuviese la connotación de

algo que es firme y enérgico pero no agresivo, y la tribu Apache fue la última en rendirse

al que pronto se convertiría en gobierno de EEUU, y en esos momentos la preocupación

de su grupo era que llegasen las empresas y "civilizasen" el paisaje que habían creado los

primeros ingenieros de internet. Además Apache consistía solamente en un conjunto de

parches a aplicar al servidor de NCSA. Era, en inglés, a patchy server (un servidor

"parcheado").”

http://es.wikipedia.org/wiki/Servidor_apache

5.4 Software

NotePad++: editor de text pla que suporta múltiples llenguatges de programació per

facilitar-ne la programació.

Tecnologies escollides 15

"Notepad++ es un editor de texto y de código fuente libre con soporte para varios

lenguajes de programación. Solo funciona en Microsoft Windows.

Se parece al Bloc de notas en cuanto al hecho de que puede editar texto sin formato y de

forma simple. No obstante, incluye opciones más avanzadas que pueden ser útiles para

usuarios avanzados como desarrolladores y programadores.

Se distribuye bajo los términos de la Licencia Pública General de GNU.”

http://es.wikipedia.org/wiki/Notepad%2B%2B

FileZilla: client FTP que s'ha utilitzat per pujar i baixar arxius al servidor.

"FileZilla es un cliente FTP multiplataforma de código abierto y software libre, licenciado

bajo la Licencia Pública General de GNU. Soporta los protocolos FTP, SFTP y FTP sobre

SSL/TLS (FTPS)"”

http://es.wikipedia.org/wiki/Filezilla

Justificació i models de negoci 17

6. Justificació i models de negoci

6.1. Viabilitat

Actualment hi ha vàries eines similars en funcionament com s'ha comentat anteriorment,

però cap en la qual s’hi hagi treballat amb les necessitats específiques del Centre de salut

sexual i reproductiva.

Gràcies a la col·laboració del CCI i del Centre creiem que podria ser un projecte viable i

que ajudaria a la digitalització i automatització de la informació que s’hi genera, i essent

fàcilment accessible per tots els usuaris mitjançant internet.

Al ser un projecte específic no es troba cap genèric que pogués complir amb les mancances

del centre, per tant, el fet de fer-lo efectiu depèn únicament del mateix Centre i dels seus

respectius responsables en el departament d'informàtica per tal de poder relacionar les BD i

compartir informació.

6.2. Model de negoci

La principal àrea de negoci que està pensada actualment és pels Centres de Salut Sexual i

Reproductiva ja que s'ha fet a mida seguint els seus requisits. La seva comercialització es

basaria en la venda del producte i el seu manteniment que seria mensual i també pagaria les

despeses del hosting domini.

Un cop realitzada la primera implementació es podria plantejar la comercialització de

l'aplicatiu a diferents àmbits empresarials que tinguessin la necessitat de gestionar horaris

de visites i informació dinàmica de la seva empresa. Uns possibles clients potencials

podrien ser:

� Empreses de solàrium: Hi ha milers de petits negocis dedicats únicament i


exclusivament a donar hora als seus clients per tal que puguin entrar a una cabina

per gaudir del sol artificial. Aquestes petites empreses majoritàriament donen hora

mitjançant via telefònica o per taulell.

� Consultes mèdiques particulars: Aquest sector encara segueix molt verd amb temes

informàtics. Gràcies al nostre aplicatiu podrien publicar els serveis que ofereixen

per Internet, rebre directament consultes online i demanar hora.

� Centres d’Estètica: Dins dels centres d’estètica ens trobem que tenen molts serveis

diferents els quals moltes vegades ni el propi client sap sinó es presenta al taulell

mateix. Gràcies a la web podrien saber tots els serveis i demanar hora pel servei

que més li convingui, així tindrien centralitzat tot el tema de visites i podrien aclarir

tota la informació convenient en la mateixa web.

Aquests són només tres dels possibles casos però com es pot observar podria ser efectiu en

qualsevol model de negoci on hi hagi la necessitat de concertar visites d'una o varies

especialitats. De la mateixa manera la possibilitat de gestionar tota la informació d'un

centre online obra una porta molt gran a qualsevol negoci que encara no hi estigui ficat.

Gestió del negoci 19

7. Gestió del negoci

7.1. Definició del mercat

Partint del fet que el negoci sorgiria amb un primer client ubicat al Maresme l'empresa es

situaria dins d'aquest àmbit.

Escolliríem aquesta zona per:

� Coneixement del territori

� Distància entre l'empresa i el lloc de treball

També tindrem en compte que a Mataró hi ha vàries opcions que motiven la creació de

noves empreses.

� CUB

� Incubadora

7.2. Estratègia de distribució

Per tal d’ampliar el negoci l’única forma possible serà amb el boca a boca dels clients i

mitjançant la pròpia empresa. No es contempla en un primer moment subcontractar

comercials encara que no es descarta si es volgués fer arribar l'aplicatiu al màxim de

empreses potencials.

7.3. Estratègia de promoció i publicitat

Es considerarà vital la imatge de l'empresa la qual haurà de:

� Aportar confiança al client.


� Especificar clarament a què es dedica.

S'utilitzaran tots els medis disponibles per tal de tenir la màxima difusió i arribar així a

qualsevol negoci que pugui requerir els nostres serveis.

Requeriments de l'aplicatiu (Casos d'ús) 21

8. Requeriments de l'aplicatiu (Casos d'ús)

A continuació explicarem en detall els següents casos d'ús:

� Usuari normal:

� Demanar visita

� Enviar Consulta

� Administrador

� Visites:

� Filtrar

� Reiniciar

� Nova visita (Idem usuari normal Demanar visita)

� Usuaris:

� Filtrar

� Reiniciar

� Nou usuari

� Modificar usuari

� Categoria notícies:

� Nova categoria notícia

� Modificar categoria notícia

� Notícies:

� Filtrar

� Reiniciar

� Nova notícia

� Modificar notícia

� Categories:

� Nova categoria

� Modificar categoria


� Seccions:

� Filtrar

� Reiniciar

� Nova secció

� Modificar secció

� FAQs:

� Nova pregunta

� Modificar pregunta

8.1 Usuari normal

8.1.1. Demanar visita

− Pre-condicions

− Ha de disposar d'un navegador i una connexió a Internet per poder accedir a la

plana i un número de CIP per poder distingir l'usuari

− Flux normal:

1. Introdueix un número de CIP correcte

2. Apareixen les dades del usuari

3. Es veuen les visites concertades amb la possibilitat de anul·lar-les.

4. Escull la especialitat amb la qual es vol visitar

5. Apareix un calendari amb el primer dia lliure per poder-se visitar en l’especialitat

escollida. Hi ha la possibilitat de modificar-hi el dia o l’hora amb un desplegable

que surten només les hores disponibles del metge. També es pot escollir el

metge si n'hi ha més d'aquesta especialitat.

6. Un cop escollit el metge, dia i hora. Confirmem amb el botó de confirmar.

7. Apareix la pantalla de confirmació de visita amb el botó ok que ens tornarà a la

pàgina principal.

− Flux alternatiu :

− En cas que no hi hagi cap metge disponible no apareixerà l’opció d'aquella

especialitat.

− Si el CIP és incorrecte es mostrarà un error informatiu.


8.1.2 Enviar consulta

− Pre-condicions

-L'usuari té una consulta per realitzar. En un dels apartats es troba amb un formulari de

consulta (és el mateix formulari en tots els llocs de la web)

− Flux normal:

1. Introdueix el seu nom

2. Introdueix el seu mail (vàlid)

3. Introdueix la seva consulta

4. Prem el botó de enviar

− Flux alternatiu

− Si no existeix el nom, el mail o la consulta es mostrarà un missatge d'error

que no permetrà continuar amb l'enviament de la consulta

8.2. Administrador - Pre-condicions:

- Per tal d'accedir a totes les opcions d'administrador abans ens haurem d’autentificar com

a tal.

8.2.1 Visites

a) Filtrar

− Pre-condicions

− Anteriorment s'ha d’haver realitzat una consulta

− Flux normal:

1. L'usuari prem el botó de filtrar

2. Es borra l’últim filtrat realitzat

− Flux alternatiu

− Si no hi ha cap consulta anterior no s'apreciaran canvis.


b) Reiniciar

− Pre-condicions


− Flux normal:



− Flux alternatiu


c) Nova visita

− Pre-condicions

− Ha de disposar d'un navegador i una connexió a Internet per

poder accedir a la plana i un número de CIP per poder distingir

l'usuari

− Flux normal:

1. Introdueix un número de CIP correcte.

2. Apareixen les dades del usuari.

3. Es veuen les visites concertades amb la possibilitat d’anul·lar-les.

4. Escull l’especialitat amb la qual es vol visitar

5. Apareix un calendari amb el primer dia lliure per poder-se visitar en l’especialitat

escollida. Hi ha la possibilitat de modificar-hi el dia o l’hora amb un desplegable

que surten només les hores disponibles del metge. També es pot escollir el

metge si n'hi ha més d'aquesta especialitat.

6. Un cop escollit el metge, dia i hora. Confirmem amb el botó de confirmar.

7. Apareix la pantalla de confirmació de visita amb el botó ok que ens tornarà a la

pàgina principal.

− Flux alternatiu :

− En cas que no hi hagi cap metge disponible no apareixerà l’opció

d'aquella especialitat.

− Si el CIP és incorrecte es mostrarà un error informatiu.


− En cas que vulguem tornar enrere sempre es pot prémer el botó

cancel·lar o eliminar.

8.2.2 Usuaris

a) Filtrar

− Pre-condicions

− Anteriorment s'ha d’haver realitzat una consulta.

− Flux normal:



− Flux alternatiu


b) Reiniciar

− Pre-condicions

− Anteriorment s'ha d’haver realitzat una consulta.

− Flux normal:



− Flux alternatiu


c) Nou usuari

− Pre-condicions

− Es tindran totes les dades a introduir que siguin necessàries

− Flux normal:

1. S’escollirà el tipus d'usuari a crear i segons l’escollit necessitarem las següents

dades:


− Normal: nom, cognoms, mail, CIP, població, CP, telèfon, adreça

i data de citologia si és necessari.

− Administrador: usuari i password

− Metge: les mateixes dades que un usuari normal però també i

molt important els seus horaris laborals i el temps de duració de

cada visita.

2. Un cop entrades totes les dades necessàries s’ha de prémer el botó de desar.

3. La informació serà guardada per la seva utilització posterior

− Flux alternatiu

− Si es produeix qualsevol incidència en la introducció de les dades

l'aplicatiu informarà i en demanarà la rectificació.

− En qualsevol moment l'administrador podrà cancel·lar la creació del

nou usuari amb el botó de cancel·lar.

d) Modificar usuari

− És el mateix cas que el de nova visita però amb els camps prèviament

omplerts.

8.2.3 Categoria notícies a) Nova categoria notícies

− Pre-condicions:

− Flux normal:

1. Introduïm el nom de la categoria notícia

2. Introduïm la posició que voldrem que tingui dins la categoria notícies

3. Introduïm una descripció que servirà per nivell Internet

4. Un cop entrades totes les dades necessàries es premerà el botó de desar.

− Flux alternatiu



l'aplicatiu informarà i demanarà la rectificació d'aquest.



b) Modificar Categoria notícia

- És el mateix cas que el de nova categoria notícia però amb els camps prèviament

omplerts.

8.2.4 Notícies

a) Filtrar

− Pre-condicions


− Flux normal:



− Flux alternatiu


b)Reiniciar

− Pre-condicions


− Flux normal:



− Flux alternatiu



c) Nova notícia

− Pre-condicions

− Hem de tenir preparades totes les dades de la notícia que volem

introduir.

− Flux normal:

1. Introduïm el títol de la notícia

2. Escollirem la categoria a la qual pertany

3. Introduirem el text de la notícia mitjançant l'editor estil Word que tenim on també

es poden introduir imatges.

4. Escollirem la data de publicació a partir de la qual volem que surti publicada en

la pàgina web

5. Si tenim algun vídeo de youtube introduirem el codi d'aquest per tal que surti en

la publicació de la notícia

6. Un cop introduïdes totes les dades premerem el botó desar.

− Flux alternatiu

− Si es produeix qualsevol incidència en la introducció de les

dades l'aplicatiu informarà i demanarà la rectificació d'aquest.

− En qualsevol moment l'administrador podrà cancel·lar la creació

del nou usuari amb el botó de cancel·lar.

d) Modificar notícia

− És el mateix cas que el de crear notícia però amb els camps prèviament

omplerts.

8.2.5 Categories a) Nova categoria

− Pre-condicions:


− Flux normal:

1. Introduïm el nom de la categoria

2. Introduïm la posició que voldrem que tingui dins les categories

3. Introduïm el tipus de notícia

4. Un cop entrades totes les dades necessàries premerem el botó de desar.

5. Escollirem si és la pestanya que es presenta inicialment.

− Flux alternatiu





b) Modificar categoria:

− És el mateix cas que el de crear categoria però amb els camps

prèviament omplerts.

8.2.6 Seccions

a) Filtrar

− Pre-condicions


− Flux normal:



− Flux alternatiu


b) Reiniciar


− Pre-condicions


− Flux normal:



− Flux alternatiu


c) Nova secció

− Pre-condicions

− Hem de tenir preparades totes les dades que volem introduir per

la nova secció

− Flux normal:

1. Introduïm el títol de la secció.

2. Introduïm la posició de la secció que ocuparà dins la seva categoria.

3. Escollim la categoria a la qual anirà assignada.

4. Introduirem el text de la secció mitjançant l'editor estil Word que tenim on també

es poden introduir imatges.

5. Amb un desplegable escollirem si volem que es mostri un formulari de contacte

dins de la secció.

6. Escollirem la data de publicació a partir de la qual volem que surti publicada en

la pàgina web.

7. Si tenim algun vídeo de youtube introduirem el codi d'aquest per tal que surti en

la publicació de la secció.

8. Un cop introduïdes totes les dades premerm el botó desar.

− Flux alternatiu

− Si es produeix qualsevol incidència en la introducció de les

dades l'aplicatiu informarà i en demanarà la rectificació.

− En qualsevol moment l'administrador podrà cancel·lar la creació

del nou usuari amb el botó de cancel·lar.


d) Modificar secció

− És el mateix cas que el de crear secció però amb els camps prèviament

omplerts.

8.2.7 FAQs a) Nova pregunta

− Pre-condicions:

− Tenir preparada la pregunta i la resposta per omplir els camps

pertinents.

− Flux normal:

1. Introduïm la pregunta.

2. Escollim l'especialitat a la qual pertany.

3. Introduirem el text de la resposta mitjançant l'editor estil Word que tenim on

també es poden introduir imatges.

4. Un cop introduïdes totes les dades premerem el botó desar.

− Flux alternatiu





b) Modificar pregunta

− És el mateix cas que el de crear pregunta però amb els camps

prèviament omplerts.

Base de Dades 33

9. Base de Dades

La Base de Dades s'ha fet de forma eficient i que faciliti l'accés continuat i segur per a les

seves consultes.

Dins d'aquesta base de dades hi podem trobar les següents taules que guarden el contingut

de tot l'aplicatiu:

� Taula Adjunto: Conté els camps necessaris per tal de poder guardar els

comentaris, enllaç a vídeos i direcció de imatges.

� Taula CategoriaNoticias: Aquí guardarem les diferents categories que puguin

tenir les notícies com ara ordre, títol i descripció.

� Taula CategoriaSecció: Totes les seccions pertanyen a una categoria que

emmagatzarem en aquesta taula.

� Taula CitaMedica: Conté tota la informació sobre una consulta mèdica utilitzant

com a claus forànies id_usuario, id_medico i id_especialidad.

� Taula DisponibilidadMedico: Aquí guardarem el calendari dels metges on

també trobarem com a clau forània el id del metge.

� Taula Especialidad: Conté el nom de les especialitats.

� Taula FAQ: Conté preguntes i respostes que apareixen en les preguntes

freqüents i com a forània el id_especialitat.

� Taula notícia: Conté títol, text, data de publicació, codi youtube,

id_categoria_notícia

� Taula Secció: Conté títol de la secció, text, data de publicació, ordre d'aparició,

id_categoria_secció.

� Taula Usuario: Aquí es guarden tots els camps d'un usuari com a destacats

comentarem el tipus que ens indica la classe d'usuari per posteriorment mostrar

els camps que siguin necessaris. En la mateixa taula també trobarem els camps

de les citologies.


En el model conceptual de la BD podem veure clarament com hi ha dos parts que no estan

relacionades, es pot distingir clarament les dues parts que són la de continguts (tota la

informació que es mostra a la pàgina web) i la dels usuaris (tot són usuaris

independentment de si són metges o no).

Base de Dades 35

Descripció de l’aplicatiu 37

10. Descripció de l'aplicatiu Aquesta plana està preparada per tenir quatre classes d'usuaris diferents.

El primer d'ells el visitant, podrà accedir a tot el contingut informatiu de la pàgina web i

aportar consultes en els apartats especialment designats per aquest fet així poder interactuar

directament amb els responsables de cada àrea

El segon l'usuari, és un visitant el qual ha accedit al servei de visites de la pàgina web

mitjançant el CIP (Codi d'Identificació Personal). Aquest podrà triar entre les diferents

especialitats del centre, donant per defecte la primera visita disponible de qualsevol dels

metges de la especialitat escollida. També podrà cancel·lar i modificar les visites que tingui

pendents.

El tercer usuari, el metge, serà com un usuari amb la diferència que tindrà que escollir els

horaris de feina, l’interval de temps de cada visita i la seva especialitat per tal que el

programa automàticament prepari el calendari de visites

Per últim l'administrador, que podrà gestionar tot l'apartat informatiu de la web, creant-hi

pestanyes, modificant continguts, visites, usuaris, seccions, etc.


10.1 Pantalla principal

Fig. 10.1 Centre de Salut sexual i reproductiva. Pàgina principal

En la pantalla principal on hi pot accedir qualsevol usuari amb qualsevol navegador podem

distingir a primer cop d'ull la distribució de les tres parts principals de l'aplicatiu web.

1. Barra superior:

Hi trobarem les categories o pestanyes en les quals s'ha dividit la web i

podem accedir al contingut d'aquestes amb un click, observarem que la pestanya marcada

és en la que ens trobem actualment.

2. Barra lateral dreta

Aquí podrem observar les seccions que hi han dins de la categoria en la qual

ens trobem, d'aquesta manera podrem tenir un accés ràpid a diferents continguts de

l'apartat actual.

Descripció de l’aplicatiu 39

3. Quadre de continguts

En l'apartat principal de la pàgina tindrem la informació de la secció en

contret, podent accedir a diferents continguts d'aquesta amb la barra lateral. Dins d'aquest

apartat podem trobar formularis de contacte, FAQs, notícies, i qualsevol categoria que

s'hagi creat amb anterioritat des de l'administrador que expliquem a continuació.

10.2 Pantalla d'administració

Fig. 10.2 Centre de Salut sexual i reproductiva. Pantalla d’Administració

La pantalla d'administració és la que ens permetrà modificar i crear tot el contingut de la

pàgina web informativa de forma dinàmica i de la manera més senzilla possible. Aquesta

pantalla la podem dividir en dues parts:

1. Barra superior: Aquí observarem el conjunt de pestanyes les quals trobem dividida

segons el contingut que vulguem administrar. Quan seleccionem qualsevol

d'aquestes pestanyes podem veure que el contingut i les llistes de dades varien.

2. Quadre de continguts: aquest quadres de continguts tenen uns filtres en comú on

podem buscar informació segons el paràmetre informatiu que vulguem. També

apareixen els botons d’esborrar filtre i crear més continguts, per exemple dins de

visita trobarem el botó "nova visita".

Possibles ampliacions 41

11. Possibles ampliacions

Actualment el prototip està pensat per treballar en un sol centre amb vàries especialitats i

varis metges per cada una de les especialitats. Si la prova pilot donés bons resultats i es

plantegés la implementació, s’hauria de muntar l'aplicatiu en un servidor que disposés de

servei de correu per tal de gestionar tot el tema de consultes i informatició. Per altre banda

i el més complicat seria intercomunicar la BD de l'aplicatiu amb la del ICS que per tema de

permisos i seguretat afegiria un grau de complexitat elevat però assumible.

Dins de la plataforma multi-centre s’hauria d’estudiar com gestionar les diferents

informacions que puguin tenir cada un d'aquests centres per tal de tenir-ho tot sobre un

mateix portal i no haver de crear pàgines independents per cada centre.

Actualment la plana té un disseny minimalista per tal de facilitar la informació el més

còmodament possible, havent-hi la possibilitat de crear un disseny més adient si fos

necessari. Per altre banda cal dir que majoritàriament ha estat molt ben acceptada i ha

causat molt bona impressió, precisamentper la seva simplicitat.

Conclusions 43

12. Conclusions

Aquest projecte fet a mida per al Centre de Salut Sexual i Reproductiva podria suposar un

gran avantatge per als seus treballadors, ja que la seva forma de treballar fins ara depèn

encara molt de papers i comunicació via telefònica o taulell d'informació.

La feina conjunta que s'ha fet amb el personal administratiu del centre fa que el projecte

encaixi perfectament amb les seves necessitats, per la qual cosa s’espera que hi hagi la

possibilitat que acabin adquirint l'aplicatiu per poder-hi treballar habitualment com una

eina més del centre.

També val a dir que la implementació d'aquest aplicatiu suposaria un gran repte tecnològic

per tal de vincular-hi la BD dels usuaris, ja que el nivell de seguretat ha de ser màxim

atenent-nos a allò que disposa la Llei de Protecció de Dades. A vegades només es veu la

cara de l'aplicatiu però darrera hi ha un gran desenvolupament.

Referències 45

13. Referències http://httpd.apache.org/docs/ (Configuració Apache) http://www.php.net (La biblia del php on podem consultar-hi qualsevol cosa.) http://www.desarrolloweb.com/php/ (Tutorials de php) http://www.manualdephp.com/ (Tutorials de php) http://www.wikipedia.org (Per ajudarme a documentar.) http://www.librosweb.es/css/ (Manual de CSS) http://www.w3schools.com/css/ (Manual de CSS) http://www.gencat.cat/ics/usuaris/visites.htm (Exemple per demanar vista mèdica) http://tinymce.moxiecode.com/ (Editor de text utilizat dins l'aplicatiu) http://jquery.com/ (Llibreria JavaScript utilitzada dins del projecte) http://www.javascriptya.com.ar/jquery/ (Ajuda per utilitzar JQuery)

josep maria roldos_memoria_pfc_cassir

Documents