ANEXOS

ALUMNOS 3
TECNOLOGAS DE LA
INFORMACIN Y
COMUNICACIN CON
NFASIS EN
INFORMTICA

Elabor
Profra. Lisette Lpez Ortiz
 ANEXO 1 ANEXO 1

LO QU SABES Y ESPERAS DE INFORMTICA EN TERCER GRADO LO QU SABES Y ESPERAS DE INFORMTICA EN TERCER GRADO

NOMBRE DE LA NOMBRE DE LA
ESCUELA: ESCUELA:
NOMBRE DEL NOMBRE DEL
ALUMNO: ALUMNO:

GRADO: GRUPO: GRADO: GRUPO:

PREGUNTAS SI NO ESPECIFICA QU HERRAMIENTAS PREGUNTAS SI NO ESPECIFICA QU HERRAMIENTAS

HAS UTILIZADO DE ESOS HAS UTILIZADO DE ESOS
PROGRAMAS PROGRAMAS
Presentaciones Presentaciones

Has utilizado Has utilizado

Hoja de clculo Hoja de clculo
algn algn
programa o Lenguaje HTML programa o Lenguaje HTML
aplicacin? aplicacin?
Otro(s) Otro(s)

RESPONDE RESPONDE

Qu nombre reciben los Qu nombre reciben los

proyectos que se realizaron en proyectos que se realizaron en
primer y segundo grado? primer y segundo grado?
Qu relacin existe entre los Qu relacin existe entre los
temas vistos en primero y temas vistos en primero y
segundo grado con el medio segundo grado con el medio
ambiente? ambiente?
Qu esperas realizar haciendo uso de la Qu esperas realizar haciendo uso de la
computadora durante el transcurso del ciclo computadora durante el transcurso del ciclo
escolar? escolar?

Oax., a _____ de ____________ de 200__. Oax., a _____ de ____________ de 200__.

2
Livescribe Pulse Smartpen: Este innovador
aparato va grabando lo que t escuchas mientras
tomas apuntes sobre un papel especial. Si
posteriormente lees tus notas y no las entiendes
bien, simplemente seleccionas la palabra y la
lapicera reproduce el audio en el momento
preciso en que escribiste la palabra.
Inodoro Caroma Profile Smart Dual Flush: En la
parte de arriba te lavas las manos. El agua usada
del lavamanos baja y llena el estanque del
inodoro para ser usado como descarga.
Totalmente ecolgico y bien pensado. Pero no te
olvides de usar el lavamanos despus de
levantarte para llenar el estanque obviamente.
Craftsman Nextec Multi-Saw: Para los maestros
chasquilla, esta sierra es sumamente flexible y
porttil, adems puede llegar a los lugares ms
difciles de cortar.
Procesador Atom de Intel: Pequeo, eficiente y
poderoso. Todo lo necesario para rockear a los
porttiles modernos que tanto usamos a diario.
Milwaukee M-specto: Cmara porttil que
inspecciona los rincones ms escondidos. til
para contratistas o mecnicos que necesitan ver
ms all de sus ojos o de la flexibilidad de su
cuello.
ANEXO 2
Around View de Nissan: Impresionante sistema
que viene en los autos de lujo infiniti y permite
ver en un monitor los alrededores en 360 grados,
evitando as la
posibilidad de atropellar a un
nio o chocar un objeto que a
simple vista no se puede ver.
Potenco PCG: Generador de energa que crea 40
minutos de energa para productos porttiles con
slo 2 minutos de esfuerzo muscular.
INNOVACIN:
Es un proceso orientado al diseo y
manufactura de productos, en el que la
informacin y los conocimientos son los insumos
fundamentales para impulsar el cambio tcnico.
Incluye la adaptacin de medios tcnicos, la
gestin e integracin de procesos, as como la
administracin y comercializacin de los
productos.
Secretara de Educacin Publica 2009, Educacin bsica. Secundaria Programa de Estudio
2006, Mxico, D.F., 82p.
Es la aplicacin de nuevas ideas,
conceptos, productos, servicios y prcticas, con la
intencin de ser tiles para el incremento de la
productividad. Un elemento esencial de la
innovacin es su aplicacin exitosa de forma
comercial. No solo hay que inventar algo, sino,
por ejemplo, introducirlo en el mercado para que
la gente pueda disfrutar de ello.
Definicin consultada de http://es.wikipedia.org/wiki/Innovaci%C3%B3n
3
ANEXO 2 IMGENES

4
5
 ANEXO 3

La informacin es un fenmeno que proporciona significado o sentido a las cosas, e indica mediante cdigos
y conjuntos de datos, los modelos del pensamiento humano. La informacin por tanto, procesa y genera el
conocimiento humano. Aunque muchos seres vivos se comunican transmitiendo informacin para su
supervivencia, la diferencia de los seres humanos radica en su capacidad de generar y perfeccionar tanto
cdigos como smbolos con significados que conformaron lenguajes comunes tiles para la convivencia en
sociedad, a partir del establecimiento de sistemas de seales y lenguajes para la comunicacin.

Es por ello que en Informtica existe:

Categoras en los lenguajes de programacin los cuales se utilizan actualmente en todo el mundo. Los
lenguajes de programacin normalmente se agrupan por su lugar en la evolucin de los lenguajes de
programacin. En relacin son su historia evolutiva, los lenguajes de programacin estn divididos en tres
categoras:

Lenguajes Mquina
Lenguajes ensamblador
Lenguajes de alto nivel.

Los lenguajes de cdigo mquina son los lenguajes fundamentales. Utilizando un lenguaje mquina, un
programador crea instrucciones en la forma de cdigo mquina (unos y ceros) que una computadora puede
seguir.

Los lenguajes ensamblador fueron desarrollados mediante el uso de abreviaciones cortas del idioma ingls
para representar elementos comunes del cdigo mquina. Para desarrollar software con un lenguaje
ensamblador, un programador debe utilizar un editor de texto (un procesador de texto simple) para crear
archivos de cdigo. Para convertir los archivos fuente en cdigo objeto, el desarrollador utiliza un programa
de traduccin especial, llamado ensamblador, para convertir cada lnea de cdigo ensamblador en una lnea
de cdigo mquina. De ah proviene el nombre de lenguaje ensamblador.

Los lenguajes de alto nivel fueron desarrollados para que la programacin fuera ms sencilla. Estos
lenguajes se conocen como lenguajes de alto nivel debido a que su sintaxis es ms parecida a los idiomas
humanos que el cdigo de lenguaje ensamblador o mquina.

Lenguajes de desarrollo de la World Wide Web

Lenguaje de marcacin de hipertexto (HTML, por sus siglas en ingls). El lenguaje de marcacin de
hipertexto es el lenguaje de programacin que se utiliza para crear documentos para la World Wide Web.
Utilizando HTML, puede definir la estructura de un documento Web empleando componentes tales como
atributos y etiquetas. Las etiquetas, proporcionan vnculos a otros puntos del documento, a otros
documentos del mismo sitio o a documentos de otros sitios. Las etiquetas HTML tambin se utilizan para
dar formato a la apariencia de una pgina Web, insertar imgenes y elementos multimedia e incorporar
componentes que se crean en otros lenguajes de programacin como Java o Flash.

El World Wide Web es un sistema distribuido de informacin basado en hipertexto e hipermedia. Fue
desarrollado en 1990 por un grupo de investigadores, bajo la direccin de Tim Berners-Lee, en el
Laboratorio Europeo de Fsica en Partculas, CERN, ubicado en Suiza. Ellos definieron los conceptos HTTP,
HTML y URL, que son la triloga base para construir, localizar y tener acceso a las pginas Web.

6
Las direcciones del Web comienzan con las siglas HTTP que significan HyperText Transport Protocol o
Protocolo de Transporte de Hipertexto. Diseado como una herramienta para facilitar la transmisin de
documentos compuestos de texto, grficos y sonidos, el lenguaje HTML (HyperText Markup Languaje) es el
estndar para el diseo y creacin de pginas Web. URL es el nombre del localizador de los recursos de
Internet: Uniform Resource Locator o Localizador Uniforme de Recursos.

En ingls website o web site, un sitio web es un sitio (localizacin) en la World Wide Web que contiene
documentos (pginas web) organizados jerrquicamente. Cada documento (pgina web) contiene texto y/o
grficos que aparecen como informacin digital en la pantalla de un ordenador. Un sitio puede contener
una combinacin de grficos, texto, audio, vdeo, y otros materiales dinmicos o estticos.

Cada sitio web tiene una pgina de inicio (en ingls Home Page), que es el primer documento que ve el
usuario cuando entra en el sitio web poniendo el nombre del dominio de ese sitio web en un navegador. El
sitio normalmente tiene otros documentos (pginas web) adicionales. Cada sitio pertenece y es gestionado
y por un individuo, una compaa o una organizacin.

A veces se utiliza errneamente el trmino pgina web para referirse a sitio web. Una pgina web es parte
de un sitio web y es un nico archivo con un nombre de archivo asignado, mientras que un sitio web es un
conjunto de archivos llamados pginas web.

Bibliografa
Obtenido de la Red http://www.masadelante.com/faq-sitio-web.htm Qu es un Sitio web y Pgina web? - Definicin de Sitio web y
Pgina web.

7
 ANEXO 4

Sumario de las etiquetas de HTML

Un documento HTML contiene dos partes distintas: la cabecera (head) y el cuerpo (body).

La cabecera (head) contiene informacin acerca del documento que no ser visualizada en pantalla. El cuerpo (body)
contiene todo lo dems que S ser visualizado en pantalla.

Estructura de una Pgina Web

<html> Estructura HTML

<head></head> Estructura bsica de cualquier documento HTML
<body></body>
</html>

<title>...</title> Ttulo del Documento

Va dentro de la etiqueta <head>...</head>

<!-- bla --> Comentario

Notas e informacin en el cuerpo pero no mostrado en el Browser

<body bgcolor=#XXXXXX> Color de Fondo

Da color al fondo de la pgina Web.

<body background="archivo.gif"> Textura del Fondo

Usa una imagen grfica para repetidamente rellenar el fondo de una pgina web.

<body Texto y Links con Color

TEXT=#XXXXXX Da un color a todo el texto o da el color que el usuario quiera a los links.
LINK=#YYYYYY
VLINK=#00HH00>

Formateo de Texto

<Hn>...</Hn> Encabezados
Encabezados de seccin de tamao de texto diferente, donde n=1 to 6. align=center para
<Hn alinear el encabezado en el centro de la pgina.
align=center>...</Hn>

<b>...</b> Estilo
<i>...</i> Aplica negrita, cursiva o terminal (fuente monoespaciada). Otros que pueden funcionar son
<tt>...</tt> subrayado y tachado.
<u>...</u>
<strike>...</strike>

<address>...</address> Address Direccin

Texto en cursiva y separado para pies de pgina.

<blockquote>... Blockquote
</blockquote> Indenta y desplaza texto para citas largas.

8
<pre>...</pre> Texto Preformateado
Muestra el texto en fuente monoespaciada preservando los espacios y retornos de carro.

&xxxx; Caracteres Especiales

Cdigos de caracteres especiales y marcas diacrticas.

<blink>...</blink> Blink
Hace parpadear un texto de forma muy poco elegante.

<font size=X>... Tamao de Fuente

</font> Cambia el tamao de una seleccin de texto donde X=1-7. Tambin puede usar cambios
relativos (-1, +2, -1, -2, etc...) con respecto al valor actual de <basefont=Z>.

<big>...</big> Tamao de Fuente

<small>...</small> Cambia el tamao de una seleccin de texto a mayor o menor tamao que el texto normal.

<font color=#XXXXXX> Color de Fuente

... Cambia el color de la seleccin de texto donde XXXXXX es el cdigo hexadecimal para los
</font> colores RGB.

^... Super/Subndices
_... 3 2
Crea superndices (p.ej. x + 2xy + y = 0) o subndices (p.ej. H2SO4)

Rotura del Texto y Divisiones

<p> Prrafo
Fuerza un nuevo prrafo con una lnea en blanco de separacin.

<br> Rotura de Lnea

Fuerza una nueva lnea sin lnea blanca de separacin.

<hr> Lnea Dura

Fuerza una nueva lnea con lnea slida de separacin. Atributos opcionales:
<hr width=X size=X width especifica la anchura de la lnea en la pgina, donde X es un nmero de pixeles
align=left|right absoluto o "X%" para una anchura relativa a la ventana del browser;
noshade>
size especifica el espesor de la lnea en pixeles;
align fuerza a que la lnea se alinee a un lado de la pgina en vez de en el centro;
noshade dibuja una lnea slida, sin efectos 3D.

<center>... Alineacin Central

</center> Alinea cualquier cosa al centro de la pgina.

<p align=center>...
</p>

<div align= Divisin

9
left|center|right> Alinea cualquier cosa a la izquierda, centro o derecha de la pgina.
...
</div>

<table>...</table> Tabla
Una tabla simple incorpora bordes de 1 pixel y divisiones celulares. Omitiendo el atributo
<table border=X border o estableciendo border=0 se crea una tabla invisible. Los valores de border mayores
cellpadding=Y
que 1 crearn un borde grueso en torno a la tabla.
cellspacing=Z>...
</table> cellpadding es la cantidad de espacio (en pixeles) entre el contenido de la celda y las
paredes de la misma.
<tr>...</tr> cellspacing determina la anchura de las paredes de las celdas.
<td <tr> son definiciones de filas y <td> son definiciones de datos (una celda). Opciones dela
align=left|center|right etiqueta <td> son para alineacin horizontal y/o vertical dentro de la celda.
valign=top|middle|bottom Los atributos rowspan y colspan se usan para crear celdas que ocupan ms de una celda.
rowspan=X colspan=Y
</td>

Listas

<ul> <ol> Elementos de Listas

<li> <li> Listas Sin Ordenar <ul> para elementos separados, Listas Ordenadas <ol> para elementos
<li> <li> enumerados.
</ul> </ol>

<ul Marcadores para Listas Sin Ordenar

type=xxxx> Prevalecen sobre los valores por defecto:

<li
type=xxxx> o type=circle
type=square
type=disc

<ol type=X> Estilos de Numeracin para Listas Ordenadas

Usan diferentes caracteres para las listas:
<li type=X>

type=1 (1,2,3...)
type=A (A,B,C,...)
type=a (a,b,c,...)
type=I (I,II,III,...)
type=i (i,ii,iii,...)

<ol start=i> Valores de Numeracin para Listas Ordenadas

start comenzar una lista con cualquier nmero positivo. value renumerar la lista desde dicho elemento
<li value=j> y seguir hasta que se de un nuevo valor.

<dl> Listas Descriptivas

<dt> Listas con elementos de texto <dt> y definiciones indentadas <dd>
<dd>
<dt>
<dd>
</dl>

10
 Grficos

<img src="archivo.gif"> Imagen Inline

Muestra una imagen dentro de una pgina web. src (source) es el nombre, ruta de
<img src="archivo.gif" archivo o URL del archivo de la imagen; alt (alternative) es una cadena de texto mostrada
alt="###" en Brrowsers no grficos o para usuarios con la carga de imgenes desactivada; align
align=top|middle|bottom| controla la relacin de la imagen con el texto a su alrededor (top/middle/bottom alinear
left|right UNA lnea del texto que siga a la imagen; left/right colocar la imagen a un lado de la
height=x width=y> pgina y el texto a su alrededor); height y width son las dimensiones de la imagen
medidas en pixeles.

HiperLinks

<a href="archivo.htm"> Link HiperTexto Local

hipertexto</a> Enlaza con otro documento en el mismo directorio/carpeta.

<a Link HiperTexto Local

href="data/archivo.htm"> Enlaza con otro documento en una carpeta/directorio llamado "data" en el cual se encuentra el
hipertexto</a> documento HTML.

<a href="../archivo.htm"> Link HiperTexto Local

hipertexto</a> Enlaza con otro documento en una carpeta/directorio un nivel superior a aquel donde se encuentra
el documento HTML actual.

URL Uniform Resource Locator

Direccin de Recursos de Internet.

<a href="URL"> Link HiperTexto de Internet

hipertexto</a> Enlaza con otro sitio Internet especificado por su URL.

<a name="xyz"<...> Anchor con Nombre

Marca una seccin de texto dentro de un documento con el nombre "xyz".

<a href="file.htm#xyz"> Link a un Anchor con Nombre

hipertexto</a> Salta a un anchor con nombre dentro del mismo o distinto documento.

<a href="url"> Link HiperGrfico de Internet

<img src="file.gif" imagen inline que acta como hiperlink al sitio especificado por la URL. Especificando el atributo
border=0></a> border=0 se suprimir la caja alrededor de la imagen.

<a href="mailto: Link de E-Mail de Internet

"doe@xyz.edu">... </a> Enva un e-mail a la direccin especificada.

<img src="image.gif" Mapas de Imgenes desde el Cliente

usemap="#map_name"> Mapas de imgenes clickeables interpretadas por el Browser. ... puede estar en cualquier lugar en
<map este u otro archivo HTML. Las coordenadas son las de las esquinas superior izquierda e inferior
name="map_name"> derecha de una regin rectangular.
<area shape="rect"
coords="x1,y1,x2,y2"
HREF=URL>
<area shape="rect"
coords="x1,y1,x2,y2"
HREF=URL>
</map>

11
BLOQUE II

12
 ANEXO 5

Sistema Tcnico

Se estructura por la relacin e interdependencia entre los seres humanos, las herramientas o mquinas, los
materiales y el entorno para obtener un producto o una situacin deseada.

Es caracterstica de los sistemas tcnicos el conocimiento el cual se expresa en las acciones que se llevan a
cabo para la toma de decisiones como para su ejecucin y regulacin.

Todo sistema tcnico es organizado, porque sus elementos interaccionan en el tiempo y el espacio de
manera intencional; es dinmico por que cambia constantemente conforme los saberes avanzan, y es
sinrgico porque de la interaccin de sus elementos se logran mejores resultados.

Sinergia: unin de varias fuerzas, causas, etc., para lograr una mayor efectividad.

Evolucin de la World Wide Web

La World Wide Web se ha convertido en un vehculo global para el e-commerce, pues ha creado nuevas
formas en las que pueden interactuar los negocios con otros negocios y con los clientes. El e-commerce
significa hacer negocios en lnea, por ejemplo, cuando algn consumidor compra un producto a travs de la
Web, en lugar de ir a una tienda a comprarlo.

Las tecnologas de e-commerce cambia rpidamente la forma en que los individuos e empresas hacen
negocios. Pueden entrar en lnea para comprar un libro, alquilar un automvil, comprar comestibles o
alquilar pelculas. Incluso puede hacer que le entreguen una pizza en su casa sin tener que utilizar el
telfono.

De hecho, la mayor parte de las actividades de e-commerce no se relaciona en ninguna manera con los
consumidores, sino que se llevan a cabo por empresas, las cuales han desarrollado sistemas de redes
complejos que estn dedicados al procesamiento de rdenes, administracin de inventarios y control de
pagos.

Decenas de miles de compaas en lnea satisfacen las necesidades de los consumidores. Los sitios Web de
estas compaas proporcionan informacin sobre productos y servicios, toman pedidos, reciben pagos y
proporcionan un servicio al cliente inmediato. Los sitios Web orientados al consumidor tienen muchas
formas distintas y cubren toda clase de productos y servicios sin embargo, pueden dividirse en dos
categoras generales: sitios para compras y sitios para finanzas personales.

Los sitios de compras ofrecen servicios como: compra en lnea, uso de catlogos en lnea, pago de compras.
Y los sitios de finanzas ofrecen servicios como: banca en lnea en donde permite crear una cuenta, transferir
fondos, pagar cuentas, adems del servicio de finanzas en lnea en los cuales se realizan inversiones y
solicitud de prstamos.

Otros servicios que ofrece la Web son: Noticias, charlas interactivas, mensajera instantnea, correo
electrnico.

13
Software de edicin de imgenes

La creacin o manipulacin de una imagen puede involucrarse con un conjunto complejo de procesos.
Debido a que incluso los programas para imgenes ms sofisticados no pueden realizar todas las
operaciones que podran ser requeridas por algunos tipos de imgenes, los diseadores frecuentemente
utilizan ms de una de las cinco categoras principales de software para imgenes con el fin de alcanzar sus
objetivos. Entre esas categoras se incluyen:

Programas de dibujo de imgenes de mapas de bits.

Programas de edicin de fotografas.
Programas de dibujo.
Programas de diseo asistido por computadora (CAD).
Programas de imgenes 3-D y de animacin.

Bibliografa

Educacin bsica. Secundara Programas de Estudio 2006.Definicin sistema tcnico. Pg. 79

Lectura tomada y modificada del libro Introduccin a la computacin de Peter Norton sexta edicin. Pg. 326-33 y 398
- 399.

14
BLOQUE III

15
 ANEXO 6

INTERPOLACIN DE MOVIMIENTO

Circulo desplazndose

En esta animacin se trata de crear el efecto del crculo desplazndose de izquierda a derecha del
escenario, es sencillo y segn la complejidad que le pongas se puede lograr un buen efecto.

1. Para comenzar dibujaremos un crculo utilizando la herramienta valo en la parte superior izquierda del
escenario (recuerda que el escenario es el recuadro blanco).

2. En la lnea de tiempos damos clic en fotograma (cuadro que est debajo del nmero 60) que es esta
ocasin ser hasta donde llegara nuestra interpolacin de movimiento y enseguida clic derecho
seleccionando la opcin Insertar fotograma clave.

3. En el primer fotograma dar clic derecho a la opcin Crear interpolacin de movimiento.

4. Podrs observar que en la lnea de tiempos del fotograma 1 al 60 cambia de color gris a un color
lavanda.

5. Para lograr el efecto que la pelota baje clic debajo del fotograma 10, clic derecho a la opcin Insertar
fotograma clave.

16
Clic a la herramienta Flecha para seleccionar la pelota y con clic sostenido arrastrar hacia la derecha del
escenario.

6. Podrs verificar el movimiento, con un clic sostenido del fotograma 60 al 1.

7. Para ver la animacin terminada pulsa las teclas Control y Enter al mismo tiempo.

8. Para guardar la animacin ir al men Archivo Guardar en la carpeta BLOQUE III ANIMACIN FLASH con
el nombre interpolacin. Automticamente se generan 3 archivos uno con extensin .fla

17
 ANEXO 7

CREACIN DE ANIMACIN FOTOGRAMA POR FOTOGRAMA

Circulo desplazndose

En esta animacin se trata de crear el efecto del crculo rebotando en distintas reas del escenario.

1. Para comenzar dibujaremos un crculo utilizando la herramienta valo en la parte superior izquierda del
escenario (recuerda que el escenario es el recuadro blanco).

2. Ahora lo que vamos a hacer es a crear un movimiento cuadro por cuadro del crculo por la escena:

3. Si nos fijamos bien en la lnea de tiempo tenemos un pequeo cuadro gris ese cuadro es un fotograma y
actualmente nuestra pelcula solo consta de un solo fotograma.

18
4. Lo que vamos a hacer ahora es agregar un nuevo fotograma a nuestra escena para esto damos un clic
derecho en el fotograma vaci de la derecha en la lnea de tiempo y seleccionamos INSERTAR
FOTOGRAMA CLAVE.

5. Ahora vemos que tenemos 2 fotogramas en la lnea de tiempo, nos situamos en el segundo fotograma
dando un clic sobre l en la lnea de tiempo y en la escena seleccionamos todo el circulo y movmoslo un
poco.

6. Repitamos todos los pasos anteriores hasta tener 5 fotogramas y en cada uno de ellos moviendo el
crculo a una posicin distinta.

7. Para ver la animacin terminada pulsa las teclas Control y Enter al mismo tiempo.

8. Para guardar la animacin ir al men Archivo Guardar en la carpeta BLOQUE III ANIMACIN FLASH con
el nombre fotograma. Automticamente se generan 3 archivos uno con extensin .fla

19
 ANEXO 8

CAPAS

Las capas son como los niveles en que se separa la barra de tiempo en donde podemos poner diferentes
objetos

Hagamos un ejemplo para ver su utilidad:

En la leccin anterior creamos una interpolacin de movimiento de una figura movindose de un extremo al
otro de la pantalla

Ahora digamos que queremos que una figura se mueva desde la parte superior de la escena hasta la inferior
de la escena.

Cmo hacemos esto?

Pues aqu es donde necesitaremos crear una nueva capa.

1. Para comenzar dibujaremos un crculo utilizando la herramienta valo en la parte superior izquierda del
escenario (recuerda que el escenario es el recuadro blanco).

2. Ahora lo que vamos a hacer es a crear un movimiento cuadro por cuadro del crculo por la escena:

3. Si nos fijamos bien en la lnea de tiempo tenemos un pequeo cuadro gris ese cuadro es un fotograma y
actualmente nuestra pelcula solo consta de un solo fotograma.

20
4. Lo que vamos a hacer ahora es agregar un nuevo fotograma a nuestra escena para esto damos un clic
derecho en el fotograma vaci de la derecha en la lnea de tiempo y seleccionamos INSERTAR
FOTOGRAMA CLAVE.

5. Ahora vemos que tenemos 2 fotogramas en la lnea de tiempo, nos situamos en el segundo fotograma
dando un clic sobre l en la lnea de tiempo y en la escena seleccionamos todo el circulo y movmoslo un
poco.

6. Repitamos todos los pasos anteriores hasta tener 5 fotogramas y en cada uno de ellos moviendo el
crculo a una posicin distinta.

7. Para ver la animacin terminada pulsa las teclas Control y Enter al mismo tiempo.

8. Para guardar la animacin ir al men Archivo Guardar en la carpeta BLOQUE III ANIMACIN FLASH con
el nombre fotograma. Automticamente se generan 3 archivos uno con extensin .fla

21
BLOQUE IV

22
 ANEXO 9

Animar Texto por Bloques

Objetivo

Crear una animacin sobre un texto separado en bloques de letras cuyo movimiento ser tratado de manera
independiente, dando al texto un efecto vistoso que pudiera servir como presentacin de entrada a una web u otro
tipo de pelcula.
1.- Se selecciona la herramienta Texto y se dibuja un recuadro en el escenario, enseguida escribes el texto
ejemplo: AULA

2.- Seleccionas el texto, ir al men Texto y seleccionar la fuente y tamao.

3.- Se selecciona nuevamente el texto, ir al men Modificar y dar clic a la opcin Separar.

4.- Se selecciona todo el texto, ir al

men Modificar y dar clic a la opcin Distribuir en capas.
Debajo del texto Lnea de Lnea de Tiempo aparecer cada
una de las capas.

5.- Se debe eliminar la capa que esta dems. Dando clic derecho sobre ella y despus en la opcin Eliminar
Capa.

6.- El orden en que deben estar cada una de las capas es comenzado primero con la ltima letra, para ello
debemos ordenar las capas. Se da clic a la primera capa y con un clic sostenido se arrastra al ltimo lugar,
luego clic a la L y se arrastras al penltimo lugar y se hace los mismo con las letras faltantes, hasta quedar
como se muestra en la figura 2.

Figura 2

23
7.- En la lnea del tiempo con un clic sostenido de arriba hacia abajo se selecciona el 10.

Enseguida clic derecho sobre la zona de color azul en la opcin Insertar

Fotograma Clave.

8.- Se regresa con un clic sostenido el cuadro rojo hasta el nmero 1.

9.- Con la herramienta Flecha se selecciona el texto y se arrastra hasta la parte inferior del escenario.

Despus que el texto ya se movi regresamos a la lnea de tiempo y con clic sostenido movemos el cuadro
rojo hasta el 10cto para ver el efecto de desplazamiento.

10. Con clic sostenido en la lnea de tiempo se selecciona del 20 al 25. Despus clic derecho sobre la zona
azul y seleccionar la opcin Insertar fotograma clave.

11.- Despus seleccionamos antes del cinco y despus como se muestra en la figura. Enseguida clic derecho
en la opcin Crear interpolacin de movimiento.

24
12.- Para probar el efecto ir al men Control en la opcin Probar pelcula. El efecto que vas a ver es el
desplazamiento del texto de arriba hacia abajo, pero lo que queremos es animar letra por letra, para ello se
realiza lo siguiente.

En la lnea de tiempo clic a la capa de la letra U

Se selecciona del 1 al 10 en la lnea del tiempo, cuando este sombreado de color negro con clic sostenido se
mueve la seleccin dos fotogramas ms adelante.

Se repite el mismo procedimiento con las otras capas moviendo dos fotogramas aproximadamente por cada
uno quedando en forma de escalera como se muestra en la figura.

13.- Clic al men Control en la opcin Probar pelcula para que puedas ver el efecto de desplazamiento de
cada una de las letras hacia arriba.

25
BLOQUE V

26
 PROPUESTA DE PLAN DEL PROYECTO DE INNOVACIN
(CREACIN DEL BLOG DE LA ESCUELA)

ACTIVIDADES MATERIALES Y EQUIPO RESPONSABLE(S)

NECESARIO
I. GENERALIDADES DEL BLOG
1.1 Objetivo del Blog
1.2 A qu usuarios esta dirigido el Blog
1.3 Estructuracin, Diseo y posibles mejoras del blog
1.4 Contenido
1.5 Presupuesto para su realizacin
II. EL PROCESO DE DESARROLLO (CREACIN DEL BLOG Y
ANIMACIONES)
2.1 Verificacin de recursos necesarios
2.1.1 Tecnologa (hardware y software)
2.1.2 Alojamiento para animaciones
2.1.3 Presupuesto
2.2 Arquitectura de la informacin
2.2.1 Especificaciones del diseo del blog
2.2.2 Descripcin detallada del blog
2.2.3 Estructura cronolgica de las entradas del blog
2.2.4 Realizacin e incorporacin de animaciones
2.3 Construccin del blog
2.3.1 Terminacin de todas las entradas del blog
2.3.2 Terminacin de diseo y animacin
2.3.3 Pruebas y correccin del blog
2.3.4 Pruebas de funcionalidad
2.3.5 Manuales del blog y archivos utilizados
2.4 Seguimiento, evaluacin y mantenimiento del blog
III. EVALUACIN DEL PROYECTO
IV. COMUNICACIN DE LOS RESULTADOS
 ANEXO DESCRIPCIN DE LAS ACTIVIDADES DE LA PROPUESTA

ESPECIFICACIN GENERALES

Con forme la tecnologa avanza, las herramientas de la informacin tambin avanzan, la entrada del
internet a nuestra vida diaria ha hecho que todo se vuelva ms sencillo. Un blog en nuestros das es muy
comn, cualquier persona pueda tenerlo, es un espacio en donde se expresa con total soltura la forma de
comunicar, comprende la intencin de dar a conocer informacin de algn tema en especfico.

Sencillamente la era de la tecnologa ha llegado a innovar la informacin y no hacerla solamente de manera

verbal, en videos, escrita, o en peridicos, como comnmente se hacia, siempre y cuando se realicen con el
correcto uso de los recursos.

I. GENERALIDADES DEL BLOG

1.1 Objetivo(s) del blog?

Comprende un escrito con dos o tres objetivos los cuales sern la base del diseo del blog. Se debe incluir
estrategias especficas en torno al cual el blog ser diseado, el tiempo que durar la creacin del blog a
fin de asegurarse el xito del blog.
1.2 A qu usuarios esta dirigido
La siguiente actividad consiste en identificar a los posibles usuarios del blog para que se pueda estructurar
el diseo e informacin para satisfacer sus necesidades y expectativas. El conocimiento, de antecedentes,
intereses y necesidades de los usuarios varan dependiendo de si son iniciados o usuarios expertos en la
navegacin en Internet. Un sistema bien diseado debe ser capaz de captar a usuarios de todas las
habilidades e intereses.
1.3 Estructuracin, Diseo y posibles mejoras del blog
Se debe contemplar la forma en que estar estructurada la informacin, as como el diseo que tendr el
blog. Para ello es importante llegar a acuerdos dentro del equipo de trabajo a travs del consenso. El
objetivo en esta etapa es determinar los posibles modelos y ver el problema de diseo del blog desde el
punto de vista del usuario.
Se pueden hacer diferentes pruebas preliminares a fin de que el equipo pueda visualizar el blog desde un
punto de vista del usuario. Lo cual puede permitir realizar las mejoras al trabajo.
1.4 Contenido
Una vez que se tiene la idea del blog, el o los objetivos y la estructura general, se puede comenzar a
evaluar el contenido que tendr que insertarse para cumplir con los planes. La definicin del contenido
obligar a tener en cuenta un anlisis detallado del contenido existente y los recursos para hacer un
esquema detallado de las necesidades. Una vez que sepa donde est la deficiencia en el contenido, se
podr centrar en zonas con recursos existentes listos para el uso. Una clara comprensin de las
necesidades tambin ayudar a desarrollar un calendario realista y el presupuesto para el proyecto. El
desarrollo de contenidos es la ms difcil, la mayor parte del tiempo que consume parte de cualquier sitio.

II. EL PROCESO DE DESARROLLO (CREACIN DEL BLOG Y ANIMACIONES)

En esta fase corresponde analizar la informacin que se necesita para justificar el presupuesto y los
recursos necesarios. Este es tambin el momento de definir el alcance de los contenidos, la funcionalidad
interactiva, el apoyo tecnolgico necesario, la profundidad y la amplitud de los recursos de informacin
que se necesita para su creacin y cumplir con las expectativas del usuario.
2.1. Verificacin de recursos necesarios

1
 2.1.1. Tecnologa (hardware y software)
Qu sistema operativo utilizar?
- Windows, Macintosh, UNIX, Linux, o Mozilla, Internet Explorer.
Qu versin de flash?
Qu equipo fotogrfico utilizar?

2.1.2. Alojamiento para animaciones

2.1.3. Presupuesto
Hardware y software para el desarrollo

2.2. Arquitectura de la informacin

En esta etapa es necesario precisar el contenido y la organizacin del diseo de blog. El equipo deber
definir todos los contenidos, describir lo que es necesario, y definir la estructura organizativa del trabajo
dela elaboracin de blogs.
Una vez que una arquitectura de contenidos se ha esbozado, se debe construir prototipos para poner a
prueba lo que se siente al moverse navegar en el blog. Los prototipos son tiles por dos razones. En
primer lugar, son la mejor forma de poner a prueba la navegacin y el desarrollo de la interfaz de usuario.
Los prototipos deben incorporar lo necesario para evaluar con precisin. En segundo lugar, la creacin de
un prototipo permite a los diseadores valorar cmo se ve el sitio y la forma en que la interfaz de
navegacin apoya el diseo de la informacin.
2.2.1 Especificaciones de diseo del blog
2.2.2 Descripcin detallada del blog
2.2.3 Estructura cronolgica de las entradas del blog
2.2.4 Realizacin e incorporacin de animaciones

2.3. Construccin del blog

En esta fase, el proyecto adquiere su aspecto y, el diseo grfico se crea y se aprueba. Ahora, las
ilustraciones, las fotografas, y otros grficos o contenidos audiovisuales para el sitio ya se pueden ver. La
investigacin, la escritura, la organizacin, el montaje y edicin del contenido de texto tambin se realiza
en esta etapa.
El objetivo es producir todo el contenido funcional de los componentes.
2.3.1 Terminacin de todas las entradas del blog
2.3.2 Terminacin de diseo y animacin
2.3.3 Pruebas y correccin del blog
2.3.4 Pruebas de funcionalidad
2.3.5 Manuales del blog y archivos utilizados

2.4. Seguimiento, evaluacin y mantenimiento del blog

Nunca se puede abandonar un sitio una vez que la produccin se ha terminado y se ha publicado, adems
de dar a conocer la direccin URL del sitio a una audiencia ms grande. La esttica y los aspectos
funcionales de un sitio necesitan constantemente de atencin y cuidado, especialmente si un grupo de
personas comparte la responsabilidad de la actualizacin de contenidos. Alguien tendr que ser
responsable de la coordinacin y control de los nuevos contenidos y los vnculos funcionales. Los enlaces
en la Web son perecederos, y tendr que comprobar peridicamente que los enlaces a otros sitios siguen
funcionando.

2
 ANEXOS
DOCENTE 3
TECNOLOGAS DE LA
INFORMACIN Y
COMUNICACIN CON
NFASIS EN
INFORMTICA

Elabor
Profra. Lisette Lpez Ortiz
 ANEXO 1

INTERPRETACIN DE LA DESCRIPCIN DEL TERCER GRADO POR BLOQUES

Criterio Cognitivo (Conocimientos).

BLOQUE I Tecnologa, informacin e innovacin.
Caractersticas del mundo actual (informacin).
Conocimiento de instrumentos y desarrollo de habilidades cognitivas y procedimentales.
Uso de informacin (TIC, la tradicional) informacin diferente del conocimiento.
Informacin para la innovacin.

Criterio Sociocultural.
BLOQUE II Campos tecnolgicos y diversidad cultural.
Los cambios tcnicos en diversos contextos socioculturales. Cmo el Cambio tcnico est
relacionado con el cambio cultural.
Revisin de tcnicas e insumos utilizados en contextos, tiempos y propsitos diferentes.
Anlisis sistmico a creaciones tcnicas.
Tcnicas comunes en los campos tecnolgicos.

Criterio Naturaleza.
BLOQUE III Innovacin tcnica y desarrollo sustentable.
Anlisis de las caractersticas de los sistemas tcnicos.
Principios de desarrollo sustentable en los sistemas tcnicos.
Innovaciones sustentables.
Normatividad ambiental para los sistemas tcnicos.
Evaluacin de sistemas tecnolgicos para innovar segn el contexto.
Propuestas para el aprovechamiento adecuado de los recursos (reso, buen uso).

Criterio Gestin.
BLOQUE IV Evaluacin de los sistemas tecnolgicos
Evaluacin integral de los sistemas tecnolgicos.
El principio precautorio y normatividad en las innovaciones.
Implementacin de sistemas de control.

BLOQUE V Proyecto de Innovacin

Anlisis de proceso de innovaciones tecnolgicas y sus implicaciones en el cambio tcnico.
Anlisis de la flexibilidad de los procesos tcnicos.
El uso de la informacin de usuarios para la innovacin.

ATENTAMENTE
EQUIPO AMPLIADO DE TECNOLOGAS.
 ANEXO 2

LA HISTORIA DE INTERNET

Las semillas de Internet se sembraron en 1969, cuando la Agencia de Proyectos de Investigacin Avanzada
(ARPA, por sus siglas en ingls) de Departamento de Defensa de Estado Unidos comenz a conectar
computadoras en distintas universidades y empresas relacionadas con el ejrcito. La red resultante fue
llamada ARPANET. El objetivo de este primer proyecto fue el de crear una gran red de computadoras con
mltiples rutas de conexin. ARPANET tena una segunda razn, permitir que personas de ubicaciones
remotas tuvieran la oportunidad de compartir recursos computacionales escasos.

Al principio ARPANET era bsicamente una red grande que slo serva a unos cuantos usuarios, pero se
extendi rpidamente. Inicialmente, la red inclua cuatro computadoras host principales. Una
computadora host es parecida a un servidor de red, el cual proporciona servicios a otras computadoras que
se conectan con l. Las computadoras host de ARPANET proporcionaban servicios de transferencia de
archivos y de comunicaciones.

La red cruz a travs del Atlntico hasta Europa en 1973. A mediados de la dcada de los ochenta, otra
agencia federal, la Fundacin Nacional para la Ciencia (NSF, por sus siglas en ingls) se uni al proyecto
despus de que el Departamento de Defensa dej de financiar la red. Adems de que ARPANET no podra
manejar la carga, en respuesta, la NSF cre una red nueva de capacidad ms alta llamada NSFnet, el enlace
entre ARPANET, NSFnet y otras redes se llamo Internet.

A principios de los aos noventa, el inters en Internet comenz a extenderse, el sistema que haba sido
creado como una herramienta para sobrevivir en la guerra encontr la forma de llegara a las empresas y
hogares. Actualmente Internet conecta miles de redes y cientos de millones de usuarios en todo el mundo.

Bibliografa
Norton,P. (2006)Introduccin a la computacin.Mxico.McGraw-Hill Interamericana.pp.50-51

Nota: el orden en que los alumnos coloquen los diferentes tipos de computadoras, puede variar al que a continuacin se presenta. Lo que no vara
es el nombre, caractersticas e imagen de cada uno de ellas.
Supercomputadoras
Mainframe
Telfonos inteligentes
Computadoras de escritorio
Computadoras Laptop
Tablet PC
ANEXO 3
Son las computadoras ms poderosas
que se fabrican y fsicamente estn
entre las ms grandes. Estos sistemas
pueden procesar enormes cantidades de
datos y los ms rpidos pueden realizar
ms de un billn de clculos pos
segundo. Algunas pueden alojar miles de
procesadores. Se utilizan para el trazo
del genoma humano, el pronstico del
clima y en la modelacin de procesos
complejos como la fisin nuclear.
Se utilizan en organizaciones grandes, en
donde, con frecuencia muchas personas
necesitan utilizar los mismo datos. Cada
usuario accede a sus recursos mediante
un dispositivo llamado terminal.
Algunos se desempean como
computadoras PC miniatura, debido que
que ofrecen caractersticas que
avanzadas que no se encuentran
normalmente en los mviles, puedes
acceder desde ellos a la Web, correo
electrnico, cmaras digitales o
reproductores de msica.
Es el tipo ms comn de computadoras
personales, ests mquinas no slo
permiten a las personas hacer sus
trabajos, sino que se pueden utilizar
para establecer comunicaciones,
producir msica, jugar juegos y muchas
otras funciones.
Tienen ese nombre debido a que las
personas frecuentemente colocan estos
dispositivos sobre sus regazos. Estas
computadoras pueden funcionar con
corriente alterna o bateras especiales.
Es el desarrollo ms reciente de
computadoras, son muy ligeras y
aceptan la introduccin de datos con
una pluma especial(llamada stylus o
pluma digital) que se utiliza para tocar la
pantalla o escribir directamente sobre
ella, muchas tambin cuentan con
software especial que acepta la entrada
de voz del usuario.
Ejemplo de las tarjetas a elaborar para realizar la actividad.

TELFONOS
SUPERCOMPUTADORAS MAINFRAME
INTELIGENTES

COMPUTADORAS
COMPUTADORAS TABLET
DE
LAPTOP PC
ESCRITORIO
 ANEXO 5

TIPOS DE ESTRUCTURA DE PGINAS WEB

La Estructura

La estructura de un conjunto de pginas web es muy importante, ya que una buena estructura permitir al lector
visualizar todos los contenidos de una manera fcil y clara, mientras que un conjunto de pginas web con una mala
estructura producir en el lector una sensacin de estar perdido, no encontrar rpidamente lo que busca y terminar
por abandonar el sitio.

Planifique la estructura antes de empezar

Antes de crear un conjunto de pginas web uno ha de tener una idea clara de cmo va a ser la estructura de
dichas pginas, es conveniente hacer algn esquema sencillo, para la mayora de los casos una hoja de papel y un
lapicero bastar, pero si el sitio va a albergar un gran nmero de pginas es recomendable usar algn tipo de
programa que permita manejar estructuras de tipo grafo.

Jerrquica

La estructura jerrquica, es la tpica estructura de rbol, en el que la raz es la hoja de bienvenida, esta hoja se
puede tambin sustituir por la hoja de contenido, en la que se exponen las diferentes secciones que contendr nuestro
sitio. La seleccin de una seccin nos conduce asimismo a una lista de subtemas que pueden o no dividirse.

Este tipo de organizacin permite al lector conocer en qu lugar de la estructura se encuentra, adems de saber
que, con forme se adentra en la estructura obtiene informacin ms especfica y que la informacin ms general se
encuentra en los niveles superiores.

Lineal

La estructura lineal es la ms simple de todas, la manera de recorrerla es la misma que si estuvisemos leyendo
un libro, de manera que estando en una pgina, podemos ir a la siguiente pgina o a la anterior.

Esta estructura es muy til cuando queremos que el lector siga un camino fijo y guiado, adems impedimos que
se distraiga con enlaces a otras pginas. Por otra parte podemos causar a lector la sensacin de estar encerrado si el
camino es muy largo o poco interesante.

Este tipo de estructura sera vlido para tutoriales de aprendizaje o tours de visita guiada.
Lineal con jerarqua

Este tipo de estructura es una mezcla de las dos anteriores, los temas y subtemas estn organizados de una
forma jerrquica, pero uno puede leer todo el contenido de una forma lineal si se desea.

Esto permite tener el contenido organizado jerrquicamente y simultneamente poder acceder a toda la
informacin de una manera lineal como si estuvisemos leyendo un libro.

Red

La estructura de red es una organizacin en la que aparentemente no hay ningn orden establecido, las pginas
pueden apuntarse unas a otras sin ningn orden aparente.

Este tipo de organizacin es la ms libre, pero tambin es la ms peligrosa ya que si no se informa al lector de en
dnde se encuentra, puede perderse o puede no encontrar lo que anda buscando o no llegar a ver lo que le queremos
mostrar. Por eso es muy recomendable asociar la estructura de las pginas con alguna estructura conocida, como por
ejemplo la de una ciudad.

Un grafo en el mbito de las ciencias de la computacin es una estructura de datos.

Texto tomado de http://www.webestilo.com/guia/navega.php3

 ANEXO 6

Ejemplos

ESTRUCTURA BSICA DE UN DOCUMENTO HTML

<html>
<head>
<title> Mi primer pgina </title> <!se usa para identificar nicamente a cada documento y
se muestra en la barra de ttulo de la ventana del Browser -->
</head>
<body> Este es mi primer ejercicio en HTML </body>
</html>

UTILIZANDO ENCABEZADOS

<html>
<head>
<title> Mi primer pgina </title>
</head>
<body> Este es mi primer ejercicio en HTML </body>
<h1> Mis Datos </h1>
<h2> Lugar de nacimiento</h2>
<h2> Fecha de nacimiento</h2>
<h3> Msica favorita </h3>
<h3> Pasatiempo favorito </h3>
</html>

UTILIZANDO SEPARACIN DE PRRAFOS

<html>
<head>
<title> Mi primer pgina </title>
</head>
<body> Este es mi primer ejercicio en HTML </body>
<h1> Mis Datos </h1>
Mi nombre es Juan Antonio Lpez Hernndez, mis paps son Antonio Lpez Snchez y mi mam Josefina
Hernndez Hernndez,<p> tengo dos hermanos Jos y Carmen de 14 y 9 aos respectivamente.
<h2> Lugar de nacimiento</h2>
Oaxaca de Jurez, Oax.
<h2> Fecha de nacimiento</h2>
<h3> Msica favorita </h3>
<h3> Pasatiempo favorito </h3>
</html>
 UTILIZANDO SEPARACIN CON LNEA

<html>
<head>
<title> Mi primer pgina </title>
</head>
<body> Este es mi primer ejercicio en HTML </body>
<hr>
<h1> Mis Datos </h1>
Mi nombre es Juan Antonio Lpez Hernndez, mis paps son Antonio Lpez Snchez y mi mam Josefina
Hernndez Hernndez,<p> tengo dos hermanos Jos y Carmen de 14 y 9 aos respectivamente.
<h2> Lugar de nacimiento</h2>
Oaxaca de Jurez, Oax.
<h2> Fecha de nacimiento</h2>
<h3> Msica favorita </h3>
<h3> Pasatiempo favorito </h3>
</html>

UTILIZANDO LISTAS DESORDENADAS

<html>
<head>
<title> Mi primer pgina </title>
</head>
<body> Este es mi primer ejercicio en HTML </body>
<hr>
<h1> Mis Datos </h1>
Mi nombre es <b>Juan Antonio Lpez Hernndez</b>, mis paps son Antonio Lpez Snchez y mi mam Josefina
Hernndez Hernndez,<p> tengo dos hermanos Jos y Carmen de 14 y 9 aos respectivamente.
<h2> Lugar de nacimiento</h2>
Oaxaca de Jurez, Oax.
<h2> Fecha de nacimiento</h2>
<h3> Msica favorita </h3>
<ul>
<li> Rock
<li> Reggeton
<li> Pop
</ul>
<h3> Pasatiempo favorito </h3>
</html>

NOTA: El archivo se localiza en ANEXOS PARA EL DOCENTE con el nombre ejercicio1

Sumario de las etiquetas de HTML PARA EL DOCENTE

Estructura de una Pgina Web

<html> Estructura HTML

<head></head> Estructura bsica de cualquier documento HTML
<body></body>
</html>

<title>...</title> Ttulo del Documento

Va dentro de la etiqueta <head>...</head>

<!-- bla --> Comentario

Notas e informacin en el cuerpo pero no mostrado en el Browser

<body bgcolor=#XXXXXX> Color de Fondo

Da color al fondo de la pgina Web.

<body background="archivo.gif"> Textura del Fondo

Usa una imagen grfica para repetidamente rellenar el fondo de una pgina web.

<body Texto y Links con Color

TEXT=#XXXXXX Da un color a todo el texto o da el color que el usuario quiera a los links.
LINK=#YYYYYY
VLINK=#00HH00>

Formateo de Texto

<Hn>...</Hn> Encabezados
Encabezados de seccin de tamao de texto diferente, donde n=1 to 6. align=center para
<Hn alinear el encabezado en el centro de la pgina.
align=center>...</Hn>

<b>...</b> Estilo
<i>...</i> Aplica negrita, cursiva o terminal (fuente monoespaciada). Otros que pueden funcionar son
<tt>...</tt> subrayado y tachado.
<u>...</u>
<strike>...</strike>

<address>...</address> Address Direccin

Texto en cursiva y separado para pies de pgina.

<blockquote>... Blockquote
</blockquote> Indenta y desplaza texto para citas largas.

<pre>...</pre> Texto Preformateado

Muestra el texto en fuente monoespaciada preservando los espacios y retornos de carro.

&xxxx; Caracteres Especiales

Cdigos de caracteres especiales y marcas diacrticas.
<blink>...</blink> Blink
Hace parpadear un texto de forma muy poco elegante.

<font size=X>... Tamao de Fuente

</font> Cambia el tamao de una seleccin de texto donde X=1-7. Tambin puede usar cambios
relativos (-1, +2, -1, -2, etc...) con respecto al valor actual de <basefont=Z>.

<big>...</big> Tamao de Fuente

<small>...</small> Cambia el tamao de una seleccin de texto a mayor o menor tamao que el texto normal.

<font color=#XXXXXX> Color de Fuente

... Cambia el color de la seleccin de texto donde XXXXXX es el cdigo hexadecimal para los
</font> colores RGB.

^... Super/Subndices
_... Crea superndices (p.ej. x3 + 2xy + y2 = 0) o subndices (p.ej. H2SO4)

Rotura del Texto y Divisiones

<p> Prrafo
Fuerza un nuevo prrafo con una lnea en blanco de separacin.

<br> Rotura de Lnea

Fuerza una nueva lnea sin lnea blanca de separacin.

<hr> Lnea Dura

Fuerza una nueva lnea con lnea slida de separacin. Atributos opcionales:
<hr width=X size=X width especifica la anchura de la lnea en la pgina, donde X es un nmero de pixeles absoluto o "X%"
align=left|right
para una anchura relativa a la ventana del browser;
noshade>
size especifica el espesor de la lnea en pixeles;
align fuerza a que la lnea se alinee a un lado de la pgina en vez de en el centro;
noshade dibuja una lnea slida, sin efectos 3D.

<center>... Alineacin Central

</center> Alinea cualquier cosa al centro de la pgina.

<p align=center>...
</p>

<div align= Divisin

left|center|right> Alinea cualquier cosa a la izquierda, centro o derecha de la pgina.
...
</div>

<table>...</table> Tabla
Una tabla simple incorpora bordes de 1 pixel y divisiones celulares. Omitiendo el atributo border o
<table border=X estableciendo border=0 se crea una tabla invisible. Los valores de border mayores que 1 crearn un borde
cellpadding=Y
grueso en torno a la tabla.
cellspacing=Z>...
</table> cellpadding es la cantidad de espacio (en pixeles) entre el contenido de la celda y las paredes de la misma.
cellspacing determina la anchura de las paredes de las celdas.
<tr>...</tr> <tr> son definiciones de filas y <td> son definiciones de datos (una celda). Opciones dela etiqueta <td> son
<td para alineacin horizontal y/o vertical dentro de la celda.
align=left|center|right Los atributos rowspan y colspan se usan para crear celdas que ocupan ms de una celda.
valign=top|middle|bottom
rowspan=X colspan=Y
</td>
 Listas

<ul> <ol> Elementos de Listas

<li> <li> Listas Sin Ordenar <ul> para elementos separados, Listas Ordenadas <ol> para elementos
<li> <li> enumerados.
</ul> </ol>

<ul Marcadores para Listas Sin Ordenar

type=xxxx> Prevalecen sobre los valores por defecto:

<li
type=xxxx> o type=circle
type=square
type=disc

<ol type=X> Estilos de Numeracin para Listas Ordenadas

Usan diferentes caracteres para las listas:
<li type=X>

type=1 (1,2,3...)
type=A (A,B,C,...)
type=a (a,b,c,...)
type=I (I,II,III,...)
type=i (i,ii,iii,...)

<ol start=i> Valores de Numeracin para Listas Ordenadas

start comenzar una lista con cualquier nmero positivo. value renumerar la lista desde dicho elemento
<li value=j> y seguir hasta que se de un nuevo valor.

<dl> Listas Descriptivas

<dt> Listas con elementos de texto <dt> y definiciones indentadas <dd>
<dd>
<dt>
<dd>
</dl>

Grficos

<img src="archivo.gif"> Imagen Inline

Muestra una imagen dentro de una pgina web. src (source) es el nombre, ruta de
<img src="archivo.gif" archivo o URL del archivo de la imagen; alt (alternative) es una cadena de texto mostrada
alt="###" en Brrowsers no grficos o para usuarios con la carga de imgenes desactivada; align
align=top|middle|bottom| controla la relacin de la imagen con el texto a su alrededor (top/middle/bottom alinear
left|right UNA lnea del texto que siga a la imagen; left/right colocar la imagen a un lado de la
height=x width=y> pgina y el texto a su alrededor); height y width son las dimensiones de la imagen
medidas en pixeles.
 HiperLinks

<a href="archivo.htm"> Link HiperTexto Local

hipertexto</a> Enlaza con otro documento en el mismo directorio/carpeta.

<a Link HiperTexto Local

href="data/archivo.htm"> Enlaza con otro documento en una carpeta/directorio llamado "data" en el cual se
hipertexto</a> encuentra el documento HTML.

<a href="../archivo.htm"> Link HiperTexto Local

hipertexto</a> Enlaza con otro documento en una carpeta/directorio un nivel superior a aquel donde se
encuentra el documento HTML actual.

URL Uniform Resource Locator

Direccin de Recursos de Internet.

<a href="URL"> Link HiperTexto de Internet

hipertexto</a> Enlaza con otro sitio Internet especificado por su URL.

<a name="xyz"<...> Anchor con Nombre

Marca una seccin de texto dentro de un documento con el nombre "xyz".

<a href="file.htm#xyz"> Link a un Anchor con Nombre

hipertexto</a> Salta a un anchor con nombre dentro del mismo o distinto documento.

<a href="url"> Link HiperGrfico de Internet

<img src="file.gif" imagen inline que acta como hiperlink al sitio especificado por la URL. Especificando el
border=0></a> atributo border=0 se suprimir la caja alrededor de la imagen.

<a href="mailto: Link de E-Mail de Internet

"doe@xyz.edu">... </a> Enva un e-mail a la direccin especificada.

<img src="image.gif" Mapas de Imgenes desde el Cliente

usemap="#map_name"> Mapas de imgenes clickeables interpretadas por el Browser. ... puede estar en cualquier
lugar en este u otro archivo HTML. Las coordenadas son las de las esquinas superior
<map
izquierda e inferior derecha de una regin rectangular.
name="map_name">
<area shape="rect"
coords="x1,y1,x2,y2"
HREF=URL>
<area shape="rect"
coords="x1,y1,x2,y2"
HREF=URL>
</map>

Texto tomado http://zircon.mcli.dist.maricopa.edu/tut_es/tags/tag6.htm

BLOQUE II
 ANEXO 7

DEFINICIONES

BLOG

Un blog, o en espaol tambin una bitcora, es un sitio web

peridicamente actualizado que recopila cronolgicamente textos o
artculos de uno o varios autores, apareciendo primero el ms reciente,
donde el autor conserva siempre la libertad de dejar publicado lo que crea
pertinente. El nombre bitcora est basado en los cuadernos de bitcora.
Cuadernos de viaje que se utilizaban en los barcos para relatar el desarrollo
del viaje y que se guardaban en la bitcora. Aunque el nombre se ha
popularizado en los ltimos aos a raz de su utilizacin en diferentes
mbitos, el cuaderno de trabajo o bitcora ha sido utilizado desde siempre.

Este trmino ingls blog o weblog proviene de las palabras web y log ('log' en ingls = diario). El trmino bitcora,
en referencia a los antiguos cuadernos de bitcora de los barcos, se utiliza preferentemente cuando el autor escribe
sobre su vida propia como si fuese un diario, pero publicado en la web (en lnea).

WIKI

Un wiki, o una wiki, es un sitio web cuyas pginas web pueden ser
editadas por mltiples voluntarios a travs del navegador web. Los usuarios
pueden crear, modificar o borrar un mismo texto que comparten. Los textos o
pginas wiki tienen ttulos nicos. Si se escribe el ttulo de una pgina wiki
en algn lugar del wiki, esta palabra se convierte en un enlace web a la
pgina web.

En una pgina sobre alpinismo puede haber una palabra como piolet
o brjula que est marcada como palabra perteneciente a un ttulo de pgina
wiki. La mayor parte de las implementaciones de wikis indican en el URL de la
pgina el propio ttulo de la pgina wiki (en Wikipedia ocurre as:
http://es.wikipedia.org/wiki/Alpinismo), facilitando el uso y comprensibilidad del
link fuera del propio sitio web. Adems, esto permite formar en muchas ocasiones una coherencia terminolgica,
generando una ordenacin natural del contenido.

La aplicacin de mayor peso y a la que le debe su mayor fama hasta el momento ha sido la creacin de
enciclopedias colaborativas, gnero al que pertenece la Wikipedia. Existen muchas otras aplicaciones ms cercanas a la
coordinacin de informaciones y acciones, o la puesta en comn de conocimientos o textos dentro de grupos.

La mayor parte de los wikis actuales conservan un historial de cambios que permite recuperar fcilmente cualquier
estado anterior y ver 'quin' hizo cada cambio, lo cual facilita enormemente el mantenimiento conjunto y el control de
usuarios destructivos. Habitualmente, sin necesidad de una revisin previa, se actualiza el contenido que muestra la
pgina wiki editada.

Definiciones consultadas de las siguientes direcciones electrnicas: http://es.wikipedia.org/wiki/Blog y

http://es.wikipedia.org/wiki/Wiki.
 ANEXO 8

GUA DE PREGUNTAS PARA CREAR UN BLOG

Enseguida que los alumnos respondan la primera pregunta que plantea el docente se contina con lo siguiente:

1.- Posteriormente el docente pide a los alumnos que identifiquen en cuntos

pasos se crea un blog? y qu se debe hacer en la ventana que abri?, las
respuestas de los alumnos deben ser: En 3 pasos Crear cuenta, asignar un
nombre al blog, elegir una plantilla y lo que se debe hacer es llenar el
formulario con los datos que ah se solicitan, tales como: correo electrnico,
contrasea, el nombre que se va a utilizar para firmar sus entradas del blog.

Finalmente dar clic en

2.-Nuevamente el docente pregunta qu hacer ahora? El docente pide a los

alumnos que observen la parte superior donde se encuentra el logo de Eblogger y
que observen en que paso se encuentran de la creacin de su blog. Y que anoten
en su libreta la direccin de su blog, ya que con ella accedern posteriormente para
visualizarla.

3.- En el paso 2 que es Elegir una plantilla, se pregunta a los alumnos qu hacer?
Se pretende que los alumnos elijan una plantilla y clic a continuar. Enseguida muestra
una pantalla donde dice que se ha creado el blog y que se puede comenzar a
publicar, clic al botn.

4.- El docente pide a los alumnos que identifiquen los elementos que integran la pantalla de creacin de entradas, se
pregunta a los alumnos cul es la funcin de cada uno de los iconos que se encuentran en la barra de herramientas?
Se pretende que los alumnos por si solos de acuerdo a lo que ya saben identifiquen para que sirve cada icono, en caso
contrario que verifiquen que al pasar el puntero del mouse sobre cada icono muestra su funcin.

Una vez que los alumnos identificaron cada uno de los iconos
de la barra de herramientas, el docente pide a los alumnos que
comiencen a capturar su informacin del tema que previamente se les
solicito en la sesin anterior.

El docente les indica a los alumnos que pueden ir dando

formato a su informacin haciendo uso de alguna herramienta de la barra
de herramientas (ejemplo: Fuente, tamao, color de texto y alineacin de
los ttulos de su documento, entre otros), adems de explorar que hay en
las pestaas de Configuracin, diseo y monetizar.

En caso de que algn alumno desee agregar imgenes el docente solo guiar al alumno en caso de tener dudas
(pg. 7 Manual Blogger), en cuanto haya terminado se pide que comente a los alumnos, qu fue lo que hizo para
poder agregar una imagen.

Una vez culminado el trabajo el docente pide a los alumnos dar clic en el botn Publicar.
BLOQUE IV
FASES NOMBRE
Conocimientos previos y
1
acercamiento.
Identificacin del producto, servicio
2 o proceso a innovar.
Conocimiento y anlisis de la
3 opinin de otros (usuarios) sobre la
innovacin.
Informacin sobre las innovaciones
4 al producto, servicio o proceso
elegido.
Replanteamiento de la mejora a
5 realizar y construccin de la imagen
objetivo.
6 Investigacin sobre los recursos y el
proceso tcnico de mejora.
7 Planteamiento de las posibles
opciones de solucin.
Evaluacin y seleccin de la opcin
8 mejores caractersticas consideradas (viabilidad y factibilidad), debindose realizar un anlisis sistmico del
adecuada.
Planeacin del proyecto.
9 Qu se necesita para hacerlo?
10 Ejecucin de la innovacin.
Evaluacin cualitativa de los
11
procesos y resultados.
Informe y comunicacin de los
resultados.
12
Nota: sta fase incluira la
comercializacin del producto.
NOTA: La creatividad es un rasgo que debe estar presente durante todas las fases del proyecto de innovacin
PREGUNTAS RELACIONADAS
Qu es proyecto?
Qu es innovacin?
Qu relacin tiene el proyecto de reproduccin y el
de diseo con el de innovacin?
C Qu producto, servicio o proceso me gustara
innovar?
Qu puedo modificar a ese producto, servicio o
proceso?
R Cmo resuelvo mi necesidad, problemtica o el
gusto?
Qu se podra innovar en este producto, servicio o
proceso?
E Crees qu servira sta innovacin o se puede
mejorar ms?
Es innovadora mi propuesta en mi contexto?
A
Puedo modificar algo ms o diferente de lo que
haba pensado?
Cmo debe hacerse entonces la innovacin?
Cmo hacerlo?
T
Con qu recursos hacerlo?
Con qu materiales?
Qu opciones tengo?
Cmo se veran stas opciones?
I Qu opcin rene las mejores caractersticas de
factibilidad, ergonoma, economa, funcionalidad,
esttica, as como sus impactos ambientales y
socioculturales?
V ESTRATEGIAS Y ACTIVIDADES:
Qu actividades deben llevarse a cabo?
I En qu momento debe hacerse?
Con qu contamos y qu nos falta?
Quines?
D Ubicacin en el tiempo y en el espacio para cada una de las actividades que requiere el proyecto de
Cmo ejecutara la opcin seleccionada?
Qu resultados se obtuvieron en cada fase?
A Qu problemas se presentaron en cada fase?
Cmo fueron esos resultados con respecto a lo
planeado?
Cules fueron los impactos culturales, sociales y
D naturales?
Se busc reducir los impactos negativos?
Cules fueron los resultados que se obtuvieron?
Cmo comunicar estos resultados?
DESCRIPCIN
Recuperar los conocimientos previos de los alumnos acerca del proyectos (reproduccin y diseo) y
proporcionar las generalidades de un proyecto de innovacin (hacer alguna mejora novedosa a algn
producto, servicio o proceso).
Los alumnos identifican algn producto, servicio o proceso utilizado por ellos que pueda ser modificado en
algunas de sus partes para mejorarlo.
Los alumnos realizan sus bocetos sobre las mejoras a realizar.
Hacer todas las propuestas que satisfagan la necesidad de cambio del producto
Dar a conocer las modificaciones del producto, servicio o proceso a otros usuarios para recopilar informacin
complementaria sobre la propuesta y otras posibles innovaciones.
Los alumnos realizan investigaciones para conocer si la propuesta es verdaderamente una innovacin.
Modificar o no, la primera idea de innovacin en base a las opiniones de otros y en base a la informacin
obtenida (recursos disponibles, de tiempo, economa, herramientas y equipo).
Se requiere que los alumnos investiguen informacin adicional sobre los diferentes materiales que pueden
servir para hacer la propuesta de innovacin y los diversos procesos tcnicos que se requieren para elaborar la
propuesta.
Listar, describir, dibujar y representar grficamente todas las posibles opciones de solucin.
Con el anlisis de la informacin recabada en las fases anteriores, se selecciona la opcin que rene las
proyecto.
Definir los mtodos de ejecucin del proyecto de innovacin: la representacin, el anlisis y procesamiento de
la informacin para la presentacin de resultados.
RECURSOS HUMANOS:
Implica definir las acciones de todos los participantes.
RECURSOS MATERIALES:
Seleccionar los medios y materiales.
TIEMPO:
innovacin.
Es la realizacin del producto, servicio o proceso a innovar.
Cada fase del proyecto se debe evaluar para prevenir posibles riesgos y resolver los problemas que se
presentarn durante el proceso rectificando las actividades planeadas para poder evaluar la totalidad del
proyecto.
Se deben evaluar tambin las implicaciones culturales, sociales y naturales.
Comunicar el proceso y los resultados del proyecto de innovacin a la comunidad escolar con diferentes
medios.
Aun los proyectos de innovacin no logrados tambin se tienen que comunicar a fin de utilizarlos como parte
del aprendizaje comunitario.
 ANEXO 10

Wikinoma o wikieconoma (del ingls Wikinomics) o economa de la colaboracin entre grupos humanos es un
sistema econmico introducido por primera vez a partir del concepto de trabajo prosumo en 1996 por Don Tapscott, en el
libro Economa Digital (Digital Economy) y desarrollado junto a Anthony D. William en "Wikinomics: La Nueva Economa
de las Multitudes inteligentes" (Wikinomics: How Mass Collaboration Changes Everything) donde en ambas obras
explora cmo las nuevas tecnologas de la informacin, denominadas web 2.0, han revolucionado la economa
tradicional.

El trmino [prosumidor] es mezcla de [productor] y consumidor, donde los clientes participan en la creacin de
productos de un modo activo y continuado. Los usuarios se organizan para crear sus propios artculos,
formando comunidades de prosumidores donde comparten informacin, intercambian y desarrollan
herramientas y mtodos y nuevas versiones del producto. Varios ejemplos de este sistema de trabajo son el
proyecto Genoma, Flickr, Myspace, YouTube, Second Life e incluso la propia Wikipedia.

Muchas organizaciones han adoptado, a partir de los resultados de la direccin cientfica, los denominados cuatro
principios de la Wikinoma:

La apertura.
La interaccin entre iguales que permite revisar continuamente el trabajo.
El uso compartido.
La actuacin global.

Para sus seguidores, las firmas monolticas, autnomas y centradas en si mismas estn en vas de extincin: las
empresas ganadoras no tienen lmites, centran las labores del personal interno en organizar el valor del trabajo a modo
meritocrtico y consideran que su departamento de I+D es el mundo en general.

Se fundamenta en que el conocimiento llamado propietario genera vaco y quienes no lo compartan se encontrarn cada
vez ms aislados, superados por las redes que comparten y actualizan para generar valor.

Texto consultado en la url: http://es.wikipedia.org/wiki/Wikinom%C3%ADa

Monoltico Muy compacto, con una unin tan fuerte entre sus distintas partes como si fuera de una sola pieza: defienden sus intereses
como un solo hombre, forman un grupo monoltico.

Meritocracia (del latn mereo, merecer, obtener) es una forma de gobierno basada en el mrito. Las posiciones jerrquicas son
conquistadas en base al mrito, y hay una predominancia de valores asociados a la capacidad individual o espritu competitivo tales
como, por ejemplo, la excelencia en educacin o deportes.

Qu es una rbrica?
INTRODUCCIN
En evaluacin educativa, desde hace algunos aos, paulatinamente se ha dado cada vez ms
importancia a aquellas orientadas al proceso y que informe a los estudiantes los rasgos o
criterios por los cuales sern evaluados, en este sentido las rbricas, son un importante
instrumento que sirve para este objetivo.
DEFINICIN
La RBRICA o MATRIZ DE VALORACIN es un instrumento de evaluacin generado a travs
de un conjunto de RASGOS o CRITERIOS especficos, que permiten medir el NIVEL y la
CALIDAD de las competencias alcanzadas por el estudiante en un trabajo o actividad
determinada. Su caracterstica principal es que permite que los alumnos se evaluen entre
ellos mismos (COEVALUACIN), valoren su trabajo (AUTOEVALUACIN) y adems permite la
valoracin del docente (EVALUACIN).
ANEXO 11
UTILIDAD
Dado que en toda actividad acadmica, tanto los maestros como los alumnos requieren saber
en qu grado se han alcanzado los objetivos de aprendizaje, las rbricas son tiles para:
Establecer de forma clara y precisa los rasgos y elementos involucrados en una
determinada actividad de aprendizaje.
Tener una gua clara y explcita para realizar el trabajo o actividad a desarrollar, lo cual es
muy til para el alumno.
Facilitar a que los alumnos desarrollen mejor las competencias que requieren los trabajos o
actividades asignadas.
Dar un seguimiento a las actividades del trabajo que se desarrolla, al mismo tiempo
enriquecerlo de manera precisa durante su construccin.
Retroalimentar sobre su desempeo, identificando los puntos donde tuvo xito y donde
fall.

COMPONENTES
1. RASGOS A EVALUAR.
Son los aspectos a evaluar del trabajo o actividad desarrollada, este instrumento
permite que los alumnos participen, junto con el docente, en la elaboracin de la
lista de los rasgos que se evaluaran. No existe un lmite en el establecimiento de
rasgos, siempre y cuando estn sujetos a las evidencias a alcanzar de acuerdo a lo
planeado en el trabajo o actividad en cuestin.
VENTAJAS
Es especfica al establecer rasgos y niveles de evaluacin.
Es clara porque se definen los rasgos de los comportamientos esperados por el alumno al
desempear el trabajo o la actividad asignada.
Es integradora porque se pueden incluir durante su construccin o como parte de la misma,
una autoevaluacin, una coevaluacin y la evaluacin del docente.
Las rbricas se pueden utilizar para mltiples y variadas actividades de aprendizaje.

2. ESCALA DE CALIFICACIN (grados cuantitativos). EJEMPLO DE UNA MATRIZ

Es la calificacin que se le otorga a cada rasgo evaluado, existen diversas escalas,
una de las ms prcticas es la siguiente:
TRABAJO/
CALIFICACIN. DESCRIPTOR ACTIVIDAD 1 2 3 4 5 6
1
2
El rasgo que se evala, no esta presente
El rasgo esta medianamente presente.
RASGOS
3 El rasgo si est presente.

3. DESCRIPTOR:

Es la descripcin de cada una de las calificaciones utilizadas en nuestra escala.

PROCEDIMIENTO

Seleccionar los objetivos que fundamentan el trabajo a actividad a realizar.

Identificar todos los posibles rasgos que representan los comportamientos o ejecuciones
esperadas por los estudiantes al ejecutar la tarea. Es en este momento en el cual los alumnos
participan, junto con el docente, proponiendo los rasgos a evaluar. Un rasgo que puede y se
recomienda incluir es la AUTOEVALUACIN del alumno o equipo, segn sea el caso.
Asignar un valor numrico a los descriptores que se utilizarn.
Ejecucin del trabajo o actividad.
Evaluacin, coevaluacin y autoevaluacin.
Traduccin del puntaje alcanzado en una calificacin.
BLOQUE V
 ANEXO DESCRIPCIN DE LAS ACTIVIDADES DE LA PROPUESTA

ESPECIFICACIN GENERALES

Con forme la tecnologa avanza, las herramientas de la informacin tambin avanzan, la entrada del
internet a nuestra vida diaria ha hecho que todo se vuelva ms sencillo. Un blog en nuestros das es muy
comn, cualquier persona pueda tenerlo, es un espacio en donde se expresa con total soltura la forma de
comunicar, comprende la intencin de dar a conocer informacin de algn tema en especfico.

Sencillamente la era de la tecnologa ha llegado a innovar la informacin y no hacerla solamente de manera

verbal, en videos, escrita, o en peridicos, como comnmente se hacia, siempre y cuando se realicen con el
correcto uso de los recursos.

I. GENERALIDADES DEL BLOG

1.1 Objetivo(s) del blog?

Comprende un escrito con dos o tres objetivos los cuales sern la base del diseo del blog. Se debe incluir
estrategias especficas en torno al cual el blog ser diseado, el tiempo que durar la creacin del blog a
fin de asegurarse el xito del blog.
1.2 A qu usuarios esta dirigido
La siguiente actividad consiste en identificar a los posibles usuarios del blog para que se pueda estructurar
el diseo e informacin para satisfacer sus necesidades y expectativas. El conocimiento, de antecedentes,
intereses y necesidades de los usuarios varan dependiendo de si son iniciados o usuarios expertos en la
navegacin en Internet. Un sistema bien diseado debe ser capaz de captar a usuarios de todas las
habilidades e intereses.
1.3 Estructuracin, Diseo y posibles mejoras del blog
Se debe contemplar la forma en que estar estructurada la informacin, as como el diseo que tendr el
blog. Para ello es importante llegar a acuerdos dentro del equipo de trabajo a travs del consenso. El
objetivo en esta etapa es determinar los posibles modelos y ver el problema de diseo del blog desde el
punto de vista del usuario.
Se pueden hacer diferentes pruebas preliminares a fin de que el equipo pueda visualizar el blog desde un
punto de vista del usuario. Lo cual puede permitir realizar las mejoras al trabajo.
1.4 Contenido
Una vez que se tiene la idea del blog, el o los objetivos y la estructura general, se puede comenzar a
evaluar el contenido que tendr que insertarse para cumplir con los planes. La definicin del contenido
obligar a tener en cuenta un anlisis detallado del contenido existente y los recursos para hacer un
esquema detallado de las necesidades. Una vez que sepa donde est la deficiencia en el contenido, se
podr centrar en zonas con recursos existentes listos para el uso. Una clara comprensin de las
necesidades tambin ayudar a desarrollar un calendario realista y el presupuesto para el proyecto. El
desarrollo de contenidos es la ms difcil, la mayor parte del tiempo que consume parte de cualquier sitio.

II. EL PROCESO DE DESARROLLO (CREACIN DEL BLOG Y ANIMACIONES)

En esta fase corresponde analizar la informacin que se necesita para justificar el presupuesto y los
recursos necesarios. Este es tambin el momento de definir el alcance de los contenidos, la funcionalidad
interactiva, el apoyo tecnolgico necesario, la profundidad y la amplitud de los recursos de informacin
que se necesita para su creacin y cumplir con las expectativas del usuario.

23
2.1. Verificacin de recursos necesarios

2.1.1. Tecnologa (hardware y software)

Qu sistema operativo utilizar?
- Windows, Macintosh, UNIX, Linux, o Mozilla, Internet Explorer.
Qu versin de flash?
Qu equipo fotogrfico utilizar?

2.1.2. Alojamiento para animaciones

2.1.3. Presupuesto
Hardware y software para el desarrollo

2.2. Arquitectura de la informacin

En esta etapa es necesario precisar el contenido y la organizacin del diseo de blog. El equipo deber
definir todos los contenidos, describir lo que es necesario, y definir la estructura organizativa del trabajo
dela elaboracin de blogs.
Una vez que una arquitectura de contenidos se ha esbozado, se debe construir prototipos para poner a
prueba lo que se siente al moverse navegar en el blog. Los prototipos son tiles por dos razones. En
primer lugar, son la mejor forma de poner a prueba la navegacin y el desarrollo de la interfaz de usuario.
Los prototipos deben incorporar lo necesario para evaluar con precisin. En segundo lugar, la creacin de
un prototipo permite a los diseadores valorar cmo se ve el sitio y la forma en que la interfaz de
navegacin apoya el diseo de la informacin.
2.2.1 Especificaciones de diseo del blog
2.2.2 Descripcin detallada del blog
2.2.3 Estructura cronolgica de las entradas del blog
2.2.4 Realizacin e incorporacin de animaciones

2.3. Construccin del blog

En esta fase, el proyecto adquiere su aspecto y, el diseo grfico se crea y se aprueba. Ahora, las
ilustraciones, las fotografas, y otros grficos o contenidos audiovisuales para el sitio ya se pueden ver. La
investigacin, la escritura, la organizacin, el montaje y edicin del contenido de texto tambin se realiza
en esta etapa.
El objetivo es producir todo el contenido funcional de los componentes.
2.3.1 Terminacin de todas las entradas del blog
2.3.2 Terminacin de diseo y animacin
2.3.3 Pruebas y correccin del blog
2.3.4 Pruebas de funcionalidad
2.3.5 Manuales del blog y archivos utilizados

2.4. Seguimiento, evaluacin y mantenimiento del blog

Nunca se puede abandonar un sitio una vez que la produccin se ha terminado y se ha publicado, adems
de dar a conocer la direccin URL del sitio a una audiencia ms grande. La esttica y los aspectos
funcionales de un sitio necesitan constantemente de atencin y cuidado, especialmente si un grupo de
personas comparte la responsabilidad de la actualizacin de contenidos. Alguien tendr que ser
responsable de la coordinacin y control de los nuevos contenidos y los vnculos funcionales. Los enlaces
en la Web son perecederos, y tendr que comprobar peridicamente que los enlaces a otros sitios siguen
funcionando.

24
 PROPUESTA DE PLAN DEL PROYECTO DE INNOVACIN
(CREACIN DEL BLOG DE LA ESCUELA)

ACTIVIDADES MATERIALES Y EQUIPO RESPONSABLE(S)

NECESARIO

I. GENERALIDADES DEL BLOG

1.1 Objetivo del Blog
1.2 A qu usuarios esta dirigido el Blog
1.3 Estructuracin, Diseo y posibles mejoras del blog
1.4 Contenido
1.5 Presupuesto para su realizacin
II. EL PROCESO DE DESARROLLO (CREACIN DEL BLOG Y
ANIMACIONES)
2.1 Verificacin de recursos necesarios
2.1.1 Tecnologa (hardware y software)
2.1.2 Alojamiento para animaciones
2.1.3 Presupuesto
2.2 Arquitectura de la informacin
2.2.1 Especificaciones del diseo del blog
2.2.2 Descripcin detallada del blog
2.2.3 Estructura cronolgica de las entradas del blog
2.2.4 Realizacin e incorporacin de animaciones
2.3 Construccin del blog
2.3.1 Terminacin de todas las entradas del blog
2.3.2 Terminacin de diseo y animacin
2.3.3 Pruebas y correccin del blog
2.3.4 Pruebas de funcionalidad
2.3.5 Manuales del blog y archivos utilizados
2.4 Seguimiento, evaluacin y mantenimiento del blog
III. EVALUACIN DEL PROYECTO
IV. COMUNICACIN DE LOS RESULTADOS