Prototipo Aplicación

8/16/2019 Prototipo Aplicación

1/16

INSTITUTO POLITECNICO NACIONALUnidad Profesional Interdisciplinaria de Ingeniería y Ciencias

Sociales y Administrativas

PROTOTIPO DE APLICACIÓN(MODELO INCREMENTAL – LARAVEL)

Integrantes:

Álvarez Hernández Ma. Isabel

García Ayala MartínHernández Figueroa Luis Javier Lóez Ji!"nez #iridiana $ayeliMu%oz #alencia &aziel 'uau(tzin

Coordinador:

Álvarez Hernández Ma. Isabel

)*+)*+,)-


2/16

INTO!UCCI"N/l !odelo incre!ental divide un resectivo royecto en incre!entos0 cada uno de los cualescon1or!ado or su análisis0 dise%o0 codi1icación y ruebas0 ara 1inal!ente integrarlo alsiste!a.

/l rototio creado utilizando esta !etodología 1ue el de una ágina 2eb3 $utri'ey45 el cualer!ite a estudiantes o ro1esionistas de $utrición crear una cuenta0 en la 6ue se uedandar de alta sus resectivos acientes0 ara osterior!ente generar un diagnostico nutricionalde ellos. Asi!is!o el sitio les er!ite a los nutriólogos visualizar noticias nutricionales0 lascuales son redactadas or editores revia!ente registrados en el sitio.

La (erra!ienta auto!atizada a utilizar 1ue Laravel0 un 1ra!e2or7 ara desarrollar alicaciones y servicios 8H8 er!itiendo el uso de !ás (erra!ientas 6ue se !encionaranosterior!ente.

/l ob9etivo de este royecto es el !ostrar el desarrollo de dic(o rototio incre!ental!ente0con la ayuda de Laravel.


3/16

#N!ICE

ACECA !EL POTOTIPO..................................................................................................................4

E$PLEO !E LA $ETO!OLO%#A.........................................................................................................5

PI$E INCE$ENTO....................................................................................................................6

Características principales..............................................................................................................7

Análisis:.......................................................................................................................................7

Diseño:........................................................................................................................................7

Implementación:........................................................................................................................... 8

Pruebas:...................................................................................................................................... 9

egistro de &s&ario........................................................................................................................ 9

Análisis:.......................................................................................................................................9

Diseño:........................................................................................................................................9

Implementación:......................................................................................................................... 10

Pruebas:....................................................................................................................................10

'&()n de contacto........................................................................................................................ 10

Análisis:.....................................................................................................................................10

4ise%o:......................................................................................................................................11Implementación:......................................................................................................................... 11

Pruebas:....................................................................................................................................12

CUATO INCE$ENTO.................................................................................................................12

*alidaciones de form&larios..........................................................................................................12

Análisis......................................................................................................................................12

Diseño.......................................................................................................................................13

Implementación..........................................................................................................................15

Pruebas.....................................................................................................................................15

Arreglos vis&ales..........................................................................................................................15

Análisis......................................................................................................................................15

Diseño.......................................................................................................................................16

Implementación..........................................................................................................................16

Pruebas.....................................................................................................................................16

E+EENCIAS +OTO%,+ICAS....................................................................................................... 17


4/16

ACECA !EL POTOTIPO $utri'ey45 es un sitio 2eb en donde e5isten dos tios de usuarios0 los nutriólogos y loseditores. 8ara el caso de a!bos en necesario un registro ara osterior!ente iniciar sesióncon la cuenta generada.

Los nutriólogos ueden generar una lista de acientes ;en donde se genera altas0 ba9as0ca!bios y consultas< en donde es necesario registrarlos con sus resectivos datosnutricionales0 y al (acerlo se generará un diagnostico nutricional.

4e igual !odo los nutriólogos odrán tener acceso a una sección de noticias nutricionales0escritas or editores registrados en dic(o sitio.

Los editores odrán visualizar noticias0 y subir nuevas ;con la caacidad de !odi1icarlas oborrarlas osterior!ente<

=o!o re6uisitos el sitio cu!le con in1or!ación general de esta0 y su contacto or !edio deun buzón.

E$PLEO !E LA $ETO!OLO%#A4ebido a 6ue el !odelo incre!ental divide todo el siste!a en incre!entos estrat"gicos consus resectivas 1ec(as de entrega.

a< >e deter!inaron en un diagra!a de incre!entos

b< Asignación de 1ec(as a los incre!entos establecidos or !edio de un !iagrama de%antt en donde se establece el eriodo de una se!ana ara desarrollar cada uno delos incre!entos0 del !is!o !odo se !uestran los vínculos de un incre!ento a otro tal

?@ Incre!ento

• #alidaciones de1or!ularios

• Arreglos@ Incre!ento

,@ Incre!ento

-@ Incre!ento

BI/M8C

• In1or!ación general• Duzón de contacto

• &egistro de usuario

• #ista de editor

• #ista denutriólogo

F E

$ = I C $ A L I 4 A 4 / >

+ig&ra -. 4iagra!a de incre!entos


5/16

es el caso del registro de usuario0 vinculado al incre!ento de #ista de usuario;$utriólogo< así co!o el vínculo de todos los incre!entos a la validación de1or!ularios uesto 6ue cada incre!ento lleva consigo una interacción con la base dedatos.

Así !is!o cada incre!ento cuenta con su resectivo análisis0 dise%o i!le!entación yruebas0 !encionados a continuación

PI$E INCE$ENTO

/n el ri!er incre!ento se desea conte!lar tres asectos i!ortantes:

=aracterísticas rinciales &egistro de usuario Duzón de contacto

Características principales Análisis: /stableci!iento del contenido del sitio 2eb0 donde se convence a los visitantes de8or 6u" es ractico e innovador (acer uso de esta (erra!ienta0 así co!o dar a conocer suob9etivo rincial.

Diseño:Cb9etivo: >o!os una e!resa e!ergente0 !ultidiscilinaria y co!ro!etida ara alcanzar ylograr sue%os.

• La (erra!ienta del nutriólogo y del ersonal de la salud esecialista en nutrición0

creada ara 1acilitar la consulta nutricional de una 1or!a clara0 ráida e intuitiva.• /l nutriólogo debe de estar actualizado. Be brinda!os noticias y artículos recientes

6ue te er!itirán estar al día y no 6uedarte atrás en tus conoci!ientos.

+ig&ra /. 4iagra!a de Gantt


6/16

•

=álculo $o necesitas co!rar (erra!ientas 6ue te er!itan (acerlo0 Nutrikey tebrinda las (erra!ientas ara (acer el cálculo de una 1or!a e1icaz0 actualizadaconstante!ente.

+ig&ra 0. #ista ágina rincial

+ig&ra 1. #ista ágina rincial

Implementación: Mediante la (erra!ienta laravel 1ue osible realizar el código en HBML de lasiguiente !anera.


7/16

Pruebas: >e aseguró 6ue al estar codi1icando0 aareciera la in1or!ación deseada en laágina0 la cual sería la bienvenida a todos los usuarios.

egistro de &s&ario

Análisis: >e desea contar con una estructura en donde al roorcionar datos ersonales0 seueda tener acceso a la inter1az.

$o!bre 8aís 4elegación o !uniciio /secialidad =orreo =ontrase%a

Diseño: 8ara un !e9or !ane9o usuario+ inter1az0 debe de ser intuitivo ara 6ue no se tenganingn roble!a al llenar el 1or!ulario.

+ig&ra 2. =ódigo 8ágina 8rincial


8/16


+ig&ra 3. #ista de &egistro

+ig&ra 4. =ódigo del &egistro de usuario


9/16

Pruebas: >e corroboro 6ue al ser llenado cada uno de los ca!os del 1or!ulario0 seguardará la in1or!ación y al 6uerer llenarlos con datos erróneos0 !arcará erro0 al igual 6uede9ar ca!os vacíos

'&()n de contacto

Análisis: >e 6uiere contar con un aartado en donde se uedan agregar y+o enviar co!entarios al ad!inistrador de la ágina.

$o!bre Asunto =orreo Mensa9e

4ise%o: La estructura debe de ser lo !ás a!igable osible ara 6ue el usuario no tenganingn roble!a al estar llenando el 1or!ulario.

+ig&ra 5. For!ulario reortar roble!a


10/16


Pruebas: >e corroboro 6ue al ser llenado cada uno de los ca!os del 1or!ulario0 seguardará la in1or!ación ara oder ser enviada e5itosa!ente.

CUATO INCE$ENTO

*alidaciones de form&larios

Análisis

/stableci!iento de ará!etros ara el llenado de cada uno de los 1or!ularios 6ue co!onenel siste!a. =on la 1inalidad de 1acilitar y oti!izar tanto el llenado de datos ara el clienteco!o las bs6uedas o consultas del ad!inistrador.

8ara el registro de un nutriólogo es necesario:

+ig&ra 6. Duzón de contacto


11/16

•

/!leo nico de caracteres al1ab"ticos ara los ca!os co!o no!bre0 aellidoaterno0 aellido !aterno0 aís0 estado0 delegación y !uniciio.• /!leo del uso de un calendario con la intención de agilizar el llenado del 1or!ato del

ca!o de la 1ec(a de naci!iento.• /!leo de una lista de ociones redeter!inadas or el ad!inistrador ara el ca!o

de ocuación.• /!leo del carácter K ara considerar valido el ca!o de correo electrónico• 8ara el ca!o de contrase%a0 es necesario0 cu!lir con !íni!o caracteres0 sin

i!ortar si son nu!"ricos o al1anu!"ricos.

8ara la oción de cálculos del aciente de la vista de nutriólogo es necesario:

• /!leo de caracteres al1ab"ticos ara el ca!o de no!bre• /!leo de datos nu!"ricos ara ca!os co!o eso0 talla0 edad0 de activación

1ísica y de estr"s !uscular

8ara la oción de ublicar noticias de la vista del editor es necesario:

• /!leo de caracteres al1anu!"ricos ara los ca!os co!o título de la noticia0descrición de la noticia0 eti6uetas y desarrollo de la noticia.

• /!leo de una dirección E&L correcta ara el ca!o de i!agen0 ya 6ue el siste!arecurrirá a dic(a dirección ara i!ortar la i!agen a la ublicación de la noticia

• /!leo de searadores ;en este caso 3< ara el e!leo de !ás de una eti6ueta0 6ueservirá de bs6ueda ara la sección de noticias.

Diseño

/n cuanto al dise%o se desea contar con una inter1az a!igable0 en donde el usuario no seierda al llenar cada uno de los ca!os0 o le arezca co!licado el llenado

• &egistro de un nutriólogo


12/16

&egistro de un aciente

+ig&ra. #ista 1or!ulario registro

+ig&ra. #ista 1or!ulario inicio desesión

8ublicación de $oticias

+ig&ra . #ista 1or!ulario aciente +ig&ra . #ista 1or!ulario $oticias


13/16

Implementación

8or !edio de nuestra (erra!ienta Laravel 1ue osible con9untar de una !anera sencilla laarte del código en HBML y el código de 8H8 en interacción con la base de datos ara lascorrectas 1unciones de altas0 ba9as y !odi1icaciones de los 1or!ularios.

Pruebas

>e corroboró 6ue cada registro generado or !edio de un 1or!ulario 1uera guardado en labase de datos con su tabla corresondiente.

Final!ente al no generar errores0 el incre!ento 1ue agregado al siste!a.

Arreglos vis&ales

Análisis

I!le!entación de una inter1az si!le ero atractiva ara el usuario0 con colores0 i!ágenes0e1ectos y distribuciones de la ágina generados con la i!le!entación de bootstra or !edio de Laravel.

+ig&ra . =ódigo validaciones


14/16

Diseño

Implementación

Dootstra es un 1ra!e2or7 6ue er!ite or !edio de la (erra!ienta Laravel una generaciónde caretas ;un a6uete de estilos ara el dise%o de una ágina co!leta< de arc(ivos .9s

.css y .(t!l los cuales están abiertos a !odi1icaciones y ca!bios deendiendo la co!le9idaddel dise%o con la 6ue se 6uiera traba9ar.

Pruebas

La organización y si!leza del !ane9o de la in1or!ación 1ue el en1o6ue rincial0 en dondese 1ueron corrigiendo errores estructurales ara evitar con1usiones del usuario y botones deaccesos directos al inicio de la ágina o bien a las ociones rinciales de cada tio deusuario ;nutriólogo o editor<

+ig&ra . Me9ora del dise%o


15/16

E+EENCIAS +OTO%,+ICASFigura -. 4iagra!a de Incre!entos0 /6uio - ;,)-


16/16

Figura . =ódigo de validaciones: Mu%oz0 &aziel. ;,)-*

Prototipo Aplicación

Documents

Transcript of Prototipo Aplicación