Y tan cierto es que no es muy sencillo administrar Drupal, su instalación misma es un dolor de cabeza. En realidad es sencilla, pero la casi nula documentación en español hace que uno se complique más de lo necesario. Por eso escribo este tutorial.

PASO 1: CONSEGUIR DRUPAL Y SU TRADUCCIÓN AL ESPAÑOL

Son dos paquetes los que hay que descargar:

• Drupal 6.15 (versión actual)
• Traducción al español

PASO 2: SUBIR LA CARPETA DRUPAL Y LA TRADUCCIÓN AL SERVIDOR

Conectate a tu servidor por FTP (o por el administrador de archivos de Cpanel) y sube los contenidos del paquete de Drupal (luego de descomprimir) en la carpeta donde instalarás Drupal. Si quieres que Drupal administre tu sitio web, debes subir los contenidos del paquete drupal directamente a la carpeta public_html (si estás en localhost, las carpetas son /var/www o /opt/lampp/htdocs según el metodo que hayas usado, como explico aquí).

Una vez que hayas subido los contenidos del paquete drupal, debes subir los contenidos de la traducción al español (luego de descomprimir) en la misma carpeta en la que se encuentran los compoenentes de Drupal.

PASO 2: FORMA RÁPIDA

Si te complica todo lo anterior, he empaquetado El paquete de drupal y su traducción en un zip (bajatelo desde aquí). Solo sube ese zip a tu servidor y descomprímelo en public_html.

PASO 3: PREPARAR EL ARCHIVO settings.php

Lo siguiente es entrar a la carpeta /sites/default . Dentro de ella encontrarás un archivo llamado default.settings.php. Cópialo y a la copia cámbiale el nombre por settings.php. ¡Ojo! No le cambies el nombre solamente, primero copia y luego cámbiale el nombre a la copia. No digas que no te avisé.

Nota: Si usas el zip que yo he empaquetado, puedes saltarte este paso, pues ya he preparado el archivo.

PASO 4: CREAR LA BASE DE DATOS

Si usas Cpanel en tu servidor, ve a Bases de datos MySQL, si estas en localhost, ve a localhost/phpmyadmin en tu navegador. Si no sabes como crear la base de datos, fijate en este artículo.

PASO 5: INICIAR LA INSTALACIÓN:

Entra al sitio en el que deseas instalar drupal usando tu navegador. Debes ver algo así (en caso obtengas algún mensaje de error en alguno de los pasos debes modificar los permisos de los archivos o carpetas que se te indiquen):

Escoge el idioma español y continua. En la siguiente página escribe la configuración de la base de datos que creaste en el paso 4:

Luego Drupal empezará a instalarse hasta mostrar el siguiente aviso:

Anula los permisos de escritura para /sites/default/settings.php llena los datos que se solicitan y listo. Ya tienes tu web con drupal lista para administrar:

¿Viste que no era tan difícil? Tu nuevo sitio (todavía vacío), debe verse así:

Una vez que empiece a añadir contenido la página anterior desaparecerá. Pero no es el momento de explicar cómo hacerlo. Para otro artículo será.

Si este artículo te gustó también puedes leer:

• URL limpias en Drupal (7 comentarios)
• Cómo crear los mejores sitios web – ¿sabes qué es un CMS? (1 comentarios)
• Montar un servidor local (localhost) en Ubuntu (8 comentarios)
• Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (2 comentarios)
• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)

Quienes usen Moodle (el mejor sistema de gestión de e-learning) saben que el mayor problema de este LMS (junto con su espantoso editor HTML) es que sus temas (plantillas) tienen diseños pobres, poco atractivos y que hacen que un sistema tan potente parezca ser una especie de web 1.0

Por suerte, en estos últimos años han empezado a salir diseños variados y plantillas de apariencia profesional. Pero aún así son pocos y los más o menos buenos (ni siquiera realmente sorprendentes) son de pago.

Pero vamos al grano, un sitio web se ve definitivamente mejor si cuenta con un menú desplegable (de esos que despliegan sus contenidos con solo colocar el cursor encima de cada ítem), y si pudiéramos añadir uno a Moodle sería estupendo.

De hecho ya existen plantillas que cuentan con menús desplegables, aquí las que me han gustado:

• Afterburner
• Aarvark
• SHS Blue
• Newbury college
• Solent

Sin embargo, son pocos, y sería genial poder añadir un menú desplegable a cualquier tema de Moodle, ya que hay varios temas bastante atractivos y si le podemos añadir el menú quedará de lo lindo. Vamos al hecho.

PASO 1: EL CÓDIGO DEL MENÚ DESPLEGABLE

En realidad esté código no es para Moodle, se puede insertar en cualquier página html o php. Y tampoco lo escribí yo, lo encontré googleando cuando estaba desesperado buscando como añadir menús desplegables personalizados en vez de atarme a los temas que diseñaron otros. Así que mi aporte es como adaptar este menú a cualquier plantilla de Moodle y, mejor aún, explicarlo en español, que no he encontrado nada al respecto en nuestra lengua.

Vamos al código:

Descárgalo desde aquí

Cuando descomprimas el zip encontrarás una carpeta llamada desplegable y en su interior lo siguiente:

• El archivo desplegable.html (el código del menú)
• El archivo desplegable.css (el código que ordena el html anterior para que tenga el aspecto de menú).
• La carpeta chromejs dentro de la cual se encuentra el archivo chrome.js (el código que hace que el menú se despliegue).

PASO 2: EDITAR EL ARCHIVO desplegable.html

Abre el archivo desplegable.html con un editor de textos y borra la siguiente línea:

1

<link rel="stylesheet" type="text/css" href="desplegable.css" />

PASO 3: AÑADIR LOS ESTILOS DEL MENÚ A LOS ESTILOS DEL TEMA DE MOODLE

Localiza el archivo que contenga los diseños de tu tema de moodle. Debe llamarse styles.css (es lo general aunque no siempre es así). Abre ese archivo con un editor de textos y copia al final todo el contenido del archivo desplegable.css

Por si las dudas, el código es el siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

.chromestyle{
width: 1000px;
font-weight: bold;
font-size:0.9em;
margin:0px auto;
padding:0px;
}
 
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
/*content: ".";*/
display: block;
height: 0;
clear: both;
visibility: hidden;
}
 
.chromestyle ul{
border: 1px solid #bbb;
width: 100%;
background-color:#eee;
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}
 
.chromestyle ul li{
display: inline;
}
 
.chromestyle ul li a{
color: #BF3B44;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}
 
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color:#6F2225;
background-color:#fff; /*THEME CHANGE HERE*/
}
 
/* ######### Style for Drop Down Menu ######### */
 
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}
 
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}
 
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
 
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

No olvides pegar el código anterior dentro (y al final) del archivo css de tu tema de Moodle.

PASO 3: AÑADIRLO A UNA PLANTILLA CUALQUIERA DE MOODLE

Ya tenemos la carpeta desplegable, lo que ahora debemos hacer es copiar todo su contenido dentro de la carpeta de nuestro tema de moodle. ¡Ojo!, no copies la carpeta desplegable sino su contenido.

Bien, ahora debemos hacer unas modificaciones en el archivo header.html (dentro de la carpeta de tu tema de moodle) y eso será todo.

Abre el archivo header.html con un editor de textos (si estas en windows te recomiendo notepad++, en linux, cualquier editor que traiga tu distribución será perfecto). Lo siguiente hazlo con mucho cuidado:

Primero debes añadir el siguiente código dentro de la sección head y justo después de la sección title

1
2

<script src="<?php echo $CFG->themewww .'/'. current_theme() ?>/chromejs/chrome.js" />
</script>

Debe quedarte algo así, no exactamente igual al código que está a continuación, pues solo lo escribo para que veas más o menos donde deben introducir el código anterior. Pero recuerda que cada tema es distinto y no debes modificar en nada el código existente, solo debes añadir el código anterior:

1
2
3
4
5
6
7
8
9

<head>
 <?php echo $meta ?>
 <meta name="keywords" content="moodle, <?php echo $title ?> " />
 <title><?php echo $title ?></title>
 <script src="<?php echo $CFG->themewww .'/'. current_theme() ?>/chromejs/chrome.js" />
 </script>
 <link rel="shortcut icon" href="<?php echo $CFG->themewww .'/'. current_theme() ?>/favicon.ico" />
 <?php include("$CFG->javascript"); ?>
</head>

El código anterior permite que se solicite las órdenes el archivo chrome.js que era, si te acuerdas, el que generaba el efecto desplegable en el menu. Ahora debemos invocar el archivo desplegable.html que es el que contiene el menú en sí. Para eso ubica la sección page, el código debe ser así:

1

<div id="page">

Una vez ubicado dicha sección pega el siguiente código inmediatamente antes de él:

1
2
3
4
5
6
7

<div>
 <?php
{
 include('desplegable.html');
}
?>
</div>

Si lo has hecho bien, activa el tema en tu Moodle y ¡bingo! ya tienes tu menú desplegable.

SOLO VEO EL MENÚ DESPLEGABLE EN LA PORTADA

Lo más probable es que solo puedas ver el menú desplegable en la portada, más no en las demás páginas de tu Moodle. Eso sucede porque casi siempre, el código en el header.html distingue la portada del resto de paǵinas. Si te sucede eso, busca una segunda sección page y copia el código tal como lo hiciste en el paso anterior. Ya podrás ver el menú desplegable.

CONCLUSIONES

Pueden parecer muchos pasos y muy complejos, pero he intentado ser lo más detallado posible en la explicación. Solo te queda editar manualmente el menú para que aparezcan los elementos que deseas.

Cualquier duda es bienvenida en los comentarios.

Si este artículo te gustó también puedes leer:

• Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (2 comentarios)
• Manual de Moodle, capítulo 8: Conociendo el bloque "Administración del sitio" (11 comentarios)
• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)
• Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle (0 comentarios)
• Manual de Moodle, capítulo 5: Instalación de Moodle (0 comentarios)

Como mencione ayer, Escuela Digital y Aula Web ya son una realidad y uno de los objetivos principales de estas dos empresas es compartir conocimiento. Así que empiezo explicando el núcleo de nuestro trabajo: la creación de sitios web.

¿Cómo creamos los sitios web en Escuela Digital?

Usamos herramientas llamadas CMS (Content Managament System), es decir, sistemas de gestión de  contenidos. Estos sistemas permiten la creación de sitios web complejos y profesionales ahorrándonos la escritura de código. Sin embargo, quiero dejar bien en claro que sin tocar nada de código se puede hacer un sitio web completo con un CMS, pero si queremos personalización avanzada, añadir funciones nuevas, satisfacer las necesidades de clientes específicos, crear diseños novedosos, etc. habrá que enfrentarse al código y a nivel intermedio-avanzado. Así que quédense tranquilos los puristas que ven a los CMS como un “cualquiera-lo-hace”. Además que, aunque no toquemos nada de código, hay que saber administrar el CMS lo cual tampoco es sencillísimo.

¿Cómo se crean sitios web usando CMS?

Todos los CMS que conozco son opensource, es decir, libres y gratuitos. Desconozco si existen CMS privativos, aunque supongo que sí. Pero como no me muevo en el mundo del software privativo, ni me va ni me viene.

En fin, al grano. Es necesario primero escoger qué CMS usaremos según el proyecto que vamos a realizar. Existen decenas de CMS y no todos hacen lo mismo, no todos serán igual de sencillos de administrar (para nosotros o para un cliente), no todos tendrán la misma funcionalidad. Solo quien haya estado probando varios CMS para proyectos diferentes sabrá rápidamente cuál se ajusta a una necesidad específica.

Supongamos que ya elegimos el CMS para nuestro proyecto. Lo siguiente es instalarlo en un servidor. Para eso, obviamente, debemos contar con un servidor. Existen muchas empresas que alquilan espacio en un servidores con precios que van desde los 7 dólares al mes hasta los 400 dólares mensuales. Para un proyecto personal basta y sobra con el de 7 dólares al mes. Acá algunas empresas:

• Bluehost
• Dreamhost
• Hostgator (en está empresa alojado mi blog)

Bueno, tenemos el servidor, instalamos el CMS en él y lo manejamos desde el navegador. En otro artículo explicaré cómo crear nuestro primer sitio web en un servidor.

¿Qué tipos de CMS existen?

Hay de todo, y no sé si haya quien los conozca todos, pero por mi experiencia mencionaré los que conozco y sus usos:

• Drupal. El mejor CMS del mundo. Permite crear sitios web de alta complejidad y personalización.
• Joomla. El mejor CMS después de Drupal, pero siempre andan peleando el primer lugar, lo que beneficia a los usuarios.
• WordPress. El CMS más usado en el mundo hoy en día, su facilidad de uso y de instalación lo han hecho tremendamente famoso. Sirve para la creación de sitios web personales: blogs.
• MediaWiki. Permite crear wikis con el mismo sistema que la Wikipedia. De hecho, mediawiki es el CMS con el que se maneja la Wikipedia.
• PHPbb. Herramienta para la creación de foros.
• Gallery. CMS para la creación de galerías fotográficas, permite cuentas de usuario, comentarios, álbumes privados, etc.

¿Qué es un LMS?

Un LMS es un CMS orientado a la educación, permiten el seguimiento de calificaciones de los alumnos, creación de actividades educativas en línea, foros, talleres de grupos, etc. Sus siglas provienen de Learning Managament System, es decir, sistema de gestión de aprendizaje. Los más importantes son:

• Moodle. El mejor LMS del mundo. Permite la creación de un sistema web que administre escuela con miles de alumnos y requerimientos distintos, sus configuraciones de seguridad y las jerarquías de permisos lo hacen el LMS por excelencia. Sin embargo, su administración no es del todo sencilla ni intuitiva.
• Claroline. LMS amigable y de fácil manejo. Estupendo para iniciarse en el E-learning, aunque en proyectos de gran envergadura no es recomendable.
• Dokeos. LMS muy similar a Claroline con el que ha tenido desarrollos paralelos (incluso existen desarrolladores que han participado en ambos proyectos).

En próximos artículos explicaré la instalación de los CMS que uso en Escuela Digital.

Si este artículo te gustó también puedes leer:

• Montar un servidor local (localhost) en Ubuntu (8 comentarios)
• URL limpias en Drupal (7 comentarios)
• Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (2 comentarios)
• Manual de Moodle, capítulo 8: Conociendo el bloque "Administración del sitio" (11 comentarios)
• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)

Hoy es un día de plena felicidad para mí. Y no es ninguna fecha especial, pudo haber sido ayer o mañana, pero me vino un golpe de emoción que no quiero desaprovechar.

Quienes han leído este blog (que contra todo pronóstico se acerca a su segundo año de existencia), quienes hayan aplaudido mi forma cruda de decir las cosas, quienes me hayan insultado (por el mismo motivo XD) quienes me siguen, me twitean, etc., etc., deben saber que existen (y seguirán existiendo ciertas constantes en mí):

1. No soy adulador ni lustrabotas de nadie. N-A-D-I-E, hasta he perdido empleos por eso, pero mi dignidad está limpia. Lo que he conseguido hasta ahora ha sido siempre con los principios muy claros y sólidos.
2. La educación peruana es una mierda. Y no me cansaré de decirlo (a menos que llegue un día en que deje de serlo). La educación se ha convertido en la gallina de los huevos de oro en un país de ciegos en que todos los tuertos hacen fortuna porque saben resolver una ecuación o se saben de memoria un poema. J-A-M-Á-S me sentaré a la mesa con quienes arruinan la educación y jamás fumaré la pipa de la paz con ellos.
3. Me he autoimpuesto la misión de cambiar la educación nacional. Los conformistas dirán: jajajaja, estás loco, ¿que podrás hacer tú contra el sistema? Los aventureros saludarán la idea pero no le verán el norte. Pero tengo la decisión clara y me siento capaz de conseguir esa meta. ¿Yo solo?, imposible. Pero he notado que el peruano no mueve un dedo si alguien antes que él no lo mueve. Pero si ve alguien a quien seguir, su empuje es enorme. Hay muchos entusiastas que harían lo mismo que yo, que si estuviera en sus manos se lanzarían a hacerlo. Pero les gana la vida, las cuentas por pagar, los malos sueldos, el estrés del desempleo los consume. Eso es muy triste, gente altamente capacitada que termina con problemas mentales por el estrés de sentir que su vida no va a nada en este país de aprovechados.
4. Creo seriamente que la tecnología no es una herramienta educativa, sino que es LA herramienta educativa. Sin una inserción efectiva de las TIC a la escuela, la renovación educativa es imposible.
5. Solo llegaremos lejos en este país de aprovechados haciendo lo contrario. La ecuación es muy sencilla de resolver: el país está podrido por los aprovechados. Pues hagamos lo contrario, seamos solidarios, compartamos lo que tenemos, sea poco o mucho. Demos algo de nuestro tiempo libre para ayudar a los demás. Verán que se genera una cadena de favores. Solo se necesita quien dé el primer paso. Intento darlo yo, ojalá no sea un paso en falso.

Todo esto va a un fin, un objetivo que ya había adelantado antes pero que hoy es una realidad. Un sueño hecho realidad después de años de soportar de todo (la metáfora no es excesiva), de chismes, pasado por agravios, difamaciones hasta robos, estafas y traiciones (a ver si lees esto, Giovanny). He creado una empresa, Escuela Digital SAC que se encargará de insertar la tecnología en la educación (y también en otros ámbitos, como productividad empresarial), adicionalmente, he creado Aula Web. En un inicio tenía pensado que Aula Web sería la empresa que hoy es Escuela Digital, pero en vista de lo específico de nombre (Aula Web solo puede entenderse como un aula en internet) he pensado que Aula Web será un portal educativo. Una especie de red social educativa, poco a poco iré definiendo la idea, pero ahí vamos.

De ahora en adelante es una lucha de David contra Goliat. Pero a la larga saldremos airosos.

Aquí están los sitios, todavía emergentes y con una administración que me consume por completo:

• http://aulaweb.pe
• http://escueladigital.pe

Espero que entiendan que el papeleo (el drama de Manuel Lira), la creación de los sitios, su administración mis peleas con el inglés y etc etc justifiquen mi “abandono” temporal de este blog. Pero ya estoy de regreso y estaré posteando más seguido.

Deséennos suerte.

Si este artículo te gustó también puedes leer:

• Cómo crear los mejores sitios web – ¿sabes qué es un CMS? (1 comentarios)
• ¿Hasta cuando el analfabetismo tecnológico en las escuelas? (22 comentarios)
• Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (2 comentarios)
• Manual de Moodle, capítulo 8: Conociendo el bloque "Administración del sitio" (11 comentarios)
• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)

Drupal es un CMS (sistema de gestión de contenidos) es decir, una aplicación web que permite crear sitios web organizados y con altos niveles de personalización. Sin embargo, en la navegación por sus páginas, las URL aparecen con la cadena ?q= que no es amigable con los buscadores (Bing, Google, etc.). Lo que significa que no será sencillo posicionarnos en los primeros lugares de los resultados de búsqueda. Por ejemplo, si nuestro sitio web es http://ejemplo.com y escribimos una página de servicios está tendría una url como esta: http://ejemplo.com/?q=node/1. ¿No sería mejor que tuviera una URL como http://ejemplo.com/servicios?

Los pasos para conseguirlo son los siguientes:

PASO 1: ACTIVAR LAS URL LIMPIAS

Primero debemos activar las URL limpias. Para eso vamos a Administración>>Configuración del sitio>>URL limpias. Veremos lo siguiente:

Si la opción activado está disponible basta con hacer clic en ella, guardar la configuración y listo. Se habrá eliminado la cadena ?q= en las direcciones de nuestras páginas. Sin embargo, es posible que la opción no este disponible porque se necesite hacer un cambio en el servidor. El cambio es bastante sencillo:

Dentro de la carpeta donde está instalado drupal existe un archivo llamado .htacces que deberemos modificar. Podemos hacerlo via FTP o usando el administrador de archivos de nuestro servidor (fijate que el archivo tiene un punto antes del nombre, por lo cual es un archivo oculto; así que no olvides activar la visualización de archivos ocultos). Bueno, editas ese archivo (que en una instalación limpia de Drupal estará en blanco), y le añades lo siguiente:

1
2
3
4

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?q=$1 [L,QSA]

Guardas el archivo y listo. Ve de nuevo a Administración>>Configuración del sitio>>URL limpias y la opción que aparecía bloqueada estará disponible.

PASO 2: MODULO PATH PARA URL PERSONALIZADAS

El paso anterior, elimina la cadena ?q= de las rutas de las páginas de nuestro sitio. Eso convertirá nuestra dirección http://ejemplo.com/?q=node/1 en http://ejemplo.com/node/1, sin embargo, aún no la hemos convertido en una dirección amigable, como http://ejemplo.com/servicios. Para eso existe el módulo path.

Este módulo está en el núcleo de Drupal así que no hay necesidad de instalarlo, solo de activarlo. Para eso vamos a Administración>>Construcción del sitio>>Módulos y buscarlo dentro de Core – opcional.

El módulo Path se activa marcando la casilla correspondiente

Una vez guardados los cambios, podremos asignar URL personalizadas para cada página. Por ejemplo, para nuestra página htpp://ejemplo.com/node/1 navegamos hasta ella, pulsamos en editar, y en la página de edición bajamos hasta Opciones de URL y escribimos la URL personalizada.

Recuerda que no puedes añadir espacios, ni eñes ni tildes en la url (si necesitas espacios usa guiones como "quienes-somos"). Además no debes escribir la barra (/) al final o no funcionará la URL

CONCLUSIONES:

Eso es todo por ahora, de esta manera podemos personalizar nuestras URL y posicionarnos mejor en los buscadores si usamos Drupal para nuestro sitio web. Obviamente, si tenemos cientos de páginas, personalizar las URL una a una puede ser agotador, pero ya veremos adelante como resolverlo.

Si este artículo te gustó también puedes leer:

• Cómo instalar Drupal – Tutorial (5 comentarios)
• Cómo crear los mejores sitios web – ¿sabes qué es un CMS? (1 comentarios)
• Montar un servidor local (localhost) en Ubuntu (8 comentarios)
• ¿Qué son las TIC? (10 comentarios)
• ¿Hasta cuando el analfabetismo tecnológico en las escuelas? (22 comentarios)

El asunto se resume de esta manera: Un profesor fue despedido de la escuela en la que laboraba porque usaba el blog como herramienta de aprendizaje y, según la carta de despido, eso no se ajustaba al modelo educativo que ellos usaban.

Enrique Dans tiene una frase exacta:

“es cierto que en demasiadas ocasiones, sucesos de este tipo esconden en realidad otras razones imposibles de analizar aquí, tales como posibles diferencias laborales, luchas de poder u otras razones no relacionadas estrictamente con el uso de la tecnología”

¿Por qué será que lo anterior me resulta extrañamente familiar?

De veras que comentar al respecto ya me cansa porque es como encontrar a cavernícolas con mazos y piedras que te obligan a retroceder cuando estás avanzando. Pero que quede claro cuantas escuelas hablan de la tecnología, de las TIC y de la innovación solo para captar más alumnos, pero al final es solo publicidad engañosa, lo cual es delito. ¿Si o no, Trilce?

Sin embargo, como reflexión dejo lo siguiente. Nuestra generación le decía a la anterior que cómo pudieron vivir sin televisión; la generación actual le dice a la nuestra que cómo pudimos vivir sin internet. ¿Que le dirá la próxima generación a la actual? Me arriesgo por algunas ideas:

• ¿Cómo podías vivir sin tener internet en todas partes a toda hora?
• ¿Cómo podías vivir conectado con cables?
• ¿Cómo podián hacer clase con tiza y pizarra?
• ¿Cómo podías estudiar con libros y cuadernos?

Sin duda hay más, pero lo que repito constantemente es que en unos dos o tres años los costos habrán bajado tanto que todos nuestros estudiantes se conectarán a internet sin problemas desde sus celulares. Así como el que menos graba audio y video desde su celular hoy en día (cuando cuatro años atrás solo los más adinerados podían darse esos lujos), en poco tiempo la conexión a internet será ilimitada.

¿Entonces los colegios seguirán poniendo normas ilógicas como amenazar con decomisar los celulares a los alumnos? ¿O por jugar a los innovadores se irán a la permisividad total, haciendo que los alumnos googleen todo lo que el profesor explica solo por buscarle la contra?

El tema de fondo es que los modelos de vida, de negocios, de comunicación y de educación están cambiando a pasos tan grandes que lo único que hace que esas escuelas estúpidas sobrevivan es que la población las considera como casas de cultura (cuando la gran mayoría no lo son) y, por lo tanto, les creen todo lo que digan.

Así lo que digan sea algo tan estúpido como despedir a un profesor por usar un blog o despedir a otro profesor por usar una laptop.

Si este artículo te gustó también puedes leer:

• ¡Despedido! (76 comentarios)
• Curso de WordPress.com: 4 – Widgets (2 comentarios)
• ¿Qué son las TIC? (10 comentarios)
• ¿Hasta cuando el analfabetismo tecnológico en las escuelas? (22 comentarios)
• ¡Welcome 2010! (4 comentarios)

Vamos a poner situaciones muy claras y breves:

1. El alumno XY se enferma y no puede asistir a clases durante una semana. Para la semana siguiente tendrá que ponerse al día en sus cuadernos y sus tareas tal como lo hacía yo y tal como lo hacían mis padres. ¿Es que en cincuenta años el mundo no ha evolucionado?, o quizás quienes ni han evolucionado son las escuelas.
2. El profesor AB quiere dejar un material adicional a sus alumnos para que refuercen lo aprendido en clase. Digamos que es material audiovisual que la escuela no puede fotocopiar.
3. El padre de familia MN quiere saber el avance académico de su hijo, pero sus obligaciones le hacen imposible visitar la escuela en el horario de atención, al menos con la frecuencia que él espera.
4. Durante las vacaciones (como sucedió en el Perú por el tema de la gripe AH1N1) la escuela se ve obligada a hacer cambios en su estructura académica (nuevos cursos, nuevos cronogramas, nueva estructura curricular, nuevas modalidades de admisión, nueva infraestructura, etc., etc.) pero no tiene a sus clientes para informarles puesto que ellos están en vacaciones.

Casos como estos suceden a diario en las escuelas y muchos más (como que cinco profesores se queden mirando una pantalla de computadora sin valor de apretar un botón por miedo a que un virus destruya el colegio) y se deben simplemente al analfabetismo tecnológico que, en la mayor cantidad de los casos se basa en simple terquedad, en puro capricho estúpido de directivos y docentes atornillados en sus puestos y a quienes el “cambio” les suena claramente a pérdida de su estabilidad laboral.

Hoy por hoy no hay colegio que en su curricula no incluya “computación” como una materia independiente. Sin embargo, reviso el diseño curricular nacional y solo encuentro educación para el trabajo dentro del cual (apenas tangencialmente) se menciona a los temas de informática. Ni siquiera existen capacidades o competencias claras que debe buscar el profesor en sus estudiantes. Y claro, eso genera que tengamos profesores de computación ignorantes, que se compran su folleto de word en un quiosco y paporretean todo un año lo mismo, cuyos exámenes bimestrales son sobre poner negrita a un texto, subrayarlo o ponerle marco.

Inconcebible que dichos profesores de computación no sepan distinguir web, internet y navegador, que no sepan darles medidas de seguridad a Windows más allá que instalar un congelador y dejar la cuenta de administrador abierta y sin password, y que nuestras nuevas generaciones salgan de quinto año de secundaria sin saber ni siquiera que es un sistema operativo o reconocer la barra espaciadora del teclado. ¿Y se preguntan por qué el Perú no avanza?, ¿a dónde llegaremos si a los directivos solo les interesa que la computadora prenda y al diablo si es una pentium I, II, III o lo que sea? Para ellos es: ¿prende?, y si la respuesta es “sí”, pues entonces “de qué se quejan”.

Nuestros alumnos pasan en promedio tres a cuatro horas diarias conectados a internet. Y toda su vida conectados a la tecnología (teléfonos celulares, ipod, mp4, reproductores de medios, cámaras digitales, juegos, etc.) y el colegio sigue como cavernícola amenazando con decomisarles sus celulares en vez de buscar otras vías de manejo y de comprensión del contexto actual.

Ni que decir de un alumno que le pide su correo electrónico a un profesor y este lo elude diciendo “que esta semana estará de viaje” (me ha pasado), porque ni siquiera sabe que es un correo electrónico. O de aquel que si tiene correo elctrónico pero hay que avisarle en persona que le hemos escrito un correo hace una semana para que recieén vaya a leerlo.

Creanlo o no, con esos cavernícolas hay que lidiar día tras día, sintiéndose uno en el ojo de la tormenta, como el cisma que viene a resquebrajar su mundito que iba tan bien hasta que llegó el alien cargado de aparatos y cables y cositas que brillan a hacerlos pisar tierra.

Llevo años dictando capacitaciones docentes y escribiendo libros y manuales de cómputo. Pero cada año me decepciono más de ver a esos ignorantes que se dicen excelentes profesores y que eluden capacitaciones gratuitas con el argumento de: “yo ya sé tipear” o “soy un excelente profesor porque todo lo tengo en mi cabeza y no necesito una máquina que haga las cosas por mí”.

Hace años que lucho por alfabetizar este país en temas de tecnología. Pero no tecnología orientada a geeks o hackers, que de eso hay bastante. Sino sacar la tecnología de esa élite y llevarla a terrenos más humanos, más nobles y capaces de cambiar el mundo: la educación. Solo en el momento que la tecnología sea parte activa de la educación y no un adorno más que hay que separar con una semana de anticipación como si fuera una visita a un museo.

Esa lucha de años que llevo contra los cavernícolas digitales, contra esos espetcros de saco y corbata cuyo cerebro de chorlito no es capaz de comprender el mundo que están viviendo la he desarrollado hasta ahora tácitamente, de forma pasiva, al amparo de algún empresario que haga de mecenas. Lamentablemente, es momento de tomar las riendas y comprender que ningún empresario, por más bienintencionado que parezca, tiene las neuronas para comprender la gigantesca ola que va a arrasar su zona de comodidad y lo dejara como un náufrago, aferrado a sus tablas. Desde ahora comienzo una campaña sin cansancio por la inserción de la tecnología en la educación. Porque solo la educación nos dará un mejor mañana.

El primer paso es la creación de AulaWeb.pe un portal gratuito de contenidos educativos. Mi presupuesto es irrisorio, pero mi capital intelectual haría palidecer a muchas empresas gigantes. Así que ahí vamos, confiados en esta nueva aventura y en apoyar a la educación.

Deséennos suerte.

Si este artículo te gustó también puedes leer:

• ¿Qué son las TIC? (10 comentarios)
• Hoy se lanza el Concurso Maestro Digital (4 comentarios)
• Escuela Digital y Aula Web son al fin una realidad (3 comentarios)
• Entrevista de Escuela Virtual Backus (2 comentarios)
• ¿OLPC con Windows? (0 comentarios)

Demostrando que yo no estaba loco cuando años atrás hacía lo imposible por convencer a los directivos de que la tecnología dominaría el modelo educativo en el futuro y no sería (como pensaban, y piensan, muchos) una curiosidad más o una moda, se han unido fuertes instituciones (Pontificia Universidad Católica del Perú, diario El Comercio, Backus) para lanzar el concurso maestro digital.

El concurso está orientado a incentivar el uso de las tecnologías en el proceso educativo, de tal manera que los premios son laptops, cámaras digitales, filmadoras y becas para la capacitación en tecnologías educativas. Hoy a las 10:30 am se lanzará oficialmente el concurso y recibí una invitación por correo. Lamentablemente no podré ir porque estaré trabajando (y tomando el examen bimestral de Literatura a los chicos de tercer año), pero estaré al tanto del concurso y de hecho que participaré. ¿Ganaré?, ¿cómo saberlo? Ojalá que sí.

• Sitio web oficial del concurso
• Información sobre el concurso
• Bases y premios

Copio un párrafo del sitio del concurso que me gustó:

La revolución de la tecnología permite que cada día las computadoras portátiles sean más prácticas y enfocadas al usuario, esto aporta a la reducción de la brecha digital puesto que está al alcance de un mayor sector de la población. Los ganadores del concurso recibirán como premio una “notebook” o “mini laptop”, muy prácticas para transportar a la escuela.

Y pensar que en Trilce me  despidieron por tener mis registros de clase en una laptop. ¿De verdad siguen pensando que Trilce es un buen colegio?

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• ¿Hasta cuando el analfabetismo tecnológico en las escuelas? (22 comentarios)
• Escuela Digital y Aula Web son al fin una realidad (3 comentarios)
• Entrevista de Escuela Virtual Backus (2 comentarios)
• ¿Qué son las TIC? (10 comentarios)
• ¿OLPC con Windows? (0 comentarios)

Google Mail: el mejor servicio de correo electrónico en la actualidad

Existen varias empresas que brindan servicio de correo electrónico gratuito como Zoho, Hotmail o Yahoo!, sin embargo, desde la aparición de Gmail hace cinco años, el correo electrónico no volvió a ser el mismo.

Razones para usar Gmail:

• Espacio de almacenamiento de 7GB. Google fue el primero en dar gran espacio en disco cuando Hotmail daba apenas 20 MB y Yahoo 500 MB.
• Buscador integrado. Toda la tecnología del buscador Google está integrada en tu cuenta de Gmail para encontrar cualquier mensaje, entre miles, fácilmente.
• Etiquetas en vez de carpetas. Gmail ofreció etiquetas (palabras clave) para organizar rápidamente los mensajes. Por ejemplo, un mensaje no puede pertenecer a dos carpetas distintas, pero si puede tener dos etiquetas distintas.
• Accesos de teclado para leer los mensajes y redactarlos.
• Posibilidad de visualizar archivos adjuntos (como hojas de word, presentaciones power point, hojas de cálculo o documentos pdf) desde el mismo correo sin abrir un programa adicional.
• Excelente sistema de protección de spam.
• Chat integrado en el correo electrónico para conversar en tiempo real con nuestros contactos (incluso con audio y video). Además, todas las conversaciones son almacenadas como mensajes de correo.
• El equipo de Gmail añade nuevas funcionalidades con mucha frecuencia (a veces hasta de forma quincenal).

Para crear una cuenta de Gmail vamos a la web principal mail.google.com (también podemos entrar a gmail.com, que aunque no es la dirección oficial, nos redirecciona al correo de Google) y hacemos clic en el botón Crear una cuenta.

A continuación, debemos rellenar un formulario bastante sencillo con los siguientes campos:

En Nombre y Apellido coloca tus datos reales, mientras que en nombre de registro debes escoger (inventar) un nombre para tu correo electrónico. Al final tu correo electrónico será:

nombrederegistro@gmail.com

Ahora bien, puesto que existen millones de personas en el mundo, si te llamas Carlos o José es muy posible que esos nombre de registro ya hayan sido tomados, por lo que debes escoger un nombre que esté disponible (para eso debes pulsar el botón comprobar disponibilidad). Te recomiendo crear un nombre corto e identificativo; algo como nombre y apellido o iniciales. A menos que seas adolescente evita registros como lanenalinda@gmail o tuamigoforever@gmail.com o paticyta3@gmail.com porque solo restan seriedad y profesionalismo al correo.

Luego debes escoger una contraseña. Esta parte es muy importante pues la contraseña es la llave con la que tu solo podrás abrir tu correo. Así que evita contraseñas como 123456 tu fecha de nacimiento o número de teléfono porque son fáciles de averiguar.

La contraseña debe tener al menos ocho caracteres y solo se admiten letras, números y puntos. Además la contraseña diferencia entre mayúsculas y minúsculas para mayor seguridad (es muy recomendable intercalar al menos una letra en mayúscula en la contraseña).

* Recuerde desactivar la opción Recordarme en este equipo.

La pregunta de seguridad es una pregunta secreta para recuperar nuestra contraseña en caso de que la olvidemos. Así que debes escoger una pregunta y escribir una respuesta.

La dirección de correo electrónico es cualquier otra cuenta de correo que tengamos y se puede usar para recuperar nuestra cuenta de Gmail en alguna emergencia. Pero no es obligatorio llenar este campo.

Luego debes escoger tu ubicación (país) y escribir la palabra que se mostrará en letras torcidas. Esto se hace para verificar que quien crea la cuenta es un ser humano y no una máquina (un software específico).

Por último haz clic en el botón acepto, crear mi cuenta. Una vez creada la cuenta verás una pantalla que te indica las características de Gmail y un botón que dice:

Estoy listo, lléveme a mi cuenta.

La apariencia de Gmail será la siguiente:

Los elementos son los siguientes:

1. Bandeja de mensajes. Acá verás tus mensajes, tus conversaciones de chat guardadas, los correos marcados como spam, el contenido de la papelera, etc.
2. Menú principal. Desde este menú se puede leer el correo (Recibidos) escribir un nuevo correo (Redactar), nuestros correos marcados como favoritos (Destacados), nuestras conversaciones de chat guardadas automáticamente (Chat), los correos que hemos escrito (Enviados), los correos que hemos escrito pero no hemos enviado (Borradores), todos los mensajes de todas las etiquetas (Todos), el correo marcado como basura (Spam) y el correo eliminado (Papelera).
3. Acciones. Contiene las acciones que podemos hacer con los mensajes. Archivarlos, borrarlos, marcarlos como basura (spam), moverlos, etc.
4. Chat, Etiquetas, Invitaciones. Muestra a nuestros contactos para chatear con ellos. También nuestras etiquetas y un cuadro para invitar a nuestros amigo a usar Gmail.
5. Buscador. Permite buscar en nuestros mensajes de correo o buscar en la web.
6. Configuración, Ayuda, Salir. Permite establecer los parámetros de nuestra cuenta de correo, ayuda y salir de nuestra cuenta.
7. Servicios Google. Permite acceder a otros servicios de Google además de Gmail.
8. Información. Nos da información sobre nuestra cuenta de correo.

Configuración de nuestra cuenta de correo.

Para configurar nuestra cuenta entramos a configuración. Veremos nueve pestañas:

1. General. Permite establecer el idioma, el número de mensajes por página, activar los atajos de teclado, establecer una imagen, crear una firma, etc.
2. Cuentas. Permite usar Gmail para controlar otras cuentas de correo (recibir mensajes y enviarlos).
3. Etiquetas. Permite administrar las etiquetas para los mensajes.
4. Filtros. Administra los filtros.
5. Reenvio y correo POP/IMAP. Permite activar la descarga o sincronización de correo con otros programas (como Mozilla Thunderbird) a través de POP o IMAP.
6. Chat. Permite establecer las preferencias del chat.
7. Clips de la web. Permite decidir si queremos ver extractos de sitios web encima de nuestros correos recibidos.
8. Labs. Muestra una serie de experimentos en los que trabajan los ingenieros de Google para mejorar Gmail.
9. Temas. Permite escoger un diseño para nuestra cuenta o personalizar nuestros colores.

Redactar un mensaje de correo electrónico

Basta con hacer clic en el botón Redactar o presionar la letra C en el teclado. Se mostrarán las siguientes opciones:

• Enviar. Para enviar el mensaje cuando hayamos terminado de redactarlo.
• Guardar ahora. Para guardar el mensaje como borrador. Sin embargo, Gmail irá guardando automáticamente el mensaje mientras escribamos.
• Descartar. Para cancelar el mensaje que estamos escribiendo.
• Para: Aquí se escribe la dirección de correo del destinatario.
• Añadir Cc. Para enviar una copia del correo a otra dirección.
• Añadir CCO. Para enviar una copia oculta del correo.
  • Si se desea enviar el mensaje a varias direcciones debes escribirlas separadas por comas.
• Asunto. Aca se escribe el título del correo.
• Adjuntar un archivo. Permite enviar un archivo junto con el correo. Debes recordar que el peso máximo de un correo es de 20 MB (incluyendo los archivos adjuntos), si un correo sobrepasa ese tamaño, será devuelto al remitente.
• Formato de texto. Se puede enriquecer el texto del mensaje agregándole formato como tipo de letra, color de letra, lista de viñetas, lista numerada, entre otras. Incluso se puede verificar la ortografía.
• Texto. Al final de las herramientas de formato aparece un botón que dice Texto. Haciendo clic en él se elimina el formato del texto.
  • Si has escrito una firma en la configuración de tu cuenta, se mostrará automáticamente al final del texto del mensaje.

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• Capacitación docente en TIC – Sesión 3 (3 comentarios)
• ¡Gmail caído! (0 comentarios)
• Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (2 comentarios)
• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)
• Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle (0 comentarios)

Del.icio.us.

Delicious.com es un servicio de marcadores sociales. Es decir, podemos crear una cuenta y añadir nuestras páginas web favoritas. Esto no es nada del otro mundo, sino fuera porque podemos compartir esos favoritos con los demás usuarios de delicious. Este widgets muestra tus marcadores de delicious en tu blog. Para usarlo primero debes crear una cuenta en Delicious y añadir marcadores a tu cuenta.

Para crear un marcador haz clic en el botón Save a new bookmark.

Agregar nuevo marcador

Obviamente, existen formas ás productivas de añadir marcadores a Delicious. Una de ellas es usar la extensión oficial de delicious para Firefox. Se instala desde este enlace:

https://addons.mozilla.org/es-ES/firefox/addon/3615

Luego, en el tablero de tu blog,  activa este widget, ponle un título, el nombre de tu cuenta en delicious, el número de marcadores que quieres que se muestren y si deseas que solo se muestren los que tengan ciertas etiquetas puedes añadirlas en el espacio inferior (separadas por espacios):

Configuración del Widget de Delicious

Es todo, a partir de ahora tus últimos marcadores de Delicious aparecerán en la barra lateral de tu blog de WordPress.com

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• Curso de WordPress.com: 4 – Widgets (2 comentarios)
• Curso de WordPress.com: 3 – Cambia el diseño (5 comentarios)
• Curso de WordPress.com: 2 – Conoce tu tablero (3 comentarios)
• Curso de Wordpress.com: 1 – Crea tu blog (3 comentarios)
• Wordpress.com añade widget para twitter (4 comentarios)

Los widgets son bloques de contenido que van a los lados del blog (a veces ban en la parte inferior). Si eliges un tema con dos columnas tendrás una de ellas para widgets, si escoges un tema con tres columnas, dos de ellas serán para los widgets. Por ejemplo, este blog tiene dos columnas con widgets (a los lados):

Las columnas que están a la derecha e izquierda de este blog contienen los widgets. Según el tema puede haber una o dos columnas para widgets.

Para añadir widgets a tu blog debes ir a la opción widgets desde el menú lateral:

Acceder a los widgets desde el menú lateral

Hasta el momento, tu blog de WordPress cuenta con 26 widgets (¡la gente de WordPress siempre está creando nuevos widgets!). El último de ellos es el de Twitter (creado hace una semana).

Son 26 widgets en total con un botón de añadir.

Para añadir un Widget basta con con pulsar en el botón Añadir a su lado. Entonces aparecerá en la lista de widgets utilizados (a la derecha) en color azul. Cada widget tiene un botón de editar con el que se puede cambiar su configuración. Cuando termines de editar presiona el botón Hecho y finalmente Guardar cambios para aplicar la nueva configuración.

Cada widget añadido tiene un botón Editar (encerrado en rojo en la figura). Cuando haces clic en ese botón se despliegan las opciones del widget y el botón Editar cambia a Cancelar (haz clic en él si no deseas hacer cambios). Después de cambiar al configuración del widget, debes pulsar Hecho y luego Guardar cambios (resaltados en amarillo en la figura) para que los cambios se apliquen

Finalmente, los widgets añadidos pueden moverse de lugar con solo arrastrarlos:

Con solo arrastrar podemos mover la posición de los widgets (hacia arriba o hacia abajo). En esta figura estoy recolocando el widget Comentario Recientes.

Finalmente, si quieres borrar un widget, haz clic en el botón Editar, luego en Borrar y finalmente en Guardar cambios.

En las próximas clases explicaré uno a uno los 26 widgets. 26 clases sobre widgets, ¡wow!

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• Curso de WordPress.com: 4.1 – Widgets (Del.icio.us) (4 comentarios)
• Curso de WordPress.com: 3 – Cambia el diseño (5 comentarios)
• Curso de WordPress.com: 2 – Conoce tu tablero (3 comentarios)
• Curso de Wordpress.com: 1 – Crea tu blog (3 comentarios)
• Wordpress.com añade widget para twitter (4 comentarios)

Una vez creado tu nuevo blog, tendrá un diseño básico. No está mal, pero existe otros sesenta diseños que no solo pueden cambiar el aspecto de tu blog sino que le pueden añadir funciones y características a las páginas. Los diseños se llaman temas.

Para cambiar el tema hay dos caminos sencillos:

1. Pulsar el botón Cambiar tema desde el panel Ahora.
   

   Desde el panel Ahora

2. Pulsar el botón Temas desde la opción Aspecto del menú lateral.
   

   Desde el menú lateral

Existen alrededor de setenta temas (diseños). El primer diseño que elijas será por vistosidad y gustos personales. Pero, poco a poco verás que el diseño responde más a tus necesidades de ordenar tus contenidos (ubicación, tamaños, distribución, etc.) que al factor de vistosidad. Por lo pronto te explico las pautas para escoger un tema adecuado.

Los temas tienen etiquetas. Las etiquetas son palabras o frases que los identifican. Por ejemplo, si el tema es azul tendrá una etiqueta llamada blue y si pulsas en ella, se mostrarán todos los temas que tengan esa etiqueta. Si el tema permite cambiar la cabecera, tendrá una etiqueta llamada custom header y pulsando en ella aparecerán todos los temas que tengan cabecera personalizada. Así es como funcionan las etiquetas.

A parte de pulsar en el nombre de las etiquetas que están debajo de cada tema, existe un selector desplegable que te permite buscar rápidamente el tipo de diseño que quieras (está debajo del título “Temas disponibles”).

Las etiquetas son las siguientes (agrupadas por categorías, tal como las muestra el selector desplegable):

1. Color. Estas etiquetas muestran el color predominante en cada tema.
   • Black. Negro
   • Blue. Azul
   • Blue gray. Azul y gris.
   • Brown. Marron.
   • Green. Verde.
   • Grey. Gris.
   • Grey green. Verde grisáceo.
   • Orange. Anaranjado.
   • Red. Rojo.
   • Silver. Plateado.
   • Tan. Bronceado.
   • White. Blanco
   • Yellow. Amarillo.
2. Columns. Estas etiquetas muestran el número de columnas (verticales) en que divide el espacio cada uno de los temas.
   • One column. Una columna (los widgets generalmente van abajo).
   • Two columns. Dos columnas.
   • Three columns. Tres columnas.
   • Four columns. Cuatro columnas.
3. Width. Estás etiquetas muestras como maneja el espacio horizontal (ancho) cada tema.
   • Fixed width. Ancho fijo, sin importar el tamaño de la ventana del navegador.
   • Flexible width. Ancho variable, ocupa todo el ancho de la ventana del navegador.
4. Options. Estas etiquetas muestran opciones adicionales.
   • Bottom widgets. Los widgets van al final de la página.
   • Custom colors. Los colores del tema son personalizables.
   • Custom header. Puedes cambiar la cabecera por un diseño (imagen) personal.
   • Page navigation. Poseen un menú principal.
   • Theme option. El tema posee opciones adicionales de configuración.
5. Miscelaneous. Estas etiquetas son las que no tienen una categoría en especial.
   • Dark. El diseño es oscuro.
   • Flowers. El diseño contiene flores.
   • Grass. Diseño con plantas.
   • Holiday. Diseño de festividades.
   • Ligth. Diseño ligero (opciones mínimas)
   • Microblog. Diseño orientado al microblog (articulos muy breves).
   • Minimal. Diseño con pocas opciones.
   • Narrow. Diseño estrecho.
   • Photobloggin. Diseño orientado a un blof de fotografías.
   • Pink. Diseño rosado.
   • Widgtes. Diseño personalizable.
   • Winter. Diseño invernal.

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• Curso de WordPress.com: 4 – Widgets (2 comentarios)
• Curso de WordPress.com: 2 – Conoce tu tablero (3 comentarios)
• Curso de Wordpress.com: 1 – Crea tu blog (3 comentarios)
• Curso de WordPress.com: 4.1 – Widgets (Del.icio.us) (4 comentarios)
• Nuevo tema en WordPress.com: iNove (1 comentarios)

Conocer el tablero es la base de la administración de tu blog en WordPress, desde él se controla todo. Absolutamente todo.

Para acceder a tu tablero debes ingresar a la siguiente dirección:

http://nombredeusuario.wordpress.com/wp-admin/

Una vez dentro, el aspecto del tablero será así:

Aspecto del tablero

Los elementos del tablero son:

1. Tablero. Desde aquí se pueden ver las estadístias detalladas del blog, los blog s a los que te hayas suscrito, los comentarios que has escrito, entradas importantes de otros blogs, etc.
2. Entradas y páginas. Desde aquí se administra el contenido del blog (páginas y entradas).
3. Aspecto y opciones. Desde aqui se maneja el diseño del blog, los usuarios, las herramientas adicionales y la configuración del blog.
4. Ahora. Muestra cuántas entradas tiene tu  blog, cuantos comentarios se han escrito, cuantas etiquetas, etc. Es decir, muestra estadísticas del contenido.
5. Entrada rápida. Permite escribir un artículo de forma rápida, sin mayores opciones.
6. Comentarios recientes. Muestra los últimos comentarios que te han escrito tus lectores.
   
7. Borradores recientes. Muestra los últimos artíulos que has escrito pero que no has publicado.
8. Estadísticas del blog. Muestra el número de visitantes a tu blog, día tras día.
   
9. Enlaces entrantes. Muestra que páginas web o blogs enlazan al tuyo. Los enlaces son una señal de prestigio.
   
10. Tus cosas. Muestra lo último que has escrito o comentado.
    
11. Post mas vistos. Muestra los artículos que más visitan o leen tus lectores.

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• Curso de WordPress.com: 4 – Widgets (2 comentarios)
• Curso de WordPress.com: 3 – Cambia el diseño (5 comentarios)
• Curso de Wordpress.com: 1 – Crea tu blog (3 comentarios)
• Curso de WordPress.com: 4.1 – Widgets (Del.icio.us) (4 comentarios)
• Nuevo tema en WordPress.com: iNove (1 comentarios)

Crear un blog (como este) es muy sencillo, inluso para un usuario novato. Con este curso explicaré con mucha claridad lo fundamental para crear, administrar y llevar adelante un blog.

Primero lo primero, servicios para crear blogs los hay muchos servicios entre los que destacan WordPress y Blogger. El segundo es el más utilizado puesto que es propiedad de Google. Sin embargo, usarlo no es recomendable por los siguientes motivos:

1. Falta de actualizaciones.
2. Pésimo manejo de comentarios, que hará que tus lectores tengan que hacer hasta cinco clics para escribir una línea.
3. Mínimas opciones en su panel de control.
4. Pésima indexación con Google. Demorará mucho que el buscador encuentre tu blog si lo publicas en blogger (¡y eso que es de Google!).
5. Cuando tu blog crezca lo suficiente para salir del servicio gratuito y usar un hosting pagado, no usarás blogger porque solo existe en el servicio gratuito. Pero sí usarás WordPress que es el sistema más usado del mundo. En otras palabras, todo lo que hayas aprendido sobre Blogger seá un desperdicio de tiempo pues tendrás que aprender a usar WordPress.

Crea tu nuevo blog en WordPress

Entra a la dirección

http://es.wordpress.com

Y haz clic en el botón Regístrate ahora.

También puedes hacer clic en el botón Vea nuestras características gratuitas para saber qué te ofrece WordPress sin cobrarte un centavo (la información está en inglés, puedes leer una traducción al vuelo desde este enlace)

Llena el formulario con la siguiente información:

1. Nombre de usuario. El nombre con el te identificarás en WordPress, debes inventar uno.
2. Contraseña. La contraseña de acceso, intenta intercalar mayúsculas y minúsculas para mayor seguridad.
3. Confirmar. Repite tu contraseña (con las mayúsculas y minúsculas correctas) para confirmar que la tecleas correctamente.
4. Dirección de correo electrónico. Escribe tu dirección de correo. WordPress enviará toda la información a esa dirección.
5. Lo legal. Activa la casilla que dice He leído y acepto los fascinantes términos de servicio.
6. Venga, dame mi blog o Solo un nombre de usuario, por favor. La primera opción te da un blog de forma automática con el nombre de tu usuario (nombredeusuario.wordpress.com). La segunda opción no te dan un blog, pero puedes crearlo posteriormente.

Una vez que hayas creado la cuenta, tendrás tu nuevo blog. Podrás llenar los datos de tu perfil y empezar a administrar tu blog.

La dirección de tu blog será:

http://nombredeusuario.wordpress.com

y la dirección para acceder al panel de control de tu blog será:

http://nombredeusuario.wordpress.com/wp-admin/

o puedes iniciar sesión en:

http://es.wordpress.com

Y desde ahí administrar tu blog.

Por último, recuerda que puedes crear cuantos blogs desees. Cada uno cuenta con tráfico ilimitado, estadísticas integradas en el servicio y 3 GB de espacio de almacenamiento gratuito.

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• Curso de WordPress.com: 4 – Widgets (2 comentarios)
• Curso de WordPress.com: 3 – Cambia el diseño (5 comentarios)
• Curso de WordPress.com: 2 – Conoce tu tablero (3 comentarios)
• Curso de WordPress.com: 4.1 – Widgets (Del.icio.us) (4 comentarios)
• Nuevo tema en WordPress.com: iNove (1 comentarios)

Luego hablaremos del buscador Google, de Google mail, Google maps y Google calendar.

Como experimento, escribí este material en página horizontal, por eso se verá pequeño, pero al imprimir todo estará bien. Acá el enlace:

http://issuu.com/alvarofelipe/docs/capacitacion-tic-2009-3

Ya saben que para descargar el material de esta sesión (y de cualquier sesión) necesitan crear una cuenta de usuario en Issuu.

Índice del curso

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• Correo electrónico – Gmail (5 comentarios)
• Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (2 comentarios)
• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)
• Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle (0 comentarios)
• Manual de Moodle, capítulo 5: Instalación de Moodle (0 comentarios)

El enlace acá:

http://issuu.com/alvarofelipe/docs/capacitacion-tic-2009-2

Ya saben que si quieren descargar el material deben crearse una cuenta en Issuu.

Índice del curso

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• Curso de capacitación docente en TIC – Sesión 1 (4 comentarios)
• Capacitación docente en TIC – Sesión 3 (3 comentarios)
• ¿Qué son las TIC? (10 comentarios)
• ¿Kubuntu? (4 comentarios)
• ¿Hasta cuando el analfabetismo tecnológico en las escuelas? (22 comentarios)

Por último hablaremos de la web 2.0

Pueden ver el contenido de la primera sesión desde el siguiente enlace:

http://issuu.com/alvarofelipe/docs/capacitacion-tic-2009-1

Si desean descargarlo deben crear una cuenta en Issuu (que también les servirá para descargar todo tipo de material).

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• Curso de capacitación docente en TIC – Sesión 2 (2 comentarios)
• Capacitación docente en TIC – Sesión 3 (3 comentarios)
• ¿Qué son las TIC? (10 comentarios)
• ¿Hasta cuando el analfabetismo tecnológico en las escuelas? (22 comentarios)
• URL limpias en Drupal (7 comentarios)

Moodle

En la clase anterior vimos qué son los temas:

Los temas de Moodle son paquetes de archivos que contienen imágenes, iconos, hojas de estilo y demás que permiten cambiar totalmente el aspecto de la plataforma.

También vimos que cuando instalamos Moodle, tenemos varios temas para elegir desde el selector.

Ahora veremos que si esos temas no nos satisfacen, podemos descargar más temas desde internet.

El sitio web de Moodle (moodle.org) tiene, en su sección de descargas, varios temas adicionales que podemos usar en nuestra instalación. También existen empresas que se dedican a realizar temas, aunque la mayoría son temas de pago y no podremos descargarlos gratis.

Pero tranquilos, con un poco de esfuerzo y paciencia, podemos crear nuestro tema personalizado y original.

Por ahora veamos los temas que ofrece el sitio web de moodle:

http://moodle.org/mod/data/view.php?id=6552

Como vemos, hay bastantes temas para elegir y algunos de ellos tienen variaciones de colores o de iconos. Además, debajo del link de descarga (download), verán un link que dice Demostration site, hacer clic en él los llevará a un sitio web en el que se usa ese tema y podremos verlo en ejecución.

Ya descargué un tema que me gusta, ¿y ahora?

Si ya descargaste el tema, tendrás un paquete zip (algo como tema.zip). Los zip son paquetes comprimidos que hay que descomprimir. En Linux y en Windows se pueden descomprimir haciendo clic derecho y luego en extraer. Claro que la descompresión en Windows es lenta y tediosa, para ese caso te recomiendo usar el programa Izarc, es un programa gratuito (nunca recomendaré un programa de pago) para comprimir y descomprimir archivos y soporta todos los formatos conocidos. Descárgalo e instálalo desde este enlace.

Bueno, si ya descomprimiste el zip tendrás una carpeta. Esa carpeta (tal cual, no cambies nada, ni el nombre) deberás colocarla en la carpeta theme de Moodle.

La ruta para Windows sería:

C:/Appserv/www/moodle/theme

La ruta para Linux sería:

/var/www/moodle/theme

Recuerda que para Linux debes mover la carpeta en modo administrador (sudo nautilus en ubuntu) y luego asignarle permisos a la carpeta (clic derecho, propiedades, permisos o sino sudo chmod 777). En Windows no es necesario hacer nada, basta cortar y pegar la carpeta.

A primera impresión puede parecer más tedioso, confuso y molesto todo el proceso en Linux, pero ese proceso representa seguridad. En realidad de lo que debes dudar es de la forma tan sencilla de mover archivos en Windows y como no puedes establecerle siquiera permisos. Esos errores de seguridad son vitales al momento de instalar Moodle en un gran servidor.

Si ya copiaste la carpeta del tema en la ubicación indicada, es todo lo que debes hacer. Repite este proceso para cada tema nuevo. Luego ve al selector de temas, escoge el tema que acabas de añadir (que debe salir en la lista) y es todo.

Nos vemos en la siguiente clase.

PD. Si, en Linux, no ves el nuevo tema que has añadido, revisa los permisos de la carpeta. Si no ves el nuevo tema en Windows… pues no sé, pásate a Linux.

<< Capítulo anterior
Índice
Capítulo siguiente >>

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (2 comentarios)
• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)
• Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle (0 comentarios)
• Manual de Moodle, capítulo 5: Instalación de Moodle (0 comentarios)
• Manual de Moodle, capítulo 4: Implementación del servidor II (2 comentarios)

Moodle

En el capítulo anterior expliqué a grandes rasgos las diferentes secciones del bloque “Administración del sitio”. No olvides que ese bloque es el núcleo del sistema, todos los cambios y operaciones importantes las harás desde ahí.

En ese bloque existe una sección llamada Apariencia y como su nombre lo indica, nos permite manejar el aspecto de Moodle. Aunque hay más parámetros, me ocuparé hoy solamente de los temas.

Los temas son paquetes que contienen archivos de configuración e imágenes. Moodle lee el paquete elegido y esto se traduce en un cambio de aspecto de la plataforma. Por suerte, cuando instalamos Moodle, tenemos varios temas disponible. Claro que si niguno nos convence, podemos descargar más temas desde internet o crear nuestro propio tema (esto último puede llegar a ser bastante complejo, dependiendo de lo que queramos).

Para empezar, desde el bloque Administración del sitio vamos a Apariencia y luego escogemos la opción temas. Veremos dos ítems:

• Ajustes de temas. Permite establecer los parámteros de los temas, los que aparecen en la lista, si cada usuario puede elegir su propio tema, etc.
• Selector de temas. Es la lista de todos los temas disponibles en ese momento. Esa lista puede aumentar o disminuir si nosotros añadimos o quitamos temas de la carpeta correspondiente.

Veamos cada uno:

Ajustes de temas:

Ajustes de temas en Moodle (Administración del sitio - Apariencias - Temas - Ajustes de temas)

• Lista de temas. Podemos escribir los temas que queremos que se muestren en el selector y así ocultar el resto.
• Permitir estilos al usuario. Activar está opción le permitirá a cada usuario tener un menú para cambiar la apariencia de Moodle (esa nueva apariencia será visible solo para él).
• Permitir estilos en el curso. Permite que cada curso tenga un tema (diseño) independiente. Aunque representa un gran trabajo crear un diseño por curso, la apariencia final es excelente. Por ejemplo, dentro del mismo sitio, si un alumno entra al curso de Historia verá un diseño alusivo al área, de forma similar en cursos como Biología, Literatura, entre otros.
• Permitir temas por categorías. Similar al caso anterior, pero ahora con categorías. Las categorías son grupos que contienen cursos. Ejemplos de categorías serían niveles, como categoría cursos de primaria, o categoría cursos de scundaria. O áreas como categoría área de ciencias, categoría área de comunicación, etc. La documentación de Moodle advierte que activar esta opción puede afectar el rendimiento del sistema.
• Permitir a los usuarios ocultar bloques. Los bloques laterales pueden ocultarse presionando un botón. Esta opción permite decidir si los usuarios tendrán o no esa opción.
• Mostrar bloques en páginas de módulos. Los módulos son funciones adicionales que permiten añadir actividades a Moodle. Esta opción permite decidir si a dichos módulos se les puede añadir o no bloques laterales.
• Ocultar navegación de tipo de actividad. Permite decidir si se verán los enlaces a las actividades a los usuarios.

Selector de temas

De hecho que es esta la opción que nos interesa, acá podemos elegir un tema para nuestro sitio Moodle.

Todos los temas disponibles después de instalar moodle

No hay nada que explicar aquí. Escoges el tema que te agrade, le das clic a “elegir” y listo, ya tienes un nuevo diseño para Moodle.

Yo he elegido el tema formal white y con él trabajaré en las siguientes clases.

<< Capítulo anterior
Índice
Capítulo siguiente >>

Álvaro Felipe
afelipech@gmail.com

Si este artículo te gustó también puedes leer:

• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)
• Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle (0 comentarios)
• Manual de Moodle, capítulo 5: Instalación de Moodle (0 comentarios)
• Manual de Moodle, capítulo 4: Implementación del servidor II (2 comentarios)
• Manual de Moodle, capítulo 2: ¿Qué es un servidor? (0 comentarios)

Si este artículo te gustó también puedes leer:

• ¿Qué son las TIC? (10 comentarios)
• ¿Hasta cuando el analfabetismo tecnológico en las escuelas? (22 comentarios)
• URL limpias en Drupal (7 comentarios)
• Profesor despedido por usar un blog (5 comentarios)
• Menu desplegable en Moodle (tutorial) (3 comentarios)