martes, 29 de marzo de 2011

Como usar Syntax Highlighter 3

Syntax Highlighter es un conjunto de scripts desarrollados en Javascript que te permite poner trozos de código en tu web (especialmente un blog) de manera que quede prácticamente como si estuvieras usando un IDE. Admite una gran cantidad de lenguajes, la lista completa podemos encontrarla aquí.

Después de probar distintos métodos para usarlo la más fácil que he encontrado es usar la versión "hosted", esto es, una versión en la que no tienes que bajarte nada si no que enlazas desde una página los archivos.

La forma de usarlo (en este caso con blogger) es irnos a la pestaña de Diseño->Editar html , e introducir en el head de la página el siguiente código.

<!-- Syntax Highlighter Additions START -->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
 
<script language='javascript' type='text/javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>
<!-- Syntax Highlighter Additions END -->
Simplemente tenemos que eliminar los script que no nos interese usar (borrar la linea de script de x lenguaje).

Guardamos el template y ya lo tendremos funcionando.

Ahora podemos hacer alguna configuración extra si nos interesa, podeis encontrarlas aquí. Además podemos cambiar el theme/template que usa el script, simplemente reemplazando en la línea:
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
el último archivo css por uno de los siguientes:
  • Django - shThemeDjango
  • Eclipse - shThemeEclipse
  • Emacs - shThemeEmacs
  • Fade to Grey - shThemeFadeToGrey
  • Midnight - shThemeMidnight
  • RDark - shThemeRDark
Pero ahora la cuestión es ¿Cómo uso esto?. Debemos encerrar el código que queramos entre las siguientes etiquetas:
<pre class="brush:[brush_name];[optional_params]">CODE</pre>
Sustituyendo correctamente cada cosa, por ejemplo si quiero usar html pues:

<pre class="brush:html">CODE</pre>

Además tendremos que sustituir < por &lt; y > por &gt. Para hacer esto podemos usar la siguiente web, con la que podremos realizar automáticamente este cambio: Quick Scape.

Un saludo!

Fuente: commonitman.com

domingo, 27 de marzo de 2011

sábado, 26 de marzo de 2011

Como firmar Applets de JAVA

Hace algunos años cuando me puse a diseñar applets de JAVA me encontré con el problema de que si el applet quería hacer alguna cosa que necesitara de permisos especiales (como por ejemplo acceder a algo en el pc del usuario) era necesario firmar el applet, el proceso para hacerlo es el siguiente:

Vamos a suponer que ya tienes el applet empaquetado en su .jar y también la página web que lo muestra. Para empaquetar el applet depende del programa que uses, pero la mayoría de los IDE (eclipse,netbeans,etc) te dan la opción, (con eclipse esta en exportar por ejemplo), sino, puedes usar la herramienta jar de java que te permite crearlos.

La página html podría ser tal que así, suponiendo que el jar se llame nuestroApplet y este en el paquete paq:

<html>
<head>
</head>
<body>
<applet archive="nuestroApplet.jar" code="paq.nuestroApplet"
 height="400" width="400"></applet>
</body>
</html>

Igual que con el .jar eclipse nos crea este archivo, cuando estemos realizando una ejecución de prueba dentro del entorno, en la carpeta del proyecto podemos encontrar el archivo .html.

Si intentamos acceder ahora a la página nos dará una excepción de seguridad.

Para solucionarlo tenemos que firmar el applet, para eso tenemos las herramienta keytool y jarsigner en el JAVA_HOME/bin que dependerá de donde hayamos instalado el JDK aunque probablemente el PATH este modificado y no sea necesario situarse en esa ruta para ejecutar los programas que nos hacen falta.

Bien pues abrimos una consola de windows, escribiendo cmd en ejecutar.

Escribimos:

keytool -genkey -alias clave -validity 150 -v

donde clave es un alias para las claves y configuramos una validez de 150 días.

Tendremos que responder a una serie de cuestiones de carácter informativo que el usuario podrá consultar para ve si quiere o no aceptar el certificado.

  • Clave para el almacén: Esto si deberemos recordarlo.
  • Pregunta nombre y apellidos: "Pepe domingo", lo que quieras
  • Pregunta nombre del departamento de la empresa: "PC.COM" por ejemplo
  • Pregunta nombre de la empresa: "jotaPower", lo que quieras
  • Pregunta localidad: VillaCujons
  • Pregunta provincia: Madrid
  • Pregunta código del pais de dos letras: ES, de España.
  • Nos muestra lo que hemos metido y pregunta si es correcto, digo que sí.
  • Pide otra contraseña, si quiero la misma que antes simplemente pulso enter
  • Genera un fichero .keystore en la carpeta del usuario que este ejecutando to esto

Tenemos el certificado, ahora lo usamos para firmar el applet ( el .jar), escribiendo:

jarsigner.exe nuestroApplet .jar clave -verbose

  • Nos pide la clave del almacén de claves, la metemos.

Al hacer esto modificará el .jar agregándole la información de firmado, así que debe estar cerrado y que ningún programa lo este usando en este momento.

Una vez hecho esto, ya podemos abrir la página y ver que nos salta el cuadrito informándonos de que el applet esta firmado pero por un kinki, es normal, si fueramos una compañia reconocida pues no habría tanto miedo, por eso recomiendo si es para algo "medio importante" dar unos datos más serios que los que hemos puesto xd.

Y listo ya tenemos nuestro applet firmado!

Un ejemplo lo podemos ver en un borrador de archivos que hice algunos años, y en el que tuve que usar todo este proceso.

Borrador de Archivos

Nada más, espero que os sea de utilidad.

Un saludo!

Fuente: chuwiki.chuidiang.org

jueves, 24 de marzo de 2011

Configurar VPN UAL en Windows 7

Si en este manual explicábamos como conectarnos a la red VPN de la UAL desde Ubuntu, en este explicaremos como conectarnos desde Windows 7, proceso también muy sencillo pero a la vez bastante útil.

Primero nos vamos a inicio>panel de control>centro de redes y recursos compartidos>configurar una nueva conexión o red.


En la ventana que se abre elegimos Conectarse a un área de trabajo.

Seleccionamos usar mi conexion a Internet (VPN).


Introducimos como dirección de Internet 150.214.154.2 y en nombre de destino Conexión VPN-UAL por ejemplo. Marcamos la opción de no conectarnos ahora.


Escribimos nuestro nombre de usuario de la UAL sin alboran ni leches y la pass de webct/campusVirtual y pinchamos en Crear.


Ahora desde el centro de redes pinchamos en Conectarse a una Red, elegimos Conexión VPN-UAL y pinchamos en Conectar.


En la ventana que se abre pinchamos en Propiedades y nos vamos a la pestaña Seguridad, en la que seleccionamos Cifrado opcional y Contraseña no cifrada (PAP).


Si aparece una ventana como la siguiente pinchar en Sí.


Ahora nos vamos a la pestaña Funciones de Red, seleccionamos Protocolo de Internet versión 4 y configuramos las direcciones DNS como sigue con 150.214.156.2 y 150.214.156.32.


Una vez hecho esto en la primera ventana introducimos nuestros datos de user y pass y Conectar.

Y listo ya estaremos conectados!!


Si queremos desconectarnos pues nada más que pinchar en Desconectar.

Espero que os sea de utilidad

Un saludo!

sábado, 19 de marzo de 2011

Instalar Template Webspell 4.2.2.a

En términos de Webspell hablamos de template para referirnos al diseño de la página, esto es, como ven los usuarios la página web, como vimos en el tutorial para instalar Webspell, el template por defecto que se instala es por decir algo suave... HORROROSO, por ello, lo mejor es, después de la instalación, proceder a instalar un template más bonico que nos guste y le de más estilo a la web.

¿Dónde consigo templates?

Tranquilos, no tenéis que poneos a diseñar imágenes ni estilos ni leches, la comunidad de Webspell es bastante grande y dispone de muchos y variados templates para todos los gustos.

Tan simple como buscar en google templates webspell para que aparezcan más de medio millón de resultados, para los más vagos, os pongo algunas webs que uso yo para buscarlos:
Recordad que la versión del template debe ser la misma que la versión de vuestro Webspell, en nuestro caso es la versión 4.2.2.a.

Muchas webs permiten ver una versión demo del template, esto es, verlo funcionar en vivo, ya que muchas veces lo ves mu precioso pero luego la funcionalidad es un asco.

También algunas webs piden un registro para poder descargarte el template, es lo que hay, lo gratis se paga de alguna forma.

Ya he elegido mi template ¿qué hago ahora con tanto archivo?

La instalación de un template puede variar en función del template que estés usando, por eso suelen venir con un archivo readme o algo parecido para guiarte, pero normalmente siempre suele ser igual.

Digamos que me ha molado este template:


Pues tan simple como bajarmelo. Normalmente los archivos estarán comprimidos y dentro estará el archivo readme del que os hablé.


A veces el archivo readme nos ayuda, en otros casos, como este, viene en alemán (webspell es alemán) y no nos da una leche de información. Pero en cambio, si viene una carpeta llamada UPLOAD, sí!, eso si lo entendemos!, para instalarlo será tan simple como subir todo el contenido de esta carpeta a nuestro sitio.

¿Cómo subo to esto a la web?

Pues usando el programa Filezilla, del que ya hablamos en el post sobre la instalación de Webspell. Subimos todo sustituyendo lo que nos diga, si queréis podéis bajaros una copia de seguridad antes de subir los archivos del template, por si algo va mal poder subir los originales y listo.

¿Ya lo subio y ahora qué?

Pues nada más, solo ver el resultado de tan complicado proceso!

Habremos pasado de esto:

QUE FEO POR DIOS!
A esto!
HALAAAA!
Tengo que decir que este que hemos instalado del WOW es muy bonico pero en realidad no esta tan wapo después de probarlo xd.

Así que lo dicho, antes de instalar cualquier template, probarlo en las versiones demo para comprobar que de verdad es lo que buscáis!

Un saludo!

viernes, 18 de marzo de 2011

Pepe - Un tío tranquilo

Como puede verse en este gif de Pepe, es de los jugadores con más calma y más temple que he visto en muchos años... ahí lo dejo.


De verdad que no entiendo que le pasa a este hombre por la cabeza.

Un saludo!

jueves, 17 de marzo de 2011

Configurar WIFI UAL en Ubuntu MODO SIMPLE

Pues alguna actualización ha habido en Ubuntu que ahora todo el jaleo que puse en este tutorial:
http://jstyl8.blogspot.com/2011/02/configurar-wifi-ual-en-ubuntu-10.04 LTS
No es necesario!!


Para conectaros tan fácil como seguir los siguientes pasos:
Abrid el network-manager con botón derecho->editar las conexiones->inalámbrico, seleccionar auto ual y pinchad en editar.

Ahora pinchad en la pestaña seguridad inalámbrica y teneis que configurar la conexión tal y como se ve en la imagen, cambiando el nombre de usuario perico por vuestro login y poniendo la contraseña del campus/webct

Una vez hecho esto pinchad en aplicar y voila, ya se conectará y no tendréis que hacer nada del manual anterior.

Un saludo!

martes, 15 de marzo de 2011

Instalar Webspell 4.2.2a E-Sports & Clan Versión

Para quien no lo conozca Webspell es un sistema de gestión de contenido para web, en sus inicios especializado en clanes y E-Sports clubs, aunque ahora tienen una versión para organizaciones, aunque esta última no la he probado.

Para usar Webspell necesitamos lógicamente un sitio web compatible con la tecnología en que se basa, en este caso PHP, y además soporte para bases de datos mySql.

Existen muchos hostings gratuitos que ofrecen estos servicios, uno de ellos y el que yo uso es http://www.000webhost.com/. Así que antes que nada vamos a hacernos una cuenta en este sitio. Para ello seguimos los siguientes pasos:

Nos vamos a su web que he puesto mas arriba y pinchamos en la zona derecha donde pone sign up
Tendremos que rellenar el formulario que aparece, podemos especificar un domino propio si lo tenemos comprado o nos genera uno automáticamente, si no nos gusta simplemente entramos con una ip distinta (reiniciando router/reconexión jdownloader) y nos generará otro.


Una vez completado el registro tendremos que esperar alrededor de 24h para que el sitio este disponible.

Mientras tanto podemos ir bajándonos lo que nos hará falta en el proceso, esto es Webspell y un gestor ftp para conectarnos a la web, el propio host000 trae un gestor vía web pero recomiendo usar uno de escritorio como es Filezilla.

Webspell lo descargamos de aquí pinchando en el donwload verde: Descargar Webspell 4.2.2a

Filezilla lo descargamos desde aquí (selecciona la versión que te convenga): Descargar Filezilla Cliente

Instalamos Filezilla y descomprimimos el contenido del archivo .rar, como vereis son una cantidad de archivos importantes, Filezilla nos facilitará el proceso de subirlos al servidor.

Llegados aquí vamos a suponer que nuestra web esta ya operativa, (en la web de 000 accediendo a la sección members area e identificándonos). Nos aparecerá una lista de los dominios que tenemos disponibles, seleccionamos el que creamos ayer y nos aparecerá una página con todas las opciones que podemos realizar.


Ahora mismo lo que nos interesa es conectarnos vía FTP a la web, para la subida de los archivos, asi que nos vamos a view ftp details, y veremos que nos aparece un ftp host name, ftp user y ftp password, estos 3 datos serán los que usemos para la conexión. Si queremos podemos cambiar la password, aunque 000 suele hacer cambios de password obligatorios por seguridad.


Abrimos nuestro cliente Filezilla y pinchamos en la parte superior izquierda gestor de sitios.


Una vez dentro pinchamos en nuevo sitio y rellenamos los datos, con puerto 21 y seleccionando el tipo de login normal.

Pinchamos en Connect y nos debería aparecer en la ventanita de la derecha la raíz de nuestro sitio, con una carpeta que en nuestro caso se llama public_html, dentro de esta carpeta es donde tendremos que subir todos los archivos extraídos anteriormente del archivo .rar.


Para ello, simplemente accedemos a esa carpeta con doble click, seleccionamos todos los archivos del .rar y arrastramos y soltamos hasta la ventanita en plan drag&drop, empezarán a subirse los archivos.

Con un poco de paciencia tendremos subidos los archivos y procederemos a la instalación de Webspell.
Abrimos nuestro navegador y escribimos en él la dirección de nuestro dominio seguido de /install, tal que así:


Así entraremos en el proceso de instalación de webspell, tendremos que seguir los pasos que nos va diciendo hasta completar el proceso.
En mi caso estoy trabajando en un servidor local usando easyPHP, así que he puesto la ip de mi propio PC, vosotros deberíais poner el dominio mas el /install, por ejemplo: http://www.perico.net46.net/install, supondremos que este es el dominio a partir de ahora.

En el paso 2 simplemente ponemos la ruta de www.perico.net46.net.
En el paso 3 tendremos que cambiar los permisos a los archivos que nos dice, en mi caso no me ha hecho falta por que estoy en mi servidor local y ta to desprotegio xd. Pero vosotros probablemente si tengais que hacerlo. Para llevarlo a cabo es pesado pero sencillo, ponerle los permisos usando Filezilla a cada archivo/carpeta que nos diga que no está correcto, simplemente desde la ventanita de Filezilla elegimos el archivo botón derecho>file permissions y escribimos el numero que nos diga que tenemos que poner en el cuadro de texto de Numeric Value, si alguien ha trabajado con permisos en unix y demás le resultará familiar.

Cuando hayais completado todos os dejará seguir con la instalación.

El paso siguiente nos pregunta que tipo de instalación queremos, como estamos instalándolo por primera vez pos new instalation que es la opción por defecto.


Ahora viene una parte delicada que es ponerle la base de datos que usará webspell. Como no la hemos creado todavia tenemos que hacerlo ahora, nos vamos de nuevo al panel de control de 000 y buscamos la opción de Software / Services MySQL, ahí tendremos la opción de crear la base de datos.


Rellenamos los datos y pinchamos en create database. Como veis pone bien marcao lo de no usar localhost como Host Name, asi que poned lo que os aparezca en negrita, luego estos datos los llevamos a la instalación de webspell. Además hay que poner el admin de la web, con el que tendréis que entrar la primera vez para gestionar todo, luego podéis hacer mas usuarios mas admins etc, pero ese usuario es imprescindible para la primera vez.


Si todo va bien nos dirá que yuju y algo tal k asi:


Tendremos que restablecer los permisos de los que nos diga y borrar la carpeta install si no ha podido.

Una vez completado tendremos ya instalado webspell en nuestro hosting escribiendo la url y podremos acceder a la administración con la cuenta que establecimos en la instalación.

Página Principal
Login
Panel de Admin
Las opciones que tiene son enormes, aunque la mayoria no tienen peligro y mas o menos se pueden sacar por intuición, en el futuro comentaré algo más xd.

También explicaré como instalar un template para darle una apariencia mas personal.

Espero que os haya servido, cualquier duda o posible mejora comentarlo y lo intentare arreglar.

Un saludo!

viernes, 4 de marzo de 2011

Find Makarov - Película del Modern Warfare

Después de que Activisión se desmarcará de la web findmakarov.com que mostraba una cuenta atrás para revelar supuestamente contenido del próximo MW3, por fin se ha dado a conocer que realmente es... ¡Una película sobre el MW!

Los autores son We Can Pretend, un estudio de Toronto que por lo que se puede ver en el trailer saben lo que hacen.

La web ahora redirecciona directamente al video en youtube del trailer y después de verlo, hay que decir que promete.