ANEXOS

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

Elabor
Profra. Lisette Lpez Ortiz
 AN EXO 1 AN EXO 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 programa o algn
aplicacin? Lenguaje HTML programa o Lenguaje HTML
aplicacin?
Otro(s) Otro(s)

RESPONDE RESPONDE

Qu nombre reciben los proyectos Qu nombre reciben los

que se realizaron en primer y segundo proyectos que se realizaron en
grado? primer y segundo grado?
Qu relacin existe entre los temas Qu relacin existe entre los
vistos en primero y segundo grado temas vistos en primero y
con el medio ambiente? segundo grado con el medio
ambiente?
Qu esperas realizar haciendo uso de la Qu esperas realizar haciendo uso de la
computadora durante el transcurso del ciclo escolar? computadora durante el transcurso del ciclo
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 fexible y
porttil, adems puede llegar a los lugares ms fundamentales para impulsar el cambio tcnico.
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.
IN NOVACIN:
Es un proceso orientado al diseo y
manufactura de productos, en el que la
informacin y los conocimientos son los insumos
Incluye la adaptacin de medios tcnicos, la
gestin e integracin de procesos, as como la
administracin y comercializacin de los
productos.
Secreta ra de Educacin Publica 2009, Educacin bsica. Secundaria Programa de
Estudio
2006, Mxi co, 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.
Defini cin consultada de ht tp ://e s.wikip edi a.o rg/wiki/ Innova ci
%C 3%B3n
3
ANEXO 2 IMGENES

4
5
 ANEXO 3

La informacin es un fenmeno que proporciona signifcado 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:

9 Lenguajes Mquina
9 Lenguajes ensamblador
9 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 defnieron los conceptos
HTTP, HTML y URL, que son la triloga base para construir, localizar y tener acceso a las pginas Web.

1
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 grfcos, 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.masadelant e. com /f aq- sit io-web.htm Qu es un Sitio web y Pgina web? - Definicin de Sitio web y
Pgina web.
 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
<Hn
para 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
<tt>...</tt>
son subrayado y tac hado .
<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
</font>
los 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
align=left|right
noshade> pixeles absoluto o "X%" para una anchura relativa a la ventana del browser;
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> T
a
<table b
border=X l
cellpaddin a
g=Y Una tabla simple incorpora bordes de 1 pixel y divisiones
cellspacin
celulares. Omitiendo el atributo border o estableciendo border=0 se
g=Z>...
</table> crea una tabla invisible. Los valores de border mayores que 1
crearn un borde grueso en torno a la
<tr>...</tr> tabla. cellpadding es la cantidad de espacio (en pixeles) entre el
<td align=left| contenido de la celda y las paredes de
center|right la misma. cellspacing determina la
valign=top|middle| anchura de las paredes de las celdas.
bottom rowspan=X
colspan=Y <tr> son definiciones de filas y <td> son definiciones de datos
</td> (una celda). Opciones dela etiqueta <td> son para alineacin
horizontal y/o vertical dentro de la celda. Los atributos
rowspan y colspan se usan para crear celdas que ocupan ms de
una celda.

L
i
s
t
a
s

<ul> Elementos de Listas

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

<ul Marcadores para Listas Sin Ordenar

type=x
Prevalecen sobre los valores por defecto:
xxx>

<li o type=circle
type=x type=square
xxx> x type=disc

<ol Estilos de Numeracin para Listas Ordenadas

type=X> Usan diferentes caracteres para las listas:
<li
type=X x
>
t
y
p
e
=
1

(
1 11
,2, e
...) =
x i
typ
e= (
(A i
B,C ,
,...) i
x i
typ ,
e= i
(a, i
,c,. i
.) ,
typ .
e= .
(I,I .
III,. )
.)
typ

< Valores de
o Numeraci
l n para
s Listas
t Ordenadas
a start
r
t comenzar
= una lista
i con
> cualquier
nmero
< positivo.
l value
i
v renumerar
a la lista
l desde
u dicho
e elemento
=
y seguir
j
> hasta que
se de un
nuevo
valor.

< Listas
d
< Descripti
d
< vas
d
< Listas con
d elementos
<
de texto
d
< <dt> y
/ definicion
es
indentada
s <dd>

22
 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
alt="###" align=top| mostrada en Brrowsers no grficos o para usuarios con la carga de imgenes
middle|bottom| left|right desactivada; align controla la relacin de la imagen con el texto a su alrededor
height=x width=y> (top/middle/bottom alinear UNA lnea del texto que siga a la imagen; left/right colocar la
imagen a un lado de la 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
> hipertexto</a>
el documento HTML.

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

hipertexto</a> Enlaza c on 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.e du">... </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 izquierda e
<map
name="map_name"> inferior 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>
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 fnanzas 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.

11
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:

x Programas de dibujo de imgenes de mapas de bits.

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

Bibliografa

Educacin bsica. Secundara Programas de Estudio 2006.Defnicin 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.
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.

11
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
 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.
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
 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.

11
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
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 Modifcar 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

11
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.
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 especfcas en torno al cual el blog ser diseado, el tiempo que durar la creacin del blog a
fn 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 justifcar 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)
9 Qu sistema operativo utilizar?
- Windows, Macintosh, UNIX, Linux, o Mozilla, Internet Explorer.
9 Qu versin de flash?
9 Qu equipo fotogrfico utilizar?

2.1.2. Alojamiento para animaciones

2.1.3. Presupuesto
9 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.
 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 fexibilidad de los procesos tcnicos.
El uso de la informacin de usuarios para la innovacin.

ATENTAMENTE
EQUIPO AMPLIADO DE TECNOLOGAS.
 ANEXO 1

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-H ill 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 1
Son las computadoras ms poderosas
que se fabrican y fsicamente estn
entre las m s 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(llam ada stylus o
pluma digital) que se utiliza para tocar la
pantalla o escribir directamente sobre
ella, muchas tambin cuentan con
sofware 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
<Hn
para 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
<tt>...</tt>
son subrayado y tac hado .
<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
</font>
los 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

<hr width=X size=X
align=left|right
noshade>
Fuerza una nueva lnea con lnea slida de separacin. Atributos opcionales:
width especifica la anchura de la lnea en la pgina, donde X es un nm ero de pixeles absoluto o "X
%" para una anchura relativa a la ventana del browser;
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
cellspacing=Z>... grueso en torno a la tabla.
</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>
<td align=left|center|right son para alineacin horizontal y/o vertical dentro de la
valign=top|m iddle| celda. Los atributos rowspan y colspan se usan para crear celdas que ocupan ms de una celda.
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
<li> <li>
elementos 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
x type=disc

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

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

x type=1 (1,2,3...)
x type=A (A,B,C,...)
x type=a (a,b,c,...)
x type=I (I,II,III,...)
x 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
<li value=j>
elemento 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
alt="###" align=top| mostrada en Brrowsers no grficos o para usuarios con la carga de imgenes
middle|bottom| left|right desactivada; align controla la relacin de la imagen con el texto a su alrededor
height=x width=y> (top/middle/bottom alinear UNA lnea del texto que siga a la imagen; left/right colocar la
imagen a un lado de la 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
> hipertexto</a>
se 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
border=0></a>
el 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
<map
name="map_name"> superior izquierda e inferior 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>

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

BLOQUE II
 ANEXO 1

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 W ikipedia
ocurre as: http ://es.wikipedia.o rg /wiki/Alpin ismo), 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. or g/w iki/Blog
y htt p://es.wikipe dia.org/wiki/W iki.
 ANEXO 1

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,
2 servicio 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 im agen
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
11
procesos y resultados.
Informe y comunicacin de los
resultados.
12
Nota: sta fase incluira la
com ercializacin 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 neces idad, problemtica o el
gusto?
Qu se podra innovar en este producto, servicio o
proceso?
E Crees qu servira sta innovacin o se puede
mejorar m s?
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?
T Cmo hacerlo?
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 am bientales
y socioculturales?
V
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 d e
Cmo ejecutara la opcin seleccionada?
Qu resultados se obtuvieron en cada fase?
A Qu problemas se presentaron en cada fase?
Cmo fueron esos resultados c on respecto a lo
los
planeado?
Cules fueron los im pactos culturales, sociales
D y 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 alum nos 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.
ESTRATEGIAS Y ACTIVIDADES:
Defnir 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. W illiam en "W ikinomics: 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 W ikinoma:

x La apertura.
x La interaccin entre iguales que permite revisar continuamente el trabajo.
x El uso compartido.
x 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: htt p:// es.wikipedia. or g/w iki/W ikinom %C 3%AD a

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 m rito, 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? UTILIDAD
ANEXO 11
I n
N o
T s
R
O a
D
U o
C s
C ,
I
p
N a
E u
n l
a
e t
v i
a n
l a
u m
a e
c n
i t
e
n
s
e e
d
u h
c a
a
t d
i a
v d
a o
,
d c
e a
s d
d a
e
v
h e
a z
c
e m

a s
l
g i
u
mportancia a aquellas E D r h i
orientadas al proceso y S a o a c
que informe a los d s n a
estudiantes los rasgos o o s
criterios por los cuales sern c a
evaluados, en este sentido q o l s
las rbricas, son un u m c o
importante instrumento e o a n
que sirve para este objetivo. n
e l z
D n o a t
E s d i
F t o l
I o a e
N d l l s
I a u o
C m s p
I a n a
c o o r
N t s b a
La RBRICA o MATRIZ DE i j :
VALORACIN es un v r e
instrumento de evaluacin i e t
generado a travs de un d q i
conjunto de RASGOS o a u v E
CRITERIOS especficos, que d i o s
permiten medir el NIVEL e s t
y la CALIDAD de las a r a
competencias alcanzadas c e d b
por el estudiante en un a n e l
trabajo o actividad d e
determinada. Su s a c
caracterstica principal es m a p e
que permite que los i b r r
alumnos se evaluen entre c e e
ellos mismos a r n d
(COEVALUACIN), valoren , d e
su trabajo e i
(AUTOEVALUACIN) y t n z f
adems permite la a a o
valoracin del docente n q j r
(EVALUACIN). t u e
m
o ,
a
C
O l g l
c
M o r a
l
P s a s
a
O d
N r
m o r
E a
a
N e s b
y
s e
T t r
precisa los rasgos y 1. RASGOS A EVALUAR. a
elementos involucrados Son los aspectos a evaluar de d
en una determinada permite que los alumnos part a
actividad de aprendizaje. lista de los rasgos que se eva
Tener una gua clara y u
rasgos, siempre y cuando est
explcita para realizar el n
planeado en el trabajo o activ
trabajo o actividad a a
desarrollar, lo cual es
2. ESCALA DE CALIFICACI
muy til para el alumno. Es la calificacin que s d
Facilitar a que los diversas
una escalas,
de las ms prcticas e
alumnos desarrollen mejor
las competencias que CALIFICACI l
requieren los trabajos o N. a
actividades asignadas. DESCRIPTO s
Dar un seguimiento a R
las actividades del 1 El c
trabajo que se desarrolla, rasgo que se a
al mismo tiempo evala, no esta l
enriquecerlo de manera presente i
precisa durante su 2 El f
construccin. rasgo esta i
Retroalimentar sobre su medianamente c
desempeo, identificando presente. a
los puntos donde tuvo 3 El c
xito y donde fall. rasgo si est i
presente. o
VENTAJAS n
e
3.
s
D
ES
C u
RI t
PT i
O l
R: i
z
E a
s d
l a
a s
d
e e
s n
c
ri n
p u
c e
i s
t
n r
d a
e
c e
 s f i
c u f
a n i
l d c
a a a
. m r
e
P n t
R t o
O a d
C n o
E s
D e
I l l
M o
I t s
E r
N a p
T b o
O a s
j i
o b
l
S a
e
e s
l a
e c
r
c t
a
c i
s
i v
g
o i
o
n d
a s
a TRABAJO/
r d ACTIVIDAD 1 2 3 4 5 6 q

l RASGOS
a u
e
o
s r
e r
o a e
b l p
j i r
e z e
t a s
i r e
v . n
o t
s a
I n
q d
u e l
e n o
t s
 u
c d e
o i l
m a
p n c
o t u
r e a
t s l
a
m a l
i l o
e s
n e
t j a
o e l
s c u
u m
o t n
a o
e r s
j
e l p
c a a
u r
c t t
i a i
o r c
n e i
e a p
s . a
n
e E ,
s s
p j
e e u
r n n
a t
d e o
a s
s t c
e o
p n
o m
r o e
m l
l e
o n d
s t o
o c
e e
s e n
t n t
e e
, d a
e l
p u
r y m
o n
p s o
o e
n o
i r
e e e
n c q
d o u
o m i
i p
l e o
o n ,
s d
a s
r e
a i g
s n
g c n
o l
s u s
i e
a r a

e e e
v s l
a
l l c
u a a
a s
r A o
. U .
T
U O
n E A
V s
r A i
a L g
s U n
g A a
o C r
I
q u
u N n
e
d v
p e a
u l l
o e a
r c c
u i
n c
u i n
m
n y
r
i d a
c e u
o l t
o
a t e
r v
l a a
o b l
s a u
j a
d o c
e i
s o
c n
r a .
i c
p t
t i T
o v r
r i a
e d d
s a u
d c
q . c
u i
e
E n
s v
e a d
l e
u u l
t a
i c p
l i u
i n
z n t
a , a
r j
c e
n o
. e a
v l
a c
E l a
j u n
z
a
d
o

e
n

u
n
a

c
a
l
i
f
i
c
a
c
i

n
.
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 especfcas en torno al cual el blog ser diseado, el tiempo que durar la creacin del blog a
fn 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 justifcar 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.

11
2.1. Verificacin de recursos necesarios

2.1.1. Tecnologa (hardware y software)

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

2.1.2. Alojamiento para animaciones

2.1.3. Presupuesto
9 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.

11
 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