Dos primos luchan contra la tecnología

Bueno, este es ya mi tercer artículo sobre el tema de los archivos batch y vamos a ver si podemos ir aprendiendo nuevas cositas poco a poco pero ya metiéndonos un poco más en faena pero recordad siempre que yo no soy un experto ni un usuario habitual de estos temas, es más, uno de los motivos por los que he decidido hacer unos cuantos artículos de este tipo es para tener yo también una pequeña referencia en el sitio por si el día de mañana me hiciera falta.

Puesto que tampoco quiero alargarme hasta el infinito con esto, más que nada porque solo estoy yo añadiendo contenidos y si me paso 10 días hablando de un tema quiere decir que hay otros 50 temas olvidados (son los contra de ser el único que agrega contenidos…) de los que no hablaré hasta que termine con el que empecé, bueno que me lio… lo que iba a decir es que vamos a empezar a meternos ya en harinas haciendo nuestro primer batch que soporte parámetros o modificadores… vamos con el!!

El primer código que vamos a ver es muy sencillo, es un batch que nos va a decir lo que hemos escrito, vamos a ver el código:

Si lo ejecutamos veamos que pasa (el nombre del fichero será test):

Como vemos lo repite, pero… vamos a ver un segundo supuesto:

Como vemos no lo repite todo, para que lo hiciera lo deberíamos de haber escrito así:

test “Hola Pablo”

Entre comillas si señores, es como cuando trabajamos con el cmd directamente, exactamente igual, si queremos crear un directorio con un espacio o acceder a un directorio como Archivos de programa deberemos de escribir:

cd “Archivos de programa”

ó

mkdir “Videos del verano”

Ahora lo que toca es que veamos que esta pasando, si nos fijamos en el código hay una línea que es:

echo %1

Y si nos fijamos un poco esta es la que imprime el mensaje que nosotros hemos escrito, esto es porque %1 hace referencia al primer modificador que hemos añadido, %0 por lo que he podido leer por ahí se refiere al propio fichero batch y desde %1 hasta %9 son “modificadores” por lo que en el ejemplo en el que he escrito “test Hola Pablo” para que se hubiese imprimido el código tendría que haber sido el siguiente:

(more…)

Aquí vuelvo otra vez esta mañana con la intención de empezar a tocar un poco más el tema de los ficheros batch pero ahora ya entrando en materia y como voy a tratar de hacer a partir de ahora trataré de ir desde abajo en todo, porque hasta el momento a sido todo muy desorganizado y me gustaría empezar a tomar un poco de orden aunque reconozco que me costará mucho, así que cuento con todos vosotros para ello.

Empezando por el principio, cuando nosotros estamos trabajando con una ventana del terminal debemos de partir de un punto básico, lo que nosotros vemos es lo que nos muestra el sistema, es decir, el sistema no lo muestra para que el lo sepa lo muestra para que nosotros sepamos que pasa, (son mis explicaciones chungas…) si hacemos un dir el resultado en pantalla sale para que nosotros lo podamos ver y podamos trabajar con el, no es para que el sistema no olvide que es lo que contiene el disco duro…

¿Porque digo todo esto? pues tiene un motivo, esto lo digo y comento porque el primer comando o la primera orden que veremos será la orden echo.

echo
Esta orden viene por defecto activada o en ON en nuestro símbolo del sistema y es la que nos va repitiendo cada vez o “va haciendo eco” cada vez que ejecutamos algo mostrándonos eso de "c:\Windows\systema32>"

1. Abrimos una ventana de terminal o cmd
2. Escribimos lo siguiente: @echo off
3. Ejecutamos dir
4. Ejecutamos @echo on

A eso se le llama una ventana de terminal limpita… veamos como hacemos todo:

Para aclararos mejor he resaltado en un blanco más brillante los comandos que ejecutaremos nosotros y he tratado de reproducir lo mejor que he podido una ventana de terminal típica.
(more…)

Aquí ando de nuevo con el tema de los ficheros .BAT haciendo unas pruebas para contestar una de las preguntas de uno de los lectores/usuarios del blog y me he animado con tanto recordar a ampliar un poco más la información sobre los ficheros BAT, batch o de “procesamiento por lotes”.

En estos momentos estoy trabajando un poco con las variables y aunque me estoy dando cada piñazo de escándalo ahí voy a trancas y barrancas sacando poco a poco todos los problemas revisando apuntes, antiguos ficheros que hice en el pasado y revisando en decenas de Webs…, decir que al final trataré de dejar un buen repertorio de enlaces a otras a webs de forma que podáis ir ampliando tanto la información como os sea necesario.

Buen, aunque sé que en otras ocasiones he tomado el tema voy a tratar en esta ocasión de hacerlo de nuevo y trataré de exponer aquellos puntos que creo me han resultado más útiles a la hora de ir haciendo este pequeño “programita” que se supone que añadirá 10, 100, 1000 o 10000 usuarios a un sistema o dominio…

¿Que hace exactamente un fichero .BAT?

Lo primero que debemos saber es que un fichero batch se dedica a ejecutar una línea tras otra siguiendo las instrucciones que nosotros le damos, por ejemplo, si tenemos un fichero .BAT con el siguiente contenido….

Bien, si nuestro .bat tiene esto dentro lo que hará será eso, primero ejecutará un cls, luego el “dir |more” después el “dir c: /s |more” y así hasta llegar al último cls, por lo que efectivamente, si estas pensando que lo único que hace es ejecutar cosas que nosotros le decimos estas en lo correcto, no consta de un complejo lenguaje de programación ni cosas así, pero eso si, para sacar el máximo partido de estos deberemos de estudiar bien como decirle las cosas y que ordenes podemos emplear y de que forma.

¿Como creamos un fichero batch?

En principio con cualquier editor de texto tipo notepad aunque yo utilizo el edit de DOS de toda la vida… es por manía, costumbre o como queráis pero la verdad es que funcionalmente es parecido y me recuerda buenos tiempos la pantallita de fondo azul… si lo hacemos con el edit tenemos varias formas pero yo siempre utilizo la misma que seria estando en el símbolo del sistema ejecutando un “edit mifichero.bat” de esta forma se abre el edit y si no hay ningún fichero .bat con ese nombre se creará un nuevo y en blanco listo para que empecemos a encajar las cosas.

En el caso de hacerlo con el notepad simplemente abrimos un notepad (ya sabéis, Windows + R notepad ENTER) escribimos lo que sea y cuando le damos a guardar donde pone tipo que vendrá de fabrica “Documento de texto (*.txt)” hacemos un clic y seleccionamos “Todos los archivos” y en nombre le ponemos un nombre y lo rematamos con ” .bat “ y ya esta, como vemos es muy fácil crear un fichero batch.
(more…)

Tras varios años de experiencia programando webs he podido probar muchas herramientas para hacer webs, algunas sencillas y otras complicadas, algunas de pago y otras gratuitas. En este artículo quiero mostrar un conjunto de herramientas que uso habitualmente y que creo que será útil para gente que esté interesada en empezar a hacer webs o para aquellos que ya llevan tiempo pero aún no conocen las herramientas que voy a presentar. En este caso quiero presentar algunas herramientas gratuitas que pueden servir a la mayoría de programadores web sin tener que gastar ni un euro.

Para hacer webs necesitamos básicamente dos cosas: un editor para escribir el código y un navegador para ver los resultados. Aparte dejamos las herramientas de diseño gráfico ya que en este caso nos vamos a centrar en la programación de la web.

El editor:

Notepad ++: Es un editor de textos gratuito con muchísimas características interesantes para programadores. Sus características principales son:

• Resaltado de código para muchísimos lenguajes.
• Plegado de código.
• Asistente de autocompletado de código
• Multidocumento.
• Multivista.
• Macros.
• Gratuito.

Eclipse + PHPeclipse: Eclipse es un IDE que nativamente nos permite escribir programas JAVA aunque con la enorme cantidad de plugins que tiene se puede utilizar para hacer absolutamente de todo. Y cuando digo todo, es todo. Últimamente lo he estado utlizando para programar aplicaciones de Macromedia Flex. Si le añadimos el plugin PHPeclipse nos permite programar páginas web con todas la características comunes como resaltado de sintaxis, plegado de código, gestion de proyectos e incluso incluye un navegador en mimiatura para ver los resultados a medida que vamos escribiendo código. El precio a pagar por tanta potencia es que necesita bastantes recursos del ordenador para funcionar, sobre todo memoria RAM. Y como guinda del pastel, es gratuito.

El navegador:

Firefox y sus plugins:
Firefox es un navegador gratuito muy versátil que nos permite instalar plugins especialmente diseñados para el desarrollo web. Entre los cientos de extensiones que se ofrecen en su web yo destacaría los siguientes como imprescindibles:

• Web Developer: Se trata de una barra de herramientas que se integra en el navegador que ofrece tantas ayudas que es imposible que las pueda nombrar todas aquí. Como resumen:
  • Editar cookies
  • Ver y editar estilos CSS
  • Formularios: rellenado automático para pruebas, revelado de campos hidden
  • Desactivar imagenes
  • Resaltar tablas, divs, frames
  • Redimensionar ventana a la resolución deseada
  • Validación de código y CSS
  • Visor de código fuente con resaltado
  • Y mil cosas más…
• Firebug: potentísimo debugger para CSS, HTML y JavaScript. Se acabaron los dolores de cabeza depurando código Javascript.
• Colorzilla: pequeña utilidad que te permite seleccionar el valor hexadecimal del color de cualquier píxel contenido en la página web.
• IE Tab: para aquellos que utilicen windows, con un simple clic podemos ver en la misma ventana cómo se ve la página en ambos navegadores para evitar sorpresas desagradables. SIEMPRE se deben probar las páginas en varios navegadores.

Web developer	Firebug	ColorZilla	IE Tab

Nunca está de más probar herramientas nuevas, igual os lleváis una sorpresa y os parece una locura pagar los más de 500 euros que cuestan programas como Dreamweaver y compañía.

Enlaces

• Notepad ++: http://notepad-plus.sourceforge.net/es/site.htm
• Eclipse: http://www.eclipse.org/
• PHPEclipse: http://www.phpeclipse.de
• Firefox: http://www.mozilla-europe.org/es/products/firefox/

Cada día se utiliza más Javascript para programar webs desde la revolución de la Web 2.0 y AJAX pero todos sabemos que no es un lenguaje precisamente agradable de utilizar. La principal dificultad de Javascript consiste en la compatibilidad entre navegadores. Lo que funciona en Internet Explorer no tiene por qué funcionar con Firefox o en Opera. Y no sólo hay que mirar la compatibilidad enre navegadores sino que debemos tener presente que puede no ser compatible entre versiones de un mismo navegador. Si a todo esto le sumamos que los navegadores no suelen llevar buenos depuradores para encontrar errores de código tenemos un lenguage que puede provocar muchos dolores de cabeza peleándonos con cosas como el getElementById().

La librería Prototype es una librería de utilidades para Javascript orientada a objetos que te ahorra escribir gran parte del código gracias a sus atajos. Como gran ventaja tenemos que el código es completamente compatible con todos los navegadores. Incluso incluye funciones para AJAX.

(more…)

En este ejemplo se muestra un ejemplo de autocompletado de campos de formulario utilizando Xajax.

En el formulario se le pide al usuario que introduzca el nombre de un país en un campo de texto pero para evitar errores le ofrecemos una lista de sugerencias a medida que va escribiendo. Los nombres de esta lista se leen de una base de datos de países con lo que incluimos acceso a base de datos en este ejemplo para hacerlo más realista. Si hace clic en una de las sugerencias, se le asigna el valor de la sugerencia seleccionada al campo de texto. Cuanto menos escriba el usuario, menos errores cometerá.

Además, también aplicamos validación del campo. Sólo daremos por bueno el nombre si coincide con alguno de la base de datos aunque la comparación la hacemos sólo en minúsculas.

(more…)

En este ejemplo presentamos un formulario en el que no se sabe a priori el número de campos de entrada que se van a necesitar por lo que se generan dinámicamente añadiéndolos según los pide el usuario sin recargar el formulario entero.
El ejemplo simula un formulario de matrícula de una academia de idiomas en la que un alumno se puede matricular en varios idiomas y diferentes cursos para cada idioma. Como no se conoce el número de cursos en los que se va a matricular, cada vez que pulsamos el botón ‘Añadir idioma’ nos aparecen dos campos nuevos para seleccionar idioma y curso sin perder la información ya introducida.

Aquí mostramos cómo modificar el contenido de una página sin recargarla a la vez que mostramos cómo acceder a la información de un formulario usando Ajax.

(more…)