0% encontró este documento útil (0 votos)
491 vistas10 páginas

Desarrollo Api

El documento describe el desarrollo de una API para un portal social de productos llamado Bellas. Se implementaron modelos para usuarios, perfiles, viajes, publicaciones, comentarios y archivos adjuntos. Se incluyeron validaciones, asociaciones entre modelos, alcances y plantillas. También se definieron rutas nombradas, controladores de sesión y formularios básicos. Se utilizaron recursos animados, jQuery Datepicker y Bootstrap para la interfaz. Se muestran capturas de pantalla de las páginas implementadas como portada, login, perfil e información de via

Cargado por

Duvan Vargas
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
491 vistas10 páginas

Desarrollo Api

El documento describe el desarrollo de una API para un portal social de productos llamado Bellas. Se implementaron modelos para usuarios, perfiles, viajes, publicaciones, comentarios y archivos adjuntos. Se incluyeron validaciones, asociaciones entre modelos, alcances y plantillas. También se definieron rutas nombradas, controladores de sesión y formularios básicos. Se utilizaron recursos animados, jQuery Datepicker y Bootstrap para la interfaz. Se muestran capturas de pantalla de las páginas implementadas como portada, login, perfil e información de via

Cargado por

Duvan Vargas
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

DESARROLLO API

Aprendizaje Sena.
Vanessa alexandra Guzmán

Presentado por:
José Fernando Mendoza

Guía:
Ga7-220501096-aa5-ev02

Evidencia.
Desarrollo de la API

Servicio nacional de aprendizaje Sena


Análisis y desarrollo de software
Regional valle
2023
Trabajo de curso – diseño de aplicación web.
Titulo del proyecto : bellas(portal social de productos)

Implementación.
Dentro del directorio del proyecto se encuentra un fichero txt y una imagen PNG con las relaciones
que se han querido establecer en el proyecto, no obstante, todo eso era, aunque en principio el
objetivo, se ha tenido que adaptar a medida que aparecían ciertas necesidades. No obstante, se han
implementado los siguientes modelos:
1. Modelo de uso: : encargado de la gestión de los usuarios. Cada usuario posee todos los
viajes que quiera y tiene, a su vez, un perfil asociado
2. Modelo de perfil: es el que se encarga de mostrar la información del usuario para nosotros
en la vista. Se ha querido “Ocultar” al usuario de todo lo demás ya que ese es el objetivo del
perfil. Cada perfil pertenece a un solo usuario
3. Modelo de viaje: : principal elemento de nuestro portal. Un viaje pertenece a un usuario y
tiene, a su vez, tantos posts y comentarios como se desee. Solo el usuario propietario puede
realizar un post y cualquier usuario menos el propietario puede realizar un comentario
4. Modelo post: : es una de las partes esenciales del viaje, ya que es donde el usuario podrá
expresar si experiencia a lo largo de su estancia. Un post pertenece al usuario que lo crea y
al viaje que lo contiene. Posee, a su vez, una serie de documentos adjuntos como es, por
ejemplo fotos
5. Modelo adjunto de posts: son los archivos (fotos) que se añaden a un post
6. Modelo comentario: un comentario es una opinión de una persona ajena al viaje en torno a
este. Pertenece a la persona que lo ha hecho y al viaje al que se refiere.

Elementos obligatorios
Para la descripción de los elementos obligatorios recomendados dirigidos al proyecto en si y
revisar cada uno de los directorios
1. Modelo de entidades del dominio
Dentro del directorio /app / models se encuentran todos los ficheros que se refieren a los modelos de
nuestra de nuestra aplicación
2. Modelo de usuario
Como se dijo en el punto 1, se encuentran en/app/models/[Link]

3. Asociación entre modelos


Como se dijo en el punto 1. Dentro de cada uno de los ficheros podremos observar las relaciones
que hay entre ellos.
Ejemplo. Relaciones entre modelos desde el usuario

4. Validación
Dentro de algunos ficheros del directorio de modelos podremos observar el campo “validate”, lo
que implica que se tendrá que cumplir ciertas condiciones para dar por valido ese atributo.

Ejemplo de validaciones desde el modelo de usuario

5. Scopes
Dentro de algunos ficheros del directorio de modelos podremos observar el campo “scope” .
Ejemplos del scope dentro del modelo de viajes

6. Templates

Dentro de algunos ficheros de vistas se encuentra el diseño de plantillas para su posterior uso
también se ha hecho un gran uso de los renders, prácticamente podemos encontrarlos en todas las
vistas

7. Rutas con nombre.


Se ha decidido ponerle nombre a las rutas mas importantes que son las que tienen que ver con el
logueo y el deslogueo . podemos encontrar las rutas definidas en el directorio del proyecto
concretamente en/config/[Link]

Rutas elegidas para que tengan nombre

8. Controladores de sesión y modelos definidos


Todos los controladores implementados se encuentran bajo el directorio /app/controllers

9. Formulario con tipos básicos


Dentro del directorio de vistas de cada modelo podemos encontrar el formulario utilizado por cada
uno de ellos . ahí se encuentran tanto tipos básicos como algunos mas avanzados
Ejemplo del formulario usado para la creación de viajes

10. jQuery-Ul

dado que no encontrábamos una manera de integrarla de forma que nos gustara optamos por su uso
simple: usarla para los datepicker del formulario de la creación de viajes

elementos opcionales

 uso de la herramienta para el control de versiones [Link]


 en el caso de los viajes tuvimos que hacer uso de recursos animados en cuanto a la ruta y
dentro de los modelos tuvimos que aceptar los recursos animados de los adjuntos de los
posts.
Recursos animados de los posts

Recursos animados en las rutas.

 Instalación de la gema de Bootstrap para poder llevar a cabo la adaptación de nuestro sitio
a Rails
 Entre otros

Capturas de pantalla de las paginas implementadas


Portada
Ilustración del 9login

d
Ilustración de perfil

il

Ilustración información del viaje


Lista de viajes del usuario

Modificaciones

Como se podrá observar se ha tenido que remodelar algunas de las vistas (el mayor cambio se
notara en la pagina de logueo y registro) por parte se ha eliminado la opción de tener varios
segmentos por viaje por la opción de poder meter imágenes

También podría gustarte