Gestor de Itinerarios

Description

We must create a website, a "Gestor de Itinearios", the development of this work will be evaluated by phases, being the distribution of them as follow:

• Phase 0: Form the development team (Not evaluable)
• Phase 1: Layout of pages with HTML and CSS Bootstrap (Not evaluable)
• Phase 2: Implementation of the web with HTML generated in server and AJAX.
• Phase 3: Incorporation of REST API to the web application and deployment with docker
• Phase 4: Implementation of the web with SPA architecture

Team Members

Name	University email	GitHub Account
ShuXiang Gao	s.gao.2016@alumnos.urjc.es	vitaminac
ZiYao Zhan	z.zhan.2016@alumnos.urjc.es	13757851340x
Jorge José Vega Espinar	jj.vega.2016@alumnos.urjc.es	cobramarley
Raúl Colino Singh	r.colinos.2016@alumnos.urjc.es	imRCS
Rubén Zarapuz Juárez	r.zarapuz.2016@alumnos.urjc.es	Ruben98Z

Our Trello: Link to the board

Start-up of the application

For running the application, you need to download this folder, unzip them and run the application with some development environment wich one have implemented the libraries that Spring needs, later you musthave a BBDD with port 80 (default), when your BBDD server is up, just launch the application and open an URL like https://localhost OR https://localhost/api if you want to access to the API.

The project must be imported like a new gradle project. You must create a database with the following parameters (if you dont will use Docker).

MySQL Configuration

Start up

To run the application using docker compose you have to go to docker directory using your terminal and run the command: docker-compose up Then the images will be created and the containers will be up

Connections Parameters

Database name

daw

Username

daw

Password

daw_grupo_7

Tasks

Phase 0:

• Form a team

Phase 1:

• Distribute tasks to each one in trello
• [Phase 1 Requirements] (https://docs.google.com/document/d/1cW3UCiqWrq4Fk3JF0MOUjiyEdfOuw9rs257IqyN8ILs/edit?usp=sharing)
• Upload code to GitHub
• Merge all the work

Phase 2:

• Complete functionality for visitors
• Complete functionality for students
• Complete functionality for the teacher
• The application contains errors
• Lists of more than 10 items are paged with "load more" (AJAX)
• Image upload is allowed
• The application is accessible by https
• There is access control by role and URL (students can not access administrator URLs)
• The code and comments are in English
• The code has an appropriate format and style?
• The error page when you put an incorrect URL has the same style as the others?
• The documentation contains a navigation diagram with updated screenshots
• Does the documentation contain a diagram with the entities in the database?
• The documentation contains a diagram with the classes (drivers, services, repositories, etc ...)
• The documentation contains a section with instructions on how to configure the development environment and how to develop the application

Views in Phase 1 (Screenshots)

Views in Phase 2 (Screenshots)

Navigation diagram

Overview

Unit

Itinerary

Login

Register

Error Page

Entity diagram

Phase 3:

Doc about API Rest

Documentation about API into URL: https://github.com/CodeURJC-DAW-2018-19/santatecla-itinerarios-1/blob/master/API.md

How to install docker

• Go to docker website
• Depending on your system, download docker toolbox
• Select in which folder will be installed docker toolbox
• In settings, select components you need to install
• Install it and docker will be ready to use
• Now you can go to Docker folder and exec "docker-compose up" for have the system ready to work instead all we must do before.

Phase 4

Configure development context

install node.js

cd into folder webapp run the following commands.

npm install
npm install -g @angular/cli

run Spring backend

run the angular dev server with

npm start

Angular diagram

Deployment

docker run hellodalo/daw

Youtube video

https://www.youtube.com/watch?v=aJt8WBUOVs8&t=43s

Testing

We have implemented a series of automatic tests with selenium, using the driver for Chrome, so we have tested the different functionalities of our interface. For example:

Logout
Login Teacher
Add unit
Delete unit
Add itinerary
Enter to Itinerary
Create View in Itinerary
Looking and Creating Ficha
Upping IMG to ficha
Removing Ficha

For probe this test suite you must install Katalon Recorder and open "DAWTest.html" there.