Logo UAB
2021/2022

Web Systems and Technologies

Code: 102750 ECTS Credits: 6
Degree Type Year Semester
2502441 Computer Engineering OB 3 2
2502441 Computer Engineering OT 4 2
The proposed teaching and assessment methodology that appear in the guide may be subject to changes as a result of the restrictions to face-to-face class attendance imposed by the health authorities.

Contact

Name:
Ian Blanes Garcia
Email:
Ian.Blanes@uab.cat

Use of Languages

Principal working language:
catalan (cat)
Some groups entirely in English:
No
Some groups entirely in Catalan:
Yes
Some groups entirely in Spanish:
No

Other comments on languages

Possiblement, hi haurą grups de problemes a l'aula i prąctiques de laboratori en Anglčs.

Prerequisites

The subject does not have any official prerequisite.

Students who have not passed Fonaments de Computadors or Metodologia de la Programació may have serious difficulties in this course.


It is highly recommended that you have completed Sistemes Operatius, Laboratori de Programació, Informació i Seguretat, Xarxes, Enginyeria del Software, and Tecnologies de Desenvolupament per a Internet i Web. Only basic knowledge of the previous subjects is necessary, therefore, it is not essential to have passed them, although it is advisable.


Students taking this course must have a sufficient command of English language to understand the written materials of the subject that may be in English. It will not be necessary to write in English. It will not be necessary to write in English in the groups in Catalan.

Objectives and Contextualisation

This subject is framed within the increasingly everyday uses that society gives to web technologies. Knowledge of these technologies is at the frontier of innovation in business models, which aim to adapt to the use of new technologies to improve their competitiveness and to offer added value.

The aim of this subject is to provide an overview of these technologies, and at the same time allow students to deepen their understanding of particular elements by fostering their innovative spirit.

Competences

    Computer Engineering
  • Acquire personal work habits.
  • Communication.
  • Have the capacity to conceive network technology based systems, applications and services, including Internet, Web, e-commerce, multimedia, interactive services and mobile computers.
  • Have the capacity to employ user and organisation centred design methodologies for the development, evaluation and management of applications and systems based on information technologies that guarantee the accessibility, ergonomics and usability of systems.
  • Have the capacity to select, design, deploy, integrate and manage the communications networks and infrastructures of an organisation.
  • Have the capacity to select, design, deploy, integrate, evaluate, build, manage, exploit and maintain hardware, software and network technologies within the suitable parameters of cost and quality.

Learning Outcomes

  1. Apply user and organisation centred design methodologies to ICT systems.
  2. Communicate efficiently, orally or in writing, knowledge, results and skills, both in the professional environment and before non-expert audiences.
  3. Conceive applications and services based on network technologies , including the Internet , web, e-commerce , multimedia, interactive services and mobile computing .
  4. Critically evaluate the work done.
  5. Design ICT systems in consideration of accessibility, ergonomic and usability criteria.
  6. Design and evaluate an integrated information technologies and communications.
  7. Develop and manage social software applications.
  8. Integrate and manage advanced multimedia and web technologies to increase operative capacity in an organisation.
  9. Know about user and organisation centred design methodologies.
  10. Know and understand the alternatives that allow the incorporation of electronic commerce in the commercial environment .
  11. Manage time and resources available. Work in an organized manner .
  12. Work independently.

Content

  • Lecture 1: User-centered design

    • Iterative prototyping, storyboarding, personas, paper prototyping, digital mockups, comparing alternatives and mixing, participant observation, interviewing, heuristic evaluation, process mapping.

  • Lecture 2: Information architecture

    • Information Foraging, navigation patterns, design patterns, and information organization.

  • Lecture 3: Social software

    • Communication models, collaboration and community. Social aspects. Diffusion of innovations. Community management.

  • Lecture 4: Advanced web technologies and interactive services

    • Frameworks and libraries.

  • Lecture 5: Mobile computing

    • Design aspects: devices and limitations. Multi-platform development, app markets, near-field communication.

  • Lecture 6: Digital media and electronic commerce

    • Digital media on the Internet, distribution of compressed content over web services, and payment gateways for electronic commerce.

Methodology

The contents of this subject are organized in groups of different and sometimes distant thematic. It is essential to have a broad vision of the web technology landscape, while at the same time having the knowledge that is acquired when a student deepens its knowledge in one topic, simply because of the direct experience that this brings. That is why the subject combines these two differentiated methodologies, the first one designed to provide broad knowledge (base), while the second one is aimed at enlightening students in a specific technology (deepening).

The base part will be taught through theoretical classes and problems, which will be evaluated accordingly.

The deepening part will be carried out by students through formative activities, both theoretically with the realization of one or more papers, as well as applied with the realization of a practical project.

Transversal competences:

Competence Methodology Evaluation
T02 - Acquire personal work habits.
T02.01 - Work independently. This competence will be acquired, among others, through the papers that students must prepare independently. It will be evaluated through evaluation activity A1.
T02.03 - Manage time and resources available. Work in an organized manner.

Activities developed in tutorial sessions require the development of a relatively complex project where it will be necessary to work in an organized way to carry it out successfully.

It will be evaluated through evaluation activity C2.
T02.08 - Critically evaluate the work done.

Initially, students will carry out tutored self-learning exercises, which they will have to critically evaluate.

Students will have to complete one or more assignments. It will be essential that the documents delivered are of high technical quality. Students will have to review their work and be able to evaluate their content. Students will receive feedback on their ability to critically evaluate.

It will be evaluated through evaluation activities A1 and C1.

T04 - Communication
T04.01 -Communicate efficiently, orally or in writing, knowledge, results and skills, both in the professional environment and before non-expert audiences.

During the course, the necessary classroom hours will be devoted to learn to prepare a written document of high technical quality. Students will have to prepare one or more papers, where they will have to practice the knowledge they have obtained, and will subsequently receive feedback on this task.

It will be evaluated through evaluation activity A1.

 

Annotation: Within the schedule set by the centre or degree programme, 15 minutes of one class will be reserved for students to evaluate their lecturers and their courses or modules through questionnaires.

Activities

Title Hours ECTS Learning Outcomes
Type: Directed      
Problems and projects follow-up 13 0.52 1, 3, 10, 9, 7, 6, 5, 8
Seminars 7 0.28 1, 3, 10, 9, 7, 6, 5, 8
Theory classes 30 1.2 1, 3, 10, 9, 7, 6, 5, 8
Type: Supervised      
Supervised activities in the classroom 18 0.72 1, 3, 10, 9, 7, 6, 5, 8, 12
Type: Autonomous      
Autonomous work in the practical project 35 1.4 1, 3, 10, 9, 7, 6, 5, 8, 12
Preparation and study 20 0.8 1, 3, 10, 9, 7, 6, 5, 8, 12
Preparation for examinations 20 0.8 1, 3, 10, 9, 7, 6, 5, 8, 12

Assessment

Evaluation process and activities

The assessment is divided into three main parts. These are indicated below, showing in parenthesis its weighting in the overall grade.

A - Research assignments (20%)

A1 - One or more written papers, or one or more oral presentations. (20%)

B - Theory (34%)

B1 - Tutored problems in the classroom. (4%)

B2 - Theory examination. (30%)

C - Applied project (46%)

C1 - Tutored self-learning exercises. (6%)

C2 - Lab assignments. (20%)

C3 - Applied examination. (20%)

The course is passed by obtaining an overall grade greater than or equal to 5 out of 10.

I.e., 0.2 * A1 + 0.04 * B1 + 0.3 * B2 + 0.06 * C1 + 0.2 * C2 + 0.2 * C3 >= 5.

In addition, individual grades must exceed 5 out of 10 for items A1 and B2, must exceed 0 out of 10 for items B1 and C1, and must exceed 5 out of 10 for items C2 and C3.

I.e., A1 >= 5 i B2 >= 5 i B1 > 0 i C1 > 0 i C2 >= 5 i C3 >= 5.

In the event that the grade obtained for item C2 is the result of two or more individual grades, the C3 applied examination may consist of two or more parts, each one related to one of the individual assignments. In this case, all applied examinations must be passed individually. The grade of each part in C2 equivalent to a failed part in C3 will be 0. It will be necessary to have delivered all the individual lab assignments related to item C2 in order to be able to participate in the applied examination/s.

Students, inagreement with the subject professors and provided that enough resources  are available, may opt to replace some assessment method for an alternative much more demanding evaluation method (e.g., change a written paper for an oral presentation of greater difficulty).

Reassessment

The student will only be able to request a reassessment of items A1, B2, C3. The marks obtained through reassessment will only replace the previously obtained ones is they are higher.

In accordance with the academic regulations (Article 112 ter.2), to be able to request a reassessment, students must have been previously evaluated in activities whose combined weight is at least 67%.

Plagiarism and other irregularities

Notwithstanding other disciplinary measures deemed appropriate, and in accordance with the academic regulations in force, assessment activities will receive a zero whenever a student commits academic irregularities that may alter such assessment. Assessment activities graded in this way and by this procedure will not be re-assessable. If passing the assessment activity or activities in question is required to pass the subject, the awarding of a zero for disciplinary measures will also entail a direct fail for the subject, with no opportunity to re-assess this in the same academic year. Irregularities contemplated in this procedure include, among others:
- the total or partial copying of a practical exercise, report, or any other evaluation activity;
- allowing others to copy;
- presenting group work that has not been done entirely by the members of the group;
- presenting work as one’s own any materials prepared by a third party, even if these are  translations or adaptations, including work that is not original or exclusively that of the student;
- having communication devices (such as mobile phones, smart watches, etc.) accessible during theoretical-practical assessment tests (individual examinations).

In case of irregularity, the overall grade for this subject will be at most 3.0.

Honors and not evaluable

A maximum of X students will be able to pass the course with honors, where X = max (1, floor (number of students / 20)), with the following indicative criteria:
- as many as possible academic honors will be awarded;
- only students having obtained a final grade of at least 9 will be considered;
- academic honors will be assigned to students with highest grades.

The overall grade for students not passing the subject will be capped as follows:

- For students not reaching the minimum grade required for any assessment activity, overall grade will be capped at 4.5.

- For students having committed evaluation irregularities, overall grade will be capped at 3.0.

Students not having participated in any of the assessment activities will obtain an overall grade of "not evaluable".

Assessment review

The ordinary review of the assessment activities will begin at least twenty-four hours after grades have been made public, or on the same day, if previously announced publicly. No reviews will be possible at later dates.

Validations

The students coursing this subject for a second time will be able to request the validation of their previous grades. Professors will resolve validations favorably when, in their opinion, the student has demonstrated previously and reliably the learning outcomes obtained. In any case, professors will unfavorablyresolve the validation of part C2 when the grade obtained in partC3 is  not in accordance with the grade obtainedin part C2 (either partially or totally). That is to say, it will be necessary to have passed the practical examinations to validate the practical assignments.

No validation will be possible for students having failed due to plagiarism or other irregularities.

Dates and communications

Assignment deadlines will be published, unless indicated otherwise, in the Campus Virtual https://cv.uab.cat. Deadlines may be subject to changes, but changes will be communicated in the online forum of the subject.

The teaching  staff will communicate with the students in the classroom, during office hours, and through the forums available in the Campus Virtual. Except for exceptional cases, emails will not be answered.

Assessment Activities

Title Weighting Hours ECTS Learning Outcomes
Evaluation of supervised work 20% 0 0 1, 4, 2, 3, 10, 9, 7, 6, 5, 8, 12
Practical project evaluation 46% 4 0.16 1, 4, 3, 10, 9, 7, 6, 5, 11, 8
Theory Evaluation 34% 3 0.12 1, 3, 10, 9, 7, 6, 5, 8

Bibliography

  • C. Snyder, Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. Morgan Kaufmann, Apr. 2003.

  • E. Goodman, M. Kuniavsky, and A. Moed, Observing the User Experience. Morgan Kaufmann, Sept. 2012.

  • S. Krug, Don’t Make Me Think: A Common Sense Approach to Web Usability. New Riders Press, Aug. 2005.

  • L. Wroblewski, Web Form Design: Filling in the Blanks Paperback. Rosenfeld Media, May 2008.

  • A. Cooper, R. Reimann, and D. Cronin, About Face 3: The Essentials of Interaction Design. Wiley, May 2007.

  • C. Wodtke and A. Govella, Information Architecture: Blueprints for the Web (2nd Edition). New Riders Press, Feb. 2009.

  • P. Morville, L. Rosenfeld, and L. Rosenfeld, Information architecture for the World Wide Web. O’Reilly, Nov. 2007.

  • J. Tidwell, Designing Interfaces. O’Reilly Media, Nov. 2005.

  • D. Geary and C. S. Horstmann, Core JavaServer Faces. Prentice Hall, Jun. 2010.

  • G. Bell, Building Social Web Applications: Establishing Community at the Heart of Your Site. O’Reilly Media, Oct. 2009.

  • K. Sayood, Introduction to Data Compression, Third Edition (Morgan Kaufmann Series in Multimedia Information and Systems). Morgan Kaufmann, Dec. 2005 .

  • D. Salomon, Data Compression: The Complete Reference. Springer, Dec. 2006 .

Software

Various web development tools will be used: a code editor, a web browser, one or more interpreters of a web-oriented programming language, others.