lunes, 30 de julio de 2012

Validación de formularios con JavaScript

Hace unas semanas comenzamos con el tema de expresiones regulares específicamente aplicadas a la validación de correo electrónico, el día de hoy vamos a ampliaremos el tema de validación de formularios.

El ejemplo con el que trabajaremos contiene tres campos: nombre, edad y correo electrónico, estos son los campos por validar, además incluiremos un botón imput tipo submit y uno tipo reset:




Lo primero es mostrar el código del formulario:

<!DOCTYPE html>
<html>
<head>
  <title>Mi p&aacute;gina</title>       
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  <link type="text/css" rel="stylesheet" href="estilos/estilo2.css" media="all">   
  <script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
  <form action="save.php" method="post" onsubmit="return validar();">

      <span>nombre</span><br/>
      <input type="text" id="name" name="name"></input>
      <span id="error_name" class="error"></span> <br/> 

      <span>edad</span><br/>
      <input type="text" id="age" name="age"></input>        
      <span id="error_age" class="error"></span><br/>

      <span>e-mail</span><br/>
      <input type="text" id="mail" name="mail"></input>    
      <span id="error_mail" class="error"></span><br/><br/>

      <input type="submit"></input><br/>
      <input type="reset" id="reset" name="reset"></input>
   </form>

 </body> 
</html>


En este código destacan tres etiquetas "span" sin contenido:
<span id="error_name" class="error"> </span>
<span id="error_age" class="error"> </span>
<span id="error_mail" class="error"> </span> 

La razón por la que no tienen contenido es porque se les asignará un texto de forma dinámica a través  de JavaScript. Estas etiquetas deben estar ocultas al cargar la pagina, y esto lo conseguiremos mediante css:

.error
{
 color:red; 
 display:none;
}

Aquí utilizamos el class "error" al que pertenecen estas etiquetas para ocultarlas y colorearlas de rojo.

Ahora veamos el código Javascript:

function validar() {
  
  /* SE OBTIENEN LOS ELEMENTOS NOMBRE, EDAD Y MAIL */
  fname = document.getElementById('name');
  age = document.getElementById('age');
  mail = document.getElementById('mail');

  /* SELECCIONA LAS ETIQUETAS DE ERROR Y LAS OCULTA */
  sp_fname = document.getElementById('error_'+fname.id );
  sp_fname.setAttribute('style','display: none');

  sp_age = document.getElementById('error_'+age.id);
  sp_age.setAttribute('style','display: none');

  sp_mail = document.getElementById('error_'+mail.id);
  sp_mail.setAttribute('style','display: none');

  continuar = true; /*envio activado por defecto*/

  /*SE EVALUAN LAS EXPRESIONES*/
  /* 1- QUE El CAMPO NOMBRE NO ESTE VACIO*/
  if (fname.value.length <= 0) {
    sp_fname.innerHTML = "Por favor digite un nombre válido";
    sp_fname.setAttribute('style','display:inline');
    continuar = false; /*se desactiva el envio y se muestra el mensaje de error*/
  }
  /*2- QUE EL CAMPO EDAD NO ESTE VACIO Y CONTENGA SOLO NUMEROS*/
  if (age.value.length <= 0  || isNaN(age.value)) {
    sp_age.innerHTML = "Por favor digite una edad válida";
    sp_age.setAttribute('style','display:inline');
    continuar = false; /*se desactiva el envio y se muestra el mensaje de error*/
  }
  /*3- SE VALIDA LA EXPRESION REGULAR PARA E-MAIL*/
  if (/^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$/.test(mail.value)){
        /*no hacer nada*/
  }
  else{
 sp_mail.innerHTML = "Por favor digite un e-mail válido";
 sp_mail.setAttribute('style','display:inline');
 continuar = false; /*se desactiva el envio y se muestra el mensaje de error*/
 }
  
  /*CUALQUIERA DE LAS EVALUACIONES ANTERIORES PUEDE ANULAR EL ENVIO*/
  return continuar;
}

En cada "if" se evalúa uno  de los campos, y si la expresión no pasa la evaluación, entonces se escribe el error,  se muestra la etiqueta junto al campo correspondiente: 

sp_fname.innerHTML = "Por favor digite un nombre válido";
sp_fname.setAttribute('style','display:inline');

Y por último, se marca en false la variable continuar, esto detendrá el envío del formulario:




continuar = false;

Este código es muy sencillo y se pueden validar la cantidad de campos que se quiera y fue creado con la intención de aprender a dominar JavaScript.
Actualmente existen métodos mas sencillos para lograr esta validación basados en jQuiery y derivados.

Descargar archivos de este ejemplo:validacion-de-formularios.rar.
ver este ejeplo online


Si te ha gustado esta entrada, comenta es gratis!!!  o Suscríbete a nuestro blog.

domingo, 29 de julio de 2012

Antivirus en Linux parte 3 Avast y Avira

El día de hoy continuaremos con nuestro tutorial sobre como instalar antivirus en Linux, esta vez lo haremos con Avast  y Avira.

Avast
Lo primero que hay que hacer es bajarlo de la pagina descargas de Avast, o con el sigiente comando:
para Debian/Ubuntu/Mint:
 
wget http://files.avast.com/files/linux/avast4workstation_1.3.0-2_i386.deb
 
Para instalarlo:
 
sudo dpkg -i avast4workstation_1.3.0-2_i386.deb
 
También puedes descargar la versión para Ret hat y Arch Linux.
 
Luego, hay que conseguir una licencia gratuita válida por un año registrándose el la página de Avast: obtener licencia.



Despues de registrarlo, ya puedes utilizar avast.
Para escanear tu memoria usb escoges "selected folder" y agregas la ruta "/media/tu-memoria-usb", luego pulsas el boton "start scan".



Avira
Avira es otro antivirus para Linux que no tiene interfase gráfica por lo que hay que conoces sus comandos, pero primero:

instalación en Debian/Ubuntu/Mint:


wget http://dlpe.antivir.com/package/wks_avira/unix/en/pers/antivir_
workstation-pers.tar.gz
tar xvzf antivir_workstation-pers.tar.gz
cd antivir-workstation-pers-3.1.3.5-0 
sudo ./install
 

Luego los principales comandos
iniciar avira antivirus:
sudo avguard start

Escanear:

sudo avscan
Para escanear una memoria flash
sudo avscan --scan-mode=all --detect-prefixes=alltypes -s 
--scan-in-archive /media/tu-memoria-flash

parametros de escaneo:
Escanea todos los archivos –scan-mode=all
Busca malwares –detect-prefixes=alltypes
Escanea subcarpetas -s
Archivos comprimidos –scan-in-archive
Indicar directorio /
Eso a sido todo por ahora, les recomiendo ver mis otros temas:
Antivirus en linux parte 1 clamav y Antivirus en Linux parte 2 AVG

Si te ha gustado esta entrada, comenta es gratis!!!  o Suscríbete a nuestro blog.

viernes, 27 de julio de 2012

Una Distro con sabor Latino

Dentro de las libertades que GNU/Linux ofrece está la posibilidad de crear mi propia distribución personalizada para cubrir mis necesidades. Algunas veces alguna empresa decide personalizar su propia distro y en muchas ocasiones surge una personalizada para cubrir las necesidades culturales de un país.
El día de hoy les hablaré sobre una distro latina que se ha ganado un lugar en su país por el trabajo que ha realizado y el buen nombre que le han dado al software Libre.

Canaima
Canaima GNU/Linux es una distro venezolana basada en Debian, su nombre viene de una lengua indígena de este país, también es el nombre de uno de sus parques nacionales. El proyecto se define a si misma como


un proyecto socio-tecnológico abierto, y es que la parte social de Canaima es de admirar, como el proyecto Canaima Educativo que con el apoyo de Intel y el gobierno venezolano se han propuesto alcanzar a estudiantes de primaria y equiparlos con una "canaimita": mini computadoras portátiles con Canaima GNU/Linux instalado.
No es la primera vez que un gobierno apuesta por el software libre, de hecho esta tendencia va en aumento en latinoamerica y Venezuela es un claro ejemplo de como se siembran semillas de libertad en una generación completa. 


En  parte tecnológica, podríamos decir que Canaima GNU/Linux es un proyecto maduro con mucho sabor venezolano. Su escritorio por defecto es gnome, cuenta con su propio navegador basado en FireFox llamado Iceweasel, viene con un cliente Twitter llamado Turpial (Ave nacional de Venezuela), suit ofimática LibreOffice, y para sacarle mayor partido esta distro viene con varios sabores destinados a diferentes sectores sociales: Canaima Comunal, Canaima Forense, Canaima Colibrí, Canaima Educativo, de esta ultima se derivan: Canaimaedu y Canaimita.
Me siento orgulloso del trabajo y dedicación que le han puesto a este proyecto, y eso que no soy venezolano.

Pueden descargar Canaima GNU/Linux desde su pagina de descargas aquí.
Mas información: http://canaima.softwarelibre.gob.ve/.
Gracias a S.M.Mariel Adarmes @marielevelyng21

Si te ha gustado esta entrada, Comenta es gratis!!! o Suscríbete a nuestro blog. 



Multi editor de codigo Sublime Text 2.0

Aunque no es una herramienta libre, Sublime Text es un excelente y potente editor de código, su interfase es sencilla, limpia e intuitiva, con cierto parecido a la interfase de pestañas de Chrome, soporta el uso de Snippets y Plugins, es altamente configurable y es gratuito, aunque la versión de pago ofrece algunas funciones extra y cuesta $59.



Esta aplicación me ha resultado muy útil en diseño web por la facilidad de manejar archivos html y css con marcadores, auto completado y auto guardado.

La verdad es que he quedado muy impresionado con el webcast de Sublime text presentada por desarrolloweb en el que muestran lo potente que puede ser esta herramienta y la activa que es su comunidad en español, pues ya han preparado una guía para el uso de esta herramienta disponible desde aquí.

Hace unos dias desarrolloweb ha presentado dos webcast explicando como instalar, configurar y utiliza Sublime text 2, aqui les dejo las grabaciones, tambén pueden suscribirse en desarrolloweb para recibir información de los proximos Webcast que se estarán presentando.


Conociendo Sublime Text 2:




Sublime Text 2, 2º round, Desde cero!







Algunas de sus principales características:

- Soporte de Snippets y Plugins para extender funciones.
- Soporte nativo para infinidad de lenguajes. 
-Preview de la estructura del código a un lado del tab. Es muy útil para desplazarse por el archivo y puede ocultase si se quiere.
- Multi Selección de un término por diferentes partes del archivo con Cmd+D en Mac OS X o Ctrl+D en Windows y Linux.
- Multi Cursor para escribir texto de en diferentes posiciones en al mismo tiempo.
- Paleta rápida de comandos Shift+Cmd+P en Mac OS X o Shift+Ctrl+P en Win y Linux.
- layouts configurables para trabajar con única o múltiples ventanas.

- Remarcado de sintaxis es completamente configurable.
- Búsqueda Dinámica de expresiones regulares, archivos, proyectos, directorios, o por todo a la vez.  
- Auto completado y marcado y desplazamiento de llaves.
- Configuración completa de las funciones y atajos de techado.


Puedes bajarte Sublime text 2.0 para Linux, Windows y Mac OS desde su página de descargas: http://www.sublimetext.com/2
También en esta página encontrarás la version portable. El paquete para Linux también es portable, ya que solo lo descomprimimos y lo utilizamos.

Para instalarlo en Ubuntu: descargamos la versión para Linux o lo podemos hacer mediante este comando:


32 bits
wget http://c758482.r82.cf2.rackcdn.com/Sublime%20Text%202.0.1.tar.bz2
tar -zxvf Sublime Text 2.0.1.tar.bz2

64 bits
wget http://c758482.r82.cf2.rackcdn.com/Sublime%20Text%202.0.1%20x64.tar.bz2
tar -zxvf Sublime Text 2.0.1 x64.tar.bz2


Si te ha gustado esta entrada, comenta es gratis!!! o Suscríbete a nuestro blog.




martes, 24 de julio de 2012

Expresiones Regulares y JavaScript


Es común que en internet hagamos uso de formularios: para hacer compras, para escribir comentarios, para descargar software, suscripciones, etc. Y es muy común que esa información que digitamos sea comprobada por el sitio web para saber si es válida o no, esto con el fin de prevenir que llegue información errónea al servidor.  Así que si agregas algún formulario a tu web, te verás en la necesidad de validarlos.

Por ejemplo si en tu formulario tienes un campo de email, deberás validar si lo que está introduciendo el usuario es realmente un email. Esta comprobación debe hacerse en la maquina cliente y no en el servidor que ya que éste tiene una gran carga de transacciones y es mucho mas rápido y eficiente hacerlo en la máquina cliente.

Para realizar tal efecto, claro está, usaremos lenguajes del lado del cliente como JavaScript para validar si la cadena introducida por el usuario es un email. Y al trabajar con validaciones con cadenas nos usaremos expresiones regulares.

Las expresiones regulares son modelos que describen las combinaciones de caracteres en el texto. Se podrían definir como una serie de caracteres que forman un patrón, que serán reemplazados por la cadena que cumpla con el patrón, de tal forma que podemos comparar el patrón con otros conjuntos de caracteres para ver las coincidencias. 

La expresión regular inicia con /^ y finaliza con $/. 

/^ expresión regular $/

Un email se compone de cuatro partes:

usuario + @ + servidor + dominio

Nombre
Debe de empezar por letra o numero. Al menos tiene una letra o número. La letra o número se expresa mediante el carácter \w. Para asegurarnos de que la letra o número aparece al menos una vez utilizaremos el modificador +.
Puede contener puntos y guiones además de las letras y números. Esta combinación podrá aparecer, es por ello que utilizaremos el modificador * (cero o varias veces). Insertaremos toda la combinación entre paréntesis.
Su expresión regular, para ambos casos, será la siguiente:

\w+([\.-]?\w+)*

Dominio
Irá al final, detrás de un punto. Podrá tener dos (.es, .fr, .it,...) o tres letras (.com, .net, .org,..) o cuatro (.mobi, info,...). Si queremos indicar un número concreto de caracteres lo expresamos con el número entre los operadores { y }
Además podemos tener varios dominios seguidos (.com.ar, .com.uk,....) es por ello que deberemos de usar el modificador +. Ya que el dominio podrá aparecer varias veces.
Su expresión regular será como sigue:

(\.\w{2,3,4})+

La expresión regular final para validar el email con JavaScript sería: 

/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3,4})+$/


Ahora colocamos la Expresión dentro del código JavaScript:

function validarEmail(valor)
     {
       /** comentario**/
       if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3,4})+$/.test(valor))
       {
         alert("La dirección de email " + valor + " es válida.");
       } else 
       {
         alert("Gracias!, email guardado");
       }
     }

Esta es la métrica para escribir expresiones regulares:
^ Principio de entrada o línea.
$ Fin de entrada o línea.
* El carácter anterior 0 o más veces.
+ El carácter anterior 1 o más veces.
? El carácter anterior una vez como máximo (es decir, indica que el carácter anterior es opcional).
. Cualquier carácter individual, salvo el de salto de línea.
x|y x o y.
{n} Exactamente n apariciones del carácter anterior.
{n,m} Como mínimo n y como máximo m apariciones del carácter anterior.
[abc] Cualquiera de los caracteres entre corchetes. Especifique un rango de caracteres con un guión (por ejemplo, [a-f] es equivalente a [abcdef]).
[^abc] Cualquier carácter que no esté entre corchetes. Especifique un rango de caracteres con un guión (por ejemplo, [^a-f] es equivalente a [^abcdef]).
\b Límite de palabra (como un espacio o un retorno de carro).
\B Cualquiera que no sea un límite de palabra.
\d Cualquier carácter de dígito. Equivalente a [0-9].
\D Cualquier carácter que no sea de dígito. Equivalente a [^0-9].
\f Salto de página.
\n Salto de línea.
\r Retorno de carro.
\s Cualquier carácter individual de espacio en blanco (espacios, tabulaciones, saltos de página o saltos de línea).
\S Cualquier carácter individual que no sea un espacio en blanco.
\t Tabulación.
\w Cualquier carácter alfanumérico, incluido el de subrayado. Equivalente a [A-Za-z0-9_].
\W Cualquier carácter que no sea alfanumérico. Equivalente a [^A-Za-z0-9_].

Mas informacion: expresiones regulares
 

Si te ha gustado esta entrada, comenta es gratis!!! o Suscríbete a nuestro blog. 



lunes, 23 de julio de 2012

Traducir Página Web con JavaScript


Hola a todos, días atrás tuve la necesidad de investigar e implementar este código y logré encontrar la forma de traducción de un texto en mi web madiante eventos,  en realidad lo que hace es reemplazar el contenido de una etiqueta tipo Paragraph <p> o de cualquier tipo de etiqueta. Además agiliza mucho más tu sitio ya que es más rápido para cargar que una copia de tu página indexada.

A mi me fue muy útil, les dejo el código Saludos… 



<html>
<head>
<title>Una Web + Libre</title>
<h1>Una Web + Libre</h1>
<script type="text/javascript">
 
function español()
<!--funciones y contenido a nuestras etiquetas-->
document.getElementById("p1").innerHTML = "Bienvenidos!";
document.getElementById("p2").innerHTML = "Todo el parrafo estaria aquí Una Web + Libre";
}
 
function ingles()
{
document.getElementById("p1").innerHTML = "Welcome!";
document.getElementById("p2").innerHTML = "Paragraph here A web + freer";
}

</script>
 
</head>
<body onload="español()"><!--ejecutamos la función inicial-->

<input align="center" type=image src="ruta de la bandera española" width="40" height="30" onClick="español();">

<input align="center" type=image src="ruta de la bandera Inglesa" width="40" height="30" onClick="ingles();">

<p align="center" id="p1" ></p>
<p align="center" id="p2" ></p>

</body>
</html>



Ver ejemplo online.

Si te ha gustado esta entrada, comenta es gratis!!! o Suscríbete a nuestro blog.
 

Nueva apariencia de Nautilus en Ubuntu 12.10

El conocido navegador de archivos que desde hace tiempo acompaña las distribuciones de Ubuntu y otras, presentará algunos cambios en su versión 3.5.4 que vendrá por defecto en la edición Quantal Quetzal de Ubuntu (12.10).


Los cambios en el diseño incluyen un nuevo menú, barra de herramientas y panel lateral, habrá la posibilidad de acceder al menú desde un botón a la derecha, claro que siempre se podrá usar el menú global. Algunas características fueron eliminadas, entre ellas el panel adicional.
Puedes ver la lista completa de cambios en su página de launchpad: aquí.

La verdad es que el diseño actual me parece mas atractivo, pero es solo mi opinión, juzguen ustedes mismos.
mas información en: webupd8.


Si te ha gustado esta entrada, comenta es gratis!!!  o Suscríbete a nuestro blog.


domingo, 22 de julio de 2012

Descargando videos con Firefox



Existen muchos métodos para descargar los vídeos que vemos en paginas como youtube o dailymotion, pero el que me ha resultado mas fácil y práctico es a través de un complemento para firefox llamado DownloadHelper.
Este complemento no solo descarga los videos, también te ofrece otras opciones de descarga disponibles para el mismo video.


Por ejemplo si el video se visualiza en 360 p pero tu quieres descargarla en 720 p para mejorar su calidad, no es necesario que recargues el video, para acceder a su descargas puedes escoger la calidad que quieras desde el menú de DownloadHelper, escoges donde guardarlo y listo.
Su instalacion es muy sencilla y es indiferente del sistema operativo, solo accedes al sitio de complementos de firefox, buscar DownloadHelper y pulsas el botón añadir a firefox.
DownloadHelper también ofrece otras opciones de pago como conversión de video y además solicita donaciones por si quieres colaborar con el proyecto.
Pagina oficial:  Video DownloadHelper.


 Si te ha gustado esta entrada, comenta es gratis!!!  o Suscríbete a nuestro blog.


Twitear en Ubuntu con Hotot

El día de hoy he sentido ganas de twitear desde mi cliente Twitter favorito para Linux: Hotot, este te cliente es muy sencillo e intuitivo de usar, está traducido a varios idiomas (incluido el español por supuesto), es tan cómodo que no necesitas mas usar el navegador para leer y escribir tus twits. Pero lo mejor es que lo juzges tu mismo:

Para instalar en Ubuntu agregamos el repositorio:


 

Luego instalamos:






Es así de sencillo es instalar hotot en ubuntu, ¿Cómo utilizarlo? ,bueno eso no necesita explicación, si sabes usar Twitter en el navegador, podrás usar hotot.


 Si te ha gustado esta entrada, comenta es gratis!!!  o Suscríbete a nuestro blog

Antivirus en Linux parte 2 AVG

La semana pasada hablamos sobre: ¿porqué instalar un antivirus en nuestra distro Linux? parte 1. La razón es simple, aunque nuestro sistema no va a resultar infectado, puede actuar como portador e infectar un sistema vulnerable como Windows.  El día de hoy veremos como instalar AVG.

AVG antivirus no es libre pero dispone de una versión gratuita para Windows Linux y Mac. Lo bajamos de su pagina de descargas: free.avg.com. Escogemos la versión corresponderte a nuestra distribución: para Ubuntu y debian seleccionamos el paquete.deb y rpm para Fedora, los paquetes .tar.gz son instalables en cualquier distribución.

Para descargar la versión para Ubuntu bastará con descargar el paquete .deb o descargarlo con este comando:



Luego hacemos doble clic sobre el archivo.deb e instalarlo con el centro de software o con gdebi o con este comando:



AVG para Linux  no cuenta con una GUI o interfase gráfica de usuario, debemos manejarlo desde el terminal.
Estos son los comandos utilizados con AVG antivirus:
avgcfgctl, avgctl, avgdiag, avgdump, avgevtlog, avgscan, avgsetup, avgspmctl, avgupdate, avgvvctl.

Para iniciar AVG:

Para escanear:

Para actualizar:


ver también: Antivirus en linux parte 1 clamav

Si te ha gustado esta entrada, comenta es gratis!!!  o Suscríbete a nuestro blog.


viernes, 20 de julio de 2012

Diseño Sensible - Responsive layaut


Si quieres que tu web, se visualice tanto en pcs como en smartphones, tienes dos opciones. La primera: crear dos versiones de la pagina y utilizar un script de carga para seleccionar la versión a mostrar dependiendo del dispositivo o usar responsive layaut.


El diseño sensible (responsive layaut) es un estilo que nos permite desarrollar páginas web que se visualicen de forma correcta en cualquier dispositivo y resolución. Las páginas se redimensionan, ajustan, cambian de imágenes y se acoplan la resolución disponible en el dispositivo en el que se visualiza. Esto reduce el tamaño total del la web en el servidor y minimiza las tareas de mantenimiento.


Ventajas:

1- No hay que rediseñar la misma página para cada dispositivo: pc, Tablet, Smartphone.
2- No hay que crear versiones ajustables a los porcentajes de resolución (diseño fluido).
3- Mejor adaptación al dispositivo final y al usuario.
4- Sitios más escalables y fáciles de mantener.

Técnicas

Grid fluidos: tablas que mantienen sus porcentajes de ancho en diferentes resoluciones.
Imágenes flexibles: imágenes en capas móviles, que se recortan o imágenes con fondo escalable.
CSS3 media querys: capases de obtener la anchura del dispositivo, su resolución u orientación.
Cambios de contenido: mostrar u ocultar imágenes, columnas u otros objetos dependiendo del espacio en pantalla a través de la propiedad “display: none”.


Si te ha gustado esta entrada, comenta es gratis!!! o Suscríbete a nuestro blog.

 


jueves, 19 de julio de 2012

Mis juegos favoritos en Ubuntu

Cuando tengo algo de tiempo me gusta jugar, no es que disponga de mucho pero siempre es bueno un des estrés después de una ardua tarea, bueno el día de hoy les contaré sobre los juegos que me gusta instalar en Ubuntu y les mostraré como instalarlos también por si alguno les gusta.

1- Swell Foop
Es un juego de puzles, cuyo objetivo es acabar con todos los bloques, es muy entretenido y cuenta con unas animaciones muy buenas.


Para instalarlo en ubuntu:
sudo apt-get install swell-foop
2- Neverputt
Este es un entretenido juego de mini-golf en 3d, muy divertido si se juega contra alguien, tiene niveles sencillos, intermedios y otros mas difíciles; es un buen reto terminarlo, pero sobre todo para mostrar sus habilidades a otros.


instalación:
sudo apt-get install neverputt
3- Monkey bubble
Como pueden empezar a apreciar me gustan los juegos de puzles y este es muy sencillo pero divertido, lo juego con mi hija de 6 años, a ella le encanta, es algo así como un tetris.


instalación:
sudo apt-get install monkey-bubble
4- Puzzle Moppet
Este es un juego de pago, aunque de momento cuesta $0.0 dolares, no se por cuanto tiempo estará a este precio otro juego en 3d que desafía tus habilidades para resolver rompecabezas, cada nivel es mas difícil que el anterior, pero pronto aprendes a resolverlos.


instalación:
Para instalarlo teclean: Puzzle Moppet en el centro de software de ubuntu (se necesita cuenta).

5- Trigger (Disparador)
Es un típico de rallys en campo traviesa, tienes que vencer obstáculos y hacer las marcas,  se juega contra el reloj o contra otros jugadores. al principio cuentas con pocas opciones, pero conforme vas ganando carreras podrás elegir mas.


instalación:
sudo apt-get install trigger-rally
En próximas entradas les hablaré de otros juegos que también ha instalado en ubuntu pero que aun no he probado, son varios a si que me queda trabajo por delante.


Si te ha gustado esta entrada:
 Comenta.
  No cuesta nada!!!

miércoles, 18 de julio de 2012

Antivirus en Linux parte 1 clamav


Una de las cosas que me condujeron a usar distribuciones Linux es que no tengo que preocuparme por virus, y no solo eso, sino que tampoco voy a tener un pesado antivirus corriendo gastando recursos, no tengo que pagar actualizaciones, ni instalar nuevas versiones, ni pensarlo tanto para introducir un pen drive en ni equipo. Esto realmente es una ventaja.
Pero, aunque un sistema Linux no pueda infectarse con estos virus, no significa que no pueda ser portador de él, y como portador es posible que luego infectemos un sistema Windows que tangamos en otra partición o en un equipo ajeno, ya que un ahora mas que nunca, un computador no es un equipo aislado,  todos los días compartimos archivos, enviamos e-mails e interactuamos con equipos que en su mayoría usan Windows, por eso en este tutorial aprenderemos como instalar antivirus en Linux, (específicamente en Ubuntu) y realizar tareas como escanear pen drives, carpetas y particiones.


ClamAV es un programa antivirus de código abierto para sistemas UNIX, lo instalamos fácilmente en Ubuntu con el siguiente comando: 




y para agregar su interface gráfica: 




de lo contrario tendrias que hacer todo desde el teminal

Si quieres tener actualizado siempre a la última versión en motor de búsqueda de virus, entonces tienes que agregar el repositorio:
 


y después instalamos:


Para instalarlo en Debian:




Para instalarlo en Fedora:



  
Puedes actualizar la base de datos de virus con: sudo freshclam o esperar que clamav lo solicite.

Puedes controlar  el antivirus desde la línea de comandos (como todo en Linux) con el comando: clamscan <opciones> <archivo/carpeta/>

Por ejemplo si quieres escanear una memoria usb lo ases así:
clamscan -r -i /media/ <memoria-usb>  (cambias memoria-usb por el nombre que tenga ), o puedes hacer lo mismo selecionando la carpeta correspondiente a la memoria usb (Ctrl+d).

Ventajas de instalar antivirus en tu distribución Linux: nadie hablará mal diciendo que le pegaste un virus.
Si tienes un equipo con en el que convivan Windows y Linux, entonces te lo recomiendo doblemente.

Nuevo tutorial Antivirus en Linux parte 2 AVG


Si te ha gustado esta entrada, comenta es gratis!!! o Suscríbete a nuestro blog.


martes, 17 de julio de 2012

Firefox 14 - disponible

Como era de esperarse, Mozilla ha lanzado a tiempo su nueva versión de firefox, la 14.01. Hace tiempo que utilizo Firefox como mi navegador predeterminado y no se debe solo a que uso Ubuntu, sino a la comodidad que ofrece a la hora de navegar, talves no sea tan rápido como Chrome, pero ofrece una amplia gama de complementos que me facilitan la vida.

loa cambios en esta versión son pocos, pero considero importantes, como la protección e las búsquedas en Google que de forma predeterminada las hace privadas con Soporte HTTPS, el auto completado en la barra de direcciones entre otras.

Firefox está en los repositorios de ubuntu, así que para tener esta versión solo ejecutas en un terminal:

sudo apt-get update && sudo apt-get upgrade

para Los usuarios de Windows pueden lo descargar desde la página de descargas de Mozilla: 
http://www.mozilla.org/es-ES/firefox/new/
y si ya lo tienes instalado, vas al menú ayuda, acerca de firefox y eligen actualizar.



GIMP 2.8 Editor por Excelencia


gimp 2.8
GIMP (GNU Image Manipulation Program) es el editor de imagenes por excelencia para Linux, es multiplataforma, gratuito y por supuesto: libre. Hace ya algún tiempo que he dejado de lado a Photoshop y a  PhotoImpact para usar solo Gimp, y es que Gimp es tan completo que no tiene nada que envidar a otras aplicaciones de edición, cuenta con una comunidad de usuarios que además comparten sus conocimientos a través de videos y tutoriales.

Principales caracteristicas:
-soporta extensiones o plugins y scripts.
-Imagenes en capas
-Modo ventana única.
-Soporta la mayoría de los formatos gráficos, ( JPG, GIF, PNG, PCX, TIFF8).
-Soporta formatos de Photoshop (psd).
-Capacidad para importar ficheros en pdf y postcript (ps).
-Capacidad para importar imágenes vectoriales (SVG).
-Herramientas de selección (rectangular, esférica, lazo manual, varita mágica, por color).
-Herramientas de pintado como pincel, brocha, aerógrafo, relleno, texturas, etc.
-Herramientas de modificación de escala, de inclinación, de  deformación, clonado en
perspectiva o brocha de curado (para corregir pequeños defectos).
-Herramientas de manipulación de texto.
-Menú con un catálogo de efectos y tratamientos de las imágenes.
-Permite la automatización de muchos procesos mediante macros o secuencias de comandos.


Para instalar la versión 2.8 en Ubuntu 12.04:

sudo apt-get remove gimp-plugin-registry 
sudo add-apt-repository ppa:otto-kesselgulasch/gimp
sudo apt-get update
sudo apt-get install gimp

si lla lo tienes instalado y quieres actualizar al la versión 2.8 solo cambias: "sudo apt-get install gimp" por "sudo apt-get upgrade"

Versión para windows: gimp-2.8.0-setup.exe
o en :http://www.gimp.org/downloads/

pagina oficial: http://www.gimp.org/

comunidad hispana: http://www.gimp.org.es/

tutoriales: http://todogimp.com/

En UnaWeb+Libre te invitamos a provar este magnífico editor gráfico y a sacarle el máximo provecho al software libre.





domingo, 15 de julio de 2012

Charsets y Entidades HTML



Los charsets son codificaciones que podemos incluir en nuestras paginas web para visualizar correctamente algunos caracteres como por ejemplo a ñ-Ñ del alfabeto español o símbolos acentuados o especiales de una región, ideogramas o fonemas. Para caracteres especiales del español se utilizan UTF-8 ó ISO-8859-1 que los podemos incluir el código html de declarándolo en los metatypes de la siguiente manera:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
o bien
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

Existen diversos charsets para diferentes idiomas por ejemplo para el chino:

<META HTTP-EQUIV= "Content-Type"CONTENT="text/html;charset= chinese">

Estándar ISO 8859
El estándar ISO 8859 fue formado por diferentes paquetes de caracteres para las lenguas más comunes. Este estándar fué definido por la ECMA (Asociación de Fabricantes Europeos de Computadoras) en 1980, y aprobado posteriormente por la ISO (Organización Internacional de Normas), y es el que se debe usar en el lenguaje HTML.
Las principales familias de caracteres pertenecientes al ISO 8859 son:

ISO-8859-1 (Latin1): cubre las lenguas de Europa del Oeste, incluyendo francés, español, catalán, vasco, portugués, italiano, albanés, holandés, alemán, inglés, sueco, noruego y otras más.

ISO-8859-2 (Latin2): Lenguas de Europa Central y Occidental, como checo, polaco, rumano, croáta y esloveno.

ISO-8859-3 (Latin3): esperanto y maltés.

ISO-8859-4 (Latin4): estonio, el letón, lituano y lapón.

ISO-8859-5 (alfabeto cirílico): Búlgaro, bielorruso, macedonio, ruso, servio y ucraniano.

ISO-8859-6 (alfabeto árabe): comprende las letras básicas de la lengua árabe.

ISO-8859-7 (griego): cubre todas las letras de la lengua griega.

ISO-8859-8 (hebreo): abarca los caracteres necesarios para escribir en hebreo y yídish.

ISO-8859-9 (Latin5) y ISO-8859-10 (Latin6): amplía los conjuntos de caracteres latinos anteriores, añadiendo las letras que faltaban para poder escribir completamente en turco y en islandés, letón, el esquimal, el lapón y las demás lenguas nórdicas.

Juegos de caracteres UCS y UNICODE
Estos estándares son mas recientes, más completos y unificados: el UCS (Juego Universal de Caracteres), que es en realidad el ISO-10646, evolución del estándar ISO-8859, y el UNICODE, que contienen en un solo charset todos los caracteres mundiales. Ambos estándares se basan en asignar un número hexadecimal único a cada carácter.

Entidades HTML
Las entidades html es código con los que el interprete html reconoce de forma directa ciertos caracteres.
Podemos utilizar entidades HTML en los casos en que el charset que usamos no reconozca cierto carácter o en el caso de usar caracteres reservados para el interprete de código html como <,>.
Los mas conocidos son los de acentuación y la ñ del español entre otras:

Caracteres html mas comunes
símbolo código símbolo código
á &aacute; Á &Aacute;
é &eacute; É &Eacute;
í &iacute; Í &Aacute;
ó &oacute; Ó &Oacute;
ú &uacute; Ú &Uacute;
ñ &ntilde; Ñ &Ntilde;


algunos símbolos html
símbolo código símbolo código
< &lt; > &gt;
& &amp; " &quot;
¡ &iexcl; ¢ &cent;
¬ &not; ° &deg;
µ &micro; &para;
© &copy; ® &reg;

Ver ejemplo de html entities


Seguidores