FRONT END

PROYECTO CATALOGO STAR WARS

ENTREGA 1

POR:
RAUL EDUARDO OLIVER PIMIENTA  CODIGO 1511023044
WILLKENSON DAVIE MARTINEZ LOPEZ CODIGO  1511022201

INSTITUCION UNIVERSITARIA POLITECNICO GRANCOLOMBIANO

ALCANCE DEL SOFTWARE
El presente proyecto corresponde al desarrollo de un proyecto front-end
que consuma un api REST, previamente suministrado con la información
detallada de las películas de Star Wars, generando un catálogo organizado y
estructurado para presentar al usuario final, con todos los atributos de esta
famosa saga de ciencia ficción.
REQUERIMIENTOS FUNCIONALES
El Software debe permitir al usuario la búsqueda de:
- películas
- personajes
- planetas
- Naves
- Nombre de película
- Año de la película
REQUERIMIENTOS NO
FUNCIONALES
- Interfaz grafica fácil de entender.
- Visualización en cualquier navegador.
- No exceder limite de 8 segundos en la búsqueda.
- Soporte
REQUISITOS DEL SOFTWARE
Para el desarrollo del software:
• Angularjs
• Un repositorio GIT para los diferentes commits necesarios para el
buen funcionamiento del aplicativo

Para correr el aplicativo es necesario contar con lo siguiente:

• Desktop con Sistema Operativo Windows 7 en adelante o MAC OS
• Navegador Web Edge, Safari, Google Chrome, FIrefox u Opera
• Acceso a Repositorio GIT de acuerdo al enlace suministrado
 ANALISIS DEL API REST
Swapi es una fuente de satos con diferentes recursos que
componen el universo de la saga de ciencia ficción STAR WARS. 
Se encuentran 6 recursos principales:
• Personajes
• Naves Espaciales
• Vehículos
• Especies
• Planetas
• Películas
 ANALISIS DEL API REST
1. Swapi es abierto completamente.  No necesita de un API KEY. 
Sin embargo, hay un límite de 10.000 consultas por día, por
dirección IP.
2. No requiere ningun tipo de autenticacion.  Es un API 100%
abierta
3. Para hacer una consulta  a la API se debe hacer partir de la
URL base:  https://swapi.co/api/
 ANALISIS DEL API REST
Cada consulta a swapi retorna objetos de tipo JSON.
Haciendo un a consulta a /api/<resource>/schema se obtendran
todos los atributos de un recurso

Swapi Recursos Atributos

 ANALISIS DEL API REST
Los recursos que retorna esta API y que se consultan son los
siguientes:

"https://swapi.co/api/films/", "films":
"https://swapi.co/api/people/", "people":
"https://swapi.co/api/planets/", "planets":
"https://swapi.co/api/species/", "species":
"https://swapi.co/api/starships/", "starships":
"https://swapi.co/api/vehicles/" "vehicles":
 ANALISIS DEL API REST  
Para los personajes se ilustra la consulta a través de la información del personaje
Luke Skywalker almacenado en la carpeta virtual /api/people/1/:
Name:​ Luke Skywalker
Personas:  https://swapi.co/api/people/1/ Height:​ 172
Mass: ​177
La consulta contiene toda la información de Hair_Color:​Blond
Eyes_Color:​Blue
Luke Skywalker. Skin_Color:  Fair
Birth_Year:​ 19BBY
Homeworld:...
Sexo:...
Peliculas  en las que aparece este
personaje:
Especies:
Vehiculos:
Naves Espaciales:
 ANALISIS DEL API REST  
Para el caso de las naves espaciales  se ilustra la consulta  a
traves del de la informacion de la nave almacenada en la carpeta
virtual /api/startship/2/: name: CR90 corvette
model: CR90 corvette
manufacturer: Corellian Engineering
Corporation
cost_in_credits: 3500000
length: 150
Naves:  https://swapi.co/api/starships/2/ max_atmosphering_speed: 950
crew: 165
passengers: 600
cargo_capacity: 3000000
Contiene toda la informacion de  consumables: 1 year
hyperdrive_rating: 2.0
la nave espacial CR90 corvette. MGLT: 60
starship_class: corvette
pilots:
films: 
 ANALISIS DEL API REST  
Para el caso de las especies  se ilustra la consulta  a traves del de
la informacion de la especie almacenada en la carpeta virtual
/5/:
name: Hutt
classification: gastropod
designation: sentient
average_height: 300
skin_colors: green, brown, tan
Naves:  https://swapi.co/api/species/5/ hair_colors: n/a
eye_colors: yellow, red
average_lifespan: 1000
homeworld:
Contiene toda la informacion de  https://swapi.co/api/planets/24/
language: Huttese
Los atributos de la especie Hutt. people:
films:
 ANALISIS DEL API REST  
Para el caso de los tipos vehiculos  se ilustra la consulta  a traves
del de la informacion del vehiculo TIE/LB startFighter 
almacenado en la carpeta virtual /api/vehicles/8/:
name: TIE/LN starfighter
model: Twin Ion Engine/Ln
Starfighter
manufacturer: Sienar Fleet Systems
Naves:  https://swapi.co/api/vehicles/8/ cost_in_credits: unknown
length: 6.4
max_atmosphering_speed: 1200
crew: 1
Contiene toda la informacion de  passengers: 0
cargo_capacity: 65
los atributos del vehiculo TIE/LN consumables: 2 days
vehicle_class: starfighter
startFighter. pilots: []
films: 
 ANALISIS DEL API REST  
Para el caso del recurso planetas  se ilustra la consulta  a traves
del de la informacion del planeta Hoth almacenado en la carpeta
virtual /api/planets/4/ :
name: Hoth
rotation_period: 23
orbital_period: 549
Naves:  https://swapi.co/api/planets/4 diameter: 7200
climate: frozen
gravity: 1.1 standard
terrain: tundra, ice caves, mountain
Contiene toda la informacion de  ranges
surface_water: 100
los atributos del planeta Hoth. population: unknown
residents: []
films: 
 ANALISIS DEL API REST  
Para el caso del recurso peliculas  se ilustra la consulta  a traves
del de la informacion de la pelicula El Retorno del
Jedi,  almacenado en la carpeta virtual /api/films/3/ :

title: Return of the Jedi

episode_id: 6
opening_crawl:
Naves:  https://swapi.co/api/films/3/ director: Richard Marquand
producer: Howard G. Kazanjian,
George Lucas, Rick McCallum
release_date: 1983-05-25
Contiene toda la informacion de  characters:
planets:
los atributos del planeta Hoth. starships:
vehicles:
species:
MOCKUPS DIGITALES

CATALOGO STAR WARS

MOCKUP No.1
Menú Principal

Diseño  de la pantalla con

el menú principal de
opciones a consultar
según los parámetros del
API REST a consumir
MOCKUP No.2
Consulta de Personajes

Consulta de Personajes
despliega a través de un
combobox los nombres de
los personajes con el fin
de seleccionar uno para
que en la caja de texto se
obtengan todos los
atributos de los mismos
MOCKUP No.3
Consulta de Películas

Consulta de Películas despliega a
través de un combobox los
nombres de las películas con el fin
de seleccionar una para que en una
de las cajas de texto se obtengan
todos los atributos de la pelicula
seleccionada y en la otra caja de
textos atributos como personajes,
naves espaciales, vehiculos entre
otros que hicieron parte de la
misma
MOCKUP No.4
Consulta de Naves Espaciales

Consulta de Naves
Espaciales  despliega a
través de un combobox
los nombres de las naves
espaciales con el fin de
seleccionar una para que
en la caja de texto se
obtengan todos los
atributos de la nave
espacial seleccionada
MOCKUP No.5
Consulta de Vehículos

Consulta de Vehículos
despliega a través de un
combobox los nombres de
los vehículos con el fin de
seleccionar uno para que
en la caja de texto se
obtengan todos los
atributos del vehiculo
seleccionado
MOCKUP No.6
Consulta de Especies

Consulta de Especies
despliega a través de un
combobox los nombres de
las especies con el fin de
seleccionar una para que
en la caja de texto se
obtengan todos los
atributos de la especie
seleccionada.
MOCKUP No.7
Consulta de Planetas

Consulta de Planetas
despliega a través de un
combobox los nombres de
los planetas con el fin de
seleccionar uno para que
en la caja de texto se
obtengan todos los
atributos del planeta
seleccionado
MOCKUP No.8
Consulta de peliculas por Año

Consulta por año despliega a través

de un combobox  los años en que
se lanzaron películas de Star Wars
con el fin de seleccionar uno, para
que en una de las cajas de texto se
obtengan todos los atributos de la
película correspondiente a ese
año,  y en la otra caja de texto
atributos como personajes, naves
espaciales, vehiculos entre otros
que hicieron  parte de la misma
 CRONOGRAMA
DESCRIPCIÓN ACTIVIDADES FECHA
Observaciones del Tutor • Incluir en el proyecto las observaciones y correcciones Semana 4
enviadas por el tutor para el entregable Nro. 1
Desarrollo de Interfaz de Usuario • Desarrollo en implementaciones de las diferentes vistas con Semanas 4 y 5
las  que el usuario interactuara con el catálogo de Star Wars
Repositorio GIT • Creación de repositorio GIT para acceso público del aplicativo Semana 5
y sus fuentes
Hito No.1:  Entregable Nro. 2 • Cargar a la plataforma código fuente que corresponde a Semana 5
entrega No. 2 más el enlace al repositorio GIT
Observaciones del Tutor • Incluir las observaciones y correcciones enviadas por el tutor Semana 6
para el entregable Nro.2
Correcciones a la interfaz de • Corregir vistas y funcionalidades de acuerdo a las Semana 6
usuario y funcionalidades observaciones del tutor
Video Tutorial • Desarrollo de video tutorial acerca del funcionamiento del Semana 6
aplicativo
Hito No.2.  Entregable Nro. 3 • Cargar a la plataforma código fuente final que corresponde Semana 7
a entrega No. 3 más el enlace al repositorio GIT
Alcance por entrega
No. Semana No. Entrega Alcance
Desarrollo de proyecto front-end que consuma un api REST, previamente
3 1 suministrado con la información detallada de las películas de Star Wars,
generando un catálogo organizado y estructurado para presentar al usuario
final, con todos los atributos de esta famosa saga de ciencia ficción 
 5 2 Implementación del desarrollo de vistas en FrondEnd  según cronograma y
levantamiento de requerimientos, pruebas.
 7 3 Consumo del API e implementación de proyecto.