diff --git a/.gitignore b/.gitignore
deleted file mode 100644
index eaf568b..0000000
--- a/.gitignore
+++ /dev/null
@@ -1,25 +0,0 @@
-# ---> Java
-# Compiled class file
-*.class
-
-# Log file
-*.log
-
-# BlueJ files
-*.ctxt
-
-# Mobile Tools for Java (J2ME)
-.mtj.tmp/
-
-# Package Files #
-*.war
-*.nar
-*.ear
-*.zip
-*.tar.gz
-*.rar
-
-# virtual machine crash logs, see http://www.java.com/en/download/help/error_hotspot.xml
-hs_err_pid*
-replay_pid*
-
diff --git a/tp1a/7.html b/tp1a/7.html
new file mode 100644
index 0000000..a35c7c1
--- /dev/null
+++ b/tp1a/7.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Formulaire César</title>
+	<script type="text/javascript">
+		var httpRequest;
+		function requeteHTTP(i, n) {
+            console.log("i = " +i);
+            console.log("n = " +n);
+			if (i === "") return false;
+			if ( (n >= 0) && (n <= 26) ) {
+				httpRequest = new XMLHttpRequest();
+				httpRequest.onreadystatechange = () => {
+					accuseReception(httpRequest);
+				};
+				httpRequest.open('GET', "http://localhost:8080/cesar/" +  n + "?val=" + i, true);
+				httpRequest.setRequestHeader("Content-Type", "application/json");
+				httpRequest.send();
+			}
+		}
+
+		function accuseReception(httpRequest) {
+			if (httpRequest.readyState == XMLHttpRequest.DONE) {
+				if (httpRequest.status == 200) {
+                    console.log(httpRequest.responseText);
+					document.getElementById("resultat").innerHTML = httpRequest.responseText;
+				} else {
+					console.error('Il y a eu un problème avec la requête.');
+				}
+			}
+		}
+	</script>
+</head>
+<body>
+	<fieldset>
+		<label for="val">Texte à chiffrer :</label>
+		<input type="text" id="val" name="val" required><br />
+		<label for="decal">Decallage :</label>
+		<input type="text" id="decal" name="decal" required>
+		<br>
+		<button onclick="requeteHTTP(document.getElementById('val').value, document.getElementById('decal').value)">Envoyer</button>
+    </fieldset>
+	<div id="resultat"></div>
+</body>
+</html>
diff --git a/tp1a/8.html b/tp1a/8.html
new file mode 100644
index 0000000..829acfe
--- /dev/null
+++ b/tp1a/8.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Formulaire César</title>
+	<script type="text/javascript">
+		var httpRequest;
+		function requeteHTTP(i) {
+			if (i === "") return false;
+				httpRequest = new XMLHttpRequest();
+				httpRequest.onreadystatechange = () => {
+					accuseReception(httpRequest);
+				};
+				httpRequest.open('GET', "http://localhost:8080/allcesar?val=" + i, true);
+				httpRequest.setRequestHeader("Content-Type", "application/json");
+				httpRequest.send();
+		}
+
+		function accuseReception(httpRequest) {
+			if (httpRequest.readyState == XMLHttpRequest.DONE) {
+				if (httpRequest.status == 200) {
+                    console.log(httpRequest.responseText);
+					document.getElementById("resultat").innerHTML = httpRequest.responseText;
+				} else {
+					console.error('Il y a eu un problème avec la requête.');
+				}
+			}
+		}
+	</script>
+</head>
+<body>
+	<fieldset>
+		<label for="val">Texte à chiffrer :</label>
+		<input type="text" id="val" name="val" required><br />
+		<br>
+		<button onclick="requeteHTTP(document.getElementById('val').value)">Envoyer</button>
+    </fieldset>
+	<div id="resultat"></div>
+</body>
+</html>
diff --git a/tp1a/9.html b/tp1a/9.html
new file mode 100644
index 0000000..062c66f
--- /dev/null
+++ b/tp1a/9.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Formulaire César</title>
+	<script type="text/javascript">
+		var httpRequest;
+		function requeteHTTP(i) {
+			if (i === "") return false;
+				httpRequest = new XMLHttpRequest();
+				httpRequest.onreadystatechange = () => {
+					accuseReception(httpRequest);
+				};
+				httpRequest.open('POST', "http://localhost:8080/allcesar", true);
+				httpRequest.setRequestHeader("Content-Type", "application/json");
+				httpRequest.send(i);
+		}
+
+		function accuseReception(httpRequest) {
+			if (httpRequest.readyState == XMLHttpRequest.DONE) {
+				if (httpRequest.status == 200) {
+                    console.log(httpRequest.responseText);
+					document.getElementById("resultat").innerHTML = httpRequest.responseText;
+				} else {
+					console.error('Il y a eu un problème avec la requête.');
+				}
+			}
+		}
+	</script>
+</head>
+<body>
+	<fieldset>
+		<label for="val">Texte à chiffrer :</label>
+		<input type="text" id="val" name="val" required><br />
+		<br>
+		<button onclick="requeteHTTP(document.getElementById('val').value)">Envoyer</button>
+    </fieldset>
+	<div id="resultat"></div>
+</body>
+</html>
diff --git a/tp1a/README.md b/tp1a/README.md
new file mode 100644
index 0000000..066311c
--- /dev/null
+++ b/tp1a/README.md
@@ -0,0 +1,13 @@
+# TP1 - Utiliser un service REST
+
+1. Nous voyons un JSON de la forme ``{"message":"Hello, Spring!"}``.
+2. Une API REST.
+3. On fait des requêtes GET. Elles sont effectuées sur le port 8080.
+4. Non, car on a pas la description de l'API.
+5. Un décallage de César est effectué au texte passé en paramètre. Pour "bonjour", avec un décallage de 5, on obtient "gtsotzw" via l'URI ``http://localhost:8080/cesar/5?val=bonjour``.
+6. Il s'agit de la valeur sur laquelle on veut appliquer le décallage de césar.
+7. Voir 7.html
+8. La méthode allcesar de notre service effectue un décallage de césar 26 fois pour nous montrer les 26 possibilités sur un texte.
+
+
+
diff --git a/tp1a/index.html b/tp1a/index.html
new file mode 100644
index 0000000..4224b05
--- /dev/null
+++ b/tp1a/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Formulaire César</title>
+</head>
+<body>
+	<form action="http://localhost:8080/cesar/1" method="GET">
+		<label for="val">Texte à chiffrer :</label>
+		<input type="text" id="val" name="val" required>
+		<br>
+		<input type="submit" value="Chiffrer">
+	</form>
+</body>
+</html>
diff --git a/tp1a/service-complete-1.jar b/tp1a/service-complete-1.jar
new file mode 100644
index 0000000..16e3eae
Binary files /dev/null and b/tp1a/service-complete-1.jar differ
