RSS

Copia de seguridad en la nube de tus proyectos con Dropbox

nube dropbox proyectos

Para los que aún no conocen qué es la “Nube”, es el término que se le viene dando a la tecnología de subir cuando archivo, configuración e información queramos a Internet. cualquier persona diría: “¡Oh qué cosa más nefasta!, no desearía que todo el mundo viera mis archivos privados”; pero no es así, la nube nos da una “relativa” seguridad, esto quiere decir que en teoría (aclaro en teoría) nuestros datos estarán seguros.

En torno a la seguridad hay muchos debates, algunos dicen que es peligroso, otros dicen que es seguro. lo que sí es verdad es que cada día necesitamos sacar copias de seguridad. para eso existe Dropbox, un servicio que nos da la posibilidad de subir los archivos a Internet automáticamente, por ejemplo vos podés indicarle qué carpetas querés que el servicio le saque respaldo y cada vez que se modifica ese archivo, la copia queda almacenada en la nube, cosa que nos da la seguridad de que si hay un terremoto o simplemente te robaron el pc, pues tenés tus archivos respaldados.

Y bueno, esto nos serviría para tener almacenamiento de nuestros proyectos en vivo y en directo, ¿pero cómo?. sencillo.

Voy a partir de que uso XAMPP en Ubuntu, ustedes lo pueden hacer en Windows o hasta en MacOS.

Lo primero es instalar el XAMPP, y que esté disponible la carpeta htdocs así:

Nautilus htdocs

¿Cierto?, ahora procedemos a instalar el Dropbox, descargado desde la página oficial http://dropbox.com, lo instalamos con el archivo .deb (ó .exe en Windows) y listo.

Cuando nos pida que dónde va a estar la carpeta la cual vamos a trabajar, le seleccionamos la carpeta de htdocs, que está ubicada en “/opt/lampp/htdocs/” (En Windows va a estar lo más posible en “c:/xampp/htdocs/”), el dialogo para Ubuntu es algo así:
dialogo dropbox htdocs

Como observamos la carpeta donde se comparte Dropbox quedará en htdocs.

Y ahora listo, cualquier proyecto que tengamos, lo guardamos en “/opt/lampp/htdocs/Dropbox/cualquierProyecto/” (En Windows “c:/xampp/htdocs/Dropbox/cualquierProyecto/”).

Y la forma de acceder desde el navegador sería:

http://localhost/Dropbox/cualquierProyecto/
:) y listo. solución fácil para tener respaldo a nuestros proyectos. a nivel personal digo que es genial esta opción por que he formateado mi equipo y simplemente voy, instalo Dropbox y ya.

Aquí les dejo el enlace de Dropbox para que lo instalen:

http://dropbox.com

 
Leave a comment

Publicado por en 24 octubre, 2011 in General, php, proyectos, respaldo, sitios web, trucos

 

Etiquetas: , , , , , , , , , , , , , , , , , ,

Generar archivos de Excel y Word desde PHP casi por arte de magia

excel y word php arte de magia

En algunos proyectos sea personales o de oficina, necesitamos generar archivos Excel y Word desde PHP. a diferencia de formatos abiertos (los que comúnmente maneja Libre Office y otras offimáticas libres) que tienen mayor documentación, los archivos de propiedad de Microsoft son muy cerrados lo que dificulta la documentación.

Generar archivo EXCEL desde PHP

Lo primero que tenemos que entender, es que una hoja de cálculo es una tabla gigante, por lo tanto cuando vayamos a exportar, lo que exportaremos es una tabla HTML.

Una tabla de ejemplo de algunos jugadores de mi equipo del alma Millonarios FC


<h1>Tabla de asistencias Pase-gol de los jugadores de Millonarios F.C.</h1>
<table cellspacing="0" cellpadding="0">
 <tr>
 <th>Pedro Franco</th>
 <th>Wilson Carpintero</th>
 <th>&Aacute;lvaro Barros</th>
 <th>Mayer Candelo</th>
 </tr>
 <tr>
 <td>20</td>
 <td>80</td>
 <td>10</td>
 <td>34</td>
 </tr>
 <tr>
 <td>78</td>
 <td>90</td>
 <td>10</td>
 <td>02</td>
 </tr>
</table>

con esta tabla, procedemos a insertarle en la parte superior un código PHP que es el que generará el archivo de Microsoft Excel:

<?php
header('Content-type: application/vnd.ms-excel');
header("Content-Disposition: attachment; filename=nombre_del_archivo.xls");
header("Pragma: no-cache");
header("Expires: 0");
?>

Lo único que tenés que cambiarle es donde dice: “nombre_del_archivo.xls” y ya, ese es el nombre del archivo que genera.

El código final nos quedaría así:


<?
header('Content-type: application/vnd.ms-excel');
header("Content-Disposition: attachment; filename=nombre_del_archivo.xls");
header("Pragma: no-cache");
header("Expires: 0");?>

<h1>Tabla de asistencias Pase-gol de los jugadores de Millonarios F.C.</h1>

<table cellspacing="0" cellpadding="0">
 <tr>

 <th>Pedro Franco</th>
 <th>Wilson Carpintero</th>
 <th>&Aacute;lvaro Barros</th>
 <th>Mayer Candelo</th>
 </tr>
 <tr>
 <td>20</td>
 <td>80</td>
 <td>10</td>
 <td>34</td>
 </tr>
 <tr>
 <td>78</td>
 <td>90</td>
 <td>10</td>
 <td>02</td>
 </tr>
</table>

Guardás el archivo .php con el nombre que mirés adecuado, ejemplo tabla_jugadores_excel.php y lo abrís desde el la url normal, lo que te mostrará un cuadro de descarga del archivo excel que generó:

Tabla ejemplo jugadores millonarios

y listo :D , el entenderá cualquier modificación que le hagás a la tabla.

Generar archivo WORD desde PHP

Es el mismo proceso del archivo Excel, la diferencia es que acá ya no manejamos tablas (igualmente si necesitás manejar tablas las podés poner que el las formateará y las mostrará), vamos a ver un código de ejemplo:


<h1>Datos de Millonarios F.C.</h1>

<ul>
 <li>Puesto histórico: 1º</li>
 <li>Temporadas en 1ª: 73 (Todas desde el inicio del profesionalismo 1948-2011).4</li>
 <li>Temporadas en 2ª: Ninguna.</li>
 <li>Mayor goleada conseguida:</li>
 <li>En campeonatos nacionales: 8-3, contra Deportes Tolima (7 de julio de 1963).
En torneos internacionales: 6-0, contra Universidad de Chile (8 de mayo de 1960) y Espanyol de Barcelona (11 de febrero de 1953).</li>
 <li>Mayor goleada en contra:
En campeonatos nacionales: 0-6, contra Independiente Medellín (24 de julio de 1966)
En torneos internacionales: 1-5, contra Independiente de Avellaneda (7 de junio de 1964).
Gol 1.000: Marino Klinger
Gol 2.000: Óscar Villano
Gol 3.000: Juan Gilberto Funes
Gol 4.000: Néstor Villarreal
Gol 4.500: Orlando Ballesteros</li>
 <li>Mejor puesto en la liga: 1º (13 veces, en 1949, 1951, 1952, 1953, 1959, 1961, 1962, 1963, 1964, 1972, 1978, 1987 y 1988).</li>
 <li>Peor puesto en la liga: 17º (1 vez, en el 2004-II)53
Máximo goleador: Alfredo Castillo 133 goles (por Campeonato Colombiano)54
Mejor jugador de su historia: Alfredo Di Stéfano (151 goles en 172 partidos disputados del 14 de agosto de 1949 al 19 de febrero de 1953).</li>
 <li>Jugador que ganó más títulos: Francisco "Cobo" Zuluaga con 6 Campeonatos de la Primera A (1949, 1951, 1952, 1953, 1959 y 1961) y 1 Copa Colombia (1952-53).</li>
 <li>Mejor temporada: 1949, en 28 partidos, gano 22, empato 4 y solo perdió 2, marco 107 goles y tan solo le marcaron 37, para sumar 48 puntos (70 puntos de la actualidad).9</li>
 <li>Portero con mayor invicto: Otoniel Quintana, 1.024 minutos sin recibir gol (Récord en el fútbol profesional colombiano). Entre el 12 de septiembre y 14 de noviembre de 197155</li>
 <li>Mayor racha sin perder: 29 partidos en 1999 (Récord en el fútbol profesional colombiano)56</li>
</ul>

Como podemos ver, ese es un ejemplo html normal con el que vamos a trabajar, ahora le agregamos la parte php que es la que nos generará el archivo para Microsoft Word


<?
header('Content-type: application/vnd.ms-word');
header("Content-Disposition: attachment; filename=millonarios_fc.doc");
 header("Pragma: no-cache");
header("Expires: 0");
?>

Lo único que tenemos que hacer es cambiar el nombre de: millonarios_fc.doc por el que deseemos y ya.

el código quedaría así:


<?
 header('Content-type: application/vnd.ms-word');
 header("Content-Disposition: attachment; filename=archivo.doc");
 header("Pragma: no-cache");
 header("Expires: 0");

?>

<h1>Datos de Millonarios F.C.</h1>

<ul>
 <li>Puesto histórico: 1º</li>
 <li>Temporadas en 1ª: 73 (Todas desde el inicio del profesionalismo 1948-2011).4</li>
 <li>Temporadas en 2ª: Ninguna.</li>
 <li>Mayor goleada conseguida:</li>
 <li>En campeonatos nacionales: 8-3, contra Deportes Tolima (7 de julio de 1963).
 En torneos internacionales: 6-0, contra Universidad de Chile (8 de mayo de 1960) y Espanyol de Barcelona (11 de febrero de 1953).</li>
 <li>Mayor goleada en contra:
 En campeonatos nacionales: 0-6, contra Independiente Medellín (24 de julio de 1966)
 En torneos internacionales: 1-5, contra Independiente de Avellaneda (7 de junio de 1964).
 Gol 1.000: Marino Klinger
 Gol 2.000: Óscar Villano
 Gol 3.000: Juan Gilberto Funes
 Gol 4.000: Néstor Villarreal
 Gol 4.500: Orlando Ballesteros</li>
 <li>Mejor puesto en la liga: 1º (13 veces, en 1949, 1951, 1952, 1953, 1959, 1961, 1962, 1963, 1964, 1972, 1978, 1987 y 1988).</li>
 <li>Peor puesto en la liga: 17º (1 vez, en el 2004-II)53
 Máximo goleador: Alfredo Castillo 133 goles (por Campeonato Colombiano)54
 Mejor jugador de su historia: Alfredo Di Stéfano (151 goles en 172 partidos disputados del 14 de agosto de 1949 al 19 de febrero de 1953).</li>
 <li>Jugador que ganó más títulos: Francisco "Cobo" Zuluaga con 6 Campeonatos de la Primera A (1949, 1951, 1952, 1953, 1959 y 1961) y 1 Copa Colombia (1952-53).</li>
 <li>Mejor temporada: 1949, en 28 partidos, gano 22, empato 4 y solo perdió 2, marco 107 goles y tan solo le marcaron 37, para sumar 48 puntos (70 puntos de la actualidad).9</li>
 <li>Portero con mayor invicto: Otoniel Quintana, 1.024 minutos sin recibir gol (Récord en el fútbol profesional colombiano). Entre el 12 de septiembre y 14 de noviembre de 197155</li>
 <li>Mayor racha sin perder: 29 partidos en 1999 (Récord en el fútbol profesional colombiano)56</li>
 </ul>

Y listo, es así como podemos generar estos archivos de forma fácil y sin tanto rodeo. espero que les sirva, cualquier comentario abajo.

 
3 Comments

Publicado por en 5 septiembre, 2011 in General, html, office, php

 

Etiquetas: , , , , , , , , , , , , , , ,

¿Por qué los links (Hiperenlaces o enlaces) van subrayados?, ¿cómo es la manera correcta de mostrar los enlaces en una web?

Links: Soy azul y subrayado, pero sin negrilla. - Css: Ya veremos....

Aunque no viví el inicio del Internet, sí llegué un poquito más allá. cuando las web eran leeeeeentas, los gif’s animados eran la locura. este último comentario me recuerda a Los Simpsons y el capítulo en que Homero crea una web:

Jesús bailando, Gif de Homero

Sacado del artículo: http://bennacker.wordpress.com/2008/10/12/nuevowp/

Aún así, cuando tuve mi primer pc con internet ya existía el color… el video y otras cosas más.

¿Porqué los enlaces van subrayados?

Un día estábamos en clase de Programación 4 y el profesor nos preguntó: “¿Porqué los enlaces van subrayados?”, y uno que a veces cree tener la razón dice: “Es para diferenciar de un párrafo o de un título, bla bla bla…”. la pregunta seguía: “¿porqué los enlaces van subrayados?, si son para resaltarlos. ¿porqué no van en negrilla?”.

La explicación con la que llegó el profesor (Jimmy Campo) fue que el una vez estaba leyendo un libro de Netscape que vendieron en oferta en un negocio X de la ciudad de Popayán; en el cual hablaban de los enlaces, decía algo así:

“Cuando usted haga click en un enlace en su pantalla MONOCROMÁTICA…”

Con eso ya tenemos un punto de partida, pantalla monocromática, lo cual nos explicó que antes las pantallas eran a blanco y negro, lo cuál en navegadores de solo texto o pantallas blanco y negro (Pantallas gris claro y gris oscuro) la única forma de mostrar que una porción de texto es un enlace pues era SUBRAYÁNDOLO.

¿Cómo se deben mostrar los enlaces en una web?

Es conocido que con una instrucción en CSS podemos quitarle el subrayado a los enlaces, pero ¿realmente debemos quitarle esa propiedad?.

Personalmente no, aunque se puede hacer. Miremos Google: En la portada, la mayoría de enlaces tienen subrayado y en un color azul, el azul por defecto, ahora si no estuviera esas dos propiedades, ¿podrías ubicar cuál porción de texto es un enlace?. tal vez no…

Peor aún, si le quitáramos el ícono de “click” (La manito con un solo dedo)  no sabrías si es un enlace, la única forma sería comenzar a revisar enlace por enlace haciendo click, hasta que uno de ellos te abriera una web. algo ilógico.

Ahora imaginate el usuario con un enlace, con la manito pero sin el texto estar subrayado, lo más lógico es que comience a buscar en tooooodo el texto hasta que le salga una manito y hacerle click.

Esto tomaría más tiempo de lo común, lo que incrementa menos productividad o efectividad en tu sitio web, pero si desde el inicio dejamos marcado con un subrayado, el usuario a primera vista verá dónde está los enlaces y se ubicará.

El color es importante, lo ideal es que se mantenga el color azul en todo sitio web, pero por estética no siempre se puede mantener el azul. ¿qué tal un sitio web de fondo amarillo y enlaces azules?. es como para quemarse los ojos :P .

Entonces no es necesario, pero la idea es mantenerlo.

Los enlaces ya visitados la idea es que sean morados, como viene por defecto el navegador, para saber qué tanto se ha visitado en una web y qué enlaces me faltan por visitar, no sé si han notado que cuando uno abre Google y busca algo, algunos resultados ya están en morado, lo que nos indica que ya ha sido visitado y no perderé tiempo en visitarlo.

Casos en que ya se sabe que es un enlace y recomendación para menús

En algunos casos, por ejemplo en Facebook, la mayoría de enlaces no llevan subrayado, la razón es que el usuario ya sabe que es un enlace o que esa porción de texto es una acción (ejemplo: “Me Gusta”, “Comentar”, “Titulares”, etc…)  pero aún así la mayoría de los enlaces que no están subrayados están de color azul y se diferencian de los demás.

Los menús verticales y las listas por recomendación no deben ir con subrayado, por que dificulta la visualización de estos.

Hay dos estilos que se maneja mucho para enlaces que no tienen subrayado e indicarle al usuario que es un enlace:

  • Que el enlace apenas se pase el ratón por encima, haga que se subraye y cuando el ratón no esté encima, vuelta a su estado natural y no esté subrayado.
  • Que el enlace, apenas se pase por encima, este cambie de color de fondo e indique que ahí pasa algo, acompañado de el ícono de la manito el usuario entenderá que es un enlace.

Espero que les sirva y mejoren la estética, usabilidad y accesibilidad de sus proyectos en relación a los enlaces.

 

Etiquetas: , , , , , , , , , , , , , , , , , , , , , , , ,

Lección de usabilidad y sencillés

Consola de texto

hace casi una semana, en un trabajo en mi universidad, a todo el curso nos tocó elaborar un cliente y un servidor bajo Windows para enviar mensajes y consultar en una base de datos sencilla un código. esto para entender el funcionamiento de los Sistemas Distribuidos.

Como en los sistemas Linux, mucho del software se maneja por consola sugerí que el servidor fuera hecho para consola (cdm) por que comía menos recursos y además pues podría ver resultados en tiempo real.

Vaya mi sorpresa cuando el profesor me dijo: “Eso no es viable”; traté de decirle que “En Linux manejamos muchos programas por consola, vea que yo tengo un programita en Python y coloco simplemente ‘W’ y me pongo a escuchar ‘La W Radio’ con gran sencillés”.

La pregunta de mi profesor fue: “¿y cuántos de los usuarios que vos conocés usan consola?, ¿un usuario del común usaría la consola?, ¿sería cómodo para un usuario normal usar la consola?”. Claro que las palabras textuales no fueron así jajaja, pero es como un resumen de lo que me preguntó.

Y tiene razón, así como los diseñadores aveces los sitios web los diseñan sobrecargados, los desarrolladores de software en ocasiones nos pasamos al otro punto de pensar que todos somos Geeks y que nos gusta la consola. por lo menos a mí me encanta a veces navegar en modo texto, por la sencillés, prefiero algunas veces me gusta abrir programas por consola para estar atento de los mensajes y un sin fin de ventajas.

En este momento de desarrollo y más cuando estemos aprendiendo, toca tener la mayoría de conocimientos. no quiere decir que nos dediquemos al desarrollo de interfaces o que inventemos interfaz como Metro para innovar, pero sí tener conceptos básicos de usabilidad y pensar un poco más en el usuario.

He visto muchos programas con una usabilidad espantosa pero con grandes funcionalidades, como he visto programas con usabilidad excelente pero con funciones limitadas.

El equilibro debe estar en que el usuario no tenga que aprender muchas cosas para poder manejar el software, con eso haremos que la gente no se arranque los pelos de la cabeza y mande “al carajo” todo.

 
 

Etiquetas: , , , , , , , , , , , , , , , , , , , , , ,

Corta presentación de Desarrollo web en Linux para el Flisol

 
Leave a comment

Publicado por en 10 abril, 2011 in enlaces

 

Etiquetas: , , , , , , , , , , , ,

 
Seguir

Get every new post delivered to your Inbox.