Manual de comunicación virtual

Euldrey pineda Ospina.

Trabajo para final de comunicación virtual en cual se

refleja paso a paso lo aprendido en clase.

Profesora

Leidy Adriana Giraldo

Instituto metropolitano de educación IME

Escuela de comunicaciones

Medellín

2009
“Una persona amable es aquella
que escucha con una sonrisa lo
que ya sabe, de labios de alguien
que no lo sabe”.

- Alfred Capus.
 INDICE

INDICE.........................................................................................................3
Manual virtual.................................................................................................4
Blog............................................................................................................. 4
Los elementos blog:.................................................................................6
Diseño......................................................................................................6
Plantilla.................................................................................................. 15
Scribd:....................................................................................................16
Skype........................................................................................................19
Documentos..............................................................................................21
Análisis sitios web.....................................................................................22
 Manual virtual

Este manual es una clara guía de cómo se puede crear sitios webs,
blogs y demás redes sociales.

Blog

Para crear un blog como primer elemento y uno de los más

importantes es crear una cuenta de Google (Gmail) porque es un
requisito necesario para crear tu cuenta en blogger.com

Cuenta Gmail: se dirige a la barra de direcciones y se escribe

www.google.com

Luego de estar el la pagina principal de Google se dirige a vinculo

acceder que se encuentra en la parte superior derecha de la ventana
y le da clic.
En esa nueva ventana aparece un link al lado derecho de la ventana
en la cual permite crear una cuenta en Gmail le se le da clic al
vinculo y se rellena los campos que exigen.

En www.blogger.com –clic en el vinculo “crear un blog”- rellenar el

formulario.
Los elementos blog:

Administrar: acceder, perfiles, configuraciones, privacidad y

seguridad.

Personalizar el blog: diseños, plantillas clásicas, dominios

personalizados, complementos.

Publicar y archivar: publicación y edición, archivos, etiquetas,

publicación en ftp.

Compartir el blog: blogs de equipo, autores, lectores, feeds,

sindicación, comentarios y vínculos de retroceso.

Multimedia: vídeo, imágenes.

Diseño

Cuando se ingresa al blog para realizar las respectivas

modificaciones, la página se ubica inicialmente en el escritorio el cual
ofrece una serie de opciones que permiten la personalización del
blog como se muestra en el ejemplo a continuación.

La pagina diseño es uno de los medios por el cual se pude

personalizar el blog se modifican por medio de gadget los cuales son
elementos que ayudan a una navegación mas sencilla.
Los gadget: dando clic sobre este se abre una ventana flotante en
la cual se muestran algunas opciones a escoger, así, el usuario pueda
determinar cual es la más conveniente para su blog.

Cada modificación que se efectuó en el blog se puede observar con

una vista previa de este lo cual permite que se modifique aquello que
no gustó o los errores cometidos.

Debo resaltar que los gadget son solo unos pocos elementos que se
nos proporciona en la página pero no son los únicos que podemos
utilizar, ya que hay elementos exteriores, es decir, opciones de otras
paginas que nos da la opción de colocarlas en el blog y así mostrarlo
con un estilo propio.

Uno de los gadget que puede que no se entienda mucho es el de

HTML/ Javascript, pero esta opción permite modificar el blog por
medio de códigos que es el formato inicial con el cual esta formado
todas las paginas web sin excepciones y también es la opción que
nos da mas libertad.

Nota: los códigos HTML no solo los puedes utilizar por medio de este
gadget.
Álbum (presentación) y barra de video: son dos ejemplos de los
gadget que ofrece el blog; las dos opciones al darle clic muestra una
vista previa y las características adicionales que vienen con el gadget
como el colocar el nombre que se desee al gadget que se va a
utilizar.
El álbum te ofrece más fuentes o sitio para descargar las imágenes
que se desean para la presentación.

• Álbumes web picasa.

• Flickr
• Photobucket
• Otros

Las imágenes se pueden ubicar por palabra clave o por el nombre del
álbum.

En el caso de álbum web de Picasa se accede a el por medio de el

correo de Gmail.

En la barra de direcciones se escriben http://picasa.google.com/ .

Buscar un hipervínculo “Álbumes web de Picasa”

Al cargar el hipervínculo debe aparecer al lado derecho un cuadro

con el cual se inicia sesión en la cuenta de
ghttp://picasa.google.com/mail, pero te lleva a una página de
álbumes, fotos o galería en la cual ser puede efectuar las descargas
para compartir.

-Barra de video tiene características similares al álbum con la

diferencia de la fuente ya que solo te ofrece una fuente y es la de
Youtube.
Videos Youtube: para montar o exponer un video en blog se realiza
creando o publicando una nueva entrada en el blog y allí se pega el
código del video de Youtube generalmente este código aparece
debajo de la dirección o URL del cuadro gris al lado derecho de la
pantalla.

Nota: Hay que tener especial cuidado por que el código el cual es
realmente largo.

Ejemplo: Embed: <object width="425" height="344"><param

name="movie"
value="http://www.youtube.com/v/juqqdvd6pwe&hl=en&fs=1&"></p
aram><param name="allowfullscreen"
value="true"></param><param name="allowscriptaccess"
value="always"></param><embed
src="http://www.youtube.com/v/juqqdvd6pwe&hl=en&fs=1&"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="425"
height="344"></embed></object>
Slide: es una página con algunos elementos interactivos que podrían
facilitar y hacer ver más atractivo el blog como una presentación de
imágenes personalizadas y con música de fondo o un libro de firma
entre otros. Al igual que los puntos anteriores se realiza por medio de
un registro y código el cual se incluirá en la entrada del blog.

Pagina: www.slide.com

Pasos slideshow: clic (crear un slide show) – sigue los pasos y

personalízalo.

Cuando haya quedado con los efectos, fotos y música deseada se

guarda para obtener el código la pagina que aparece se le permite al
usuario escoger la forma como entra el nombre en la presentación
luego de esto se le da guardar

Al pasar este punto aparece el código y lo único que necesitas

hacer es buscar en la barra lateral izquierda el vinculo Blogger se da
clic sobre el y se mostrara el código compatible con el blog que
hemos creado.

El producto final del video y del Slide quedaría algo como la imagen a

continuación.
Contador de visita:

Es un elemente independiente que te permite tener conocimiento

sobre cuantas personas visitan el blog y dependiendo de su
configuración se puede saber si las visitas son en el día o el en mes
pero para tenerlo es por medio de un código parecido al de los
videos de youtube y como requisito se necesita el registro de la
cuenta de Gmail en la paginas http://www.histats.com/es/ la cual es
una pagina especializada en contadores, graficas, etc.

En el caso de el contador se utiliza por medio del gadget (HTML

/Javascrip) del que hablamos en paginas anteriores.

En el proceso del registro se llegara a una pagina el la cual se puede

escoger el diseño del contado que se desea utilizar solo se debe
seleccionar el estilo.
Ejemplo:

Luego se elije como se desea mostrar la información del contador y

por ultimo al siguiente pagina debe aparecer el código que se copiar y
pega en el gadget html/javascrip

Ejemplo:
Nota: al registrar la cuenta gmail queda la cuenta creada y no hay
necesidad de repetirlo solo se tiene que iniciar sesión y escoger
diferentes contadores para todas las páginas que se tengan.

Plantilla

Para la modificación de la plantilla hay dos caminos.

1 modificar la plantilla base que se encuentra en diseño  edición

HTML (en este sitio se encuentra el código de la plantilla base la cual
se puede reemplazar por otra que se cree o se saques de una
pagina).
2 copiar el código de la nueva plantilla por el gadget (HTML/
Javascrip).

Y los códigos se pueden obtener de páginas que contenga plantilla

con códigos compatible como:
http://www.finalsense.com/services/blog_templates/

En esta página solo se escoge el estilo y se da clic en botón “More

Details” el cual nos guiara al código que luego podremos pegar.

Scribd:

Es una útil herramienta para exponer trabajos por medio de

documentos de Word, Excel, etc.
En http://www.scribd.com/ se pueden registrar por medio de Log in o
Sign up porque en las dos opciones aparecen los campos
requeridos para registrarse.

Log in : también puede ser utilizado para iniciar sesión ya que

contiene las dos opciones.

-Si eres usuario escribe los datos a la izquierda

-Si era nuevo escribe los datos a la derecha.

Para descargar un archivo en Word o Excel clic sobre “Upload” y

debajo de “upload your documents now “aparece otro botón al
apretarlo nos muestra una ventana para examinar de nuestro
computador y de allí solo se busca el archivo deseado y se salva o
guarda.
Lo único es abrir el archivo para observar como quedo y copiar la
URL o dirección de la barra superior de la pantalla.

Que seria algo así: http://www.scribd.com/doc/22445213/pasos-

manual

Cuando se tenga la dirección se dirigen a:

Blogacceder diseño gaget lista de enlace—>(pega la

dirección) titulo guardar ver blog.
Skype

Página: http://www.skype.com/intl/en/

Skype es mensajería instantánea, video llamadas y llamadas

gratuitas. Además, puedes llamar a teléfonos fijos y móviles en
cualquier parte del mundo pagando tarifas formidables. La descarga
es gratuita.

Lo mejor de todo es que es una útil herramienta para buscar

personas y empresas, además de que se pude ver la página en
varios idiomas.

Para poder hacer uso de skype primero hay que bajar el programa e
inscribirse en el proceso.

Pasos: dar clic en descargas- descargar ahora--Ejecutar-

inscribirse (se llena el formulario)- personaliza tu skype.
Facebook

http://www.facebook.com se registran y en la parte inferior de la

ventana hay una barra con varias opciones una de ellas es la de dos
sombras o muñecos en azul al darle clic sobre esa imagen permite
crear un grupo.

- para crear un evento dentro del grupo se dirige a el vinculo

eventos  crear uno y luego especificar de que se trata el evento.
Documentos

El Internet como medio de Comunicación, de Eugenio Martínez

Rodríguez

Pienso que Eugenia Martínez tiene razón en expresar que el internet

no esta siendo muy tomado en cuenta por las personas, pues muchos
creen mas en algo que pueden ver en la Tv o periódicos; siendo estos
un medio más confiable. Puesto que mucha de la información del
internet es tergiversada por otra personas que no saben mucho del
tema, pero aun así, desean aportar, dar su opinión o simplemente
crear un chisme mal infundado sobre determinado tema. Si se tuviera
la capacidad de solucionar problemas de este estilo podríamos hacer
una gran diferencia y tener el internet como un sistema de
comunicación mas confiable... claro hay que aclarar que no toda la
información de internet es erróneo, pero al no haber una manera de
sustentar o apoyarla es mas complicado tomarla de manera mas
seria, a pesar de ser un medio importante con el cual podemos
obtener o proporcionar información.

Netiquetas

Es las reglas de etiqueta que se deben utilizar en internet

1-Escribir en mayúsculas
2-Mandar cartas cadenas Hotmail
3-No utilizar el CCO. Hotmail
4-No escribir el asunto por pereza. Hotmail
5- escribir a gran velocidad sin tener en cuenta los signos de
puntuación
Análisis sitios web

Hybridworks: http://www.hybridworks.jp/
Idioma inglés-hipervínculos de compra japonés.

Primero que todo quiero recordarles que el diseño de un pagina es

no es solo una imagen o una fotografía sino un conjunto de elementos
gráficos.

Diseño

La página posee un sistema ambiguo: hibrida

Es estilo vectorial: se pude observar figuras geométricas en su

composición esta formada en mayor parte por elementos u objetos
gráficos con los cuales se pretende dar a conocer sobre determinado
tema sin necesidad de mucho información textual posee alrededor de
la pagina unos limites que permite distinguir cada elemento.

Tiene un sonido general en sus botones el cual es agradable y

acorde al diseño lo que le permite al usuario tener una divertida
navegación y más interacción con la página. Se destaca el hecho que
en la mayoría de las secciones cuenta con una musicalización según
el tema tratado por ejemplo para sección “desktop vacation” que es
una isla se utiliza sonido de mar y pájaros otras como “halloween” se
utiliza truenos.

Pagina principal : sus colores dominantes es el blanco y gris claro los

que permiten una lectura clara y una perfecta visualización de sus
elementos gráficos y utiliza un color de texto acorde que en este
caso seria el negro y el gris oscuro este colores son agradables a la
vista y lo que le permite al usuario una navegación por el sitio mas
agradable diferente a aquello sitios donde se utilizan colores que
sobresalen y no combinan lo cual causa que a pasar de la buena
información que posea no es agradable navegar y por tanto el
usuario podría aburrirse.

La página en general no posee mensajes largos por lo que no

dificultan la lectura, de hecho es más grafico que textual y utiliza las
mayúsculas y minúsculas adecuadamente con diferencia en las
secciones que se puede apreciar claramente que se encuentra en
mayúsculas para ser notadas.

El dintel se suele apreciar en la parte superior de la pagina con su

respectivo logotipo el cual debe notar pero en esta pagina no
contiene un logotipo que lo caracterice y de sentido de continuidad
solo contiene imágenes relacionadas o referidas a un tema en
especifico como se puede notar en la sección “Hallowen” o
“Navidad” cada cual determinada por una imagen, que da referencia
al tema o en otra sección como la de “Sakura” que tiene relación con
la ubicada en la pagina principal se podría tomar el pequeño icono
que parece en la parte superior izquierda como el logotipo que
representa el tema de la pagina.

Contiene un estilo esquema cronológico en sus secciones, pero no de

una manera totalmente correcta eso lo podemos observar, porque
arriba del nombre de cada sección aparece una fecha de publicación
y en general en el menú se observa un desorden en su presentación
por fechas. Lo que puedo agregar a su favor es que la agrupación
por temas esta bien relacionada con referente a la parte de menú
desplegable.

El menú se encuentra ubicado el la parte derecha lo cual permite

mayor comodidad en el momento de la navegación por la ubicación
del mouse.

Algo a notar en esta página es que no contiene un logotipo

característico que lo represente, como tampoco tiene buscador y
directorio, lo que hace navegar a le deriva al cibernauta que la este
explorando.

Menú: su color predeterminado es un gris claro sus enlaces son de

estilo desplegables se difunden un poco con el fondo y no son
demasiado impactantes pero son agradables a la vista se puede
diferenciar gracias a método de selección utilizado que además del
sonio se resalta con un color blando cuando se posa la flecha de
mouse encima el enlace que se desea ver.

Pie de pagina: generalmente se observa al final de la pagina, en este

caso es un poco mas interactivo ya que se presenta como una clase
de gif o avatar animado en un tamaño visible el cual cambia según
la sección como en el caso de navidad o de la sección “the icorn
projecy” o “christmas market”.

En la parte derecha del pie de pagina se encuentra una pequeña

barra de un color gris verdoso donde se observa un contáctanos,
una sección de sobre y de compras.

Una dificultad grande que pude notar en esta pagina es que como
posee tantos elementos gráficos algo pesado lo que significa que su
tiempo de descarga o correcta visión será definida según la
resolución del monitor que lo este explorando y ancho de la banda
del usuario; además si tenemos en cuenta que el tiempo que una
personas soporta es de solo 10 segundos esperando a la descarga de
una pagina esto desfavorecerá en gran medida a la pagina.

Claro que vale la pena anotar que con una buena velocidad en el
internet, además de ver correctamente los gráficos no suele demorar
su descarga lo cual ayudaría en la navegación para el usuario.
Sony style http://www.sonystyle.com.mx/lounge/#

Diseño

Sony style es un pagina de tipo interactiva con gráficos

impresionantes la cual te abre un ventana y lleva a un pequeña
introducción que expone todo de forma sencilla y en español.

Sistema ambiguo-funcional, se pude observar figuras geométricas en

mayor parte por elementos u objetos gráficos por medio de los
cuales se conoce el material que se pretende vender por este
medio con una pequeña información de cada objeto.

Sonido general acorde al diseño y algunos sonidos ambiente lo que

le permite al usuario más interacción con la página.

Los colores que predominan son los tierra y el azul y como no son
incandescentes permiten una navegación por el sitio agradable.

La página en general no posee mensajes largos por lo que no

dificultan la lectura, de hecho es mas grafico que textual, utiliza las
mayúsculas y minúsculas adecuadamente con diferencia con el
mismo método de navegación e interacción en cada sección.

El logotipo se puede apreciar todo el tiempo en la parte superior

izquierda, lo que permite mantener presente la marca de los
productos a vender.

No se posee directorio, ni buscador y el menú es desplegable

ubicado en la parte inferior de la pantalla sin ningún esquema
especifico e interactivo cuando posamos la flecha del mouse. Sin
ningún pie de página.

Menú: su color azul claro con efecto de reflejo de nombres de las

secciones que sobresalen con un blanco e icono que identifica el sitio
a seguir y debajo de este dos opciones de política de privacidad y
méxico 2007 s.a. de un color blanco predeterminado.

La dificultad de la página es que como posee tantos elemento

gráficos es algo pesado y su tiempo de descarga o correcta visión
será definida según la resolución del monitor y el internet del
usuario, pero con una buena velocidad en el internet además de ver
correctamente los gráficos es rápido en su descarga.

La pagina es mucho mas visual y no contienen mucha información de

otros temas o secciones de interés es mas bien estilo catálogo
interactivo para exposición de sus productos.