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 <cif@gsi.dit.upm.es> Mercedes Garijo <mga@gsi.dit.upm.es>

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…