Implementación de una aplicación móvil para la recopilación de datos de terapia celular en la regeneración de fracturas óseas

E.T.S.I.&Informática& 1& & E.T.S.I.&Informática& 2& & E.T.S.I.&Informática& 3& & ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA INFORMÁTICA GRADO EN INGENIERÍA DE LA SALUD CON MENCIÓN EN INGENIERÍA BIOMÉDICA IMPLEMENTACIÓN DE UNA APLICACIÓN MÓVIL PARA LA RECOPILACIÓN DE DATOS DE TERAPIA CELULAR EN LA REGENERACIÓN DE FRACTURAS ÓSEAS IMPLEMENTATION OF A MOBILE APPLICATION FOR THE DATA COLLECTION IN CELL THERAPY OF BONE FRACTURES REGENERATION Realizado por Mónica Salas Oña Tutorizado por José Antonio Andrades Gómez José María Álvarez Palomo Departamento Biología Celular, Genética y Fisiología Animal UNIVERSIDAD DE MÁLAGA MÁLAGA, Diciembre 2018 Fecha defensa: El Secretario del Tribunal E.T.S.I.&Informática& 4& & E.T.S.I.&Informática& 5& & Resumen: El tejido óseo es fundamental en nuestras vidas, es el instrumento que nos da soporte y nos permite movernos. Una lesión o enfermedad, conforme avanzamos en edad, es más difícil de solventar debido a que las células van disminuyendo en número y en capacidad de afrontar una regeneración o reparación exitosa. Sin embargo, la Terapia Celular nos ofrece una alternativa esperanzadora con el objetivo de emplear células madre para así estimular y revitalizar a las células dañadas que ya se encuentran en el propio paciente. De esta misma manera, considero importante una herramienta que almacene los casos clínicos en los que se aplique esta técnica para agilizar el trabajo en la investigación médica. En consecuencia a este problema, he diseñado una aplicación móvil para poder facilitar el trabajo a estos profesionales en la que puedan consultar los casos clínicos que han sido realizados satisfactoriamente. Además, la aplicación permitirá a los usuarios estar en contacto con otros investigadores y preguntar acerca de casos clínicos. Palabras claves: Aplicación móvil híbrida, móvil, células madre, células madre mesenquimales, terapia celular, medicina regenerativa. E.T.S.I.&Informática& 6& & E.T.S.I.&Informática& 7& & Abstract: Bone tissue is fundamental in our lives, it is the instrument that gives us support and allows us to move. An injury or disease, as people age, is more difficult to solve due to the fact that cells are decreasing in number and capacity to face a successful regeneration or repair. Nevertheless, Cell Therapy offers us a hopeful alternative with the objective of using stem cells in order to stimulate and revitalize the damaged cells that are already in the patient. Thus, I consider important a tool that stores the clinical cases in which this technique is applied to hasten medical research work. As a consequence of this problem, I have designed a mobile application to facilitate the work of these professionals in which they can consult the clinical cases that have been successfully performed. Moreover, the application will allow users to be in contact with other researchers and ask about clinical cases. Keywords: Hybrid mobile application, smartphone, stem cells, mesenchymal stem cells, cellular therapy, regenerative medicine. E.T.S.I.&Informática& 8& & E.T.S.I.&Informática& 9& & ÍNDICE GENERAL Capítulo 1: Introducción ............................................................................................ 15 1.1. Introducción ................................................................................................ 16 1.2. Contexto y justificación del TFG ................................................................. 17 1.3. Objetivos del TFG ....................................................................................... 20 1.4. Materiales y tecnologías usadas ................................................................. 20 1.4.1. Html5 y CSS3 ...................................................................................... 21 1.4.2. JavaScript ............................................................................................ 24 1.4.3. Apache Cordova .................................................................................. 25 1.4.4. Ionic ..................................................................................................... 26 1.5. Contenido de la memoria ............................................................................ 27 1.6. Planificación de tareas ................................................................................ 28 1.7. Gestión y planificación ................................................................................ 29 1.8. Abreviaturas y definiciones ......................................................................... 32 Capítulo 2: Tejido Óseo ............................................................................................. 35 2.1. Generalidades y clasificaciones .................................................................... 36 2.2. Matriz ósea ..................................................................................................... 37 2.3. Células óseas ................................................................................................. 37 2.4. Osificación ...................................................................................................... 38 2.5. Lesión del tejido óseo ..................................................................................... 39 Capítulo 3: Terapia Celular ....................................................................................... 41 3.1. Introducción .................................................................................................... 42 3.2. Células madre ................................................................................................. 42 3.2.1. Células madre embrionarias ................................................................... 44 3.2.2. Células madre adultas ............................................................................. 45 3.2.3. Células madre pluripotentes inducidas .................................................... 48 3.3. Terapia Celular en tejido óseo ........................................................................ 49 E.T.S.I.&Informática& 16& & 1.1. Introducción El presente proyecto tiene como finalidad realizar una aplicación móvil híbrida llamada “Search Case”, que permite al personal sanitario acceder a la información recogida en una base de datos acerca de casos clínicos sobre Terapia Celular. De este modo, el personal sanitario podrá comparar el problema de su paciente con el resto de casos clínicos recogidos y, de este modo, saber si es aplicable a su propio paciente. Poder buscar y comparar los resultados de una investigación o trabajo, ya realizado con anterioridad y satisfactoriamente, le sería de gran utilidad y le facilitaría el trabajo de investigación médica. La investigación médica es un tedioso camino que requiere de muchas horas de documentación y pruebas; horas de las que posiblemente un investigador no dispondría. En este Trabajo de Fin de Grado (TFG) he considerado oportuna la búsqueda de casos clínicos en los que se apliquen estas técnicas. Facilitar una previa búsqueda bibliográfica es una buena forma de agilizar el trabajo y, así, afrontar nuevos retos en el mundo de la salud. Desde el punto de vista biomédico, en este trabajo nos vamos a centrar en las fracturas óseas y en las células madre como alternativa eficaz para, por ejemplo, coadyuvar a una implantación de prótesis. Por ende, trataremos aspectos tales como la importancia de las células madre para la salud, clases de células madre que podemos encontrar, dónde encontrarlas, etc. La información que se recogerá en la aplicación consistirá en casos clínicos que han sido realizados con anterioridad por otros investigadores o personal sanitario. E.T.S.I.&Informática& 17& & 1.2. Contexto y justificación del TFG En la actualidad el uso de los teléfonos móviles se ha convertido en algo indispensable para todos en nuestro día a día. Es una herramienta útil que cada vez utilizan más personas y ofrece soluciones a nuestros problemas. Gracias a su comodidad y accesibilidad, el consumo de la tecnología móvil en salud está creciendo exponencialmente. El uso de una aplicación móvil (app) en este ámbito puede agilizar el trabajo y mejorar su rendimiento (Santamaría et al., 2016). Extrapolándolo a un proceso sanitario, el teléfono móvil es una herramienta que por sus características podría servir para mejorar el rendimiento de un médico y afrontar de manera más satisfactoria su trabajo diario. Las funciones que desempeñan los huesos, que representan uno de los tejidos más duros en nuestro cuerpo, son muy importantes: protege órganos, contiene la médula ósea, representa el mayor depósito de minerales, permite movimientos, etc. De manera que es muy significativa la disminución de la calidad de vida de una persona afectada por patologías óseas (Arvidson et al., 2011). Las fracturas y defectos óseos representan un gran problema en la salud mundial y es que pueden tener orígenes muy diversos, tales como accidentes de tráfico, accidentes laborales, caídas, etc. Todas las fracturas óseas deben a venir acompañadas de una regeneración completa del tejido óseo (no una cicatrización o reparación). La consolidación consta de varios procesos que suponen la regeneración completa del hueso, dando lugar a la formación de nuevo tejido óseo. A veces este proceso no resulta del todo satisfactorio y el hueso no puede regenerarse por sí solo (Sierra-García et al., 2016). Es por ello que para que se produzca la curación de la fractura debe pasar por una fase de consolidación y con ayuda quirúrgica u ortopédica, pudiendo llegar a obtener de este modo una estabilidad mecánica completa. Sin embargo, la capacidad del hueso de autorreparase es limitada (Cuenca-López et al., 2008) y no siempre alcanza el con E.T.S.I.&Informática& 18& & éxito, por lo que hay que recurrir a técnicas como el injerto óseo, con frecuencia utilizadas en nuestro entorno hospitalario. El injerto óseo es un procedimiento que incorpora hueso dentro y alrededor del área dañada y es una técnica muy utilizada en Europa (se someten a una reconstrucción ósea aproximadamente un millón de pacientes). Los tipos de injertos óseos pueden ser autólogo, homólogo, heterólogo y aloplásticos. El autoinjerto óseo es la técnica que proporciona mejores resultados, siendo la más segura y utilizada, en parte porque utiliza hueso autólogo del propio paciente (evitando la transmisión de enfermedades y el rechazo inmunológico) y porque las implantaciones de hueso autólogo presentan una gran cantidad de proteínas morfogenéticas del hueso (BMPs). Es de gran importancia las BMPs para el proceso de regeneración ósea debido a la actividad osteogénica y angiogénica que están relacionadas con estos potentes factores de crecimiento (Sierra-García et al., 2016). Además, de todas las técnicas mencionadas es la que aporta una integración más alta. Sin embargo, presenta claros inconvenientes como que en los que se necesitan de gran cantidad de injerto y, por tanto, se hace necesaria la obtención de un gran volumen de tejido, lo que no siempre es posible. En general, los injertos óseos no están exentos de inconvenientes tales como dar lugar a infección, dolor, sangrado, reacción a los medicamentos, enfermedades diversas, rechazo inmunológico... (Gómez-Barrena, 2011). Una alternativa terapéutica a todos estos problemas es la Terapia Celular, que consiste en introducir nuevas células, generalmente células madre, en un tejido para poder tratar una enfermedad. En concreto, las células madre mesenquimales (MSCs, del inglés Mesenchymal Stem Cells) están siendo muy utilizadas en Ingeniería de Tejidos gracias a su alta capacidad de autorrenovación y potencialidad para diferenciarse en diferentes linajes celulares (Becerra et al., 2006). Por ello, la Medicina Regenerativa es un campo biomédico que ha levantado muchas E.T.S.I.&Informática& 19& & expectativas en los últimos años, en especial la Terapia Celular basada en la utilización de células madre, lo que ofrece una posibilidades prometedoras para la producción de tejido óseo. Las células madre (tanto de tejido embrionario como de adulto) pueden diferenciarse para dar lugar a todos o la mayor parte de los tipos celulares en un tejido u órgano. La aplicación de la Terapia Celular es una alternativa terapéutica al uso de injertos sintéticos. Esta técnica, que supone una realidad actual para la regeneración ósea, es capaz de producir células del tejido óseo a partir de MSCs. Actualmente se plantea la necesidad de consultar los datos clínicos para la posterior ayuda a investigadores y médicos. Los profesionales sanitarios van a tener la posibilidad de acceder a una base de datos en la que poder buscar y consultar entre los múltiples casos clínicos recogidos sobre regeneración ósea, una información que, gracias a nuestro sistema, facilitará y agilizará el trabajo a esos profesionales. En otras palabras, se podrá comparar entre los diversos casos clínicos previos para así elegir la técnica apropiada y el tratamiento adecuado que les llevará a un resultado más satisfactorio. El motivo que ha despertado mi interés por este proyecto, es la realización de un TFG en el ámbito de la informática, con aplicación a la biomedicina, sobre la base de la idea de que se trata de un campo de investigación que ya despertó mi interés desde que comencé mis estudios, además de que considero que puede ser interesante la implementación de una App Móvil para este sector biosanitario. E.T.S.I.&Informática& 20& & 1.3. Objetivos del TFG Este proyecto tiene dos objetivos principales, cuyo desarrollo ser hará en paralelo. Por un lado, abordar las diferentes estrategias que se ofrecen en la Terapia Celular, así como en la Ingeniería de Tejidos, para el tratamiento de lesiones óseas. Se estudiará el uso de las células madre con el objetivo de transplantarlas en el tejido herido para así poder repararlo. Concretamente, se persigue el empleo de MSCs para abordar la regeneración del hueso. Por otro lado, se pretende la implementación de una aplicación móvil que sirva como herramienta para el personal sanitario. La aplicación móvil consta de casos clínicos reales que han sido superados satisfactoriamente y en los que se pueden consultar las técnicas empleadas, entre otros. La herramienta permite acceder de forma más rápida y sencilla a la información disponible para así facilitar el trabajo al usuario; poder acceder a la información detallada de la técnica acertada. Se llevará a cabo de forma directa en una aplicación que tiene datos reales y bibliográficos. Para tener esa información se han hecho estudios de casos reales que han sido superados satisfactoriamente. 1.4. Materiales y tecnologías usadas Software: Ø Editor de código Atom y plugins Ø Repositorio online Bitbucket Ø Navegador Chrome y extensión Rest Client Hardware: Ø Portátil MacBook Air 13'', versión macOS 10.12.6 Ø Teléfono móvil IPhone 6 iOS 11.4 E.T.S.I.&Informática& 21& & 1.4.1. Html5 y CSS3 Las páginas Web están diseñadas principalmente por dos lenguajes: HTML y CSS. HTML (HyperText Markup Language) es un lenguaje de marcado, elemento esencial de la Web, el cual se utiliza para la creación de Páginas Web. Gracias a HTML podemos describir la estructura de la Página Web y su contenido, así como incluir imágenes y vídeos (Aubry, 2012). La versión que he utilizado para mi Trabajo de Fin de Grado es la quinta versión (HTML5) y, hasta ahora, la última versión del HTML. El lenguaje de marcado ha ido trabajando en nuevas versiones desde la publicación de la primera Página Web en 1990. A partir de 2007, se comenzó a trabajar con la última versión actual del lenguaje que se utiliza para estructurar Páginas Web; HTML5 (Gutiérrez, 2007). El lenguaje de marcado HTML5 incorpora nuevas etiquetas semánticas y atributos con el fin de hacer un lenguaje más homogeneizado y fácil de leer. Las etiquetas tienen el objetivo de estructurar el documento en partes lógicas y haciéndolo más coherente para otras personas y sobre todo para la máquina. De esta forma, se estructuran componentes lógicos en la Página Web: <header>, <nav>, <article>, <section>, <aside>, <footer> (Diez, et al., 2012). Ilustración 1: Estructura etiquetas HTML5 Fuente: https://www.arkaitzgarro.com/html5/capitulo-2.html E.T.S.I.&Informática& 22& & Cuando hablamos de HTML también estamos haciendo referencia a CSS aunque sean tecnologías totalmente diferentes. CSS (Cascading Style Sheets), a pesar de ser otro lenguaje totalmente diferente, trabaja junto con HTML para dotar de estética una Página Web (color, tamaño, posición, fondo...) (Gauchat, 2012). Ilustración 2: HTML5 y CSS3 Fuente: https://lenguajecss.com/p/css/introduccion/que-es-css La aparición de CSS se produjo por el crecimiento del lenguaje HTML, alrededor del año 1970, debido a que surgieron dificultades para visualizar un sitio web con la misma apariencia en diferentes navegadores. Con el uso de CSS se le indica al documento el estilo de cada elemento de la páginas a través de otro archivo ajeno y no en el mismo código HTML. De esta manera no habrá estilos duplicados ya que los cambios que se produzcan se realizan en un solo lugar y no tenemos que editar todas las páginas. CSS mejora el diseño de la Web aportando un diseño más exclusivo y ordenado (Durango, 2015). Una de las principales características que hace potente a CSS es la separación por capas. La separación por capas es una serie de reglas de divisiones que garantizan un código reutilizable y el que se le puede dar un mantenimiento. Además, otra característica es que tiene una consistencia global E.T.S.I.&Informática& 23& & porque las hojas de estilo ofrecen a los diseñadores web grandes ventajas como la capacidad de poder crear hojas de estilos globales. Si por ejemplo quisiéramos actualizar significaría que aplicamos un solo cambio y no un cambio en todas las páginas en las que pudiera estar involucrada. Esta hoja de estilos en cascada funciona a base de reglas las cuales son declaraciones sobre el estilo de uno o más elementos. Las reglas tienen dos partes: Selector y Declaración (compuesta por una propiedad y el valor que se le asigne). Ø Selector: El selector es el elemento que vamos a seleccionar del documento que se le aplica el estilo. Ø Propiedad y valor: La propiedad es una característica que aporta el lenguaje CSS. Cada propiedad CSS está determinada por una serie de valores concretos. Ilustración 3: Estructura CSS Fuente: https://lenguajecss.com/p/css/introduccion/estructura-de-css En definitiva, tener separados nuestros códigos HTML y CSS no solo nos va a permitir agilizar el diseño de Páginas Web sino que nos va a proporcionar muchas ventajas como tener un código más limpio, claro y reutilizable. E.T.S.I.&Informática& 24& & 1.4.2. JavaScript Con el tiempo surgió la necesidad de crear Páginas Web con información dinámicas como actualizaciones de contenido en el momento o animaciones gráficas 2D/3D. Por este motivo, se necesitaba un lenguaje que interactuase con el usuario final. El problema se vio solventado con el lenguaje auxiliar JavaScript que se encargó de la interacción dinámica de los elementos del documento (Gogonea, 2016). JavaScript es un lenguaje interpretado y al cargar una Página Web en el navegador, el código es leído línea a línea dentro de un ambiente de ejecución. El código lo podemos tener en un fichero aparte o en el propio HTML, siempre con el uso de la etiqueta <script>. El orden en JavaScript es muy importante ya que cuando el navegador encuentra un bloque JavaScript lo lee de arriba hacia abajo. Ilustración 4: Esquema HTML, CSS y JS Fuente: https://www.quora.com/Should-I-learn-front-end-web-development-like-HTML-CSS-and-JavaScript-when-Imfocusing-on-learning-Java E.T.S.I.&Informática& 25& & 1.4.3. Apache Cordova La tecnología Apache Cordova nace en 2008 a través de Nitobi que presentó un proyecto en el que utilizaba HTML, CSS y JavaScript para hacer aplicaciones nativas en Android. Apache Cordova es una unión entre HTML, CSS Y JavaScript para hacer páginas web las cuales luego se encapsulan y se utilizan en aplicaciones móviles creando aplicaciones nativas con lenguajes muchos más fáciles. Las ventajas que presentan Apache Cordova, como ya hemos dicho, es la utilización de HTML, CSS Y JavaScript frente a Java y XML ya que son unos lenguajes más simples. De esta forma podemos crear comunicación con un enlace y una página nueva y, además, la capacidad que CSS nos proporciona para el diseño de las páginas es mucho mayor que con los layouts de Android. Las desventajas que presenta Apache Cordova es que muchas funcionalidades no se encuentran para todas las plataformas, hay que cargar siempre el archivo deviceready y el uso de datos según el localstorage no es resistente y cuando cerramos la aplicación desaparecerán. Es por esto que el lenguaje JavaScript está muy relacionado con las aplicaciones multiplataforma y debemos de dominarlo si queremos aportarle funcionalidad si utilizamos Apache Cordova. Ilustración 5: Apache Cordova Fuente: http://www.ituring.com.cn/article/207269 E.T.S.I.&Informática& 32& & 1.8. Abreviaturas y definiciones En esta sección explicaré con una breve definición el significado de abreviaturas, palabras y expresiones que puedan resultar difíciles de entender para cualquier persona que no esté familiarizada con este tema o disciplina. API (Application Programming Interface): contenedor que almacena información. REST (Representational State Transfer): tipo de arquitectura que permite diseñar aplicaciones en red. REST utiliza HTTP. Células madre: células precursoras que están presente en todo el organismo. Células madre adultas: células alojadas en los organismos de adultos, recién nacidos, niños y fetos en desarrollo. Células madre embrionarias (ESCs): células que pueden dar lugar a cualquier otra célula del cuerpo. Células madre hematopoyéticas (HSCs): células que se encuentran en la médula ósea y son precursoras de las células sanguíneas (glóbulos rojos, glóbulos blancos y plaquetas). Células pluripotentes inducidas (iPSs): células con características pluripotenciales. Células madre mesenquimales (MSCs)!: Células que pueden dar origen a células de tejidos como el cartílago, el hueso o la grasa. Cliente: Realiza peticiones al servidor. Médula ósea (MO)!: tejido esponjoso en el interior de los huesos y que contiene las HSCs. E.T.S.I.&Informática& 33& & Multiplataforma: Apto para varios sistemas. Servicio Web: Tecnología que tiene la finalidad de intercambiar datos entre aplicaciones y utilizan estándares y protocolos. Servidor: Aplicación en ejecución que satisface las peticiones que realiza un cliente. E.T.S.I.&Informática& 34& & E.T.S.I.&Informática& 35& & Capítulo 2 Tejido Óseo 2.1. Generalidades y clasificaciones 2.2. Matriz ósea 2.3. Células óseas 2.4. Osificación 2.5. Lesión del tejido óseo E.T.S.I.&Informática& 36& & 2.1. Generalidades y clasificaciones El esqueleto humano está constituido por huesos. Estos están formados en su mayor parte por el tejido óseo que tiene las funciones de sostén, protección, movimiento, contención de la médula ósea y reservorio de minerales (Tortora & Derrickson, 2006). Debido a la importancia de las funciones que desempeña este tejido, es de vital interés que se mantenga su composición y su resistencia mecánica. Es por eso que el hueso está en constante renovación desde que nacemos, reemplazando el hueso antiguo por hueso nuevo; este proceso es conocido como remodelado óseo (Gartner & Hiatt, 2015). Se calcula que cada 10 años se renueva completamente todos los huesos de nuestro cuerpo ya que cada año renovamos entre el 5% y el 15% del esqueleto (Fernández-Tresguerres et al., 2006). El tejido óseo se organiza de dos modos diferentes: tejido óseo esponjoso y tejido óseo compacto. v Tejido óseo esponjo: Lo podemos hallar dentro de la epífisis o en la extremidad de los huesos largos (rodeado siempre de tejido óseo compacto). Integrado por trabéculas óseas anastomosadas que componen la parte interna del hueso (Pérez et al., 2004). v Tejido óseo compacto: Es ampliamente más sólido que el tejido óseo esponjoso. Revela una organización laminar mucho más gruesa y sus espacios son de un tamaño inferior. Los vasos sanguíneos, los vasos linfáticos y los nervios traspasan el hueso compacto desde el periostio por los conductos de Volkman. Otorga protección y soporte, y ofrece resistencia a la tensión causada por el peso y el movimiento (Kierszenbaum & Tres, 2016). E.T.S.I.&Informática& 37& & 2.2. Matriz ósea El tejido conectivo especializado está constituido por una matriz extracelular (MEC) calcificada que encierra a las células que la secretan. La MEC está compuesta por una porción orgánica (colágeno tipo I, proteoglucanos y glucoproteínas), una porción inorgánica (hidroxiapatita) y agua (Kierszenbaum & Tres, 2016). La porción orgánica, u osteoide, representa un tercio del peso óseo (35%). La matriz mineralizada extracelular interviene en la regulación de la diferenciación celular y función del tejido óseo (Prieto, 2005). La porción inorgánica está constituido en un 65% del peso total de la matriz ósea por cristales de hidroxiapatita, Ca10 (PO4)6(OH)2, (formada por fosfato de calcio cristalino) (Fernández-Tresguerres et al., 2006). 2.3. Células óseas Las células óseas que conviven en el hueso se encuentran en el tejido óseo aunque también se pueden encontrar en el estroma conjuntivo de la médula ósea. Los diferentes tipos de células ósea que se pueden localizar en el tejido óseo son 4: células osteoprogenitoras, osteoblastos, osteocitos y osteoclastos (FernándezTresguerres et al., 2006). v Células Osteoprogenitoras: Este tipo de células, precursoras, se encuentran en las superficies externas e internas de los huesos. Estas células hacen posible la diferenciación hacia los osteoblastos bajo la acción del factor de crecimiento transformante beta y la proteína morfogenética ósea (BMP) (Gartner & Hiatt, 2015), además de producir matriz ósea. Además, son capaces de diferenciarse a adipocitos, condroblastos y fibroblastos v Osteoblastos : Se trata de una célula diferenciada que originan la matriz ósea. Sintetizan y secretan las proteínas colágenas y no colágenas de la matriz orgánica del hueso y principian la calcificación. Además, actúan regulando la mineralización de la matriz ósea y la formación y reclutamiento de los E.T.S.I.&Informática& 38& & osteoclastos. Igualmente, estas células se diferencian en osteocitos (Owen, 1980). v Osteocitos: Son osteoblastos diferenciados. Residen en lagunas situadas dentro de la matriz calcificada. Se encargan de mantener la matriz ósea y de mantener su metabolismo por medio del intercambio de nutrientes. Su función es la de recubrir superficies internas y externas y secretar colagenasa (Bravo, 2016). v Osteoclastos: Son células multinucleadas(aproximadamente 50 núcleos) (Hall, 2017), derivadas de monocitos, ricas en mitocondrias y vacuolas responsables de la resorción de la matriz ósea. Su función es la de secretar enzimas lisosómicas (evidenciando la presencia de fosfatasa ácida fuera de la célula entre el borde rugoso y hueso) y fagocitar los osteocitos, colágeno y mineral. Los osteoclastos proceden de células madre hematopoyéticas medulares denominadas (CFU-GM) (Gartner & Hiatt, 2015) (FernándezTresguerres et al., 2006). 2.4. Osificación Proceso por el cual se produce la formación del hueso se conoce como osificación u osteogénesis (Infante-Cossío et al., 2007). Existen dos tipos de osificación: Osificación intramembranosa y osificación endocondral. Los huesos formadores de las extremidades(largos y cortos) y vértebras del feto evolucionan por el proceso de osificación endocondral y los huesos planos de la cara y el cráneo del feto se desarrollan por osificación intramembranosa. v Osificación Intramembranosa : Este proceso tiene lugar a partir de la división de las células madre mesenquimales que dan lugar al blastema óseo. Posteriormente se transforman en células osteoprogenitoras y luego en osteoblastos; estas últimas encargadas de secretar y sintetizar el osteoide. La matriz ósea se endurece por el depósito de calcio y sales minerales. Los osteoblastos diferenciados forman, en primer lugar, espículas óseas que E.T.S.I.&Informática& 39& & fusionándose dan lugar a las trabéculas, las cuales interconectadas forman tejido óseo (Percival y cols., 2013), (Godino, 2015). v Osificación Endocondral: Es el proceso por el cual el tejido cartilaginoso embrionario es reemplazado paulatinamente por tejido óseo. Durante este proceso de osificación endocondral, los condrocitos se encargan de proliferar, sufren hipertrofia y posteriormente mueren. Tanto los osteoclastos, osteoclastos, células de la médula ósea y vasos sanguíneos se encargan de ocupar la matriz extracelular del tejido cartilaginoso (Mackie et al., 2008). Tanto la placa cartilaginosa como el cartílago de crecimiento de los huesos que ya han sido formados están compuestos por cartílago. 2.5. Lesión del tejido óseo El tejido óseo, tras sufrir una fracturas, pone en marcha el proceso de reparación ósea. No se trata de un proceso de cicatrización, si no que comienza a formarse callo óseo en la zona de la fractura hasta que finalmente se regenera completamente formando el tejido óseo (tejido reconstituido). Tanto el proceso de incorporación de injertos como el proceso de reparación de fracturas óseas, consisten en una recapitulación de las etapas embrionarias (Godino, 2015). Las consolidación es un proceso de reparación ósea que consta de una fase inflamatoria, reparativa y de remodelación. La etapa inflamatoria dura aproximadamente 2 semanas en los autoinjertos. La hemorragia forma un hematoma que coagula a 18-20 horas de la lesión (Chillarón, 2015) y en el que se produce la liberación de factores de crecimiento como transformante-beta (TGF-β). La estabilidad de los glóbulos blancos y rojos en el coágulo será importante para la formación ósea posterior (Barroso, 2017). En la segunda fase se produce la migración de las células madre mesenquimales progenitoras (MCSs) al lugar de la lesión que se caracterizan por su pluripotencialidad y capacidad de auto renovarse. Las células proliferan en el E.T.S.I.&Informática& 40& & periosteo, en el tejido vascularizado y en el tejido blando; acompañado de la diferenciación de las MSC en osteoblastos, osteoclastos y condroblastos. La diferenciación de las células a osteoblastos se estimula mediante las BMP, las cuales entran en el grupo de factores de crecimiento (Andrades et al, 2003). Después de que las células del periosteo proliferen y gracias a los cristales de hidroxiapatita, comienza la mineralización del callo. Progresiva en su mineralización, el tejido óseo que se ha formado primitivo (laminar y fibrilar), va adquiriendo propiedades mecánicas (rigidez). Finalmente, las zonas nuevas que quedan de cartílago van siendo eliminadas poco a poco hasta dar lugar a la formación del callo óseo perióstico y endóstico (Pretell et al.,2009). Una vez sustituido el cartílago por tejido óseo, en la tercera fase se produce progresivamente la remodelación hasta conseguir la fractura reparada. Este último proceso puede abarcar bastante tiempo. Ilustración 7: Proceso de consolidación Fuente: https://teleducacion.medicinaudea.co E.T.S.I.&Informática& 41& & Capítulo 3 Terapia Celular 3.1. Introducción 3.2. Células madre 3.2.1. Células madre embrionarias 3.2.2. Células madre adultas 3.3. Terapia Celular en tejido óseo E.T.S.I.&Informática& 48& & Ilustración 11: Marcadores de superficie MSCs 3.2.3. Células madre pluripotentes inducidas Hasta ahora, solo hemos mencionado dos vías para obtener células troncales pluripotentes, ya sea a través de embriones (blastocitos), células madre embrionarias, presentes en tejido fetal, recién nacidos o en adultos, las denominadas células madre adultas (Montoliu, 2009). Existen también otro tipo de células pluripotentes que no se encuentran en ningún organismo sino que son creadas en el laboratorio. Esta alternativa fue fruto de la inducción de células somáticas a células troncales pluripotentes y, el resultado de las células troncales obtenidas, fueron denominadas células madre pluripotentes inducidas o iPS. Los resultados que se han conseguido a lo largo de estos 12 años (experimentos pioneros de Takahashi y Yamanaka en 2006) con las células pluripotentes inducidas demuestran el éxito en la experimentación clínica. La eficacia de esta fuente inagotable de células pluripotentes es comparable con la de las células madre embrionarias, y, de este modo, conseguir lidiar con los problemas éticos que conlleva la destrucción de embriones humanos (Aznar et al., 2017) (Cepero et al, 2011). E.T.S.I.&Informática& 49& & 3.3. Terapia Celular en tejido óseo Los huesos nunca llegan a saldarse por completo cuando se rompen. A esto le añadimos que conforme vamos avanzando en edad, es obvio que las células madre van disminuyendo en número y van perdiendo la capacidad de afrontar una reparación, desencadenando en que los pacientes pueden verse afectados con una discapacidad. Estos problemas, que están tan presentes en la sociedad, se producen ya que a edades más tempranas se puede lograr hacer frente con el número de células existentes; sin embargo, con la edad y las enfermedades empiezan a surgir estas situaciones y las células solas pueden ser no suficientes para saldar esta realidad. A estos problemas planteados, el empleo de las células madre aportan una solución novedosa. Se han utilizado células madres mesenquimales para estudios con aplicaciones en enfermedades óseas y los resultados han sido muy esperanzadores. Gracias a la administración de las MSC en el defecto óseo, es posible regenerar tejido funcional (Bruder et al., 1998). La posibilidad de utilizar células madre mesenquimales para la obtención de tejido óseo resulta muy atractiva. Y más aún, son capaces de autorrenovarse y proliferar sin perder la capacidad de diferenciarse en osteoblastos (Prósper et al., 2006). No solo significa que es un gran avance para la Medicina Regenerativa, si no que también lo es en calidad de vida de la sociedad. E.T.S.I.&Informática& 50& & E.T.S.I.&Informática& 51& & Capítulo 4 Análisis de la aplicación 4.1. Análisis preliminar y objetivos de la aplicación 4.1.1. Aplicaciones móviles multiplataforma 4.2. Requisitos funcionales 4.3. Requisitos no funcionales 4.4. Diagrama Caso de Uso 4.5. Detalle de Casos de Uso E.T.S.I.&Informática& 52& & 4.1. Análisis preliminar y objetivos de la aplicación El objetivo principal de la aplicación consiste en la implementación de una herramienta que sirva para el mundo de la investigación y el personal sanitario. La aplicación móvil constará de casos clínicos reales que han sido superados satisfactoriamente y que se pueden consultar las técnicas empleadas, entre otros. La herramienta permite acceder de forma más rápida y sencilla a la información disponible para así facilitar el trabajo al usuario; poder acceder a la información detallada de la técnica acertada. Se llevará a cabo de forma directa en una aplicación que tiene datos reales y bibliográficos. En resumen, los objetivos principales son los siguientes: ♦ Desarrollar una Aplicación Móvil para hacer consultas de casos clínicos. ♦ Conseguir comunicación entre los usuarios de la aplicación a través de comentarios en los casos clínicos ♦ Integrar las tecnologías mencionadas en el primer capítulo. 4.1.1. Aplicaciones móviles multiplataforma ¿Qué es desarrollo web, nativo e híbrido? Antes de decidir que tipo de aplicación queremos desarrollar debemos de tener muy claro los conceptos y diferencias entre ellas. Después de tener claro la idea, el enfoque y características de nuestra app podremos elegir una u otra. Ilustración 12: Tipos de aplicaciones Fuente: http://inqbarna.com/nativa-o-no-nativa-he-ahi-la-cuestion/ E.T.S.I.&Informática& 53& & En primer lugar las aplicaciones web son aplicaciones básicamente optimizadas para trabajar en móviles y no van a tener relación directa con los recursos del dispositivo. Son páginas desarrolladas en html, css, JavaScript y se ejecutan en el navegador del dispositivo adaptándose a la pantalla del mismo. Son páginas web responsivas ya que se adaptan a nuestro dispositivo (tablets, móvil, etc). Algunas de las ventajas que encontrabas de las web app son: Ø No necesitan que se aprueben para poder publicarse Ø Siempre última versión Ø Multiplataforma. Simplemente necesitamos un navegador en un dispositivo donde lo visualizaremos. Ø Proceso de desarrollo más fácil y económico Ø Reutilizable Un ejemplo de una web app es Facebook, si tu escribes en el navegador de tu dispositivo la URL de Facebook te llevará a su página web pero optimizada para tu dispositivo. Las desventajas que presenta son las siguientes: Ø Mayor esfuerzo en promoción. Al no disponer de una tienda como Play Store para promocionarse, va a necesitar un mayor esfuerzo para que se publiquen y promocionarse. Ø Conexión Internet. Es obligatorio el uso de internet en el dispositivo para acceder a la página web. Ø Menor rendimiento. Al no encontrarse alojada en el propio dispositivo, el rendimiento es mucho menor que si se encontrase en el mismo. En cuanto a las aplicaciones nativas, son aplicaciones más específicas y aprovechan las capacidades del dispositivo. Otra características propias de las app nativa es el desarrollo en un lenguaje específico dependiendo del sistema operativo del dispositivo. En el caso de Android el lenguaje utilizado es Java, en iOS es Objetive-C y Swift y en Windows Phone se utiliza .Net. En general las aplicaciones nativas son de mucha más calidad que otras aplicaciones, ya que como he mencionado utilizan gran parte de los recursos del E.T.S.I.&Informática& 54& & dispositivo. Además, para su desarrollo específico hacen uso de un SDK o Software Development Kit. Cada sistema utiliza su propio SDK, por lo que si queremos una aplicación para los diferentes sistemas operativos necesitaremos trabajar enfocados en su propio SDK. Las ventajas que presentan las aplicaciones nativas son las siguientes: Ø AppStore (Tienda de aplicaciones). Las aplicaciones que se encuentran alojadas en la tienda de aplicaciones pueden ser promocionadas. Ø Aprovechamiento de los recursos. La aplicación estará instalada directamente en nuestro dispositivo y de esta forma aprovecha los recursos que este mismo le puede proporcionar como pueden ser la cámara, memoria, procesador, micrófono, etc. Ø Mejor experiencia de usuario. Ø Mejor rendimiento. Serán aplicaciones más rápidas y fluidas. Las desventajas que encontramos de las aplicaciones nativas: Ø Mayor costo y tiempos de desarrollo. Ø No es multiplataforma. Ø El desarrollador necesitará conocer cada lenguaje específico para cada plataforma, por lo que necesitará más tiempo en comparación con otras aplicaciones como las web app. Y por último las aplicaciones híbridas, son una parte nativa y una parte web. De esta manera podremos acceder al hardware del dispositivo. De este modo podremos utilizar una gran cantidad de recursos, aunque no podremos utilizar todos los recursos que tiene acceso una aplicación nativa. Dentro de las ventajas de las aplicaciones híbridas: Ø AppStore. Se puede hacer uso de las tiendas de aplicaciones en función de la plataforma. Es decir, si, por ejemplo, desarrollo una aplicación para Android tendré acceso a esa tienda de aplicaciones. Ø Multiplataforma. Por una parte puede ser como un desarrollo web, sin embargo, su instalación va a ser como una aplicación nativa. Ø Acceso a parte del Hardware del dispositivo. E.T.S.I.&Informática& 55& & Las desventajas que presentan las aplicaciones híbridas son las siguientes: Ø Aplicaciones genéricas. Ø El aspecto visual va a ser igual en teoría para los diferentes plataformas, ya sea Android, iOs, Window Phone... Ø La experiencia de usuario no será tan buena. Por ejemplo, un usuario de iOS está acostumbrado a los iconos y el aspecto gráfico que Apple brinda pero que en una aplicación híbrida lo más seguro es que el usuario se de cuenta de que no es una aplicación 100% iOS. Como ya hemos mencionado antes, para el desarrollo de una aplicación híbrida se puede trabajar como si fuese una aplicación web. Sin embargo, existen diferentes frameworks que nos facilitan ese proceso como por ejemplo Apache Cordova, PhoneGap, ionic, xamarin... Para saber qué tecnología queremos utilizar debemos de conocer bien qué es lo que queremos lograr y cuál es el público al que queremos llegar. Además, tendremos que tener en cuenta algunas variables como el enfoque, presupuesto, uso de recursos del dispositivo, tiempo de desarrollo... Las razones por las que he elegido una aplicación híbrida son, básicamente, porque no es necesario el conocimiento de las herramientas (iOS, Android, BlackBerry o Window Phone) ya que requeriría de una buena inversión de tiempo y esfuerzo. Por otro lado, las aplicaciones híbridas son desarrolladas una sola vez para luego ser exportadas a diferentes plataformas sin necesidad de modificar el código base. E.T.S.I.&Informática& 56& & 4.2. Requisitos funcionales Nombre REQ1 – REGISTRO DE USUARIOS Prioridad Imprescindible Descripción 1. El usuario podrá registrarse en la aplicación Tabla 4: REQ1-Registro de usuarios Nombre REQ2 – IDENTIFICACIÓN Prioridad Imprescindible Descripción 1. El usuario podrá iniciar sesión en la aplicación con su email y contraseña. Tabla 5: REQ2Identificación Nombre REQ3 - CIERRE DE SESIÓN Prioridad Imprescindible Descripción 1. El usuario podrá finalizar la sesión con un botón que indique “Cerrar sesión”. Tabla 6: REQ3-Cierre de sesión Nombre REQ4 – ACCESO AL FORO Prioridad Deseable Descripción 1. El usuario podrá El usuario podrá crear debates en un foro. 2. El usuario podrá contestar a otros usuarios en el foro. Tabla 7: REQ4-Acceso al foro E.T.S.I.&Informática& 57& & Nombre REQ5 – BÚSQUEDA DE CASOS CLÍNICOS Prioridad Imprescindible Descripción 1. El usuario podrá buscar casos clínicos en función de las patologías. Tabla 8: REQ5-Búsqueda de casos clínicos Nombre REQ6 – INFORMACIÓN SOBRE CASO CLÍNICO Prioridad Imprescindible Descripción 1. El sistema mostrará la información, de la base de datos, correspondiente a ese caso clínico. Tabla 9: REQ6-Información sobre caso clínico Nombre REQ7 – INSERTAR CASOS CLÍNICOS Prioridad Imprescindible Descripción 1. El usuario podrá hacer click en un botón de añadir e introducir un nuevo caso clínico. Tabla 10: REQ7-Insertar casos clínicos Nombre REQ8 – ALMACENAR CASO CLÍNICO FAVORITO Prioridad Deseable Descripción 1. El usuario podrá guardar un caso clínico como favorito mediante un botón con forma de estrella. Tabla 11:REQ8-Almacenar caso clínico favorito E.T.S.I.&Informática& 64& & Nombre CdU Mostrar menú Requisito implicado REQ11 – MENÚ LATERAL Actor principal usuario Personal involucrado Usuario: El usuario selecciona el menú lateral Sistema: Despliega el menú lateral Precondiciones El usuario debe estar registrado en la aplicación Secuencia de interacciones 1. El usuario selecciona el icono de menú 2. El sistema despliega un menú a la izquierda Postcondiciones Se muestra el menú a la izquierda de la aplicación Frecuencia Todas las que el usuario desee Tabla 24: Mostrar Menú Nombre CdU Cerrar sesión Requisito implicado REQ3 - CIERRE DE SESIÓN Actor principal usuario Personal involucrado Usuario: El usuario selecciona cerrar sesión Sistema: Cierra la sesión del usuario Precondiciones El usuario debe estar registrado en la aplicación Secuencia de interacciones 1. El usuario selecciona el icono de cerrar sesión 2. El sistema pregunta si está seguro de abandonar la sesión 3. el caso de que el usuario acepte cerrar la sesión, le redirigirá a la página de identificación de usuario. Postcondiciones Se muestra la página de autentificación Frecuencia 1 por acceso y usuario Tabla 25: Cerrar Sesión E.T.S.I.&Informática& 65& & Nombre CdU Consultar la información detallada de un caso clínico Requisito implicado REQ10 – INFORMACIÓN SOBRE CASO CLÍNICO Actor principal usuario Personal involucrado Usuario: El usuario puede ver la información del caso clínico Sistema: Muestra la información detallada del caso clínico Precondiciones El usuario debe estar registrado en la aplicación Secuencia de interacciones 1. El usuario selecciona un caso clínico 2. El sistema muestra la información detallada del caso clínico seleccionado Postcondiciones El usuario ve la información detallada del caso clínico Frecuencia Todas las que el usuario desee Tabla 26: Consultar la información detallada de un caso clínico Nombre CdU Añadir caso clínico favorito Requisito implicado REQ7 – ALMACENAR CASO CLÍNICO FAVORITO Actor principal usuario Personal involucrado Usuario: El usuario añade caso clínico favorito Sistema: Almacena caso clínico favorito Precondiciones El usuario debe estar registrado en la aplicación Secuencia de interacciones 1. El usuario selecciona el caso que desea almacenar como favorito 2. El sistema comprueba que no ha sido almacenado anteriormente 3. El sistema queda almacenado en la lista de casos clínicos favoritos Postcondiciones El caso clínico favorito quedará registrado en la lista de casos clínicos favoritos Frecuencia Todas las que el usuario desee Tabla 27: Añadir caso clínico favorito E.T.S.I.&Informática& 66& & Nombre CdU Eliminar Caso Favorito Requisito implicado REQ9 – ELIMINAR CASO CLÍNICO FAVORITO Actor principal usuario Personal involucrado Usuario: El usuario elimina el caso clínico Sistema: Muestra la opción para eliminar Precondiciones El usuario debe estar registrado en la aplicación Secuencia de interacciones 4. El usuario selecciona el caso que desea eliminar 5. El sistema comprueba que no los parámetros que ha introducido son correctos 6. El sistema almacena el nuevo caso clínico en la BBDD Postcondiciones El caso clínico quedará registrado en la BBDD Frecuencia Tantas como casos favoritos haya Tabla 28: Eliminar Caso Favorito Nombre CdU Acceder al Foro Requisito implicado REQ6 – ACCESO AL FORO Actor principal usuario Personal involucrado Usuario: El usuario selecciona acceder al foro Sistema: Muestra la información del foro Precondiciones El usuario debe estar registrado en la aplicación Secuencia de interacciones 1. El usuario selecciona “foro” en el menú lateral 2. El sistema mostrará la información del foro Postcondiciones Se muestra la información contenida en el foro Frecuencia Todas las que el usuario desee Tabla 29: Acceder al foro E.T.S.I.&Informática& 67& & Capítulo 5 Diseño e implementación de la aplicación 5.1. Arquitectura 5.1.1. Arquitectura cliente-servidor 5.2. Detalles sobre implementación 5.2.1. Firebase 5.3. Modelo de datos 5.3.1. Diagrama Relacional 5.3.2. Entidades del Modelo de Datos E.T.S.I.&Informática& 68& & 5.1.1. Arquitectura cliente-servidor La arquitectura que hemos utilizado para nuestra aplicación es clienteservidor. El servidor es tan solo una aplicación que se encarga de estar esperando a escuchar las peticiones. El cliente es el que le envía las instrucciones al servidor y el servidor, a su vez, también se comunica con el cliente. El servidor tiene mucha más potencia ya que se puede comunicar con muchos más clientes. El cliente, quién necesita consumir cierta información, la solicita a un servidor donde se encuentra almacenada bajo ciertos criterios donde se especificada el tipo de información que se necesita, de dónde se va a sacar. Esta petición se procesa en el servidor y se devuelve a través de una respuesta para que el cliente la interprete conforme a un formato establecido entre el cliente y el servidor para después la represente en cualquier sistema del lado del cliente (en nuestro caso una aplicación). Se trata de una arquitectura donde tendremos el servidor en la nube y en una base de datos y los clientes que serán los dispositivos móviles que tengan instalada la aplicación. Ilustración 14: Resumen Arquitectura Fuente: Elaboración propia E.T.S.I.&Informática& 69& & 5.2. Detalles sobre implementación 5.2.1. FireBase La base de datos que utilizaremos para la autentificación de los usuarios y el registro será la que provee Firebase la cual es NoSQL. Firebase nos proporcionará unas configuraciones cuando creamos nuestro proyecto para poder acceder a él (como podemos ver en el código en la imagen). Ilustración 15: Código de inicialización de Firebase en la aplicación web Desde Firebase podemos administrar nuestro proyecto con la consola que nos proporciona para utilizar desde la web. Desde la web podemos controlar los usuarios que se han registrado en la aplicación y el día que accedieron por última vez(imagen). Como observamos, el último usuario solo se registró pero nunca llegó a acceder a la aplicación. E.T.S.I.&Informática& 70& & Ilustración 16: Demostración del registro en la base de datos 5.3. Modelo de Datos Para poder describir la estructura de datos de la base utilizaremos un modelo de datos. Además, podremos describir las restricciones de integridad y las operaciones de borrado, recuperación de datos, agregado, etc. La herramienta que utilizaremos para el modelo de datos será el modelo Entidad-Relación. 5.3.1. Modelo Entidad-Relacional A continuación, se muestra el modelo Entidad-Relación que representa de una manera general nuestra Base de Datos. Elementos básicos de mi modelo entidad-relación: Ø Entidad: Es la representación de un concepto del mundo real como por ejemplo foro, debate, categoría... Ø Relación: Sirve para asociar una entidad con otra diferente o consigo misma. Ø Atributo: Son las propiedades o características que posee una entidad. ♦ Todas las entidades tienen una clave primaria que servirá para identificar dicha entidad. Teniendo en cuento lo descrito, podemos observarlo en la ilustración siguiente. E.T.S.I.&Informática& 71& & Ilustración 17: Diagrama entidad-relación E.T.S.I.&Informática& 72& & 5.3.2. Entidades del Modelo de Datos Ahora mostraremos de manera más detallada las entidades del sistema. Aplicación Atributos Dominio ¿Nulo? Descripción Id_aplicacion Numérico NO Identificar Lista Casos Tabla 30: Aplicación ListaCasos Atributos Dominio ¿Nulo? Descripción Id_list Numérico NO Identificar Lista Casos Id_aplicación Numérico NO Identificador de la aplicación a la que pertenece Tabla 31: ListaCasos CasosClinicos Atributos Dominio ¿Nulo? Descripción Id Numérico NO Identificar Lista Casos nombre Cadena NO Nombre del caso clínico Id_list Numérico NO Identificar Lista Caso clínico al que pertenece el caso clínico Nombre_Categria Cadena NO Nombre de la categoría a la que pertenece Tabla 32: CasosClinicos E.T.S.I.&Informática& 73& & Categoría Atributos Dominio ¿Nulo? Descripción nombre Cadena NO Nombre de la categoría Tabla 33: Categoría Comentario Atributos Dominio ¿Nulo? Descripción Id_comentario Numérico NO Identificar Lista Casos Id_Caso Numérico NO Identificador del caso clínico al que pertenece el comentario descri Cadena NO Descripción del comentario Tabla 34: Comentario Foro Atributos Dominio ¿Nulo? Descripción idForo Numérico NO Identificar caso clínico Id_aplicación Numérico NO Identificador de la aplicación a la que pertenece Tabla 35: Foro Debate Atributos Dominio ¿Nulo? Descripción idDebate Numérico NO Identificar caso clínico Id_foro Numérico NO Identificador del foro al que pertenece Tabla 36: Debate E.T.S.I.&Informática& 80& & A.1. Proceso de registro El usuario que acceda a la aplicación por primera vez le aparecerá esta página. Mostraremos como aparecería según si se trata de un sistema operativo móvil iOS o Android. Aparece el título de la aplicación en rojo y un cuadro donde el usuario que esté registrado podrá introducir su Email y Contraseña y haciendo click en el primer botón rojo. Ilustración 18: Pantalla Identificación de Usuario E.T.S.I.&Informática& 81& & En caso contrario, el usuario podrá registrarse en la aplicación haciendo click en el segundo botón rojo que nos encontramos en la pantalla y nos llevará a esta página de registro. Simplemente tendrá que introducir su email y contraseña para poder registrarse en la aplicación y ya le permitirá iniciar sesión en el primer botón que podemos ver en la ilustración. Ilustración 19: Pantalla Registro de Usuario E.T.S.I.&Informática& 82& & A.2. Manual Para Usuario Básico Una vez registrados, se explica en el siguiente manual como navegar por la aplicación. Se divide en 4 secciones que podemos apreciar en la siguiente imagen del menú: Mis Casos Clínicos, Buscar, Lista Casos Clínicos y Foro. A.2.1. Menú Este es el menú desplegable de la aplicación, al que podemos acceder haciendo click en la parte superior izquierda. Ilustración 20: Menú Desplegable E.T.S.I.&Informática& 83& & A.2.2. Mis casos clínicos Desde el menú podremos acceder a las diferentes páginas de la aplicación. En primer lugar, nos encontramos con la sección en la que almacenamos nuestros casos clínicos favoritos. Además, esta página es la que se nos inicializa cuando accedemos a la aplicación. Ilustración 21: Pantalla de Inicio Como es la primera vez que iniciamos sesión con este usuario, no tenemos lógicamente ningún caso clínico almacenado. En este caso, nos aparece un mensaje de que no has seleccionado ningún caso clínico y la posibilidad de encontrar uno con el botón rojo que se encuentra debajo. Ilustración 22: Encuentra un Caso Clínico E.T.S.I.&Informática& 84& & A.2.3. Buscar La segunda opción que tenemos en el menú desplegable es la página ‘Buscar’. Esta página clasifica los casos clínicos por patologías; es decir, los filtra para que sea más fácil encontrar lo que buscamos. Algunas de esas agrupaciones son las que vemos en la ilustración como por ejemplo pseudoartrosis, fractura mandibular, artritis, artrosis, etc. Ilustración 23: Filtrado de Casos clínicos Para ver las diferentes patologías solo tendremos que deslizarnos hacia abajo y una vez que hayamos escogido una, basta con pinchar en la imagen de esta misma. E.T.S.I.&Informática& 85& & A.2.4. Información caso clínico Cuando hacemos click en alguna de los filtros mostrados anteriormente, podremos ver todos los casos clínicos almacenados en esa patología (se muestra solo el título del caso clínico). En este caso, hemos hecho click en la patología pseudoartrosis y nos muestran los casos almacenados registrados en la aplicación que se han hecho estudios clínicos satisfactorios. Ilustración 24: Lista de Casos por Patología E.T.S.I.&Informática& 86& & Si queremos saber más información acerca de un caso clínico en concreto, solo tenemos que hacer click en la lupa o en el título del caso clínico. Por ejemplo, accederemos a la información sobre el caso clínico Pseudoartrosis húmero caso 2. Al acceder a la información del caso clínico, nos lleva una página como esta. Se muestra en un cuadro el título del caso clínico y la información (descripción, técnicas empleadas, etc.). Es bastante útil ya que nos plantea la situación, en qué consistió la terapia y materiales utilizados, el resultado obtenido y por último una fotografía de la situación inicial y del resultado final pasado unos meses. En este caso plantea pseudoartrosis atrófica de húmero a la que se le ha aplicado un bioinjerto constituido por células madre de médula ósea autóloga. En el seguimiento radiográfico se puede evidenciar la curación a los 4 meses. Ilustración 25: Información Caso Clínico E.T.S.I.&Informática& 87& & Si tienes alguna duda acerca del caso clínico como la técnica empleada, solo tienes que hacer click en el botón “¿Tienes alguna duda?” y te llevará a un foro de cuestiones acerca de ese caso clínico. Ilustración 26: Cuestiones E.T.S.I.&Informática& 88& & Una vez que accedemos a Cuestiones, podemos realizar preguntas en el apartado “¿Alguna cuestión?. Si hacemos click en el botón se abrirá una ventana en la cual podremos escribir el Título de la duda y, a continuación, su descripción. Cuando finalicemos le damos al botón “Crear” para que nuestra cuestión quede almacenada. Ilustración 27: Crear una cuestión E.T.S.I.&Informática& 89& & Ilustración 28: Ventana de nueva cuestión E.T.S.I.&Informática& 96& & A.2.7. Foro Esta última sección del menú, está destinada a la participación de los investigadores y a la interacción entre ellos. Podrán crear temas de debates y cuestiones. A diferencia de las cuestiones de los casos clínicos ya mencionadas anteriormente, este foro no está destinado para preguntar acerca de un caso clínico en concreto ya que existe un foro destinado para eso, sino para cuestiones generales e interacción entre ellos de manera más directa. Ilustración 36: Acceder al foro Ilustración 37: Iniciar cuestión en foro E.T.S.I.&Informática& 97& & Capítulo 8 Bibliografía E.T.S.I.&Informática& 98& & Andrades, J.A., Han, B., Nimni, M.E., Erti, D.C., Simpkins, R.J., Arrabal, M.P, Becerra, J. (2003). A modified rhTGF-beta1 and rhBMP-2 are effective in initiating a chondro-osseous differentiation pathway in bone marrow cells cultured in vitro. Connective Tissue Research, 44(3-4), 188-197. Arvidson, K., Abdallah, B. M., Applegate, L. A., Baldini, N., Cenni, E., Gomez‐Barrena, E., ... & Pioletti, D. P. (2011). Bone regeneration and stem cells. Journal of Cellular and molecular medicine, 15(4), 718-746. Aubry, C. (2012). HTML5 y CSS3-Revolucione el diseño de sus sitios web. Ediciones ENI. Aznar, J., & Tudela, J. (2017). Ten years since the discovery of iPS cells: The current state of their clinical application. Revista Clínica Española (English Edition), 217(1), 30-34. Barroso Panella, A. (2017). Implantes inmediatos en la zona estética. Evaluación de la estabilidad ósea, los resultados estéticos y la satisfacción del paciente (tesis doctoral). Universitat Internacional de Catalunya, Barcelona, España. Bruder, S. P., Kurth, A. A., Shea, M., Hayes, W. C., Jaiswal, N., & Kadiyala, S. (1998). Bone regeneration by implantation of purified, culture‐expanded human mesenchymal stem cells. Journal of orthopaedic research, 16(2), 155-162. Becerra, J., Guerado, E., Claros, S., Alonso, M., Bertrand, M. L., González, C., & Andrades, J. A. (2006). Autologous human-derived bone marrow cells exposed to a novel TGF-β1 fusion protein for the treatment of critically sized tibial defect. Castagnino, J. M. (2005). Células madre embrionarias. Acta bioquímica clínica latinoamericana, 39(3), 277-278. E.T.S.I.&Informática& 99& & Cepero Noriega, F. L., Hernández Hernández, B. A., & Carrero Texidor, Y. (2011). Aspectos bioéticos en los tratamientos con células madre. Revista cubana de investigaciones biomédicas, 30(4), 528-536. Ceron, W., Lozada-Requena, I., Ventocilla, K., Jara, S., Pinto, M., Cabello, M., & Aguilar, J. L. (2016). Células tronco mesenquimales: definiciones, cultivo y aplicaciones potenciales. Revista Peruana de Medicina Experimental y Salud Pública, 33, 758-771. Claros, S., Rico-Llanos, G. A., Becerra, J., & Andrades, J. A. (2014). A novel human TGF-β1 fusion protein in combination with rhBMP-2 increases chondro-osteogenic differentiation of bone marrow mesenchymal stem cells. International journal of molecular sciences, 15(7), 11255-11274. Cuenca-Lopez, M. D., Zamora-Navas, P., Garcia-Herrera, J. M., Godino, M., LópezPuertas, J. M., Guerado, E., ... & Andrades, J. A. (2008). Adult stem cells applied to tissue engineering and regenerative medicine. Cellular and molecular biology (Noisyle-Grand, France), 54(1), 40-51. Cuenca‐López, M. D., Peris, J. L., García‐Roselló, M., Atienza, C., Prat, J., Becerra, J., & Andrades, J. A. (2010). Action of recombinant human BMP‐2 on fracture healing in rabbits is dependent on the mechanical environment. Journal of tissue engineering and regenerative medicine, 4(7), 543-552. Chillarón Areny, M. (2015). Eficacia de la magnetoterápia en la consolidación de fracturas óseas. Revisión sitemática(Bachelor's thesis) Delgado-Calle, J., & Riancho, J. A. (2013). Mecanobiología celular y molecular del tejido óseo. Revista de Osteoporosis y Metabolismo Mineral, 5(1), 51-56. Diez, T., Domínguez, M. J., Martínez, J. J., & Sáenz, J. (2012). Creación de páginas web accesibles con HTML5. Consultado el, 26. E.T.S.I.&Informática& 100& & Dominici, M. L. B. K., Le Blanc, K., Mueller, I., Slaper-Cortenbach, I., Marini, F. C., Krause, D. S., ... & Horwitz, E. M. (2006). Minimal criteria for defining multipotent mesenchymal stromal cells. The International Society for Cellular Therapy position statement. Cytotherapy, 8(4), 315-317. Durango, A. (2015). Diseño Web con CSS: 2ª Edición. IT Campus Academy. Flórez Cabrera, A., González Duque, M. I., & Fontanilla, M. R. (2017). Cell Therapy and Tissue Engineering Products for Chondral Knee Injuries. Revista Colombiana de Biotecnología, 19(2), 119-131. Fernández-Tresguerres Hernández-Gil, I., Alobera Gracia, M. A., Canto Pingarrón, M. D., & Blanco Jerez, L. (2006). Bases fisiológicas de la regeneración ósea I: Histología y fisiología del tejido óseo. Medicina Oral, Patología Oral y Cirugía Bucal (Internet), 11(1), 47-51. Fernández-Tresguerres Hernández-Gil, I., Alobera Gracia, M. A., Canto Pingarrón, M. D., & Blanco Jerez, L. (2006). Bases fisiológicas de la regeneración ósea II: El proceso de remodelado. Medicina Oral, Patología Oral y Cirugía Bucal (Internet), 11(2), 151-157. Gartner, L. P., Hiatt, J. L. (2015). Capítulo 4: Tejidos cartilaginoso y óseo. En L.P. Gartner y J.L. Hiatt (Eds). Atlas en Color y Texto de Histología (p.80-104). México DF: Editoral Médica Panamericana. Gauchat, J. D. (2012). El gran libro de HTML5, CSS3 y Javascript. Marcombo. Godino Izquierdo, M. (2015). Capacitación Osteogénica In Vitro de células madre mesenquimales de médula ósea para su aplicación en resecciones segmentarias de hueso (tesis doctoral). Universidad de Málaga, Málaga, España. E.T.S.I.&Informática& 101& & Gogonea, R. M. (2016). Cordova Generator: Generación automática de plugins Apache Cordova para Aplicaciones Hibridas (Bachelor's thesis, Universitat Politècnica de Catalunya). Gómez‐Barrena, E., Rosset, P., Müller, I., Giordano, R., Bunu, C., Layrolle, P., ... & Luyten, F. P. (2011). Bone regeneration: stem cell therapies and clinical studies in orthopaedics and traumatology. Journal of cellular and molecular medicine, 15(6), 1266-1286. Gutiérrez, R. T. (2016). El surgimiento de HTML5; un nuevo paradigma en los estándares Web. Revista Teknokultura, 13(1), 169-192. Hall, J. E. (2017). Guyton E Hall Tratado De Fisiologia Médica. Elsevier Brasil. Hernández Ramírez, P., & Dorticós Balea, E. (2004). Medicina regenerativa: Células madre embrionarias y adultas. Revista Cubana de Hematología, Inmunología y Hemoterapia, 20(3), 0-0. Hernández Ramírez, P. (2009). Medicina regenerativa y células madre. Mecanismos de acción de las células madre adultas. Revista Cubana de Hematología, Inmunología y Hemoterapia, 25(1), 0-0. Infante-Cossío, P., Gutiérrez-Pérez, J. L., Torres-Lagares, D., García-Perla García, A., & González-Padilla, J. D. (2007). Relleno de cavidades óseas en cirugía maxilofacial con materiales autólogos. Revista española de cirugía oral y maxilofacial, 29(1), 7-19. Kierszenbaum, A.L., Tres, L.L. (2016). capítulo 4 tejido conjuntivo. En A. L. Kierszenbaum y L.L. Tres (Eds). Histología y Biología Celular Introducción a la anatomía patológica (p. 145-153). Barcelona: Editorial ELSEVIER. Macías-Abraham, C., del Valle-Pérez, L. O., Hernández-Ramírez, P., & Ballester- E.T.S.I.&Informática& 102& & Mackie, E., Ahmed, Y. A., Tatarczuch, L., Chen, K. S., & Mirams, M. (2008). Endochondral ossification: how cartilage is converted into bone in the developing skeleton. The international journal of biochemistry & cell biology, 40(1), 46-62. Máñez, J. B. (2009). Células madre hematopoyéticas. Monografías de la Real Academia Nacional de Farmacia. Matesanz, R. (2010). Medicina regenerativa y células madre(Vol. 2). Editorial CSICCSIC Press. Mohammadian, M., Abasi, E., & Akbarzadeh, A. (2016). Mesenchymal stem cellbased gene therapy: A promising therapeutic strategy. Artificial cells, nanomedicine, and biotechnology, 44(5), 1206-1211. Montoliu, L. (2009). Células pluripotentes inducidas. Monografías de la Real Academia Nacional de Farmacia. Montuenga, L., Esteban, F.J., Calvo, A. (2009) Capítulo 13 Ingeniería de tejidos y celulas madre. En L. Montuenga, F. J. Esteban y A. Calvo (Eds). Técnicas en Histología y Biología Celular (p. 345-369). Barcelona: Editorial ELSEVIER. Owen, M. (1980). The origin of bone cells in the postnatal organism. Arthritis & Rheumatism: Official Journal of the American College of Rheumatology, 23(10), 1073-1080. Percival, C. J., & Richtsmeier, J. T. (2013). Angiogenesis and intramembranous osteogenesis. Developmental Dynamics, 242(8), 909-922. Pérez, M. L., Merí, A., & Ruano, D. (2004). Manual y atlas fotográfico de anatomía del aparato locomotor. Ed. Médica Panamericana. E.T.S.I.&Informática& 103& & Pretell Mazzini, J. A., Ruiz Semba, C., & Rodriguez Martín, J. (2009). Trastornos de la consolidación: Retardo y pseudoartrosis. Revista Medica Herediana, 20(1), 31-39. Prieto, S. (2005). Fisiología del hueso. Fisiologia Humana, 981-994. Prockop, D. J. (1997). Marrow stromal cells as stem cells for nonhematopoietic tissues. Science, 276(5309), 71-74. Prósper, F., Gavira, J. J., Herreros, J., Rábago, G., Luquin, R., Moreno, J., ... & Redondo, P. (2006). Cell transplant and regenerative therapy with stem cells. In Anales del sistema sanitario de Navarra (Vol. 29, pp. 219-234). Prósper, F., & Herreros, J. (2004). Células madre adultas. Rev Argent Cardiol, 72(1), 68-73. Prosper, F., & Verfaillie, C. M. (2003, December). Células madre adultas. In Anales del Sistema Sanitario de Navarra (Vol. 26, No. 3, pp. 345-356). Gobierno de Navarra. Departamento de Salud. Rodríguez-Pardo, V. M. (2005). Células madre: Conceptos generales y perspectivas de investigación. Universitas Scientiarum, 10(1). Romero, J. A. A., Guerrero, D. M. P., & Pardo, V. M. R. (2007). Células madre mesenquimales: características biológicas y aplicaciones clínicas. Nova, 5(8). Santamaría Puerto, G. A., Hernández Rincón, E. H., & Suárez Obando, F. (2016). Aplicaciones de salud para móviles: Uso en pacientes de Medicina Interna en el Hospital Regional de Duitama, Boyacá, Colombia. Revista Cubana de Información en Ciencias de la Salud, 27(3), 271-285. E.T.S.I.&Informática& 104& & Santovenia, J. M. (2010). Características fenotípicas y funcionales de las células madre mesenquimales y endoteliales. Revista Cubana de Hematología, Inmunología y Hemoterapia, 26(4), 256-275. Sierra-García, G. D., Castro-Ríos, R., Gónzalez-Horta, A., Lara-Arias, J., & ChávezMontes, A. (2016). Proteínas morfogenéticas óseas (BMP): aplicación clínica para reconstrucción de defectos en hueso. Gac Med Mex, 152, 381-5. Tortora, J. G., Derrickson, B. (2006). Capítulo 6: El sistema esquelético: tejido óseo. En J.G. Tortora y B. Derricksons (Eds.). Principios de Anatomía y Fisiología (pp. 173-196) México DF: Editorial Médica Panamericana.