En cuanto a la práctica, realizamos una historia sin palabras y el resto del tiempo lo dedicamos a trabajo individual para el proyecto final, en el que podíamos elegir entre hacer una cuña o una página web en HTML. Además la última clase, el 25, lo dedicamos a la atención de dudas y presentación del último avance del trabajo final grupal.
2 jul 2007
12a, 13a, 14a, y 15a Clase (4,11,18,25/06/2007)
En cuanto a la práctica, realizamos una historia sin palabras y el resto del tiempo lo dedicamos a trabajo individual para el proyecto final, en el que podíamos elegir entre hacer una cuña o una página web en HTML. Además la última clase, el 25, lo dedicamos a la atención de dudas y presentación del último avance del trabajo final grupal.
1 jul 2007
11a Clase (28/05/2007)
formatos de audio:
-WAV (con calidad de CD)
-AIFF (es el formato con calidad de CD de Apple
-RA* permite el streaming
-WMA* permite el streaming
-m4a m4p* formatos de Apple para iPod's, es audio comprimido, osea lossy
-mp3* audio comprimido
-flac* audio comprimido pero puede volver a tener la calidad de CD, es lossless y lossy
-AAC* es lossy
Lossy: comprimidos y pierden la calidad
Lossless: sin compresión, no pierden la calidad
Formatos de video:
-.MPEG es video comprimido
-RM soporta audio y video
-WMV o wmp formato comprimido
-.mov/apple quicktime comprimido de alta definición
-.avi formato de alta calidad sn compresión.
En WAV un minuto de música equivale a 10Mb de memoria, en mp3/128Kbps, 1 minuto de música equivale a 1Mb de memoria.
En el audio comprimido, lo que sucede es que se van las frecuencias que no pueden ser percibidas por el oído humano, por lo que los archivos son más pequeños.
Existen distintos tipos de Bitrates:
48Kbps
64Kbps
96Kbps
112Kbps
128Kbps
160Kbps
192Kbps a partir de aquí, es
224Kbps audio con bastante
320Kbps calidad.
Entre mayor sea el espacio de almacenamiento, mayor es la calidad del sonido. Uno no puede volove a pasar de un mp3 a WAV y retomar su calidad, en cambio si fuera de flac a WAV si se puede.
Se puede pasasr de:
WAV---Lossy
Lossless---Lossy
WAV---Lossless
Beneficios de la compresión (lossy)
-ahorrar espacio en disco
-tiempo de bajada a través de Internet
-portabilidad
Streaming: es que se segmentan los archivos. sirve para poder enviar audio o video a través de Internet, con este sistema, se puede ir bajando y reproduciendo a la vez. Para lograrlo, se almacena una cantidad del archivo en el Búfer temporalmente, y este es el que se va reproduciendo.
Los formatos comprimidos son los mejores para el Streaming.
10a Clase (21/05/2007)
External CSS
se guarda como .css
es más fácil de actualizar el sitio. Puede ser local o estar en otro servidor
Internal CSS
Se encuentra dentro del HEAD del documento:
<STYLE TYPE:"text/css"><!__las especificaciones de estilo para la página__></STYLE>
el: !__ se pone para que el driver no vea el contenido de la hoja de estilo
Embedded CSS
la hoja de estilo va dentro de cada etiqueta
Ejemplo:
<H2 STYLE="color:red;text-transform uppercase;">Título</H2>
<DIV> y </DIV> es una etiqueta que solo tiene una función si se le da estilo.
En las hojas de estilo se pueden crear estilos para:
-etiquetas
-clases que se les puede aplicar a las etiquetas
-identificadores (solo un elemento puede tener el mismo nombre)
9a Clase (14/05/2007)
Las tablas sirven para organizar el contenido de un página. Está compuesta por filas (rows) y columnas (columns), la unión de estas hacen una celda: (table data)
<TABLE>
<TR><TR> TABLE ROW
<TD>contenido</TD> TABLE DATA
en el table data se puede incluir COLESPAN: que las columnas se corran de izquierda a derecha y ROWSPAN: que las filas se corran de arriba a abajo.
Se escribe de la siguiente manera:
<TABLE>
<TR>
<TD>A</TD><TD>B</TD><TD>C</TD>
</TR>
<TD>D</TD><TD COLESPAN="2">E</TD>
</TR>
<TR>
<TD>F</TD><TD>G</TD><TD ROWSPAN="2">H</TD>
</TR>
<TR>
TD COLSPAN="2">I</TD>
</TR>
</TABLE>
Hojas de estilo: .css
controlan el estilo de la página.
se ponen las propiedades separándolas con un ;
para llamar una hoja de estilo se hace de la siguiente manera:
<LINK HREF="nombre de la hoja de estilo.css" REL="stylesheet" TYPE="text/css/>
para conocerla mejor se debe ver como ejemplo:
Hoja de estilo de currículum
8a Clase (07/05/2007)
Puedo usar imágenes ya sea remotamente o localmente.
Si se hace remotamente, se tiene la desventaja de que es más lento a la hora de abrise y si se cae el servidor en el que se encuentra la imagen no se despliega.
Localmente,se encuentra dentro del mismo servidor de quien hospeda la página.
Para incluir imágenes: <IMG>
se escribe de la siguiente manera:
<IMG SRC= "(aquí se incluye o el nombre de la imagen,la ruta de la imagen o el URL de la imagen)"/>
Además se puede ciertas propiedades como width y height, border y alt:
<IMG SRC= " " WIDTH= "*" HEIGHT= "*" BORDER= "siempre en píxeles" ALT= "una breve descripición de la imagen" />
*puede darse en porcentaje o píxeles
Links: <A>
Si el link va a ser una imagen, esta no puede contener borde.
<A HREF= "URL del sitio"><etiqueta de imagen></A>
<A HREF="...">texto que aparecerá en la página</A>
y la propiedad target que indica adonde se abrirá el link.
7a Clase (30/04/2007)
Parejas: <HTML> </HTML>
Negritas: <B> </B>
Centrar: <CENTER> </CENTER>
Itálica: <I> </I>
Párrafos: <P> </P>
Subrayar: <U> </U>
Listados:
Ordenados:
<UL> </UL>
Desordenados:
<OL> </OL>
Viñetas:
<LI>
Quiebre de línea: <BR/>
Títulos:
Principal: <H1>
Subtítulos: <H2>
<H3>
El encabezado contiene:
<HTML>
<HEAD>
<TITLE>Título del sitio</TITLE>
</HEAD>
El cuerpo contiene:
<BODY>
</BODY>
</HTML>
6a Clase (23/04/2007)
Internet e Independencia Editorial
Para muchas personas, los espacios de interacción social en la web, representan todo su mundo. La web, tiene sus aspectos positivos y negativos.
Al utilizar el Internet como un medio de información, bastantes personas se limitan a revisar solamente ciertas fuentes, además de que lo más común es que reciba RSS's (Really Simple Sindication) de los medios de comunicación en la web. Estos RSS's presentan solo los titulares de los sitios de noticias y aunque mantienen a las personas actualizadas, no contienen la suficiente información para instruirles sobre un tema.
Se dice que en Internet existe una relación de 7 a 1 entre la basura y la información útil.
Independencia Editorial
Últimamente, en Internet han aparecido ciertas personas o instituciones que publican información conocidas como líderes de opinión (son personas o empresas que lanzan su sitio web y se convierten en una institución de la opinión en la red porque saben encontrar su nicho en medio de todos los demás sitios. Sus seguidores usualmente los toman como única fuente de información). Estos líderes de opinión tiene sus pros y contras.
Pros:
-libertad de expresión
-libertad ideológica
-costo económico
-facilidad de acceso
-targetting (es darle un enfoque a la publicidad según el público que accede a la página)
Contras:
-confiabilidad
-calidad
-desconocimiento del medio
-derechos de autor
-desinformación
-nivel de penetración y alcance
-abuso de las herramientas disponibles
Además iniciamos otro tema, el HTML
Hyper
Text
Markup
Language
El HTML es un lenguaje de programación, compuesto por etiquetas que pueden ir en parejas o sencillas.
Es un texto enriquecido que permite conectar documentos entre sí, pero no en forma viceversa, osea no es recíproco. Permite desplazarse a otro tipo de documentos locales o remotos dentro un sitio u otro. Es la forma en que se comunican o conectan los documentos en la red.
Una página puede tener múltiples links a otros documentos, no solo de HTML sino a otros tipos de archivos.
Se necesita un URL (Uniform Resource Locator), que es la dirección directa de un recurso en Internet. (http://...)
¿Qué compone el URL?
http://
protocolo
eccc.ucr.ac.cr
dirección del servidor que hospeda el recurso
/images/tit_eccc.gif
dirección, nombre, o ruta del recurso
El HTML permite controlar características de texto, colocar imágenes, videos, hacer links, tablas, usar frames/ventanas. Pero siempre son sitios estáticos.
Para lograr sitios dinámicos e interactivos, se debe utilizar HTML + Javascript (otro lenguaje de programación) y c++
El HTML + CSS (Cascading Style Sheets) u hojas de estilo hace que podamos tener algo de interactividad y dinamismo.
Las bases de datos sirven para almacenar datos ordenadamente de manera que sea más fácil buscarlos o asociarlos entre ellos.
5a Clase (09/04/2007)
4a Clase (26/03/2007)
El P2p:
-Ahora tienen una base de datos local en el equipo de computación de cada usuario.
-El usuario establece una conexión directa entre él y los otros usuarios, no se necesitan los ratios, ni es necesario compartir.
Los Bit Torrents:
-Ratio: es la relación entre lo que se baja y lo que se comparte con los demás usuarios, es una proporción.
-Se hace de un ratio, el archivo baja por pedazos y después el .torrent se ordena.
Luego hablamos de las formas en que los costarricenses logran su conexión a Internet.
¿Cómo se puede conectar a Internet?
Puede ser por:
-Cable
-ADSL (con la inconveniencia de que a mayor distancia, menor calidad)
-Acceso telefónico
-Acceso dedicado
-Inalámbrico (WiMax)
Todos estas maneras utilizan el protocolo de Internet TCP/IP. Cada usuario cuenta con una dirección IP que puede ser pública o privada (para evitar el consumo de las direcciones públicas).
25 mar 2007
3ª Clase 19/03/2007
Hace siete días tuve la tercera clase de Tecnologías I, pero nuevamente había un rótulo en la puerta del laboratorio de compu que decía que estaba en remodelación, por lo que de nuevo tuvimos que recibir las cuatro horas en una clase normal. Como siempre empezamos con la discusión sobre los temas de realidad nacional e internacional y por supuesto el clásico, que ganó Saprissa 3-0.
Siguiendo el cronograma, empezamos a ver Internet (una red de redes en la que cualquier computadora con ciertas características puede formar parte de ella). El inicio de Internet fue por medio de Milnet (una red militar, diseñada por universitarios para que el ejército estadounidense pudiera mantener sus bases interconectadas en caso de una amenaza de guerra atómica), luego Milnet pasó a ser una red cerrada separando a las universidades, con lo que se creó una nueva red de universidades estadounidenses,
Para los inicios de la década de los noventa, apareció el Internet, con DNS, e-mail, FTP, www (lo que permite que hayan páginas web), chats, foros, y otros.
TCP/IP: controlan el tráfico de información en la red. El TCP se encarga de la transferencia de datos y el IP de que la computadora se identifique en la red.
IP: es necesaria para poder ser parte de Internet, con ella se identifica la computadora. La dirección IP de cada computadora es única. Puede ser pública o privada. Es necesaria para poder localizar la computadora y acceder a cualquier otra dirección.
Es un conjunto de 4 números que van de 0-255 y cada uno va separado por un punto. Por ejemplo:
Las siguientes direcciones privadas (todas las privadas son de libre uso)
10.0-255.0-255.0-255 Clase A
192.168.0-255.0-255 Clase B
192.168.1.0-255 Clase C
Las direcciones públicas son manejadas por los proveedores del servicio.
EL DNS (es una aplicación) traduce de direcciones IP a nombres y viceversa para poder funcionar en Internet.
Cuando uno va a crear una página web, primero debe comprar el dominio (nombre) a empresas como godaddy.com, dofster.com, registerfly.com, nic.cr, entre otras.
Los Rootservers mantienen un registro de todos los dominios del planeta. Es una inmensa base de datos
Dominio + DNS 1 + DNS 2
El browser averigua la dirección IP para poder acceder a la página deseada.
Los subdominios son creados y administrados por el servidor DNS.
Protocolos de Internet
Web:
http:// (hypertext transfer protocol) es el protocolo de páginas web
hhtps:// es un protocolo seguro, maneja texto encriptado que solo el servidor y el browser pueden descifrar.
E-mail:
Enviar correo:
Smtp: (Simple mail transfer protocol) funciona en las aplicaciones de servidor de correo.
Recibir correo:
Pop3: sirve para conectarse a un servidor y bajar los correos a una aplicación externa como thunderbird o Outlook
Imap: muestra los correos solo en el servidor de correos en Internet, solo web
En Pop3 se puede bajar, en Imap no
Transferencia de Archivos
FTP (File transfer protocol): es para enviar o recibir información. Es un intercambio de archivos entre el browser y el servidor, siempre se guarda una copia en la compu.
18 mar 2007
2ª Clase 12/03/2007
cuarenta y cinco minutos después, aproximadamente, empezamos a ver materia por primera vez. Iniciamos con los dos esquemas de comunicación el tradicional y el que se usa actualmente que incluye la realimentación que es posible gracias a la interactividad permitida por la tecnología. Discutimos brevemente la lectura sobre internet, la que debíamos leer para realizar un ensayo para la clase de el siguiente lunes.
Nuestro siguiente tema fue comunicación, computación e informática. Desciframos las diferencias entre computación (la ciencia de los estudios de la computadora) e informática (el control de los dispositivos de cómputo por medio de la programación). Además recordamos términos básicos como hardware (lo físico) y software (los programas y aplicaciones). Hablamos sobre la comunicación asistida por computadora, sobre el ambiente gráfico (la interfase visual, por lo general ventanas, íconos y otros) que además necesitas dispositivos como el teclado, el mouse, touchscreen o comando de voz. Los sistemas operativos como Windows o Machintosh, e incluso ahora Linux utilizan un ambiente gráfico. El ambiente de texto (para dar instrucciones a la computadora a traves de comandos digitados), los lenguajes de programación (el código para crear las instrucciones para lograr la ejecución de un programa o una aplicación) el primero es una solución personalizada mientras que el segundo es algo prehecho y comercializado, una solución generalizada o masiva.
Nos dimos cuenta de que actualmente los creadores de tecnología apuntan hacia la portabilidad, la digitalización (es el fundamento de las computadoras y la informática por medio del sistema binario), y la integración (multifuncionalidad)
También abordamos el tema computadoras, redes y componentes, entendiendo por componentes tanto a las partes que forman una computadora (tarjeta madre, procesador, monitor, disco duro, tarjetas, fuente de poder entre otros) como a las partes de una red (estaciones de trabajo, servidores y cableado, hops, switches, routers entre otros). Además definimos red como dos o más computadoras interconectadas entre sí ya sea por medios físicos (cables: ethernet, appletalk) o protocolos (códigos y lenguales) como es el caso de Internet (protocolo TCP/IP).
Ya para cuando ibamos por ahí faltaba poco para que finalizara el tiempo de la clase y más de uno se notaba cansado por lo que el profe decidió darla por terminada y continuar en la siguiente.
14 mar 2007
1ª Clase 5/03/2007
Eso fue todo por ese día pero ya ya les cuento sobre la segunda clase...


