Commit final

Único commit con todo el proyecto previo. Este commit sirve para añadir una nueva clase pets.
Las pruebas para esta clase están realizadas.

README.md

+DAAExample
+==========
+
+Aplicación y arquitectura de ejemplo para la asignatura Desarrollo Ágil de
+Aplicaciones del Grado en Ingeniería Informática de la Escuela Superior de
+Ingeniería Informática de la Universidad de Vigo.
+
+## Ejecución con Maven
+La configuración de Maven ha sido preparada para permitir varios tipos de
+ejecución.
+
+### Ejecución de la aplicación con Tomcat y MySQL
+
+El proyecto está configurado para poder ejecutar la aplicación sin tener que
+realizar ninguna configuración adicional salvo tener disponible un servidor
+MySQL en local.
+
+Los ficheros del proyecto `db/mysql.sql` y 'db/mysql-with-inserts.sql' contienen
+todas las consultas necesarias para crear la base de datos y el usuario
+requeridos, con o sin datos de ejemplo, respectivamente. Por lo tanto, podemos
+configurar inicialmente la base de datos con cualquiera de los siguientes
+comandos (desde la raíz el proyecto):
+
+* Sin datos: `mysql -u root -p < db/mysql.sql`
+* Con datos: `mysql -u root -p < db/mysql-with-inserts.sql`
+
+Una vez configurada la base de datos podemos lanzar la ejecución con el comando:
+
+`mvn -Prun-tomcat-mysql -DskipTests=true package cargo:run`
+
+La aplicación se servirá en la URL local: http://localhost:9080/DAAExample
+
+Para detener la ejecución podemos utilizar `Ctrl+C`.
+
+### Ejecución de la aplicación con Tomcat y MySQL con redespliegue automático
+
+Durante el desarrollo es interesante que la apliación se redespliegue de forma
+automática cada vez que se hace un cambio. Para ello podemos utilizar el
+siguiente comand:
+
+`mvn -Prun-tomcat-mysql -DskipTests=true package cargo:start fizzed-watcher:run`
+
+La aplicación se servirá en la URL local: http://localhost:9080/DAAExample
+
+Para detener la ejecución podemos utilizar `Ctrl+C`.
+
+### Construcción con tests de unidad e integración
+
+En esta construcción se ejecutarán todos los tests relacionados con el backend:
+
+* **Unidad**: se utilizan para testear las entidades y las capas DAO y REST de
+forma aislada.
+* **Integración**: se utilizan para testear las capas REST y DAO de forma
+integrada. Para este tipo de pruebas se utiliza una base de datos HSQL en
+memoria.
+
+El comando para lanzar esta construcción es:
+
+`mvn install`
+
+### Construcción con tests de unidad, integración y aceptación
+
+Esta construcción es similar a la previa, añadiendo las **pruebas de
+aceptación**, que comprueban que las fucionalidades de la aplicación están
+correctamente implementadas.
+
+En estas pruebas se descarga y arranca el un servidor Tomcat 8 en el que se
+despliega la aplicación configurada para utilizar una base de datos HSQL. Las
+pruebas se hacen sobre la interfaz web con Selenium, que iniciará un Firefox
+local de forma automática.
+
+`mvn -Pacceptance-tests-cargo install`

bin/.gitignore

+# General
+/bak
+
+# Eclipse
+.project
+.classpath
+.settings
+WebContent
+
+# Maven
+/bin
+/target
+/assembly
+
+# Testing
+/servers
+C:\\nppdf32Log\\debuglog.txt

bin/.metadata/.log

+!SESSION 2019-02-12 11:41:19.888 -----------------------------------------------
+eclipse.buildId=4.10.0.I20181206-0815
+java.version=1.8.0_201
+java.vendor=Oracle Corporation
+BootLoader constants: OS=linux, ARCH=x86_64, WS=gtk, NL=es_ES
+Framework arguments:  -product org.eclipse.epp.package.java.product
+Command-line arguments:  -os linux -ws gtk -arch x86_64 -product org.eclipse.epp.package.java.product
+
+!ENTRY org.eclipse.ui 4 4 2019-02-12 11:44:13.967
+!MESSAGE Plug-in 'org.eclipse.egit.ui' contributed an invalid Menu Extension (Path: 'org.eclipse.search.menu' is invalid): org.eclipse.egit.ui.actions.OpenCommitSearchPage

bin/.metadata/.plugins/org.eclipse.core.resources/.root/.indexes/history.version

+
\ No newline at end of file

bin/.metadata/.plugins/org.eclipse.core.resources/.root/.indexes/properties.version

+

\ No newline at end of file

bin/.metadata/.plugins/org.eclipse.jdt.launching/.install.xml

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<dirs>
+<entry loc="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer" stamp="1549926998000"/>
+</dirs>

bin/.metadata/.plugins/org.eclipse.jdt.launching/libraryInfos.xml

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<libraryInfos>
+<libraryInfo home="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre" version="1.8.0_201">
+<bootpath>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/resources.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/rt.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/sunrsasign.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/jsse.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/jce.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/charsets.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/jfr.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/classes"/>
+</bootpath>
+<extensionDirs>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/ext"/>
+<entry path="/usr/java/packages/lib/ext"/>
+</extensionDirs>
+<endorsedDirs>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/endorsed"/>
+</endorsedDirs>
+</libraryInfo>
+<libraryInfo home="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer" version="1.8.0_201">
+<bootpath>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/resources.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/rt.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/sunrsasign.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/jsse.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/jce.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/charsets.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/jfr.jar"/>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/classes"/>
+</bootpath>
+<extensionDirs>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/ext"/>
+<entry path="/usr/java/packages/lib/ext"/>
+</extensionDirs>
+<endorsedDirs>
+<entry path="/home/vfvarela/Descargas/eclipse-inst-linux64/eclipse-installer/jre/lib/endorsed"/>
+</endorsedDirs>
+</libraryInfo>
+</libraryInfos>

bin/.metadata/.plugins/org.eclipse.jdt.ui/OpenTypeHistory.xml

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<typeInfoHistroy/>

bin/.metadata/.plugins/org.eclipse.jdt.ui/QualifiedTypeNameHistory.xml

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<qualifiedTypeNameHistroy/>

bin/.metadata/.plugins/org.eclipse.m2e.logback.configuration/0.log

+2019-02-12 00:50:56,497 [Worker-0: Loading available Gradle versions] INFO  o.e.b.c.i.u.g.PublishedGradleVersions - Gradle version information cache is up-to-date. Trying to read.

bin/.metadata/.plugins/org.eclipse.m2e.logback.configuration/logback.1.10.0.20181127-2120.xml

+<configuration scan="true">
+  <appender name="STDOUT" class="ch.qos.logback.core.ConsoleAppender">
+    <encoder class="ch.qos.logback.classic.encoder.PatternLayoutEncoder">
+      <pattern>%date [%thread] %-5level %logger{35} - %msg%n</pattern>
+    </encoder>
+    <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+      <level>OFF</level> <!-- change to DEBUG to mimic '-consolelog' behaviour -->
+    </filter>
+  </appender>
+
+  <appender name="FILE" class="ch.qos.logback.core.rolling.RollingFileAppender">
+    <File>${org.eclipse.m2e.log.dir}/0.log</File>
+    <rollingPolicy class="ch.qos.logback.core.rolling.FixedWindowRollingPolicy">
+      <FileNamePattern>${org.eclipse.m2e.log.dir}/%i.log</FileNamePattern>
+      <MinIndex>1</MinIndex>
+      <MaxIndex>10</MaxIndex>
+    </rollingPolicy>
+    <triggeringPolicy class="ch.qos.logback.core.rolling.SizeBasedTriggeringPolicy">
+      <MaxFileSize>100MB</MaxFileSize>
+    </triggeringPolicy>
+    <encoder class="ch.qos.logback.classic.encoder.PatternLayoutEncoder">
+      <pattern>%date [%thread] %-5level %logger{35} - %msg%n</pattern>
+    </encoder>
+  </appender>
+
+  <appender name="EclipseLog" class="org.eclipse.m2e.logback.appender.EclipseLogAppender">
+    <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+      <level>WARN</level>
+    </filter>
+  </appender>
+
+  <appender name="MavenConsoleLog" class="org.eclipse.m2e.logback.appender.MavenConsoleAppender">
+  </appender>
+        
+  <root level="INFO">
+    <appender-ref ref="FILE" />
+    <appender-ref ref="STDOUT" />
+    <appender-ref ref="EclipseLog" />
+    <appender-ref ref="MavenConsoleLog" />
+  </root>
+
+  <logger name="com.ning.http.client" level="INFO" />
+</configuration>

bin/.metadata/.plugins/org.eclipse.oomph.setup/workspace.setup

+<?xml version="1.0" encoding="UTF-8"?>
+<setup:Workspace
+    xmi:version="2.0"
+    xmlns:xmi="http://www.omg.org/XMI"
+    xmlns:setup="http://www.eclipse.org/oomph/setup/1.0"
+    name="workspace"/>

bin/.metadata/.plugins/org.eclipse.tips.ide/dialog_settings.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<section name="Workbench">
+</section>

bin/.metadata/.plugins/org.eclipse.ui.ide/dialog_settings.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<section name="Workbench">
+	<list key="org.eclipse.ui.internal.wizards.datatransfer.SmartImportRootWizardPage.knownSources">
+		<item value="/home/vfvarela/Documentos/proyecto_simple/DAAExample"/>
+	</list>
+	<section name="NewWizardAction">
+	</section>
+</section>

bin/.metadata/.plugins/org.eclipse.ui.intro/introstate

+<?xml version="1.0" encoding="UTF-8"?>
+<state reopen="true"/>
\ No newline at end of file

bin/.metadata/.plugins/org.eclipse.ui.workbench/dialog_settings.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<section name="Workbench">
+	<section name="org.eclipse.ui.internal.QuickAccess">
+		<item value="-1" key="dialogHeight"/>
+		<item value="-1" key="dialogWidth"/>
+		<list key="textEntries">
+		</list>
+		<list key="orderedElements">
+		</list>
+		<list key="orderedProviders">
+		</list>
+		<list key="textArray">
+		</list>
+	</section>
+</section>

bin/.metadata/.plugins/org.eclipse.ui.workbench/workingsets.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<workingSetManager>
+<workingSet editPageId="org.eclipse.jdt.internal.ui.DynamicSourcesWorkingSet" factoryID="org.eclipse.ui.internal.WorkingSetFactory" id="1549929055003_0" label="Java Main Sources" name="Java Main Sources"/>
+<workingSet editPageId="org.eclipse.jdt.internal.ui.DynamicSourcesWorkingSet" factoryID="org.eclipse.ui.internal.WorkingSetFactory" id="1549929055022_1" label="Java Test Sources" name="Java Test Sources"/>
+<workingSet aggregate="true" factoryID="org.eclipse.ui.internal.WorkingSetFactory" id="1549929056289_2" label="Window Working Set" name="Aggregate for window 1549929056288"/>
+</workingSetManager>
\ No newline at end of file

bin/.metadata/version.ini

+#Tue Feb 12 11:44:46 CET 2019
+org.eclipse.core.runtime=2
+org.eclipse.platform=4.10.0.v20181206-0815

bin/README.md

+DAAExample
+==========
+
+Aplicación y arquitectura de ejemplo para la asignatura Desarrollo Ágil de
+Aplicaciones del Grado en Ingeniería Informática de la Escuela Superior de
+Ingeniería Informática de la Universidad de Vigo.
+
+## Ejecución con Maven
+La configuración de Maven ha sido preparada para permitir varios tipos de
+ejecución.
+
+### Ejecución de la aplicación con Tomcat y MySQL
+
+El proyecto está configurado para poder ejecutar la aplicación sin tener que
+realizar ninguna configuración adicional salvo tener disponible un servidor
+MySQL en local.
+
+Los ficheros del proyecto `db/mysql.sql` y 'db/mysql-with-inserts.sql' contienen
+todas las consultas necesarias para crear la base de datos y el usuario
+requeridos, con o sin datos de ejemplo, respectivamente. Por lo tanto, podemos
+configurar inicialmente la base de datos con cualquiera de los siguientes
+comandos (desde la raíz el proyecto):
+
+* Sin datos: `mysql -u root -p < db/mysql.sql`
+* Con datos: `mysql -u root -p < db/mysql-with-inserts.sql`
+
+Una vez configurada la base de datos podemos lanzar la ejecución con el comando:
+
+`mvn -Prun-tomcat-mysql -DskipTests=true package cargo:run`
+
+La aplicación se servirá en la URL local: http://localhost:9080/DAAExample
+
+Para detener la ejecución podemos utilizar `Ctrl+C`.
+
+### Ejecución de la aplicación con Tomcat y MySQL con redespliegue automático
+
+Durante el desarrollo es interesante que la apliación se redespliegue de forma
+automática cada vez que se hace un cambio. Para ello podemos utilizar el
+siguiente comand:
+
+`mvn -Prun-tomcat-mysql -DskipTests=true package cargo:start fizzed-watcher:run`
+
+La aplicación se servirá en la URL local: http://localhost:9080/DAAExample
+
+Para detener la ejecución podemos utilizar `Ctrl+C`.
+
+### Construcción con tests de unidad e integración
+
+En esta construcción se ejecutarán todos los tests relacionados con el backend:
+
+* **Unidad**: se utilizan para testear las entidades y las capas DAO y REST de
+forma aislada.
+* **Integración**: se utilizan para testear las capas REST y DAO de forma
+integrada. Para este tipo de pruebas se utiliza una base de datos HSQL en
+memoria.
+
+El comando para lanzar esta construcción es:
+
+`mvn install`
+
+### Construcción con tests de unidad, integración y aceptación
+
+Esta construcción es similar a la previa, añadiendo las **pruebas de
+aceptación**, que comprueban que las fucionalidades de la aplicación están
+correctamente implementadas.
+
+En estas pruebas se descarga y arranca el un servidor Tomcat 8 en el que se
+despliega la aplicación configurada para utilizar una base de datos HSQL. Las
+pruebas se hacen sobre la interfaz web con Selenium, que iniciará un Firefox
+local de forma automática.
+
+`mvn -Pacceptance-tests-cargo install`

bin/db/mysql-with-inserts.sql

+CREATE DATABASE `daaexample`;
+
+CREATE TABLE `daaexample`.`people` (
+	`id` int NOT NULL AUTO_INCREMENT,
+	`name` varchar(50) NOT NULL,
+	`surname` varchar(100) NOT NULL,
+	PRIMARY KEY (`id`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+
+CREATE TABLE `daaexample`.`users` (
+	`login` varchar(100) NOT NULL,
+	`password` varchar(64) NOT NULL,
+	`role` varchar(10) NOT NULL,
+	PRIMARY KEY (`login`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+
+GRANT ALL ON `daaexample`.* TO 'daa'@'localhost' IDENTIFIED BY 'daa';
+
+INSERT INTO `daaexample`.`people` (`id`,`name`,`surname`) VALUES (0,'Antón','Pérez');
+INSERT INTO `daaexample`.`people` (`id`,`name`,`surname`) VALUES (0,'Manuel','Martínez');
+INSERT INTO `daaexample`.`people` (`id`,`name`,`surname`) VALUES (0,'Laura','Reboredo');
+INSERT INTO `daaexample`.`people` (`id`,`name`,`surname`) VALUES (0,'Perico','Palotes');
+INSERT INTO `daaexample`.`people` (`id`,`name`,`surname`) VALUES (0,'Ana','María');
+INSERT INTO `daaexample`.`people` (`id`,`name`,`surname`) VALUES (0,'María','Nuevo');
+INSERT INTO `daaexample`.`people` (`id`,`name`,`surname`) VALUES (0,'Alba','Fernández');
+INSERT INTO `daaexample`.`people` (`id`,`name`,`surname`) VALUES (0,'Asunción','Jiménez');
+
+-- The password for each user is its login suffixed with "pass". For example, user "admin" has the password "adminpass".
+INSERT INTO `daaexample`.`users` (`login`,`password`,`role`)
+VALUES ('admin', '713bfda78870bf9d1b261f565286f85e97ee614efe5f0faf7c34e7ca4f65baca','ADMIN');
+INSERT INTO `daaexample`.`users` (`login`,`password`,`role`)
+VALUES ('normal', '7bf24d6ca2242430343ab7e3efb89559a47784eea1123be989c1b2fb2ef66e83','USER');

bin/db/mysql.sql

+CREATE DATABASE `daaexample`;
+
+CREATE TABLE `daaexample`.`people` (
+	`id` int NOT NULL AUTO_INCREMENT,
+	`name` varchar(50) NOT NULL,
+	`surname` varchar(100) NOT NULL,
+	PRIMARY KEY (`id`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+
+CREATE TABLE `daaexample`.`users` (
+	`login` varchar(100) NOT NULL,
+	`password` varchar(64) NOT NULL,
+	`role` varchar(10) NOT NULL,
+	PRIMARY KEY (`login`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+
+GRANT ALL ON `daaexample`.* TO 'daa'@'localhost' IDENTIFIED BY 'daa';

bin/src/main/webapp/WEB-INF/web.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
+	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee 
+	 	http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
+	version="3.1">
+	<display-name>DAAExample</display-name>
+
+	<welcome-file-list>
+		<welcome-file>index.html</welcome-file>
+	</welcome-file-list>
+
+	<security-constraint>
+		<web-resource-collection>
+			<web-resource-name>Protected Area</web-resource-name>
+			<url-pattern>/rest/*</url-pattern>
+			<http-method>PUT</http-method>
+			<http-method>DELETE</http-method>
+			<http-method>GET</http-method>
+			<http-method>POST</http-method>
+			<http-method>OPTIONS</http-method>
+		</web-resource-collection>
+		<auth-constraint>
+			<role-name>ADMIN</role-name>
+			<role-name>USER</role-name>
+		</auth-constraint>
+	</security-constraint>
+
+	<security-constraint>
+		<web-resource-collection>
+			<web-resource-name>Admin Area</web-resource-name>
+			<url-pattern>/rest/people/*</url-pattern>
+			<http-method>PUT</http-method>
+			<http-method>DELETE</http-method>
+			<http-method>GET</http-method>
+			<http-method>POST</http-method>
+			<http-method>OPTIONS</http-method>
+		</web-resource-collection>
+		<auth-constraint>
+			<role-name>ADMIN</role-name>
+		</auth-constraint>
+	</security-constraint>
+
+	<!-- Security roles referenced by this web application -->
+	<security-role>
+		<role-name>ADMIN</role-name>
+	</security-role>
+	<security-role>
+		<role-name>USER</role-name>
+	</security-role>
+	
+	<login-config>
+		<auth-method>BASIC</auth-method>
+		<realm-name>DAAExample</realm-name>
+	</login-config>
+</web-app>
\ No newline at end of file

bin/src/main/webapp/css/login.css

+html, body {
+	height: 100%;
+}
+
+body {
+	display: -ms-flexbox;
+	display: -webkit-box;
+	display: flex;
+	-ms-flex-align: center;
+	-ms-flex-pack: center;
+	-webkit-box-align: center;
+	align-items: center;
+	-webkit-box-pack: center;
+	justify-content: center;
+	padding-top: 40px;
+	padding-bottom: 40px;
+}
+
+#form-signin {
+	width: 100%;
+	max-width: 330px;
+	padding: 15px;
+	margin: 0 auto;
+}
+
+#form-signin .form-control {
+	position: relative;
+	box-sizing: border-box;
+	height: auto;
+	padding: 10px;
+	font-size: 16px;
+}
+
+#form-signin .form-control:focus {
+	z-index: 2;
+}
+
+#login {
+	margin-bottom: -1px;
+	border-bottom-right-radius: 0;
+	border-bottom-left-radius: 0;
+}
+
+#password {
+	margin-bottom: 10px;
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
+}
\ No newline at end of file

bin/src/main/webapp/index.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<meta name="viewport"
+	content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+<title>DAA Example - Login</title>
+
+<link rel="stylesheet" href="css/login.css">
+<link rel="stylesheet"
+	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+</head>
+<body class="text-center">
+	<form id="form-singin">
+		<h1 class="h1 mb-3 font-weight-normal">DAA Example</h1>
+
+		<label for="login" class="sr-only">Usuario</label> <input id="login"
+			name="login" type="text" class="form-control" placeholder="Usuario"
+			required autofocus /> <label for="password" class="sr-only">Contraseña</label>
+		<input id="password" name="password" type="password"
+			class="form-control" placeholder="Contraseña" required />
+
+		<button type="submit" class="btn btn-lg btn-primary btn-block mt-3">Entrar</button>
+	</form>
+
+	<script type="text/javascript"
+		src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
+	<script
+		src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
+	<script type="text/javascript" src="js/login.js"></script>
+	<script type="text/javascript">
+	$(document).ready(function() {
+	    $('#form-singin').submit(function(event) {
+		event.preventDefault();
+
+		var login = $('#login').val();
+		var password = $('#password').val();
+
+		doLogin(login, password);
+	    });
+	});
+    </script>
+</body>
+</html>
\ No newline at end of file

bin/src/main/webapp/js/dao/people.js

+var PeopleDAO = (function() {
+    var resourcePath = "rest/people/";
+    var requestByAjax = function(data, done, fail, always) {
+	done = typeof done !== 'undefined' ? done : function() {};
+	fail = typeof fail !== 'undefined' ? fail : function() {};
+	always = typeof always !== 'undefined' ? always : function() {};
+
+	let authToken = localStorage.getItem('authorization-token');
+	if (authToken !== null) {
+	    data.beforeSend = function(xhr) {
+		xhr.setRequestHeader('Authorization', 'Basic ' + authToken);
+	    };
+	}
+
+	$.ajax(data).done(done).fail(fail).always(always);
+    };
+
+    function PeopleDAO() {
+	this.listPeople = function(done, fail, always) {
+	    requestByAjax({
+		url : resourcePath,
+		type : 'GET'
+	    }, done, fail, always);
+	};
+
+	this.addPerson = function(person, done, fail, always) {
+	    requestByAjax({
+		url : resourcePath,
+		type : 'POST',
+		data : person
+	    }, done, fail, always);
+	};
+
+	this.modifyPerson = function(person, done, fail, always) {
+	    requestByAjax({
+		url : resourcePath + person.id,
+		type : 'PUT',
+		data : person
+	    }, done, fail, always);
+	};
+
+	this.deletePerson = function(id, done, fail, always) {
+	    requestByAjax({
+		url : resourcePath + id,
+		type : 'DELETE',
+	    }, done, fail, always);
+	};
+    }
+
+    return PeopleDAO;
+})();
\ No newline at end of file

bin/src/main/webapp/js/login.js

+function doLogin(login, password) {
+    $.ajax({
+	url: 'rest/users/' + login,
+	type: 'GET',
+	beforeSend: function (xhr) {
+	    xhr.setRequestHeader('Authorization', 'Basic ' + btoa(login + ":" + password));
+	}
+    })
+    .done(function() {
+	localStorage.setItem('authorization-token', btoa(login + ":" + password));
+	window.location = 'main.html';
+    })
+    .fail(function() {
+	alert('Invalid login and/or password.');
+    });
+}
+
+function doLogout() {
+    localStorage.removeItem('authorization-token');
+    window.location = 'index.html';
+}
\ No newline at end of file

bin/src/main/webapp/js/view/people.js

+var PeopleView = (function() {
+	var dao;
+	
+	// Referencia a this que permite acceder a las funciones públicas desde las funciones de jQuery.
+	var self;
+	
+	var formId = 'people-form';
+	var listId = 'people-list';
+	var formQuery = '#' + formId;
+	var listQuery = '#' + listId;
+	
+	function PeopleView(peopleDao, formContainerId, listContainerId) {
+		dao = peopleDao;
+		self = this;
+		
+		insertPeopleForm($('#' + formContainerId));
+		insertPeopleList($('#' + listContainerId));
+		
+		this.init = function() {
+			dao.listPeople(function(people) {
+				$.each(people, function(key, person) {
+					appendToTable(person);
+				});
+			});
+			
+			// La acción por defecto de enviar formulario (submit) se sobreescribe
+			// para que el envío sea a través de AJAX
+			$(formQuery).submit(function(event) {
+				var person = self.getPersonInForm();
+				
+				if (self.isEditing()) {
+					dao.modifyPerson(person,
+						function(person) {
+							$('#person-' + person.id + ' td.name').text(person.name);
+							$('#person-' + person.id + ' td.surname').text(person.surname);
+							self.resetForm();
+						},
+						showErrorMessage,
+						self.enableForm
+					);
+				} else {
+					dao.addPerson(person,
+						function(person) {
+							appendToTable(person);
+							self.resetForm();
+						},
+						showErrorMessage,
+						self.enableForm
+					);
+				}
+				
+				return false;
+			});
+			
+			$('#btnClear').click(this.resetForm);
+		};
+
+		this.getPersonInForm = function() {
+			var form = $(formQuery);
+			return {
+				'id': form.find('input[name="id"]').val(),
+				'name': form.find('input[name="name"]').val(),
+				'surname': form.find('input[name="surname"]').val()
+			};
+		};
+
+		this.getPersonInRow = function(id) {
+			var row = $('#person-' + id);
+
+			if (row !== undefined) {
+				return {
+					'id': id,
+					'name': row.find('td.name').text(),
+					'surname': row.find('td.surname').text()
+				};
+			} else {
+				return undefined;
+			}
+		};
+		
+		this.editPerson = function(id) {
+			var row = $('#person-' + id);
+
+			if (row !== undefined) {
+				var form = $(formQuery);
+				
+				form.find('input[name="id"]').val(id);
+				form.find('input[name="name"]').val(row.find('td.name').text());
+				form.find('input[name="surname"]').val(row.find('td.surname').text());
+				
+				$('input#btnSubmit').val('Modificar');
+			}
+		};
+		
+		this.deletePerson = function(id) {
+			if (confirm('Está a punto de eliminar a una persona. ¿Está seguro de que desea continuar?')) {
+				dao.deletePerson(id,
+					function() {
+						$('tr#person-' + id).remove();
+					},
+					showErrorMessage
+				);
+			}
+		};
+
+		this.isEditing = function() {
+			return $(formQuery + ' input[name="id"]').val() != "";
+		};
+
+		this.disableForm = function() {
+			$(formQuery + ' input').prop('disabled', true);
+		};
+
+		this.enableForm = function() {
+			$(formQuery + ' input').prop('disabled', false);
+		};
+
+		this.resetForm = function() {
+			$(formQuery)[0].reset();
+			$(formQuery + ' input[name="id"]').val('');
+			$('#btnSubmit').val('Crear');
+		};
+	};
+	
+	var insertPeopleList = function(parent) {
+		parent.append(
+			'<table id="' + listId + '" class="table">\
+				<thead>\
+					<tr class="row">\
+						<th class="col-sm-4">Nombre</th>\
+						<th class="col-sm-5">Apellido</th>\
+						<th class="col-sm-3">&nbsp;</th>\
+					</tr>\
+				</thead>\
+				<tbody>\
+				</tbody>\
+			</table>'
+		);
+	};
+
+	var insertPeopleForm = function(parent) {
+		parent.append(
+			'<form id="' + formId + '" class="mb-5 mb-10">\
+				<input name="id" type="hidden" value=""/>\
+				<div class="row">\
+					<div class="col-sm-4">\
+						<input name="name" type="text" value="" placeholder="Nombre" class="form-control" required/>\
+					</div>\
+					<div class="col-sm-5">\
+						<input name="surname" type="text" value="" placeholder="Apellido" class="form-control" required/>\
+					</div>\
+					<div class="col-sm-3">\
+						<input id="btnSubmit" type="submit" value="Crear" class="btn btn-primary" />\
+						<input id="btnClear" type="reset" value="Limpiar" class="btn" />\
+					</div>\
+				</div>\
+			</form>'
+		);
+	};
+
+	var createPersonRow = function(person) {
+		return '<tr id="person-'+ person.id +'" class="row">\
+			<td class="name col-sm-4">' + person.name + '</td>\
+			<td class="surname col-sm-5">' + person.surname + '</td>\
+			<td class="col-sm-3">\
+				<a class="edit btn btn-primary" href="#">Editar</a>\
+				<a class="delete btn btn-warning" href="#">Eliminar</a>\
+			</td>\
+		</tr>';
+	};
+
+	var showErrorMessage = function(jqxhr, textStatus, error) {
+		alert(textStatus + ": " + error);
+	};
+
+	var addRowListeners = function(person) {
+		$('#person-' + person.id + ' a.edit').click(function() {
+			self.editPerson(person.id);
+		});
+		
+		$('#person-' + person.id + ' a.delete').click(function() {
+			self.deletePerson(person.id);
+		});
+	};
+
+	var appendToTable = function(person) {
+		$(listQuery + ' > tbody:last')
+			.append(createPersonRow(person));
+		addRowListeners(person);
+	};
+	
+	return PeopleView;
+})();

bin/src/main/webapp/main.html

+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+
+<title>DAA Example</title>
+
+<link rel="stylesheet"
+	href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+</head>
+<body>
+	<header>
+		<div class="navbar navbar-dark bg-dark box-shadow">
+			<div class="container d-flex justify-content-between">
+				<a href="#" class="navbar-brand d-flex align-items-center">
+					<strong>DAA	Example</strong>
+				</a>
+				<button id="logout" class="btn btn-dark">Cerrar sesión</button>
+			</div>
+		</div>
+	</header>
+
+	<div class="container">
+		<div id="people-container">
+			<h1 class="display-5 mt-3 mb-3">Personas</h1>
+		</div>
+	</div>
+	
+	<script type="text/javascript"
+		src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
+	<script type="text/javascript" src="js/dao/people.js"></script>
+	<script type="text/javascript" src="js/view/people.js"></script>
+	<script type="text/javascript" src="js/login.js"></script>
+	<script type="text/javascript">
+	$(document).ready(
+		function() {
+		    $('#logout').click(function(event) {
+				event.preventDefault();
+				doLogout();
+		    });
+
+		    var view = new PeopleView(new PeopleDAO(),
+		    	'people-container', 'people-container'
+	    	);
+
+		    view.init();
+		});
+    </script>
+</body>
+</html>
\ No newline at end of file