• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Introducción TEWC
 

Introducción TEWC

on

  • 421 views

Introducción a TEWC

Introducción a TEWC

Statistics

Views

Total Views
421
Views on SlideShare
305
Embed Views
116

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 116

http://www.gsi.dit.upm.es 116

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Introducción TEWC Introducción TEWC Presentation Transcript

    • Tecnologías Web de Cliente Departamento de Ingeniería de Sistemas Telemáticos http://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 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.
    • 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…