Wireframes & Prototipos ¿Sólo una cuestión de organización? / Día de la Usabilidad Colombia
tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3....
Transcript of tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3....
![Page 1: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/1.jpg)
tu aplicación deconsultas médicas
![Page 2: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/2.jpg)
F O T O G R A F Í A . A L E J A N D R O C A R M O N A M A R T O S
skipu
.D a t o s
Trabajo final de máster.
Máster Universitario Desarrollo
de sitios y aplicaciones web.
2018 / 2019
Universidad Oberta de
Catalunya
Alejandro Carmona Martos
#UO
CC r e a d o p o r :
AlejandroCarmona
![Page 3: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/3.jpg)
skipu:GestionaComodamenteTu consulta.Skipu es la perfecta aplicación web para gestionar tus consultas médicas
privadas. De forma autónoma, podrás organizar tu propia consulta donde
encontrarás la posibilidad de crear un historial clínico, anotar la evolución del
paciente, datar los datos analíticos, gestionar informes e impresión de
orientaciones médicas para el paciente.
IM
AG
EN
0
1. P
ÁG
IN
A D
E IN
IC
IO
![Page 4: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/4.jpg)
1. PLANTEAMIENTO DE LA SOLUCIÓN AL PROBLEMA2. PLANIFICACIÓN DEL TRABAJO3. ÁRBOL DE NAVEGACIÓN Y BBDD4. DISEÑO DE WIREFRAMES Y PROTOTIPOS5. DESARROLLO DE LA API REST CON LARAVEL 6. TESTEO DE FUNCIONAMIENTO DEL BACKEND CON POSTMAN7. DESARROLLO DEL FRONTEND CON ANGULAR8. TESTEO DE FUNCIONAMIENTO DE LA APLICACIÓN COMPLETA9. SUBIDA A SERVIDOR WEB
P R O C E S O D E T R A B A J O S O B R E S K I P U
![Page 5: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/5.jpg)
Registro:Rápidoy fácil.
No tardarás más de 1 minute en registrarte, ya que
solamente necesitarás tu cuenta de correo electrónico, tu
nombre y apellidos y una contraseña para registrarte.
S K I P U · G E S T I Ó N D E C O N S U LTA S
IM
AG
EN
0
2. R
EG
IS
TR
O D
E U
SU
AR
IO
![Page 6: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/6.jpg)
Panel admin:Mantén organizados a tus pacientes.Listado completo de tu consutlas y pacientes. Podrás
encontrar de un simple vistazo. Accede a ver el detalle,
editarlo o incluso borrarlo y todo a tan solo un click.
IM
AG
EN
0
3. D
AS
HB
OA
RD
![Page 7: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/7.jpg)
Menúadaptable,intuitivo y sencillo.
SKIPU · GESTIÓN DE PACIENTES
Dispondrás de un menu totalmente
adaptable a cualquier pantalla.
Además, de una forma sencilla y
apoyado en inoconos te resultará
más fácil llegar donde quieras.
Me
nú
IM
AG
EN
0
4. V
IS
TA
M
EN
Ú D
E P
AC
IE
NT
E
![Page 8: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/8.jpg)
S E R V I C I O S D E S K I P U
![Page 9: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/9.jpg)
Con un diseño minimalista, tendrás accessible desde la ficha
todas las opciones para editar. Historia clínica, evolución,
datos personales, tratamientos e informes
Paciente:Sencilla y atractivaficha para gestionar.
IM
AG
EN
0
5. P
ER
FIL
D
E P
AC
IE
NT
E
![Page 10: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/10.jpg)
CompletaHistoria Clínica.En la historia clínica del paciente podrás añadir desde los
antecedentes familiares, como los personales. Incluir la
primera exploración, el diagnóstico y juicio clínico. Además
de poder dar de alta y a baja a tus pacientes.
S K I P U – G E S T I Ó N D E PA C I E N T E S
IM
AG
EN
0
6. H
IS
TO
RIA
C
LÍN
IC
A D
E P
AC
IE
NT
E
![Page 11: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/11.jpg)
Registralasevolucionesde tupaciente.Completo panel para poder listar, crear, editar y borrar
toda la evolcuión de tu paciente. Incluyendo las fechas
de la consulta, y anexado a la historía clínica de tu
paciente.
IM
AG
EN
0
8. L
IS
TA
DO
D
E E
VO
LU
CIO
NE
S D
E P
AC
IE
NT
E
IM
AG
EN
0
7. D
ET
AL
L D
E E
VO
LU
CIÓ
N
![Page 12: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/12.jpg)
Añadre los tratamientos a tus evoluciones. Puedes listar
todos los tratamientos de un paciente, e incluso editarlos y
borrarlos.
Figure 1. Some nice caption here.
Tratamientos.
IM
AG
EN
0
9. V
IS
TA
D
E T
RA
TA
MIE
NT
O
![Page 13: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/13.jpg)
Si estás cansado de redactor los informes a mano, con esta
herramienta tendrás la posibilidad de crearlos. Podrás
tenerlos organizados y saber que día en concreto se creo.
Informes.
![Page 14: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/14.jpg)
Estésdonde estés:versiónescritorio...
![Page 15: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/15.jpg)
... ytambiénpara móvily tablet.
![Page 16: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/16.jpg)
T E C N O L O G Í A S D E S K I P U
![Page 17: tu aplicación de consultas médicasopenaccess.uoc.edu/webapps/o2/bitstream/10609/98107... · 3. Árbol de navegaciÓn y bbdd 4. diseÑo de wireframes y prototipos 5. desarrollo de](https://reader030.fdocuments.es/reader030/viewer/2022013010/5f0ea2217e708231d4402e00/html5/thumbnails/17.jpg)
Prueba nuestra aplicaciónen skipu.es