jueves, 19 de septiembre de 2013

Write Space, escribe sin distracciones

Hace dos días atrás estuve buscando un editor de texto que me permitiera trabajar de forma rápida, un editor de texto que no tuviera necesidad de buscar en las carpetas ni esperar el tiempo que se demoran los editores de texto habituales para abrirse. Afortunadamente, encontré Write Space, un editor de texto sencillo, de inicio rápido, y que cumple con mis expectativas.

Comparto con ustedes este genial descubrimiento. Pruébenlo. Notarán la diferencia. 



Write Space es un editor de texto de pantalla completa personalizable. Está diseñado para reducir al mínimo las distracciones a la hora de redactar un documento.




CARACTERÍSTICAS

Guardado automático. El documento se guarda automáticamente con cada pulsación de tecla, por lo que nunca perderemos nuestros trabajos.
Offline. La aplicación es completamente autónoma. No es necesaria una conexión a Internet para que funcione.
Guarda los datos localmente. Write Space guarda los datos en el propio computador, no en algún servidor externo. (Sorpresa la mía cuando, habiendo escrito un extenso documento en Write Space, ¡de pronto se me apaga el computador! Al volver a prenderlo, fui a la aplicación, y mucho mayor fue la sorpresa cuando ví que el documento estaba intacto, justo donde había quedado antes.)




Estadísticas del documento en tiempo real. No hay necesidad de buscar por los menús o abrir un cuadro de diálogo para conocer el número de palabras del documento que estemos creando.
Personalizable. Podemos cambiar el tipo y color de letra, el color de fondo, anchura de la ventana del editor, y mucho más. También podemos trabajar en modo de Pantalla Completa pulsando F11. Podemos copiar texto de archivos externos y copiarlo directamente a Write Space.

Write Space trabaja de la siguiente manera: después de instalarlo en tu navegador Google Chrome, podemos acceder a la aplicación escribiendo Write Space en la barra de navegación, o abriendo una nueva ventana y haciendo click en el ícono de Write Space. Para editar las configuraciones, hacemos click con el botón derecho en el ícono de la aplicación y seleccionamos Opciones.

Puedes descargar la aplicación desde la Chrome Web Store de Google.


martes, 12 de febrero de 2013

¡Hemos vuelto... y con más energía!

Después de un largo tiempo alejado de la vida digital, y desde mi último post en este blog, he vuelto a tomar los libros y a retomar proyectos que había dejado abandonados. Estoy trabajando en un proyecto pequeño, pero con miras a un mega proyecto aún más importante.

He aprendido muchas cosas nuevas, y agregado más ideas a mi trabajo. Hay muchos sitios web que me han servido de inspiración, pero sin olvidar la imagen que quiero darle a mis creaciones: el aspecto profesional de Microsoft y el estilo minimalista de Google.

Pues bien, pronto seguiré posteando sobre los avances de mis trabajos.

¡Saludos!

sábado, 11 de junio de 2011

Galería de Imágenes con PHP

Estoy probando este código que, se supone, genera una galería de imágenes. Trabaja con la librería phpThumb, una de las mejores herramientas para la generación de thumbnails. Hago uso también de Lightbox, una librería escrita en JavaScript para implementar galerías de imágenes en páginas web.

El problema es que de hace algún tiempo el script no funciona como debería. Dejo aquí el código completo que estoy usando para su análisis.

Click en la imágen para ampliar



Para este trabajo estoy siguiendo los ejemplos del libro PHP Master, de la editorial RedUsers.

jueves, 14 de abril de 2011

Sobre PHP: las clases

Estudiando el tema de las clases en PHP, me he encontrado con algunas cosas que en realidad no entiendo del todo bien. Pueden ir a mis Notas y leer sobre el particular. Cualquier comentario será bienvenido.

sábado, 19 de marzo de 2011

Formulario para subir imágenes con PHP

De la mano de PC Cuadernos y sus excelentes publicaciones, y gracias a la corrección de @Triby, colaborador en Foros del Web, viene el código que presento a continuación. Se trata de un formulario para subir archivos en formatos JPEG, PNG y GIF. No es nada complicado; de hecho, el formulario es bastante sencillo, y el código PHP analiza precisamente lo necesario para cargar la imagen y mostrarla.

Tanto el formulario como el código PHP se encuetran en el mismo documento. A continuación podrán ver y analizar el código, y luego trataré de explicar claramente su funcionamiento:

Código del documento


Funcionamiento del código
Al cargar el archivo con method="post", se genera el array $_FILES[], el cual almacena todos las propiedades del archivo, como su nombre, tamaño, tipo, nombre temporal, etc. Lo que hace PHP (línea 15) es verificar si existe un elemento de la array con la clave ['archivo'], y con ['size'] > 0 compruebo que el tamaño del archivo sea mayor que "0", asegurándome que realmente se haya cargado un archivo.

Si las comprobaciones anteriores han resultado exitosas, almaceno en $variables las propiedades del archivo (líneas 18-20).

¿Por qué crear una variable vacía (línea 16)? El trabajo de la variable $mostrar será almacenar la imagen una vez se haya cargado correctamente (líneas 26). Así, cuando esto suceda, mostraremos al usuario la imagen que ha cargado recientemente (líneas 38 y 39), sin necesidad de abrir el directorio donde se guarda el archivo.

Determino, además, un tamaño máximo para las imágenes (línea 17), de modo que no sobrepasen los 3 megabytes (300000 bytes).

Con la función GetImageSize() extraigo información del archivo cargado, como el tipo y el tamaño del mismo. Esta función devuelve la información en forma de array, la cual almaceno en la variable $tipoArchivo. El tercer elemento de este array, $tipoArchivo[2] (el índice de los array comienzan por el número 0), tiene que ver con el tipo de archivo de imagen: 1 corresponde al tipo GIF; 2 al tipo JPG; 3 al tipo PNG, y 4 al tipo SWF. En el código compruebo si el archivo cargado es un GIF, JPG o PNG (línea 22).

Tras comprobar que el tamaño del archivo no exceda el permitido (línea 23), trasladamos el archivo cargado a otra ubicación con la función move_uploaded_file() (línea 24). El primer argumento de la función es el nombre temporal del archivo, el segundo es la ruta de acceso que habíamos definido anteriormente (línea 14), además del nombre que tendrá el archivo en su ubicación final.

Si la función tiene éxito, presentamos un par de datos sobre el archivo cargado (línea 25), y almacenamos la ruta y el nombre del archivo en la variable $mostrar que habíamos inicializado sin contenido anteriormente. Esta variable mostrará en el navegador el archivo que se ha cargado (líneas 38 y 39).

Al hacer click en el botón
del segundo formulario (línea 36), desaparecerá el mensaje de confirmación y la imagen de la pantalla, quedando listo para subir otro archivo.

Como pueden apreciar, el formulario y el código es bien sencillo, pero completo a la vez, aunque es posible recurrir a mayores comprobaciones para cargar imágenes. De pronto, el código PHP cumple con su cometido. Más adelante iré añadiendo más opciones y probando otros códigos, los cuales seguiré compartiendo con ustedes.

domingo, 6 de marzo de 2011

Sistema de Registro y Login con PHP y MySQL

Hola amigos, como ya habrán leído en mi perfil, soy un autodidacta en el tema de programación y creación de sitios web. Justamente desde hace algún tiempo me he estado quebrando la cabeza tratando de entender el funcionamiento del sistema de registro y login. PHP es un lenguaje que me parece espectacular.

Bueno pues, juntando pedazos de por aquí y por allá, logré escribir mi propio código para el registro y login de usuario en PHP. Obviamente, el código es lo más simple que pueda existir (no soy webmaster, recién estoy aprendiendo; aunque ese es mi norte). Transcribo el código para que lo revisen y me ayuden a mejorarlo. Cualquier crítica constructiva es bienvenida.

El sistema consta de 6 archivos o "páginas":
  • Formulario de Registro
  • Código de análisis de Registro
  • Formulario de Inicio de Sesión
  • Código de análisis de Login
  • Página restringida
  • Código de Cierre de Sesión

Click en las imágenes para ampliar

Base de Datos
La Base de Datos, solo para empezar, es bastante sencilla. Como se puede apreciar, solo trabajo con los campos idUsuario, nombreUsuario y passwordUsuario de la tabla usuario.

El código de la Base de Datos es el siguiente:



Formulario de Registro


Código análisis de registro


Formulario Inicio de Sesión


Código análisis de Login


Página restringida


Código Finalizar Sesión


Este es el código para el sistema de registro y login que logré construir. Seguramente hay cosas que están de más, y otras muchas que faltan. Espero me ayuden a perfeccionar el código.