Universidad de Jaén

Menú local

Syllabus 2024-25 - 13312038 - Web Based Technology (Tecnologías basadas en la web)

Caption
  • Level 1: Tutorial support sessions, materials and exams in this language
  • Level 2: Tutorial support sessions, materials, exams and seminars in this language
  • Level 3: Tutorial support sessions, materials, exams, seminars and regular lectures in this language
DEGREE: Grado en Ingeniería informática
FACULTY: SCHOOL OF ENGINEERING OF JAÉN
ACADEMIC YEAR: 2024-25
COURSE: Web Based Technology
SYLLABUS
1. COURSE BASIC INFORMATION
NAME: Web Based Technology
CODE: 13312038 ACADEMIC YEAR: 2024-25
LANGUAGE: English LEVEL: 3
ECTS CREDITS: 6.0 YEAR: 3 SEMESTER: SC
2. LECTURER BASIC INFORMATION
NAME: MONTEJO RAEZ, ARTURO
DEPARTMENT: U118 - INFORMÁTICA
FIELD OF STUDY: 570 - LENGUAJES Y SISTEMAS INFORMÁTICOS
OFFICE NO.: A3 - 114 E-MAIL: amontejo@ujaen.es P: 953212882
WEBSITE: blogs.ujaen.es/amontejo
ORCID: https://orcid.org/0000-0002-8643-2714
LANGUAGE: English LEVEL: null
3. CONTENT DESCRIPTION

Lenguajes y entornos de programación en la Web. Desarrollo cliente-servidor en la Web. Integración con fuentes de información. Tecnologías emergente en el desarrollo de aplicaciones Web.

 

Teoría

0. Presentación de la asignatura

1. La World Wide Web

  • Historia de la WWW
  • El consorcio W3C
  • Arquitectura de la WWW
  • Tecnologías del lado servidor
  • Tecnologías del lado cliente

2. Tecnologías web

  • HTTP
  • HTML
  • CSS
  • Javascript
  • Servidores web
  • Navegadores web


3. Diseño de aplicaciones web

  • Arquitectura frontend/backend
  • Mockups
  • Storyboards
  • Modelos de datos
  • Diagramas de secuencia
  • Experiencia de usuario (usabilidad, accesibilidad, internacionalización...)


4. Patrones de diseño para aplicaciones web

  • Introducción
  • El patrón MVC
  • Arquitectura
  • El patrón PAC
  • Otros patrones
  • Programación reactiva


5. Desarrollo backend

  • Introducción
  • Conceptos
  • Comparativa
  • Comparativa
  • Otras tecnologías para el desarrollo backend (APIs, servicios web, CDNs...)


6. Desarrollo frontend

  • Introducción
  • Conceptos
  • Más allá de JS: nuevos lenguajes
  • Frameworks
  • Comparativas


7. Seguridad en las aplicaciones web

  • Ataques (Inyección SQL, XSS, CSRF, hijacking...)
  • Conexión segura con HTTPS
  • Gestión de tokens


8. Despliegue de aplicaciones web

  • Control de versiones
  • Infraestructuras
  • El plan de despliegue


9. Monitorización de aplicaciones web

  • Indicadores de capacidad
  • Indicadores de uso
  • Gestión de logs
  • Herramientas de monitorización

Prácticas

  1. Introducción, SCRUM
  2. HTTP, HTML y CSS
  3. Javascript
  4. Diseño de la aplicación
  5. Introducción a framework frontend
  6. Diseño PAC
  7. Puesta en marcha del backend
  8. Assets y frameworks CSS
  9. Conexión frontend - backend
  10. Autenticación y autorización
  11. Despliegue
  12. Informe de seguridad
  13. Websockets
  14. Entrega final

4. COURSE DESCRIPTION AND TEACHING METHODOLOGY

Siguiendo las metodologías reflejadas en el apartado anterior para cada una de las actividades, el desarrollo de la asignatura será como sigue:

  Clases expositivas en gran grupo

Las clases impartirán de forma magistral, introduciendo los conceptos teóricos necesarios para la adquisición de las competencias y los contenidos de la asignatura. Cada tecnología será detallada mediante su ubicación en el esquema general así como mediante ejemplos que permitan una mejor comprensión de la misma para, de forma gradual, asociar todas las tecnologías impartidas en su contexto preciso.

Adicionalmente se incluirá material de conferencias y vídeos que describan ciertos aspectos técnicos y/o nuevas tecnologías emergentes.

En todo momento el alumnado podrá plantear preguntas relativas a los contenidos en desarrollo para aclarar dudas, estableciéndose trabajos a presentar en clase, con debate abierto sobre los mismos.

Clases en grupos de prácticas

Las prácticas seguirán unos guiones precisos orientados al dominio de ciertas tecnologías, y encaminadas al desarrollo de una aplicación web totalmente funcional, trabajando en grupos de tamaño variable en función de la complejidad del sistema a desarrollar.

Los ejercicios prácticos se evaluarán mediante tests.

El proyecto de desarrollo en equipo se evaluará presencialmente, de manera individual.

Students with special educational needs should contact the Student Attention Service (Servicio de Atención y Ayudas al Estudiante) in order to receive the appropriate academic support

5. ASSESSMENT METHODOLOGY

Asistencia y participación (medido mediante notas de seguimiento del profesor):

  • Partes de firmas de asistencia a prácticas
  • Participación en los debates
  • Participación en el trabajo grupal

Conceptos teóricos:

  • Medido mediante examen realizado a través de la plataforma de docencia virtual (Competencias CB2R y CB3R; Resultados CTI5R, CTI6R, CTI7R, 5, 6, 7 y 8)

Conceptos prácticos:

Trabajo en grupo en base a los siguientes aspectos

  • Tamaño de la aplicación informática
  • Complejidad de la aplicación
  • Validez de la aplicación al problema planteado
  • Aplicación de tecnologías en la solución
  • Adecuación de las tecnologías seleccionadas al problema
  • Arquitectura (fidelidad a patrones como MVC)
  • Seguridad
  • Usabilidad
  • Diseño

Evaluación individual en base a los ejercicios demandados en los guiones de prácticas.

Trabajo individuales

  • Estructura y calidad de la documentación
  • Originalidad
  • Ortografía y presentación

Las prácticas evaluarán las Competencias CB2R y CB3R, y los resultados CTI5R, CTI6R, CTI7R, 5, 6, 7 y 8.

Aquellos que no hayan superado la parte práctica no podrán superar la asignatura.

Atendiendo a lo recogido en el art. 13 del Reglamento de Régimen Académico y de  Evaluación del alumnado de la Universidad de Jaén, la  evaluación de la asignatura será global.

6. BOOKLIST
MAIN BOOKLIST:
  • Progressive web apps with React : create lightning fast web apps with native power using React and firebase . Edition: 1st edition. Author: Domes, Scott, author.. Publisher: Packt  (Library)
  • Internet security : how to defend against attackers on the Web Mike Harwood.. Edition: Second edition.. Author: Harwood, Mike, author.. Publisher: Jones & Bartlett Learning  (Library)
ADDITIONAL BOOKLIST:
  • Don't make me think, revisited [Recurso electrónico] : a common sense approach to Web usability. Edition: -. Author: Krug, Steve. Publisher: [Berkeley, Calif.] : New Riders, c2014  (Library)
7. SUSTAINABLE DEVELOPMENT GOALS
Educación de calidad
Industria, innovación e infraestructura
Reducción de las desigualdades
 
DETAILED INFORMATION

ODS-04 Educación de calidad

Las tecnologías web permiten el desarrollo de soluciones cliente/servidor de forma abierta gracias a las recomendaciones del World Wide Web Consortium (W3C). Estos estándares han dado lugar a toda la web tal y como la conocemos, un ecosistema de contenidos donde se produce el consumo y generación de conocimiento, búsqueda de información, compartición de conocimientos, formación online, etc.


ODS-09 Industria, innovación e infraestructura

Las tecnologías web son las responsables de la mayoría de los cambios en digitalización de organismos y empresas a partir del concepto de Software as a Service (SaaS) de la Computación en la Nube. GMail, Google, Microsoft 360 y casi todas las aplicaciones que usamos en la actualidad son aplicaciones construidas con tecnologías web.


ODS-10 Reducción de las desigualdades

En la asignatura se dedica especial atención a la accesibilidad de los contenidos web, repasando todos las recomendaciones que el W3C resalta para lograr una web para todos, tanto para las personas con dificultades de acceso como para lograr contenidos en cualquier idioma.

8. VIRTUAL / CLASSROOM TEACHING SCENARIO

1) METODOLOGÍA DOCENTE Y ACTIVIDADES FORMATIVAS.

Clase en el horario y aula asignados a una
parte del grupo y retransmisión por
videoconferencia al resto, con rotación
periódica de estudiantes, según determine el
Centro.

El Centro podrá establecer un porcentaje de presencialidad distinto dependiendo del
número de estudiantes y aforo del aula/laboratorio

2) SISTEMA DE EVALUACIÓN

El sistema de evaluación es el que se detalla en el apartado principal dedicado a este aspecto. Las prácticas se entregarán de manera telemática. Tanto las presentaciones de trabajos, como la asistencia al examen teórico se realizarán de manera presencial.

3) RECURSOS.

Se utilizarán los sistemas de videoconferencia que estén disponibles en los espacios que se habiliten para la docencia, así como las plataformas digitales disponibles en la Universidad de Jaén.

Queda expresamente prohibida la grabación, retransmisión o reproducción del discurso, imagen, voz y explicaciones de cátedra por ningún medio en las actividades presenciales o no presenciales síncronas sin permiso explícito del personal docente que imparte la actividad.

9. VIRTUAL TEACHING SCENARIO

1) METODOLOGÍA DOCENTE Y ACTIVIDADES FORMATIVAS.

Las actividades docentes, cuando estas no puedan realizarse de forma presencial lo harán mediante actividades síncronas y/o asíncronas realizadas a través de las plataformas y herramientas de educación a distancia (videoconferencia y docencia virtual) que proporcione la Universidad de Jaén.

2) SISTEMA DE EVALUACIÓN.

El sistema e instrumentos de evaluación serán los mismos que para la modalidad presencial, sustituyendo las pruebas presenciales por pruebas similares desarrolladas mediante el uso de la plataforma de docencia online u otras que la Universidad permita o habilite, siempre que quede garantizada la identificación del estudiante. 

3) RECURSOS.

Se utilizarán los sistemas de videoconferencia que estén disponibles en los espacios que se habiliten para la docencia, así como las plataformas digitales disponibles en la Universidad de Jaén.

Queda expresamente prohibida la grabación, retransmisión o reproducción de su discurso, imagen, voz y explicaciones de cátedra por ningún medio en las actividades presenciales o no presenciales síncronas sin permiso explícito del personal docente que imparte la actividad.

DATA PROTECTION CLAUSE (on line exams)

Institution in charge of data processing: Universidad de Jaén, Campus Las Lagunillas, s/n, 23071 Jaén

Data Protection Delegate: dpo@ujaen.es

Purpose: In accordance with the Universities Law and other national and regional regulations in force, carrying out exams and assessment tests corresponding to the courses students are registered in. In order to avoid frauds while sitting the exam, the exam will be answered using a videoconference system, being able the academic staff of the University of Jaén to compare and contrast the image of the person who is answering the exam with the student's photographic files. Likewise, in order to provide the exam with evidential content for revisions or claims, in accordance with current regulation frameworks, the exam will be recorded and stored.

Legitimacy: compliance with legal obligations (Universities Law) and other national and regional regulations currently in force.

Addressees: service providers who are the owners of the platforms where the exams are carried out and with whom the University of Jaén has signed the corresponding data access contracts.

Storage periods: those established in current in force regulations. In the specific case of exam videoconference recordings, not before the examination records and transcripts are closed or the exam can still be reviewed or challenged.

Rights: you can exercise your right of access, amendment, cancellation, opposition, suppression, limitation and portability by sending a letter to the postal or electronic address indicated above. In the event that you consider that your rights have been violated, you may submit a complaint to the Andalusian Council for Transparency and Data Protection www.ctpdandalucia.es

CLASS RECORDING CLAUSE PERSONAL DATA PROTECTION

Person in charge: Universidad de Jaén, Paraje Las Lagunillas, s/n; Tel.953 212121; www.ujaen.es

Data protection delegate (DPO): TELEFÓNICA, S.A.U. ; Email: dpo@ujaen.es

Procedure aim: To manage proper recordings of teaching sessions with the aim of facilitating learning process under a multimodal and/or online teaching

Period for record storage: Images will be kept during legal term according to regulations in force

Legitimacy: Data will be managed according to legal regulations (Organic Law 6/2001, December 21, on Universities) and given consent provided by selecting corresponding box in legal admission documents

Data recipients (transfers or assignments): Any person allowed to get access to every teaching modality

Rights: You may exercise your rights of access, rectification, cancellation, portability, limitation of processing, deletion or, where appropriate, opposition. To exercise these rights, you must submit a written request to the Information, Registration and Electronic Administration Service of the University of Jaen at the address above, or by e-mail to the address above. You must specify which of these rights you are requesting to be satisfied and, at the same time, you must attach a photocopy of your ID card or equivalent identification document. In case you act through a representative, legal or voluntary, you must also provide a document that proves this representation and identification. Likewise, if you consider that your right to personal data protection has been violated, you may file a complaint with the Andalusian Data Protection and Transparency Council www.ctpdandalucia.es