Uso de plugin : metadata

Un pequeño ejemplo de como usar el plugin metadata, muy útil para evitar el uso de variables en javascript, pues los valores quedan asociados al elemento.

<script>
function showval() {
var data = $("#conteval").metadata();
alert(data.valor);
}
function setval() {
$("#conteval").metadata().valor = 8;
}
</script>

<a href=”javascript:;” onclick=”showval()”>Show</a>
<a href=”javascript:;” onclick=”setval()”>Set New Val</a>

<div id=”conteval” class=”{ valor:4}”>some content</div>

Bueno,  nosotros los látinos al empezar a trabajar con Ajax y bases de datos, seguramente coincidimos en que el primer problema con que nos encontramos es el tema de los acentos y las eñes.
Bueno, como es costumbre en mis apuntes, directamente al grano :

En HTML :
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8” />

En PHP :
$dbi = mysql_connect(”localhost”, “userdatabase”, “passworddatabase”); /* Me conectó */
mysql_select_db(”mibase”);  /* Selecciono la base */
mysql_query(”SET NAMES utf8″);

En MySQL :

CREATE TABLE IF NOT EXISTS `mitabla` (
`nombres` varchar(40) COLLATE utf8_unicode_ci,
`apellidos`  varchar(40) COLLATE utf8_unicode_ci
) ENGINE=MyISAM  DEFAULT CHARSET=utf8;

$dbi = mysql_connect(”$c_ip”, “$c_usuario”, “$c_password”); /* Me conectó */
mysql_select_db($c_base);  /* Selecciono la base */
mysql_query(”SET NAMES utf8″);

Esqueleto del template de wordpress

Imagen Pantalla 1 :
screenshot

Descarga Template Pantalla 1: Maqueta 1

El mail o correo electrónico debería evolucionar o morir.

El mail tal como lo conocemos ahora, creo que debiera sin duda evolucionar o nosotros mismos, los humildes usuarios, debiéramos desecharlo o inluso “matarlo”, y con ello enterrar de una vez el fastidioso SPAM y todo lo que este involucra ( perdida de tiempo, virus, fishing, sobrecarga de redes, etc ) .
Actualmente con el auge del “2.0″, se han renovado muchos de los sistemas y servicios de Internet a los cuales estábamos acostumbrados, pero el correo electrónico sigue aún estancado en el “1.0″.

Los Feed ( ya sean RSS, ATOM, OPML o los vengan ) como una alternativa al mail o correo electrónico

Desde mi punto de vista creo que un sistema de mensajería basado en Feeds, podría darnos una muy buena alternativa de comunicación entre usuarios que se conocen. Con la actual masificación de los blog y sistemas basados en redes sociales, la posibilidad de obtener contenidos en forma de Feeds es cada vez más amplia. Y no debemos dejar de mencionar que también cada vez hay mas herramientas que permiten acceder a contenidos en formato de Feed ( los denominados Feed Reader ).

Algunas ventajas de utilizar Feed

  • Existen multiples herramientas de generación del contenidos ( Blog, Aplicaciones Sociales, etc ). En la actualizadad casi todos los blog y sistemas de redes sociales como Flickr, Fotolog, Youtube, etc., generan Feeds, y no puedo dejar de mencionar que incluso Gmail genera feeds.
  • Existen multiples herramientas de lectura de Feeds : Tenemos un gran número de lectores de Feed ( Feed Readers ). Y dentro de estos, una gran variedad también de plataformas que lo soportan. Existen feed readers para instalar en el computador, para acceder desde la web, para multiples sistemas operativos, para dispositivos móviles, etc.
  • Contenidos filtrados : Por la naturaleza del Feed ( la subscripción ), solo llegará a nuestro Feed Reader , lo que a nosotros nos interesa. Podríamos decir que prácticamente no existe el tema de contenidos o mensajes no deseados.

Lo mínimos que deberías saber sobre los Feeds

Definición de Feed : En términos sencillos es un formato de datos ( XML ) que es utilizado para sindicar (redifundir) contenidos a suscriptores de un sitio web. Gracias a esto se permite distribuir contenido en un formato predefinido, de esta manera usted puede acceder a contenidos de diferentes sitios web a través de una sola interfaz.

Feed Reader : Una aplicación que reúne las noticias o historias publicadas en sitios web elegidos, y que permite leer los contenidos de todos sin necesidad de ir a estos cada vez.

Formatos Feed : Los formatos de feeds son los reglas que describen como se debe generar un contenido. Algunos de los formatos son : RSS, ATOM y OPML.

Relacionados con los Feeds

Cada vez que vea este logo recuerde que significa que el sitio cuenta con contenidos en formato de feeds.

Más info en : http://es.wikipedia.org/wiki/Feed

Lector de Feed o Feed Reader de Google.

Sitio web : http://www.google.com/reader

Un lector de feeds, para descargar e instalar en tu computador.

Sitio Web : http://www.feedreader.com

Un lector de Feeds para blackberry.

Sitio Web : http://viigo.com/home

Un lector de feeds para Pocket PC.

Sitio Web : http://pda.jasnapaka.com/prssr/

El boom del e-learning ya ha comenzado y cada día esta en boca de mas personas este término. Incitados muchas veces por promesas en el ahorro de recursos, se comienza por una rápida ojeada a lo que ofrece el mercado con relación a los sistemas y plataformas que permitan implementar esta modalidad, pronto se llega a lecturas que motivan el adquirir plataformas que cumplan estándares e-learning y casi presagian el fracaso sino optan por este camino.El e-learning, modalidad soportada principalmente por las tecnologías de Internet, no puede quedar ajeno al cumplimiento de ciertas normas o pautas que tratan sobre la estandarización del ambiente Internet o más específicamente sobre el ambiente web. El tener que cumplir estándares e-learning no debiera dar pie a pasar por alto los estándares del ambiente en que esta modalidad opera, y que son básicos para cumplir el objetivo principal que es entregar un ambiente cómodo, accesible, usable y flexible al estudiante para que pueda aprender sobre los contenidos.

No olvidemos que lo principal es que el alumno aprenda mediante la tecnología de Internet y no necesariamente aprenda la tecnología Internet.

Para que una plataforma pueda cumplir algún estándar e-learning, debe invertir un alto costo de tiempo y recursos en investigar y desarrollar.

Se debe determinar por cual estándar se optará y aunque suene casi gracioso la estandarización e-learning posee varios estándares y cada uno de ellos posee también versiones. Una vez resuelto el primer punto, determinar que tecnologías o lenguajes están o estarán involucrados en el desarrollo. Contar con los profesionales que manejen los lenguajes o tecnologías involucradas. Poder certificarse como una plataforma que cumple determinado estándar e-learning.

Generar una plataforma que cumpla estándares e-learning no es tarea fácil, lo que lleva a tener que generar un gran esfuerzo en adaptarse a estos estándares y posiblemente causa que lleva a descuidar temas tan importantes como la usabilidad y accesibilidad de una plataforma.

El que una plataforma no soporte cierto estándar o una versión de este estándar, significa ya una desventaja con respecto a sus competidores, lo que se traduce en una baja en las ventas o una caída en las “descargas” en el caso de las plataformas gratuitas. Este punto puede ser sin duda, la explicación al por que las plataformas e-learning pareciera que están mas preocupadas de cumplir un estándar que generar un sistema accesible y usable. Hay que recordar que lo principal es llegar a un sistema que brinde un ambiente en que el alumno se pueda desenvolver fácilmente, la idea es que la plataforma sea un entorno que pase desapercibido para el alumno y que no lo distraiga, ni le plantee nuevos desafíos, sino que más bien los nuevos desafíos estén dados por los contenidos que brinda el profesor.

Diferencias de Comunicación

Muchos de los temores que se tiene frente a la utilización de la modalidad e-learning, es la de perder la interactividad con los alumnos, cuando en realidad en la mayor parte una clase presencial, el profesor habla y los alumnos escuchan, y por el contrario en una clases a distancia, puede aflorar la interactividad de alumnos que usualmente tienen un desempeño mas bien pasivo. También se teme el no lograr transmitir con efectividad los conocimientos, pues claro Internet es un medio de comunicación que hace uso de las tecnologías como una forma de lenguaje para transmitir conocimientos o experiencias, y el no dominar estas tecnologías, es casi como que el educador no domine el lenguaje, lo que provocaría que se exprese en forma limitada.

Existen puntos tan importante como la comunicación o interacción entre los participantes, que aún no están aterrizados.

Algunas plataformas dan solución a la comunicación sincrónica utilizando chats basados en applet java y en otras se implementa como webchat. Quizás suene un poco técnico, pero en definitiva el usuario es obligado a enfrentarse a estas tecnologías y términos, siendo que debiera ser algo transparente para él, o a lo menos, hacer uso de tecnologías más masivas o más fáciles de implementar y que no exijan conocimientos específicos ni la instalación de complejas o voluminosas tecnologías que permitan el funcionamiento del recurso.

También algunas poseen comunicación ásincronica basada en un sistema de mensajería interna, es decir un sistema que básicamente consiste en enviar y leer los mensajes única y exclusivamente desde dentro de la plataforma, y otras hacen uso de las cuentas de correo particulares de los participantes.

La comunicación cara a cara, puede alcanzarse mediante el uso de videoconferencia, y es aquí también donde cada plataforma resuelve de forma particular esta forma de implementación. Para la mayoría de las plataformas este es un punto que en la práctica no se implementa por los costos que involucra, pero que los medios de comunicación de alguna manera han vendido, pues cuando a una persona se le pregunta por educación a distancia lo primero que se le viene a la cabeza es ver al profesor en la pantalla del computador.

Una forma en que resuelven este tema es simplemente adjuntar a la plataforma archivos en formatos de vídeo para que los alumnos los descarguen a su computador y luego los puedan visualizar, pero claro en este caso no habría interactividad directa.

Restricciones más que facilidades

Para acceder a un contenido web no debiera haber exigencias de tal o cual navegador, o tal o cual sistema operativo. Hacer esta exigencia es como exigir a un alumno la lista de materiales en base a ciertas marcas específicas de los materiales.

En los últimos años se ha incrementado cada vez mas el uso de diferentes navegadores, ya sea por sus ventajas de usabilidad, flexibilidad, comodidad y/o seguridad, y contra eso no se puede ir, es un tema que hay que considerar, pues al no considerarlo, tampoco se estaría considerando a los alumnos.

El sistema operativo también en punto que hay que considerar. Sistemas operativos como Linux cada vez mas arremeten con sus excelentes desarrollos en le tema de herramientas de escritorio y claro no olvidar su accesibilidad desde el punto de vista económico. No es de extrañarse que algunos años más muchas más empresas que requieren capacitación cuenten con este tipo de soluciones de Licencia General Pública implementadas a nivel del personal de administración, y entonces quizás ya sea tarde para adaptar la plataforma e-learning.

Mucha flexibilidad, poca accesibilidad

Varias de las herramientas que cumplen ciertos estándares, delegan casi totalmente la confección del contenido de estudio, al tutor, lo cual en muchos casos es totalmente negativo para el alumno, pues muchos profesores no tiene o no consideran conceptos de usabilidad y de accesibilidad, y terminan generando contenidos con restricciones de visualización o accesibilidad.
El que se utilicen herramientas externas para generar los contenidos que posteriormente se insertarán en la plataforma, también lleva a que, en muchos casos se pierde la uniformidad de los contenidos, ya cada uno hace uso del tipo de letra ( fuente ) o colores de agrado personal.

Las herramientas e-learning, mas que dar flexibilidad debieran encaminar a los tutores a generar contenidos sin adornos y más limpios, en que incluso los alumnos, a través de la misma plataforma o su navegador puedan decir como se quieren ver los contenidos.

En la actualidad algunos navegadores permiten generar hojas de estilo personales que se pueden aplicar a los contenidos que está visualizando, lo que podría hacer que alumnos con dificultades visuales apliquen sus plantillas y puedan mejorar su accesibilidad a los contenidos.

Ambientes Computacionales, mas que Ambientes de Aprendizaje

El uso de términos informáticos es común en plataformas e-learning. Claro las plataformas están hechas por informáticos, apoyados generalmente por personas que sin trabajar directamente en la programación de las herramientas, también suelen manejar los términos informáticos y no cuestionan el uso de terminologías utilizadas por considerarlas apropiadas. ¿ Pero, apropiadas para quién y para qué ?.

Muchos términos informáticos desorientan, especialmente a aquellos alumnos que están mas interesados en aprender los contenidos que de aprender de computación. Términos como “login”, “Usuarios en línea”, “Últimos Postéos”, son fácilmente identificados por avezados navegantes, pero para un gran número de usuarios no especializados, podrían significar cualquier cosa. Hay casos también en que dentro de la misma plataforma podemos encontrar diferentes palabras, para dar a entender una misma cosa. Ej.: contraseña, clave , password o usuario, login, nick.

En muchas plataformas gratuitas, varias de las traducciones de las interfaces no están apropiadamente traducidas para el ámbito educacional.

En muchos casos también se cuenta con calendarios, pero muchos de ellos tienen el día domingo como día de inicio de semana, y se hace referencia a las fechas con formatos como mm-dd-aaaa (mes – día – año ), lo cual en algunos paises puede llevar a algunas confusiones.

Desintegración

Uno de los inconvenientes con la las plataformas gratuitas es la cierta independencia de los recursos propios del sistema, pues como se desarrollan en forma modular, es decir, desarrolladores específicos desarrollan partes diferentes de la plataforma, muchas veces no se logra alcanzar una buena integración, ni siquiera a nivel de navegación dentro de la misma plataforma, lo que genera una sensación de estar trabajando en ambientes múltiples con consecuencias de desorientación para el alumno.

Algunas veces se desaprovecha la posibilidad de integrar las potentes herramientas con que cuenta una plataforma de manera de dar mayor potencialidad a lo que provee el profesor. Por ejemplo palabras de los glosarios podrían ser linkeadas desde los textos de los contenidos, y no dejarlos tan solo como un contenido más.

DownThemAll ( Gestor de descargas )

DownThemAll

Muy buen gestor de descarga, que aumenta consideráblemente el tiempo de descarga de archivos, gracias a la generación de múltiples hilos de conexión al archivo a descargar.

Link a DownThemAll : https://addons.mozilla.org/es-ES/firefox/addon/201


del.icio.us Bookmarks ( Gestor de tus favoritos )

Del.icio.us

Ten a la mano una forma rápida y cómoda de agregar y acceder a tus favoritos que has agregados a tu cuenta de del.icio.us

Link a Del.icio.us Bookmarks : https://addons.mozilla.org/es-ES/firefox/addon/3615


FireBug ( Herramienta de depuración HTML , DHTML , CSS )

FireBug

Excelente complemento, si estás en el área de desarrollo y si trabajas con javascript, hojas de estilo ( CSS ) , algún framework como jquery, NO puedes dejarlo fuera.
A mí, me es de gran ayuda en el desarrollo con jquery, pues monitorea todo los cambios y te muestra en tiempo real como es afectado el código HTML de tu página.
Basta de tanto “alert” , para hacer debug. :)

Link a FireBug : https://addons.mozilla.org/es-ES/firefox/addon/1843


Barra Google para Firefox ( Traductor, Corrector de Ortografía )

Barra Google para Firefox

Sin duda muy útil como rápido traductor de palabras mientras navegas en uno de los tantos sitios en inglés, además de incluir un corrector de ortografía que podrás utilizar miestras escribes en un formulario.

Link Barra Google para FireFox : http://www.google.com/tools/firefox/toolbar/FT2/intl/es/

Bueno, hace mucho tiempo que no tenía que preocuparme de revisar y administrar un servidor Linux, asi que como la capacidad de mi memoria RAM, es limitada mejor los apunto aquí, en una de esas a alguien le sirve.

Cambiar el dueño o owner a los archivos :

# chown -Rc patob:patob misdocs/

  • chown = comando ( change owner )
  • -R = recursivamente (directorios y contenidos)
  • -c = muestra los archivos cambiados
  • patob:patob = usuario:grupo
  • misdocs/ = directorio

Crear un directorio protegido con htaccess

Lo primero es crear dentro del directorio que queremos proteger, el archivo . htaccess con el siguiente contenido :

AuthType Basic
AuthName “Acceso a Administrcion de MySQL”
AuthUserFile /usr/local/apache/htdocs/phpmyadmin/.htpasswd
AuthGroupFile /dev/null
<Limit GET POST>
require valid-user
</Limit>

Luego estando dentro del directorio en este caso : /usr/local/apache/htdocs/phpmyadmin

# htpasswd -c .htpasswd adminsql

  • htpasswd = comando
  • -c = crar archivo
  • .htapasswd = nombre del archivo a crear
  • adminsql = usuario al que se le asigna la password

Cuanto pesa un directorio

# du -csh misdocs/

  • du = comando
  • c = total general
  • s = total por directorio ( sin este parametro, lista el peso de cada archivo )
  • h = que lo entienda un Humano, osea en Megas ( sin este parametro lo entrega en bloques )
  • misdocs/ = el directorio que quiero evaluar

Acceso a la configuración básica del servidor

# setup

Borrar todo el contenido de un directorio

# rm -Rf misdosc/

  • rm = comando
  • R = recursivamente, osea que se meta dentro de todos los directorios
  • f = sin aviso
  • misdocs/ = directorio a eliminar

Comprimir y descomprimir archivos tar.gz

Comprimir: tar czfv misdocs.tar.gz misdocs/
Descomprimir: tar -xzvf misdocs.tar.gz
Ver contenido: tar -tzf misdocs.tar.gz

Descargar archivos

# wget http://wordpress.org/latest.tar.gz

  • wget = comando
  • http://wordpress.org/latest.tar.gz = ruta o link del archivo a descargar
Tamaños Estandar
Estilo Tamaño en pixels
Banner 468  x  60
Cabezera 728  x  90
Cuadro 336  x  280
Cuadro 300  x  250
Cuadro 250  x  250
Rectángulo 180  x  150
Rascacielos 160  x  600
Rascacielos 120  x  600
Rascacielos pequeño 120  x  240
Rascacielos Ancho 240  x  400
Medio Banner 234  x  60
Botón Cuadrado 125  x  125
Botón 120  x  90
Botón 120  x  60
Botón   88  x  31
Otras tamaños muy utilizados
Botón 120  x  30
Banner Pequeño 230  x  33
Cabezera 728  x  210
Cabezera 720  x  300
Pop-up 500  x  350
Pop-up 550  x  480
Media Página 300  x  600

Bueno, a continuación algunas de las consideraciones básicas a tener en cuenta antes de ir a los validadores, son cosas básicas pero que no las supe ni las supuese hasta que empeze a validar el sitio.

  • Utiliza minúsculas para los tags o etiquetas de HTML
    Incorrecto :
    <IMG src=logo.jpg>
    Correcto :
    <img src=logo.jpg>
  • El orden de los H1 hasta el Hn, debe ser secuencial. Quizas suene un poco obvio, pero si estas maquetando con CSS, y visualmente veas una cosa sin la hoja de estilo el validador puede ver otra cosa.
    Incorrecto :
    <h2>titulo 1</h2>
    lo que sea
    <h1>titulo 2 </h1>
    lo que sea
  • No des atributos a las imagenes, agrégale una clase o id ( segun corresponda ) y con enla hoja de estilo podrás quitar bordes y demases.
    Incorrecto :
    <img src=”logo.jpg” width=”30″ height=”50″ border=”0″ alt=”logo de la empresa”>
    Correcto :
    <img class=”imagenes” src=”logo.jpg” alt=”logo de la empresa”>
  • Cierra todas las etiquetas, incluso aquellas que no tienen su par que la cierra.
    Incorrecto : <br>
    Correcto : <br/>
  • Si utilizas javascript
    Incorrecto:
    <script type=”text/Javascript” language=”Javascript” src=”funciones_dw.js”></script>
    Correcto :
    <script type=”text/Javascript” src=”funciones_dw.js”></script>
  • Textos de los links. Evita utilizar el mismo texto para links que conducen a contenidos diferentes.
    Incorrecto :
    Noticia sobre google : lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea … Ver más
    Noticia sobre wordpress : lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea … Ver más
    Correcto :
    Noticia sobre google : lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea …
    Noticia sobre wordpress : lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea …
    Correcto :
    Noticia sobre google : lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea … más sobre noticia google
    Noticia sobre wordpress : lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea lo que sea … más sobre noticia wordpress

Recuerda que puedes validar tu sitio el línea :

Aunque si en realidad quieres trabajar en el tema de accesibilidad y estándares lo mejor sería que instales la barra de herramientas de accesibilidad web

Rápidamente como instalar lo básico para empezar a programar en php y MySql en una máquina con Debian.

Con apt-get podremos instalar facilmente todo lo que necesitamos. Si necesitas buscar otros paquetas, puedes uar :

# apt-cache search loquesea

Bueno empecemos :

Editar

#vi /etc/apt/source.list

deb http://ftp.us.debian.org/debian/ stable main non-free contrib

#apt-get update

Instalando Apache:

#apt-get install apache-common apache

Enable suExev ? ( provee a los usuarios de Apache la posibilidad de correr programas con interfaz común de acceso )

Responer <No>

Instalando MySQL:

#apt-get install mysql-common mysql-client mysql-server

Instalando Php 5.0:
#apt-get install php5 libapache-mod-php5 php5-mysql

#apt-get install php5-gd

#apt-get install phpmyadmin

Descomenta en el php.ini ( sacar el signo gato )

#extension=mysql.so
#extension=gd.so

reiniciamos Apache y MySQL:
#/etc/init.d/apache restart
#/etc/init.d/mysql restart

http://localhost/phpmyadmin

Listo

Entradas siguientes »