Introducción a TEWC

1. Tecnologías Web de Cliente
Departamento de Ingeniería de Sistemas Telemáticos
http://moodle.dit.upm.es
Presentación

2. presentación asignatura 2
Profesores
Profesores
 Carlos A. Iglesias <cif@gsi.dit.upm.es>
 Mercedes Garijo <mga@gsi.dit.upm.es>

3. presentación asignatura 3
La asignatura…
 Optativa
 Asignatura práctica
 continuación de Programación
 Complementa Computación en Red (3º) e Ingeniería Web (4º)
 Asignatura aplicada
 Completa la formación fundamental
 Muy demandada en las empresas

4. presentación asignatura 4
¿De qué trata?
 La web ha cambiado enormemente el desarrollo
software
 Antes …
 Se desarrollaba en cualquier lenguaje de programación
 Se podían utilizar formatos propietarios
 No se necesitaba interaccionar con el exterior
 Ahora …
 El eslogan de Sun “The Network is the Computer” comienza
a ser una realidad, SaaS, Cloud Computing, ...
 La web se ha convertido en la interfaz de acceso común a
todas las aplicaciones
 Ha aumentado la necesidad de desarrollar aplicaciones
web, tanto para acceso desde ordenadores, móviles como
televisión

5. presentación asignatura 5
¿Qué aprenderás?
 A desarrollar webs
 Sin capacidad de procesar las peticiones de los
usuarios
 Conocer y/o dominar...
 muchas (muchas) tecnologías, como
 HTML, XHTML, HTML5, CSS, Javascript
 Frameworks
 JQuery, JQuery Mobile, ...
 Ingeniería (ser ordenado / limpio / pragmático / eficiente)
 Manejo (y convendría instalación) de herramientas
• De desarrollo: aptana, firefox, extensiones, chrome…
 Hacer apps móviles (IPhone/Android/) con tecnologías web
 Una introducción a PHP

6. presentación asignatura 6
Teoría
Arquitectura de una aplicación web
Programación de web estáticas (HTML,
CSS, Javascript)
 JQuery, JQuery Mobile, HTML semántico,
Ajax
Principios de diseño, usabilidad y
accesibilidad
Prueba de aplicaciones web
Primeros pasos en el servidor: PHP y
BBDD.

7. presentación asignatura 7
Prácticas
●
Orientado a una aplicación real
– Debes proponer una web, desarrollarla y
ponerla pública en un hosting
●
Aplicación web centrada en HTML, CSS,
Javascript
 Opcional: aplicación móvil
 Debe incluir PHP

8. presentación asignatura 8
Evaluación
 Se evalúa mediante una práctica:
 Código
 Calidad del código
 Estilo
 Comentarios
 Arquitectura
 Memoria – Se desarrolla en un Blog público
 Originalidad
 No es un curso de diseño, aunque se cuide
 Para facilitar el repaso, se pondrán actividades en la web
 No hay examen

9. presentación asignatura 9
Tareas evaluables

P1. Entrega de la planificación del sitio
web, Semana 2, 5%

P2. Participación en clase y evaluación
continua en Moodle 20%
– Prácticas realizadas durante las clases

P3. Entrega del sitio web, Semana 16, 70%

10. presentación asignatura 10
Práctica
 Decidir qué web deseas hacer. Debe ser:
– Informativa
– O bien si tiene 'lógica', usar servicios existentes 'en la nube'
 Debe ser útil
– Que se mantenga tras la asignatura
 Hay que desarrollar 2 estilos para la misma web
– 1 “bien desarrollado”
– Otro puede ser 'justito', pero cambiando la disposición (si uno es
menú horizontal, el otro vertical, etc.)
– Se debe poder conmutar de uno a otro
 La web debe tener CSS y Jquery
 Opcionalmente, puedes hacer una aplicación móvil (adicional) para
IPhone o Android
 Opcionalmente, puedes investigar y hacer pruebas de algún aspecto de
HTML5 (caché, etc.)

11. presentación asignatura 11
Como siempre, las reglas …
 Puedes
 Discutir las prácticas con otros
 Ayudar a otros a depurar sus prácticas
 Emplear cualquier código que se publique en la asignatura
 No puedes
 Trabajar en grupo
 Copiar las prácticas de otro, o permitir que te las copien
 Dejar tus prácticas a otro, o dejarlas en algún sitio donde
cualquiera pueda cogerlas fácilmente
 Emplear código de libros o la web sin especificarlo (está bien
(muy bien) emplearlo pero debe consultarse)
 Si piensas que accidentalmente has violado alguna de
estas reglas, coméntamelo cuanto antes

12. presentación asignatura 12
Todo en http://moodle.lab.dit.upm.es

13. presentación asignatura 13
La web

14. presentación asignatura 14
Hay que registrarse…