Universidad de Jaén

Menú local

Syllabus 2023-24 - 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: 2023-24
COURSE: Web Based Technology
SYLLABUS
1. COURSE BASIC INFORMATION
NAME: Web Based Technology
CODE: 13312038 ACADEMIC YEAR: 2023-24
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: 3
3. CONTENT DESCRIPTION

Theory

0. Course introduction


1. The World Wide Web

  • History of the web
  • The W3C
  • World Wide Web architecture
  • Backend technologies
  • Frontend technologies


2. Web technologies

  • HTTP
  • HTML
  • CSS
  • Javascript
  • Web servers
  • Web browsers


3. Web application design

  • Introduction
  • Development process model
  • Technology selection
  • Design: mockups, storyboards, sequence diagrams, data model
  • User experience: usability, accesibility, responsiveness, internationalization


4. Design Patterns for web applications

  • Introduction
  • The MVC pattern
  • Architecture
  • The PAC pattern
  • Beyond MVC pattern
  • Reactive programming


5. Backend development

  • Introduction
  • Concepts
  • Frameworks comparison
  • Other technologies for backend development (APIs, web services, CDNs...)


6. Frontend development

  • Introduction
  • Concepts
  • Beyond JS: new languages
  • Frameworks
  • Comparison


7. Security in web applications

  • Introduction
  • Authentication
  • Authorization
  • SQL injection
  • XSS
  • CSRF
  • Cookies
  • HTTPS


8. Deployment of web applications

  • Introduction
  • Configuration management
  • Development infrastructure
  • Production infrastructure
  • Deployment plan
  • Examples


9. Monitoring of web applications

  • Introduction
  • Capacity indicators
  • Usage indicators
  • Logs management
  • Tools

Practices

  1. Introduction, SCRUM
  2. HTTP, HTML and CSS
  3. Javascript
  4. Application design
  5. Introduction to frontend framework
  6. PAC design
  7. Backend setup
  8. Assets and CSS framework
  9. Backend - frontend connection
  10. Authentication and authorization
  11. Deployment
  12. Security report
  13. Websockets
  14. Project delivery

4. COURSE DESCRIPTION AND TEACHING METHODOLOGY

According to the methodologies reflected in the previous section for each activity, the course is organised as follows:

Theoretic classes

The main content will be taught following a lecture-based presentations, so theoric concepts will be introduced for acquiring the needed competences related to the content of the course. Each technology will be detailed and placed within the main scheme, along with examples oriented to facilitate its understanding. Gradually, all technologies will be introduced into their precise context.

Aditional material and vídeos with further aspects or emerging technologies will be also introduced.

At any time, the student is allowed to rise questions related to the content in progress to resolve doubts. Student presentations will be proposed under a posterior open debate with companions.

Practices

In the classes at the lab, detailed guides are provided for a quick access to the technology, and organised to build a full web application as main goal. Students will work as teams of variable size according to the complexity of the proposed project. 

Practical exercises will be evaluated through tests.

Final web project developed in teams will be evaluated presentially and individually.

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

Attendance and participation:

  • Attendance registration system
  • Participation in open debates
  • Participation as team member

Theoric concepts:

  • Measured by means of a test-based exam

Práctical concepts:

Development of a web application by a team of developers. The final result will be scored according to the following aspects:

  • Application size
  • Complexity
  • Suitability of the solution to the proposed problem
  • Suitability of the technologies to the final solution
  • Architecture (MVC pattern correspondence)
  • Security
  • Usability
  • Design

Individual evaluation of exercices proposed in practice guides.

Individual presentations

  • Structure and quality of the documentation
  • Originality of the target subject
  • Readability and presentation

Students must pass the practical part to pass the course.

According to art. 13 in our rules ( Reglamento de Régimen Académico y de  Evaluación del alumnado de la Universidad de Jaén), the final evaluation of the course will be an overall single score.

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)
8. VIRTUAL / CLASSROOM TEACHING SCENARIO

1) TEACHING METHODOLOGY AND TRAINING ACTIVITIES.

The activities that cannot be carried out in person will be developed following the indications and instructions given by the centre, and using videoconference systems, as long as the capacity and infrastructure of the space assigned for teaching the subject allow it.

2) EVALUATION SYSTEM

The evaluation system is the one detailed in the main section dedicated to this aspect. The practicals will be delivered telematically. Both the work presentations and the theoretical exam will be face-to-face.

3) RESOURCES.

The video-conference systems available in the spaces provided for teaching will be used, as well as the University's teaching platform. Activities that cannot be carried out in person will be carried out by means of synchronous and/or asynchronous activities carried out through the virtual teaching platform.
It is expressly forbidden to record by any means the face-to-face or non face-to-face synchronous activities without the explicit permission of the teacher.

9. VIRTUAL TEACHING SCENARIO

1) TEACHING METHODOLOGY AND TRAINING ACTIVITIES.

The activities that cannot be carried out in person will be carried out through synchronous and/or asynchronous activities carried out through the virtual teaching platform and the mechanisms that the University allows or enables.

2) EVALUATION SYSTEM.

The evaluation system and instruments will be the same as for the face-to-face mode, replacing the face-to-face tests with similar tests developed through the use of the online teaching platform or others that the University allows or enables, provided that the identity of the student is guaranteed.

3) RESOURCES.

Activities that cannot be carried out in person will be carried out through synchronous and/or asynchronous activities carried out through the virtual teaching platform.

In any case, it is expressly forbidden to record by any means the face-to-face or non face-to-face synchronous activities without the explicit permission of the teacher.

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