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).

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

Recommended

Recommended

More Related Content

Similar to Josep maria roldos_memoria_pfc_cassir

Similar to Josep maria roldos_memoria_pfc_cassir (20)

More from Centre de Competències d'Integració

More from Centre de Competències d'Integració (20)

Josep maria roldos_memoria_pfc_cassir