S0 :: Programa de Clases

Alejandro Henrıquez Lazo

Taller de Aplicaciones para InternetAIEP

Tabla de Contenidos

Sobre quien les habla

Sobre de que les voy a hablar

Sobre ustedes

¿Y porque?

2 de 14

Curriculum VitaeAlejandro Henrıquez Lazo

� Ingeniero Civil Informatico (Certificado 12 de Marzo de 2009)� Alumno ayudante de:

� Lenguaje de Programacion,� Modelamiento de Datos,� Estructura de Datos� Desarrollo de Software

� Desarrollador de Aplicaciones Web en el CZSUR de la Red Enlaces

� Relator en la Universidad de Concepcion

� Usuario de Software Libre (Ubuntu, LATEX, PostgreSQL,ZendFramework, Eclipse, . . . )

3 de 14

Curriculum VitaeAlejandro Henrıquez Lazo

� Ingeniero Civil Informatico (Certificado 12 de Marzo de 2009)� Alumno ayudante de:

� Lenguaje de Programacion,� Modelamiento de Datos,� Estructura de Datos� Desarrollo de Software

� Desarrollador de Aplicaciones Web en el CZSUR de la Red Enlaces

� Relator en la Universidad de Concepcion

� Usuario de Software Libre (Ubuntu, LATEX, PostgreSQL,ZendFramework, Eclipse, . . . )

3 de 14

Curriculum VitaeAlejandro Henrıquez Lazo

� Ingeniero Civil Informatico (Certificado 12 de Marzo de 2009)� Alumno ayudante de:

� Lenguaje de Programacion,� Modelamiento de Datos,� Estructura de Datos� Desarrollo de Software

� Desarrollador de Aplicaciones Web en el CZSUR de la Red Enlaces

� Relator en la Universidad de Concepcion

� Usuario de Software Libre (Ubuntu, LATEX, PostgreSQL,ZendFramework, Eclipse, . . . )

3 de 14

Curriculum VitaeAlejandro Henrıquez Lazo

� Ingeniero Civil Informatico (Certificado 12 de Marzo de 2009)� Alumno ayudante de:

� Lenguaje de Programacion,� Modelamiento de Datos,� Estructura de Datos� Desarrollo de Software

� Desarrollador de Aplicaciones Web en el CZSUR de la Red Enlaces

� Relator en la Universidad de Concepcion

� Usuario de Software Libre (Ubuntu, LATEX, PostgreSQL,ZendFramework, Eclipse, . . . )

3 de 14

Curriculum VitaeAlejandro Henrıquez Lazo

� Ingeniero Civil Informatico (Certificado 12 de Marzo de 2009)� Alumno ayudante de:

� Lenguaje de Programacion,� Modelamiento de Datos,� Estructura de Datos� Desarrollo de Software

� Desarrollador de Aplicaciones Web en el CZSUR de la Red Enlaces

� Relator en la Universidad de Concepcion

� Usuario de Software Libre (Ubuntu, LATEX, PostgreSQL,ZendFramework, Eclipse, . . . )

3 de 14

Curriculum VitaeAlejandro Henrıquez Lazo

� Ingeniero Civil Informatico (Certificado 12 de Marzo de 2009)� Alumno ayudante de:

� Lenguaje de Programacion,� Modelamiento de Datos,� Estructura de Datos� Desarrollo de Software

� Desarrollador de Aplicaciones Web en el CZSUR de la Red Enlaces

� Relator en la Universidad de Concepcion

� Usuario de Software Libre (Ubuntu, LATEX, PostgreSQL,ZendFramework, Eclipse, . . . )

3 de 14

Curriculum VitaeAlejandro Henrıquez Lazo

� Ingeniero Civil Informatico (Certificado 12 de Marzo de 2009)� Alumno ayudante de:

� Lenguaje de Programacion,� Modelamiento de Datos,� Estructura de Datos� Desarrollo de Software

� Desarrollador de Aplicaciones Web en el CZSUR de la Red Enlaces

� Relator en la Universidad de Concepcion

� Usuario de Software Libre (Ubuntu, LATEX, PostgreSQL,ZendFramework, Eclipse, . . . )

3 de 14

Curriculum VitaeAlejandro Henrıquez Lazo

� Ingeniero Civil Informatico (Certificado 12 de Marzo de 2009)� Alumno ayudante de:

� Lenguaje de Programacion,� Modelamiento de Datos,� Estructura de Datos� Desarrollo de Software

� Desarrollador de Aplicaciones Web en el CZSUR de la Red Enlaces

� Relator en la Universidad de Concepcion

� Usuario de Software Libre (Ubuntu, LATEX, PostgreSQL,ZendFramework, Eclipse, . . . )

3 de 14

Curriculum VitaeAlejandro Henrıquez Lazo

� Ingeniero Civil Informatico (Certificado 12 de Marzo de 2009)� Alumno ayudante de:

� Lenguaje de Programacion,� Modelamiento de Datos,� Estructura de Datos� Desarrollo de Software

� Desarrollador de Aplicaciones Web en el CZSUR de la Red Enlaces

� Relator en la Universidad de Concepcion

� Usuario de Software Libre (Ubuntu, LATEX, PostgreSQL,ZendFramework, Eclipse, . . . )

3 de 14

Curriculum VitaeAlejandro Henrıquez Lazo

� Ingeniero Civil Informatico (Certificado 12 de Marzo de 2009)� Alumno ayudante de:

� Lenguaje de Programacion,� Modelamiento de Datos,� Estructura de Datos� Desarrollo de Software

� Desarrollador de Aplicaciones Web en el CZSUR de la Red Enlaces

� Relator en la Universidad de Concepcion

� Usuario de Software Libre (Ubuntu, LATEX, PostgreSQL,ZendFramework, Eclipse, . . . )

3 de 14

Programa de la asignaturaDescripcion de la asignatura

Taller de Aplicaciones para Internet, es un taller enfocado aldesarrollo de proyectos web, segun requerimientos del cliente,utilizando HTML y Flash1

1Adobe Flash CS34 de 14

Programa de la asignaturaObjetivo general

� Construir paginas Web basicas, utilizando lenguaje HTML

� Construir una pagina Web, utilizando Flash

� Desarrollar proyecto Web segun requerimientos del cliente

5 de 14

Programa de la asignaturaObjetivo general

� Construir paginas Web basicas, utilizando lenguaje HTML

� Construir una pagina Web, utilizando Flash

� Desarrollar proyecto Web segun requerimientos del cliente

5 de 14

Programa de la asignaturaObjetivo general

� Construir paginas Web basicas, utilizando lenguaje HTML

� Construir una pagina Web, utilizando Flash

� Desarrollar proyecto Web segun requerimientos del cliente

5 de 14

Programa de la asignaturaObjetivo general

� Construir paginas Web basicas, utilizando lenguaje HTML

� Construir una pagina Web, utilizando Flash

� Desarrollar proyecto Web segun requerimientos del cliente

5 de 14

Programa de la asignaturaContenidos

Unidad I Programacion de Estructuras Basicas (6 semanas)

Unidad II Paginas WEB dinamicas (6 semanas)

Unidad III Desarrollo de proyecto Web (6 semanas)

6 de 14

Programa de la asignaturaContenidos

Unidad I Programacion de Estructuras Basicas (6 semanas)

Unidad II Paginas WEB dinamicas (6 semanas)

Unidad III Desarrollo de proyecto Web (6 semanas)

6 de 14

Programa de la asignaturaContenidos

Unidad I Programacion de Estructuras Basicas (6 semanas)

Unidad II Paginas WEB dinamicas (6 semanas)

Unidad III Desarrollo de proyecto Web (6 semanas)

6 de 14

Programa de la asignaturaContenidos

Unidad I Programacion de Estructuras Basicas (6 semanas)

Unidad II Paginas WEB dinamicas (6 semanas)

Unidad III Desarrollo de proyecto Web (6 semanas)

6 de 14

Programa de la asignaturaEvaluaciones

� Al menos una evaluacion por unidad� Controles� Trabajos practicos personales� Trabajos practicos en equipo

� Examen 30% Teorico - 70% Practico

7 de 14

Programa de la asignaturaEvaluaciones

� Al menos una evaluacion por unidad� Controles� Trabajos practicos personales� Trabajos practicos en equipo

� Examen 30% Teorico - 70% Practico

7 de 14

Programa de la asignaturaEvaluaciones

� Al menos una evaluacion por unidad� Controles� Trabajos practicos personales� Trabajos practicos en equipo

� Examen 30% Teorico - 70% Practico

7 de 14

Programa de la asignaturaEvaluaciones

� Al menos una evaluacion por unidad� Controles� Trabajos practicos personales� Trabajos practicos en equipo

� Examen 30% Teorico - 70% Practico

7 de 14

Programa de la asignaturaEvaluaciones

� Al menos una evaluacion por unidad� Controles� Trabajos practicos personales� Trabajos practicos en equipo

� Examen 30% Teorico - 70% Practico

7 de 14

Programa de la asignaturaEvaluaciones

� Al menos una evaluacion por unidad� Controles� Trabajos practicos personales� Trabajos practicos en equipo

� Examen 30% Teorico - 70% Practico

7 de 14

DiagnosticoLenguaje de Marcado de Hipertexto

� ¿Cuantos tienen un blog?

� ¿Cuantos tienen un blog decorado por ustedes mismos?

� ¿Cuantos conocen Dreamweaver?

� ¿Cuantos conocen HTML?

8 de 14

DiagnosticoLenguaje de Marcado de Hipertexto

� ¿Cuantos tienen un blog?

� ¿Cuantos tienen un blog decorado por ustedes mismos?

� ¿Cuantos conocen Dreamweaver?

� ¿Cuantos conocen HTML?

8 de 14

DiagnosticoLenguaje de Marcado de Hipertexto

� ¿Cuantos tienen un blog?

� ¿Cuantos tienen un blog decorado por ustedes mismos?

� ¿Cuantos conocen Dreamweaver?

� ¿Cuantos conocen HTML?

8 de 14

DiagnosticoLenguaje de Marcado de Hipertexto

� ¿Cuantos tienen un blog?

� ¿Cuantos tienen un blog decorado por ustedes mismos?

� ¿Cuantos conocen Dreamweaver?

� ¿Cuantos conocen HTML?

8 de 14

DiagnosticoLenguaje de Marcado de Hipertexto

� ¿Cuantos tienen un blog?

� ¿Cuantos tienen un blog decorado por ustedes mismos?

� ¿Cuantos conocen Dreamweaver?

� ¿Cuantos conocen HTML?

8 de 14

DiagnosticoFlash

� ¿Cuantos conoce los juegos Flash?

� ¿Cuantos sabe hacer animaciones en Flash?

� ¿Alguien sabe realmente para que sirve?

9 de 14

DiagnosticoFlash

� ¿Cuantos conoce los juegos Flash?

� ¿Cuantos sabe hacer animaciones en Flash?

� ¿Alguien sabe realmente para que sirve?

9 de 14

DiagnosticoFlash

� ¿Cuantos conoce los juegos Flash?

� ¿Cuantos sabe hacer animaciones en Flash?

� ¿Alguien sabe realmente para que sirve?

9 de 14

DiagnosticoFlash

� ¿Cuantos conoce los juegos Flash?

� ¿Cuantos sabe hacer animaciones en Flash?

� ¿Alguien sabe realmente para que sirve?

9 de 14

DiagnosticoY te ganara el pan con el sudor de tu frente

� ¿Cuantos trabajan haciendo desarrollos?

� ¿Cuantos han escuchado hablar del mıtico Cliente?

� ¿Cuantos han escuchado hablar del mıtico Usuario?

10 de 14

DiagnosticoY te ganara el pan con el sudor de tu frente

� ¿Cuantos trabajan haciendo desarrollos?

� ¿Cuantos han escuchado hablar del mıtico Cliente?

� ¿Cuantos han escuchado hablar del mıtico Usuario?

10 de 14

DiagnosticoY te ganara el pan con el sudor de tu frente

� ¿Cuantos trabajan haciendo desarrollos?

� ¿Cuantos han escuchado hablar del mıtico Cliente?

� ¿Cuantos han escuchado hablar del mıtico Usuario?

10 de 14

DiagnosticoY te ganara el pan con el sudor de tu frente

� ¿Cuantos trabajan haciendo desarrollos?

� ¿Cuantos han escuchado hablar del mıtico Cliente?

� ¿Cuantos han escuchado hablar del mıtico Usuario?

10 de 14

MotivacionSigue el camino amarillo. . .

� El trabajo de informaticos se presenta en multiples dimensiones (Elgenerar un reporte implica cruzar varias tablas de la base de datos,pero tambien mostrarla)

� Abstraccion de las partes de un problema (divide y conquista)

� Aunque nos duela la parte visible es la que mas le interesa alcliente y quizas la unica

11 de 14

MotivacionSigue el camino amarillo. . .

� El trabajo de informaticos se presenta en multiples dimensiones (Elgenerar un reporte implica cruzar varias tablas de la base de datos,pero tambien mostrarla)

� Abstraccion de las partes de un problema (divide y conquista)

� Aunque nos duela la parte visible es la que mas le interesa alcliente y quizas la unica

11 de 14

MotivacionSigue el camino amarillo. . .

� El trabajo de informaticos se presenta en multiples dimensiones (Elgenerar un reporte implica cruzar varias tablas de la base de datos,pero tambien mostrarla)

� Abstraccion de las partes de un problema (divide y conquista)

� Aunque nos duela la parte visible es la que mas le interesa alcliente y quizas la unica

11 de 14

MotivacionSigue el camino amarillo. . .

� El trabajo de informaticos se presenta en multiples dimensiones (Elgenerar un reporte implica cruzar varias tablas de la base de datos,pero tambien mostrarla)

� Abstraccion de las partes de un problema (divide y conquista)

� Aunque nos duela la parte visible es la que mas le interesa alcliente y quizas la unica

11 de 14

MotivacionA cabezazos con el codigo

� Dreamweaver es un comodo editor WYSIWYG

� Genera codigo sucio que despues hay que limpiar

� No resulta siempre comodo cuando hacemos aplicacionesdinamicas (PHP, ASP, C#, . . . ) donde las funcionalidades estandivididas en distintos archivos

12 de 14

MotivacionA cabezazos con el codigo

� Dreamweaver es un comodo editor WYSIWYG

� Genera codigo sucio que despues hay que limpiar

� No resulta siempre comodo cuando hacemos aplicacionesdinamicas (PHP, ASP, C#, . . . ) donde las funcionalidades estandivididas en distintos archivos

12 de 14

MotivacionA cabezazos con el codigo

� Dreamweaver es un comodo editor WYSIWYG

� Genera codigo sucio que despues hay que limpiar

� No resulta siempre comodo cuando hacemos aplicacionesdinamicas (PHP, ASP, C#, . . . ) donde las funcionalidades estandivididas en distintos archivos

12 de 14

MotivacionA cabezazos con el codigo

� Dreamweaver es un comodo editor WYSIWYG

� Genera codigo sucio que despues hay que limpiar

� No resulta siempre comodo cuando hacemos aplicacionesdinamicas (PHP, ASP, C#, . . . ) donde las funcionalidades estandivididas en distintos archivos

12 de 14

MotivacionOjos y Ruedas

� Internet se percibe por la vista� Existen muchos elementos listos para llegar y usar

� Framework CSS para ordenar los objetos en el espacio� Framework Javascript objetos HTML enriquecidos

� El rey de los objetos visuales Flash

13 de 14

MotivacionOjos y Ruedas

� Internet se percibe por la vista� Existen muchos elementos listos para llegar y usar

� Framework CSS para ordenar los objetos en el espacio� Framework Javascript objetos HTML enriquecidos

� El rey de los objetos visuales Flash

13 de 14

MotivacionOjos y Ruedas

� Internet se percibe por la vista� Existen muchos elementos listos para llegar y usar

� Framework CSS para ordenar los objetos en el espacio� Framework Javascript objetos HTML enriquecidos

� El rey de los objetos visuales Flash

13 de 14

MotivacionOjos y Ruedas

� Internet se percibe por la vista� Existen muchos elementos listos para llegar y usar

� Framework CSS para ordenar los objetos en el espacio� Framework Javascript objetos HTML enriquecidos

� El rey de los objetos visuales Flash

13 de 14

MotivacionOjos y Ruedas

� Internet se percibe por la vista� Existen muchos elementos listos para llegar y usar

� Framework CSS para ordenar los objetos en el espacio� Framework Javascript objetos HTML enriquecidos

� El rey de los objetos visuales Flash

13 de 14

MotivacionOjos y Ruedas

� Internet se percibe por la vista� Existen muchos elementos listos para llegar y usar

� Framework CSS para ordenar los objetos en el espacio� Framework Javascript objetos HTML enriquecidos

� El rey de los objetos visuales Flash

13 de 14

MotivacionSi me odian vamos bien

� Simulacion de un proyecto web

� Captura de requerimientos

� Modelos de desarrollo

14 de 14

MotivacionSi me odian vamos bien

� Simulacion de un proyecto web

� Captura de requerimientos

� Modelos de desarrollo

14 de 14

MotivacionSi me odian vamos bien

� Simulacion de un proyecto web

� Captura de requerimientos

� Modelos de desarrollo

14 de 14

MotivacionSi me odian vamos bien

� Simulacion de un proyecto web

� Captura de requerimientos

� Modelos de desarrollo

14 de 14