Prácticas de web programable
Desarrollo de Aplicaciones Telemáticas, 2021-2022
Grado en Ingeniería en Tecnologías de la Telecomunicación
Grado en Ingeniería en Sistemas de Telecomunicación
Escuela Técnica Superior de Ingeniería de Telecomunicación
Universidad Rey Juan Carlos
Escribe un programa en los ficheros ~/dat/practica06/posicion.html ~/dat/practica06/posicion.js según la siguiente especificación:
Será similar a http://ortuno.es/localStorage.html: preguntará al usuario su nombre y lo guardará en local storage. Pero almacenará, además, las coordenadas del usuario y la fecha en la que ejecutó el programa.
El programa no usará alert ni prompt para mostrar o pedir información, sino que escribirá los mensajes en la página (sin ventanas emergentes) y consultará el nombre desde un formulario.
Cuando el programa tenga constancia de una visita anterior del usuario, le mostrará mensajes similar a estos, según proceda o según prefieras:
Hola Juan, tu última visita fue en Tue May 03 2022 12:32:20, tus coordenadas eran (40.2833, -3.8215)
Hola Ana, no tengo constancia de visitas previas
Hola Pedro, tu última visita fue el martes 3 de mayo a las 12:32, tus coordenadas eran las mismas que ahora: (40.2833, -3.8215)
Escribe una página con el nombre ~/dat/practica06/mapa.html que presente un mapa de OpenStreetMaps con la posición actual del usuario.
Escribe una aplicación web en los ficheros ~/dat/practica06/dondeEsta.html y ~/dat/practica06/dondeEsta.js con la funcionalidad típica de las aplicaciones del tipo Where is my car?
Esto es, servirá para que el usuario pueda registrar dónde aparcó su coche.
La página tendrá especial utilidad funcionando en un teléfono móvil. Pero gracias a que HTML es una norma universal, puedes desarrollarlo en un ordenador de escritorio o portátil y probarlo luego en el móvil.
Toda la información se almacenará usando Web Storage.
La página mostrará sobre un mapa:
La posición actual del usuario.
Si está almacenada, la posición del coche.
La página tendrá dos botones.
Recordar posición.
Al pulsarlo, la posición almacenada será la posición actual. Si ya había una posición guardada, la borrará.
Borrar posición.
Al pulsarlo, se borrará la posición almacenada. Si no hay ninguna, el botón estará deshabilitado.