Departamento de Ingeniería de Sistemas y Computación Proyecto Mujeres en Computación.

Presentación del tema: "Departamento de Ingeniería de Sistemas y Computación Proyecto Mujeres en Computación."— Transcripción de la presentación:

1 Departamento de Ingeniería de Sistemas y Computación Proyecto Mujeres en Computación

2 - Mitchel Resnick, profesor MIT “At one point, there was a growing realization that people needed to learn how to write as well as read. They needed to be able to express themselves as well as understand how other people expressed themselves. Now it’s the same with new media. It is not enough to be able to interact with new technologies ; you have to be able to CREATE with new technologies.” “We sometimes say, it’s not so much about learning to code, but coding to learn. As you code, it’s helping you learn other things” ¿Por qué aprender a programar?

3 Problemas Cliente Tengo un problema Xochi Birch, programadora

4 Cliente Cada vez hay más documentos en la web, ¿donde encuentro un buen documento sobre programación? Problemas Xochi Birch, programadora

5 Cliente Voy a viajar a Europa en vacaciones, ¿dónde me quedo que sea barato? Problemas Xochi Birch, programadora

6 Cliente Quiero aprender inglés pero no tengo tiempo para ir a un curso Problemas Xochi Birch, programadora

7 Cliente Estoy cansado de llamar a pedir taxi, se demora mucho! Problemas Xochi Birch, programadora

8 Proceso de solución Análisi s Diseñ o Construcción

9 El Problema

10 Análisis: ¿Qué es una imagen? Tabla de pixeles (nxm) En este caso 10x13 1 pixel = 1 cuadro con un color

11 Análisis: ¿Qué es una imagen? 1 color = Rojo, Verde, Azul http://www.colorspire.com/rgb-color-wheel/

12 Análisis: ¿Qué es una imagen? 1 color = Rojo, Verde, Azul http://www.colorspire.com/rgb-color-wheel/

13 Análisis: ¿Qué es una imagen? 1 color = Rojo, Verde, Azul http://www.colorspire.com/rgb-color-wheel/

14 Análisis: ¿Qué es una imagen? 1 color = Rojo, Verde, Azul http://www.colorspire.com/rgb-color-wheel/

15 Análisis: ¿Qué es un filtro?

16 Cambiar cada componente de color de cada pixel por un mismo valor

17 Diseño: Filtro gris Los grises tienen los tres componentes con el mismo valor. Tomaremos como nuevo valor el promedio de los tres componentes. (o sólo el verde, o sólo el rojo, o un promedio ponderado)

18 Construcción Ingresar a : http://jsfiddle.net/CnN9X/

19 Diseño: Filtro gris 1. Obtener los valores de cada componente de color 2. Cambiar el valor de cada componente de color por el promedio de los tres

20 Construcción ¿Cuántas veces tengo que cambiar los componentes de color?

21 Construcción d = primer pixel segundo pixel tercer pixel 01234 58?

22 Diseño: Filtro hojas

23 http://jsfiddle.net/cv34E/3/

24 Otros ejemplos Color Sepia http://jsfiddle.net/cv34E/10/ Transparencias http://jsfiddle.net/cv34E/9/ Aumentar/Disminuir el brillo http://jsfiddle.net/cv34E/7/

25 Más información sobre JS http://jsforcats.com/ http://www.w3schools.com/js/

26 26 María Fernanda Ortega mf.ortega36@uniandes.edu.co http://sistemas.uniandes.edu.co/~rincondelas pirante