Archivo de la categoría General

¿Usar presentaciones con diapositivas en el blog? Sí, también se puede

Ago 26

Publicado por Patricia Domínguez en General | Comments off

La oportunidad que está brindándonos la conectividad en los diversos espacios educativos y comunitarios de Comodoro Rivadavia, nos permitirá enriquecer las propuestas a través de SLIDE SHARE (compartir diapositivas, en inglés) una herramienta web 2.0 que recrea las posibilidades de las presentaciones que veníamos haciendo con PowerPoint o Impress de Open Office.

Todos hemos visto el uso de las presentaciones como karaokes o machetes vistosos (el presentador lee lo que dice la diapositiva, aunque todo el auditorio sepa leer )… No es ése el uso que pretendemos alentar… creemos que para acompañar los procesos de enseñanza estas presentaciones habilitan un formato más ligado al cartel que al apunte… Tal vez, alguno se anime a intentar una producción colaborativa… tal vez otros encuentren otros modos de hacer de este recurso una herramienta comunicativa…

Como en otras aplicaciones, primero hay que abrir una cuenta en www.slideshare.net, editar el perfil y adjuntar la presentación… luego, incorporar la presentación al blog. Aquí un tutorial para acompañar las primeras exploraciones:

Les auguramos experiencias potentes y quedamos a disposición si hubiese dudas

Patricia Domínguez

Cómo tomar capturas de Pantalla

Ago 13

Publicado por marcos en General | Comments off

Esta guía es para aprender a hacer Screen Shots también llamados pantallazos, son de mucha utilidad para crear tutoriales … pero pueden satisfacer otras necesidades de mostrar algo que se ve en la pantalla!

La manera más habitual de realizar una captura de pantalla es pulsando la tecla Imprimir Pantalla (a veces llamada Print Screen Impr Pant o Prt Sc)

Según sea el origen del teclado, los nombres varían pero la ubicación es siempre la misma en los teclados de una computadora de escritorio.

En las Notebooks y Netbooks suelen estar un poco más escondidas, sólo es cuestión de asomarse y buscar

Una foto:

de lejos
20090426193153

de cerca
impr_pant

Al apretar la tecla, la computadora toma una imagen de lo que está mostrando el monitor.

Por ejemplo, si estoy creando una entrada en este blog, ahora puedo hacer un screenshot y nos mostrará lo siguiente

asdasdasdasd
Ahi podemos ver qué es lo que estaba haciendo

Para poder añadirla a esta entrada de WordPress, tube que pasarla por el Paint (el programa al que nos referimos en el post dedicado a explicar cómo alivianar una foto).

Este sistema funciona como copiar y pegar.

Al apretar el botón la imagen queda como “copiada” y al ir a Paint y poner Edición> Pegar automáticamente aparece el Screenshot.

Luego elegimos guardarla en formato JPG con el nombre que queremos.

Estos archivos ya pasan a ser imágenes de formato JPG y pueden ser insertadas en cualquier programa que acepte el formato, sea desde el pack de Office (word, powerpoint, etc.) hasta el mismo WordPress!

Pueden comentar sus dudas acerca de cualquier tutorial, y con gusto las vamos a responder!

Saludos

Marcos Malaspina

Les acercamos algunas guías (casi un post de “autoayuda”)

Ago 12

Publicado por francisco en General | Comments off

Hola, les dejo unos links con guías y consejos varios.

El primero es una guía que les ayudará en la creación de blogs en WordPress. Es un auxilio para administrar sus contenidos y comentarios, subir fotos, organizar sus blogs en categorías y etiquetas, añadir videos, métodos no tradicionales para postear en WordPress, entre muchas otras cosas más.

http://tutorialwp.wordpress.com/

El segundo link, es una guía para utilizar de mejor forma el buscador Google. Está excelente para aprender atajos y técnicas para trasladarse con mayor rapidez en el mundo de Internet y, sobre todo, para ayudarlos a hacer búsquedas más asertivas.

http://www.emudesc.net/foros/cafeteria/52872-google.html

Y por último, más trucos para una mejor utilización del Google y un poco de su historia, porque nunca esta de más saber de dónde provienen las cosas.

http://www.emudesc.net/foros/anade-tus-manuales/33926-trucos-google.html

Gracias por la lectura.

Francisco Malaspina.

Preparando fotos para subir al blog

Ago 10

Publicado por Luis Sandoval en General | 1 Comentario

En un tutorial anterior explicamos cómo utilizar una aplicación corriente de Windows para bajarle el peso a las imágenes, antes de subirlas al blog. La ventaja de ese método es que no se requiere instalar ningún programa especial, la desvantaja es que el control que nos da sobre el resultado es escaso, y una de las cosas que no permite es reducir el tamaño (no el peso) de las fotos.

Para los que son más cancheros, estas operaciones son fáciles con un soft de procesamiento de imágenes como el Adobe Photoshop o Gimp, pero este tipo de soft (además de que el primero es privativo, o sea que es pago, y bastante carito), tiene el inconveniente de que la curva de aprendizaje de estos programas es muy larga, y no se justifica si uno tiene necesidades limitadas.

Hay unos cuantos programas que son de distribución libre o shareware y que permiten de un modo fácil reducir tamaño y peso de las fotos para subirlas al blog sin problemas. Nosotros probamos (para Windows) PhotoRazor, PIXreziser y VSO Image Reziser. Vamos a usar este último, que nos parece que es el más sencillo (lo único molesto es que al iniciarlo nos da un mensaje de que es una versión de prueba ).

Bajar el VSO Image Resizer

El primer paso (que no es imprescindible, pero facilita la cosa) es copiar las fotos que queremos redimensionar a una carpeta nueva. Nosotros elegimos 8 imágenes tomadas con una cámara digital común, que tienen un tamaño de 4000 x 3000 pixeles. El peso de la carpeta con las 8 fotos -para tener una idea- es de 14,2 Mb.

Abrimos el VSO Image Reziser, nos da un mensaje que nos dice que es una versión de prueba, sólo apta para uso no comercial. Cliqueamos en “Continuar”; buscamos la carpeta donde tenemos las imágenes y las seleccionamos.

Ya estamos en la pantalla de opciones. Vamos a describir las que necesitamos.

Perfil (tamaño de las imágenes resultantes)

Acá podemos seleccionar un tamaño estándar. ¿Cómo de grande tienen que ser las fotos? Bueno, como todo en la vida, es relativo. Hay que pensar en el uso general que le vamos a dar a la imagen, y en las visualizaciones más comunes (los usuarios con pantallas más grandes pueden usar resoluciones mayores). Algunos consejos:

Hoy en día es bastante común tener un monitor de 17 o 19 pulgadas, así que uno puede asumir como estándar un tamaño de 1024 x 768 pixeles. Más de eso es casi seguro que es un desperdicio, porque el usuario no va poder verlo; o es una molestia, porque sólo se va a ver una parte de la imagen.
Si piensan ilustrar un artículo con la imagen, dénle un tamaño que se acerque a la pantalla completa. Después, cuando la suben al blog pueden reducirla para incorporarla al artículo, y linkearla al tamaño mayor. Por ejemplo:

Cliquear en la foto

Si el destino de las fotos será una presentación con PhotoPeach o similar, es bueno que el tamaño sea a pantalla completa, para que se vean bien cuando el usuario maximiza el reproductor.
Si piensan armar una galería con NextGen, es mejor que sean un poco más chicas (800 x 600, o incluso 640 x 480), porque si no puede pasar que los controles de desplazamiento de la galería queden ubicados en una parte no visible del monitor, lo que es una molestia para el usuario.

Bien, elegimos el tamaño en “Perfil”, o -si necesitamos un tamaño especial- lo ingresamos de forma manual.

Opciones de calidad y archivo

En “Filtrado” tenemos varias opciones, pero no hace falta modificar la que nos da por defecto.

Si los archivos son JPEG (que es el formato estándar de las cámaras digitales) en “Formato” dejamos “como el Original”, si en cambio son de otro formato, lo mejor es pasarlos a JPEG.

Variar la “Calidad” va a redundar en archivos más grandes o más chicos. Para la mayoría de los casos, una calidad media (50%) resulta apropiada.

La otra opción que tenemos que considerar es si cambiamos los archivos originales o hacemos copias. Como yo ya los copié en una carpeta aparte, le indico “Redimensionar el original”.

Pulso en “OK”, me pregunta si estoy seguro de que quiero redimensionar el original (le digo que sí), y después de que redimensione las imágenes (unos segundos), pulso en “Cerrar”.

El resultado es un conjunto de 8 fotos que pesan (en total) 569 Kb, o sea una mejora de más del 95%. Y prácticamente sin pérdida de calidad, en función del uso que le vamos a dar (por supuesto: si nuestro objetivo fuera colocar fotos que luego van a ser impresas, deberíamos darle valores más altos de calidad, ya que una impresión común necesita al menos el triple de resolución que una pantalla).

Acá les dejo un video con una captura de pantalla del proceso:

Etiquetas: fotos, Image Reziser, imágenes

Animando imágenes con PhotoPeach

Ago 5

Publicado por Luis Sandoval en General | 3 Comentarios

Hay en la red unos cuantos servicios que permiten animar fotografías y colocarles textos y audio. Uno de los más simples y rápidos, y con el cual se pueden obtener resultados muy buenos, es PhotoPeach.

El servicio permite subir las fotos desde la propia computadora, pero la verdad es que funciona mucho mejor si uno tiene una cuenta de Flickr, Facebook o Picasa. Para este tutorial vamos a utilizar la última opción.

Lo primero es acceder al sitio del servicio: http://photopeach.com/, y (como es habitual con este tipo de aplicaciones) hacerse una cuenta de usuario, para lo cual hay que pulsar el botón “Sign up for free”. Nos va a pedir algunos datos básicos (nombre de usuario, password, mail, etc.).

Una vez que tenemos nuestra cuenta, ingresamos con la dirección de mail y el password. El primer paso es ponerle un nombre a nuestra presentación. Si vamos a subir las fotos desde nuestra pc, hay que pulsar en “Upload files”. En nuestro caso vamos a usar las fotos que ya subimos con el Picasa (háganme caso: es mucho más piola .

Pulsamos en “other services” y nos va a dar a elegir entre los varios servicios disponibles. Elegimos el que corresponde, nos va a pedir autorización para acceder a nuestra cuenta (de Facebook o Picasa), y ahí vamos a tener acceso a las imágenes que tengamos subidas en el servidor, organizadas por las carpetas que tengamos definidas.

Por defecto, todas las imágenes de la galería están incluidas en nuestra presentación. Si queremos que alguna no figure, pulsamos en ella y la llevamos a la columna de la derecha (deleted items). De la misma manera podemos trasladar las imágenes y ordenarlas de la manera que queramos. Una vez que ya están ordenadas, cliqueamos en “Next”.

Acá podemos modificar el título de la presentación, agregarle una descripción y -fundamentalmente- elegir la música que va a compañar a las imágenes. Hay unas cuantas pistas ya provistas por el servicio y cliqueando en cada uno se pueden escuchar y ver si se adaptan a nuestra presentación. También se puede buscar un audio en Youtube.

Otro aspecto a elegir en esta pantalla es la velocidad de transición de las diapositivas (no así el tipo de efecto, que lo da de por sí el servicio). Una vez que ya está todo elegido, pulsamos en “Finish”, y ya está. La presentación quedó lista (después se puede mejorar con varias opciones de control de los textos, la velocidad, agregar preguntas, etc.):

Una vez que terminan la presentación pueden verla en el sitio de PhotoPeach, que funciona de modo parecido a -por ejemplo- Youtube o Slideshare, con un identificador de la presentación que pueden enviar por mail o colocar en el blog. En el caso de nuestro ejemplo el link es http://photopeach.com/album/xcd27x

¿Pero cómo hago para poner la presentación adentro del blog?

Ahí hay que hacer un par de cositas más. Como no ecnontré un plugin de WordPress para el PhotoPeach (si alguno conoce uno que sirva, por favor que me digan en el comentario), vamos a tener que usar un camino algo más indirecto, usando un plugin general para embeber código. En la plataforma de conectandonos.gov.ar está disponible Simple Code Embed, así que -desde el tablero de nuestro blog- vamos a la sección de Plugins y lo activamos.

Ahora vamos a la pantalla del PhotoPeach donde tenemos la previsualización de nuestra presentación, y ahí tenemos un botón que dice “HTML Embed (story)”. Lo pulsamos y de ese modo vamos a copiar el código necesario en el portapapeles.

Ahora vamos anuestro blog y creamos un nuevo artículo (o editamos uno ya existente). Si se fijan, en la pantalla de creación/edición de artículos, hay una parte (en el inferior) -que probablemente no hayan usado antes- que tiene el título de “Campos personalizados”

Ahí pulsamos en “Agregar campo personalizado”. En “Nombre” hay que colocar un nombre que tenga este formato “CODEN”, o sea la palabra “CODE” (sin las comillas) seguida de un número que puede ir de 1 a 5. Por ejemplo: “CODE1″.

En “Valor” pegamos el código HTML que tenemos en el portapapeles. Una idea: el PhotoPeach pega el título de la presentación antes del código, si quieren que no aparezca edítenlo en el contenido de “Valor”.

El paso final es colocar, en el cuerpo del artículo, la siguiente leyenda “

Artiss Code Embed: No embed code was found for CODEN

” (sin comillas y sustituyendo la N por el número que le pusimos al campo personalizado). Listo, en la pantallade edición del blog no lo van a ver, pero si hacen una vista preliminar, en vez de esta etiqueta van a poder ver la presentación de PhotoPeach embebida.

Acá les dejo un par de ejemplos hechos por docentes (que tomamos de educ@conTIC, un portal español del que sacamos también alguna información para este tutorial).

y acá un ejemplo con preguntas tipo “multiple choice”:

Bueno, suerte ¡y a ponerle movimiento a esas fotos!

Etiquetas: PhotoPeach, presentaciones, slide

Cómo bajarle el “peso” a una imagen

Jun 24

Publicado por francisco en General | 1 Comentario

Hola a todos:

esta guía pretende ayudarles a reducir el peso en las imágenes para que puedan enviarlas con mayor facilidad a través de sus correos electrónicos o para postearlas en sus blogs, fotologs,etc.

Para comenzar: ¿qué es el peso de las imágenes?

La capacidad de almacenamiento del disco duro de la computadora varía y permite guardar diversa cantidad de archivos, imágenes, videos, etc. Cada imagen ocupa un espacio dentro de ese sistema. Tiene un peso. Éste puede molestar a la hora de subir una imagen ya que, mientras más “pesada” sea la foto, más tardará en subir a Internet.

Existen programas básicos y avanzados que podrán utilizar para hacer esto. Son programa diseñados específicamente para trabajar las imágenes, algunos vienen instalados en los equipos, otros hay que adquirirlos, están los que pueden bajarse gratuitamente de la red o los softwares de las cámaras digitales… sus funciones varían en complejidad de acuerdo a lo que necesita el usuario…

La forma más simple para bajarle el peso a las imágenes es utilizando un progama llamado Paint que habitualmente está instalado en todas las computadoras. Si prefieren usar un programa especial (y tener más control sobre el proceso), pueden consultar este otro tutorial.

Para esto buscamos una imagen que nos guste. Si es muy pesada para adjuntarla en nuestro mail, provocará lentitud en la transmisión y, además, corremos el riesgo de que aquella persona a quien se la enviemos tenga la casilla con poca memoria libre para recibirla.

Una vez con el cursor sobre la imagen, le damos un click al botón derecho del mouse y seleccionamos la opción “Abrir con”, buscamos el Paint en la lista de programas que se nos ofrecen

abrircon2

Abrimos nuestra imagen con el Paint,vamos a “Archivo“ y seleccionamos la opción “Guardar como“, seleccionamos el destino de la foto (el lugar de la PC donde queremos que se guarde) y le ponemos un nombre (normalmente trae por defecto el nombre “Dibujo”, lo mejor es que le cambien el nombre porque si ya tienen un “Dibujo” ambos archivos se sobreponen y se borra la imagen que tenían guardada anteriormente).

guardarcomo21

Abajo del nombre que hayan seleccionado para la foto, verán el menú desplegable:”TIPO“, en este menú se ofrecen varios formatos disponibles para guardar las imágenes, ustedes seleccionarán el que dice exactamente lo siguiente:

“JPEG (*JPG, *JPEG, *JPE, *JFIF)” o comúnmente denominado “Formato JPG”

guardarcomo3

Éste es el formato con menos peso. Una vez que la guarden verán que, aunque automáticamente baja un poco la calidad de imagen, el peso de la foto es muy bajo, que es lo queríamos lograr.

Una vez reducido el peso ya pueden mandar sus mails con fotos adjuntas con más facilidad, o subir sus fotos a Internet con mayor velocidad.

Esperamos que este tutorial les haya sido de utilidad.

Francisco A. Malaspina

Hacer una galería de imágenes usando NextGen Gallery

Jun 12

Publicado por Luis Sandoval en General | 1 Comentario

Existen muchos plugins para WordPress que permiten incluir galerías de imágenes de una manera sencilla y vistosa. La plataformna conectandonos.gov.ar incluye como opción estándar el NextGen Gallery, y en este tutorial explicaremos cómo usarlo.

Paso previo: Activar el plugin

Tanto para activarlo como para usarlo después, el usuario necesita tener rol de Administrador. Si es el usuario que creó el blog, eśe será su rol por defecto; si es otro usuario, entonces deberá pedirle al administrador que le adjudique ese rol.

En el menú “Plugin”, buscar el que se llama “NextGEN Gallery” y cliquear en “Activar”. La tabla de plugins mostrará entre los activados el que nos interesa, y aparecerán nuevas opciones que nos permitirán usarlo. Esta operación sólo se hace la primera vez que vamos a usar las galerías de fotos.

Pantalla del menú plugins en el Dashboard

Paso 1: Achicar las imágenes

Primera cuestión: ni se les ocurra tratar de subir una foto con el archivo tal como es generado por una camára digital. ¿Por qué? Bueno, las cámaras digitales actuales sacan fotos con alta calidad, pero también muy pesadas (2 Mb o más). Esta calidad puede justificarse para imprimir una foto, pero es muy (pero muy) excesiva para colgar las imágenes en la web. Por lo tanto, un paso previo es adaptarlas: una buena medida es 800 x 600 pixeles, en una calidad media y formato JPEG. No deberían pesar más de 100 Kb. Para hacer esto de manera fácil se pueden usar programas sofisticados como Adobe Photoshop (Win) o Gimp (Linux), pero también pequeños programas que son más sencillos y rápidos. En otros tutoriales vamos a dar algunos consejos sobre estas aplicaciones.

Menú de NextGen Gallery

Paso 2: Crear la galería

En el Dashboard (interfaz de administración) de WordPress buscar el menú “Gallery”. Ahí seleccionar “Añadir galerías / imágenes” (“Add Gallery / images”). En la pantalla que se abre, ponerle un nombre a la galería y cliquear en “Añadir galería” (“Add gallery”).

Pantalla para crear una galería nueva

Paso 3: Subir las fotos

En la misma pantalla donde nos quedamos en el paso anterior cliquear en “Subir imágenes” (“Upload images”). La pantalla de upload de imágenes tiene dos interfaces que se pueden usar: con Flash o sin Flash. Vamos a hacer la explicación con la más simple (sin Flash); la otra es similar, tiene la ventaja de que que permite elegir varias fotos a la vez, pero no siempre anda bien.

Para cada foto pulsar el botón “Examinar” y buscar la foto en la máquina. Las imágenes que se van a cargar se irán listando debajo de la entrada de texto. En la lista desplegable de abajo seleccionar la galería adónde queremos subir las fotos (necesario cuando tenemos más de una galería creada).

Subiendo los archivos de imágenes

Una vez que terminamos de elegir las fotos, pulsamos en “Subir imágenes” (“Upload images”). Vamos a ver un mensaje que nos indica cuántas fotos se subieron.

Paso 4: Colocar la galería

Creamos un nuevo post, o editamos uno existente. Donde queremos que aparezca la galería colocar el cursor pulsar el botón del plugin

Botón del plugin en la barra de botones (modo visual)

Aparecerá una ventana donde se puede elegir la galería para insertar y el modo de visualización de las imágenes (como lista, slideshow o browser). Elegir y pulsar “Insertar” (“Insert”)

Ventana de inserción de galería de NextGen Gallery

Ahora ha que guardar los cambios en el post ¡Y listo! En la pantalla de edición no se verán las fotos, sino un código similar a éste:

[nggallery id=4]

pero en el blog veremos la galería, y pulsando sobre una de las imágenes accederemos al slideshow

Ejemplo de galería

Etiquetas: galerías, imágenes, NextGEN Galery, plugins, Wordpress

YouTube en WordPress

Abr 24

Publicado por Luis Sandoval en General | Comments off

Hola a todos!!

éste va a ser el primer Tutorial en el Blog “Cómo Hago de conectándonos” (llamado de ahora en más WordPress) .
El tema a tratar “compartir videos de YouTube a través de WordPress” , que es un sitio web que ofrece servicio de Video Streaming… es decir, podemos ver, subir y compartir videos!

Una de las ventajas que nos ofrece WordPress es la posibilidad de enriquecer nuestros Blogs con videos de YouTube, y eso es lo que vamos a aprender. Por eso elegí el video MAS visto de internet (aunque no lo creas este video fue visto mas de 118 millones de veces )
El objetivo es que nos quede algo así :

Ahora manos a la obra!

Primero veamos los Requerimientos:

Tener una cuenta de Mail (es requerimiento para tener un WordPress)
Tener una cuenta en los WordPress de Conectándonos, u otro WordPress.
Elegir un video de YouTube que nos guste o queramos compartir.

Si ya tenemos todo podemos proceder al primer paso.

¿Cómo crear una ENTRADA?
Una vez que ingresas con tu usuario y contraseña, a la izquierda de la Barra del Autor está la barra vertical donde se detallan todas las opciones de edición que ofrece el WordPress.

Click a Entradas y, una vez que se despliega el menú, click a Crear

Bien!!! ahora estamos en el editor de entradas.

Segundo Paso:

Ya que estamos les mostramos cómo expandir un poco más los aditivos de la barra de herramientas. Busquemos este botón -> y click sobre él.

El menú pasará de estar así (antes de apretar el botón)

a desplegarse así (luego de apretar el botón)

menu2

Mucho mejor no? los que saben un poco de ofimática, sea word, excel o powerpoint, saben para qué sirven la mayoría de los botones, los que no, anímense a seleccionar el texto y a probar para qué están!! jeje, los resultados de las modificaciones se ven en el acto.

Seguimos con el video? Ahora vamos a buscar un botón que tiene el Logo de YouTube, debajo de la B (el ícono que transforma la letra en Negrita).

Recordemos que este botón, sólo viene activado por defecto en los blogs creados dentro del hosting de “conectandonos.gov.ar”, si creas un nuevo Blog deberás activarlo (ver último capítulo) tutorial
Para seguir, ahora que sabemos dónde está, abrimos OTRA ventana, buscamos el video que nos gusta y queremos compartir en YouTube.

En la ventana de YouTube podemos ver las Especificaciones del Video y -debajo de ellas- dos links.

El que vamos a elegir es el que dice “URL” y aparece resaltado en la próxima imagen.
you1

Seleccionamos ese link con el mouse, luego Click con el botón derecho, se abre el menú de opciones y a continuación le damos click en Copiar.

Volvemos al editor de texto, en la ventana de WordPress.
y hacemos click en el botón de YouTube.

tutorial2

y se abrirá la siguiente ventana, donde pegaremos el Link que sacamos de YouTube.
Dentro del recuadro Blanco debajo del Ejemplo “Example” que nos provee la ventana.
click con el botón derecho y a continuacion click en Pegar.
Luego click al botón “Okay”
cuadroyoutube

Listo!! ya pueden publicar el video, queda bonito si le ponen texto, no sólo el video, pero eso ya es cuestión de gustos y de cómo quieran que se vea.

Último capítulo:
Si sos administrador de tu propio blog, dentro de conectandonos.gov.ar, vas a tener que activar la opción del botón que te deja poner el código del video de YouTube.

Para eso ingresá en el Tablero de Administración y, en el menú de la izquierda, hacé click en Plugins.
Verás lo siguiente:

blog (click para agrandar)

Ahí tenemos que dejar activada la casilla y listo!!

Hasta el próximo tutorial!!

Cómo hago

Soporte e ideas del Programa Conectándonos al Futuro

Archivo de la categoría General

¿Usar presentaciones con diapositivas en el blog? Sí, también se puede

Cómo tomar capturas de Pantalla

Les acercamos algunas guías (casi un post de “autoayuda”)