Click here to load reader
Upload
carlos-a-iglesias
View
324
Download
0
Embed Size (px)
DESCRIPTION
Introducción a TEWC
Citation preview
Tecnologías Web de Cliente
Departamento de Ingeniería de Sistemas Telemáticoshttp://moodle.dit.upm.es
Presentación
presentación asignatura 2
Profesores
Profesores Carlos A. Iglesias <[email protected]> Mercedes Garijo <[email protected]>
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
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
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
presentación asignatura 6
Teoría
Arquitectura de una aplicación webProgramación de web estáticas (HTML,
CSS, Javascript) JQuery, JQuery Mobile, HTML semántico,
AjaxPrincipios de diseño, usabilidad y
accesibilidadPrueba de aplicaciones webPrimeros pasos en el servidor: PHP y
BBDD.
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
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
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%
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.)
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
presentación asignatura 12
Todo en http://moodle.lab.dit.upm.es
presentación asignatura 13
La web
presentación asignatura 14
Hay que registrarse…