{"id":49,"date":"2007-03-15T18:18:42","date_gmt":"2007-03-15T22:18:42","guid":{"rendered":"http:\/\/hackarandas.com\/blog\/2007\/03\/15\/habemus-galeria\/"},"modified":"2007-04-03T00:33:57","modified_gmt":"2007-04-03T04:33:57","slug":"habemus-galeria","status":"publish","type":"post","link":"https:\/\/hackarandas.com\/blog\/2007\/03\/15\/habemus-galeria\/","title":{"rendered":"Habemus Galer\u00c3\u00ada"},"content":{"rendered":"

\"Monalisa\" Pues ya por fin pude crear la galer\u00c3\u00ada y es que quer\u00c3\u00ada ponerla de cierta forma en particular, ya saben, soy de esos que si no cuestan uno y la mitad del otro no me sabe. Quer\u00c3\u00ada poner la galer\u00c3\u00ada de forma que no usara un servicio externo como Flicker<\/a>, que se crearan los thumbs de forma din\u00c3\u00a1mica y que no tuviera que usar el MySQL.<\/p>\n

Encontr\u00c3\u00a9 el Tiny Web Gallery<\/a> que sobrepas\u00c3\u00b3 mis expectativas, aparte de que es realmente f\u00c3\u00a1cil de utilizar y administrar. \u00c2\u00bfNo te ha pasado que tienes cientos de pics pero el problema es que hiciste respaldo en multiples directorios en diferentes partes de tu sistema? En fin, hice un script que me automatiza la creaci\u00c3\u00b3n de la galeria escalando las im\u00c3\u00a1genes a 800×600, orden\u00c3\u00a1ndolas y etiquet\u00c3\u00a1ndolos con una leyenda que describa la situaci\u00c3\u00b3n del evento, para muestra un bot\u00c3\u00b3n:<\/p>\n

\"Adrian<\/a><\/center><\/p>\n

En mi caso me baj\u00c3\u00a9 el XAMPP<\/a> que es un excelente proyecto de que incluye Apache, PHP 4 o 5 y MySQL extremadamente amigable para administrar. Vamos a descargarlo aqui<\/a> y seguimos las instrucciones<\/a>, es importante cambiarle las contrase\u00c3\u00b1as a los servicios de XAMPP para un servidor en producci\u00c3\u00b3n sino luego no chilles si te cambian la p\u00c3\u00a1gina de inicio. Recuerda que el TWG funciona con PHP4 al menos yo no lo he probado con el PHP5 asi que cambiamos con el siguiente comando:<\/p>\n

sudo \/opt\/lampp\/lampp security
\nsudo \/opt\/lampp\/lampp php4
\nsudo \/opt\/lampp\/lampp restart
\n<\/code><\/p>\n

Ahora descargamos el TWG de aqui<\/a> lo descargamos en \/tmp <\/em>y lo ponemos en la siguiente carpeta \/opt\/lampp\/htdocs<\/em>. Es importante cambiarle el grupo y darle permisos de escritura al apache pues de otra forma no podremos administar e TWG.<\/p>\n

cd \/opt\/lampp\/htdocs\/
\nunzip -a \/tmp\/twg*.zip
\nmv twg* galeria
\nchgrp -R nobody galeria
\nchmod -R g+w galeria
\n<\/code><\/p>\n

Listo! ya tenemos instalado el Apache con el PHP4 y el TWG en nuestra m\u00c3\u00a1quina y podemos verlo andar en la siguiente direccion http:\/\/localhost\/galeria<\/a> . Debes de poder ver la galer\u00c3\u00ada de prueba, cosa que queremos pues significa que el “juguete” est\u00c3\u00a1 andando, despu\u00c3\u00a9s puedes borrar esta galeria para s\u00c3\u00b3lo dejar la tuya. Ahora vamos a administrarla, RECUERDA CAMBIAR LOS PERMISOS. entramos a la siguiente direcci\u00c3\u00b3n http:\/\/localhost\/galeria\/admin\/index.php<\/a> con el usuario admin<\/em> y la contrase\u00c3\u00b1a twg_admin<\/em> y nos llevar\u00c3\u00a1 a la primera p\u00c3\u00a1gina de administraci\u00c3\u00b3n donde no exhorta cambiar el passwd cosa que recomiendo ampliamente as\u00c3\u00ad como cambiar el login del usuario por defecto por uno menos convencional, ya sabes, vivo en la paranoia.<\/p>\n

Para irnos directo: en el men\u00c3\u00ba izquierdo vemos una liga que dice “Configure TWG<\/em>” la pulsamos y en la opci\u00c3\u00b3n “Enable session caching of directorys and files<\/em>” le damos false<\/em>. Cuando estamos actualizando la galeria es bueno tenerlo en false<\/em> as\u00c3\u00ad regenera el cach\u00c3\u00a9 y podemos ver la galeria terminada. Cuando acabemos no olvides poner en true<\/em> esta opci\u00c3\u00b3n, es mucho mas \u00c3\u00b3ptimo tenerlo habilitado cuando ya se encuentra en producci\u00c3\u00b3n. Las im\u00c3\u00a1genes se guardan en carpetas en la siguiente direcci\u00c3\u00b3n \/opt\/lampp\/htdocs\/galeria\/pictures<\/em> Cada galeria le puedes poner una carpeta y dentro de cada carpeta puedes poner una imagen llamada folder.png<\/em> para que sea el \u00c3\u00adcono de la Galeria as\u00c3\u00ad como un archivo foldername.txt para la descripci\u00c3\u00b3n donde puedes poner HTML y hacerlo mas “eye candy<\/em>“.<\/p>\n

Vamos al famoso Script que nos automatizar\u00c3\u00a1 la tarea de procesamiento de im\u00c3\u00a1genes. Es importente tener el comando convert del Imagemagick<\/a>. El script doGallery<\/a><\/p>\n

\n
#!\/bin\/bash\r\n# Script hecho por Adrian Puente.\r\n\r\nif [ $# -lt 2 ]\r\nthen\r\n        echo -e \"Sintaxis: `basename ${0}` [Prefix Pics] [\"Desc\"]\"\r\n        echo -e \"Ejemplo: `basename ${0}` navidad.familia.2007 \\\\\"Navidad con la Familia 2007\\\\\".\\\\n\" \r\n        echo -e \"Es importante poner las descripciones con espacios entre comillas.\"\r\n        echo -e \"Terminando el script una carpeta 800x600 contendra las imagenes procesadas.\"\r\n        exit 0\r\nfi\r\n\r\n[ -f PROCESADO.TXT ] \\&\\& cat PROCESADO.TXT \\&\\& echo \"Borrar el archivo PROCESADO.TXT\" \\&\\& exit \r\n\r\nPREF=${1}\r\nDESC=${2}\r\nOK=\"\\\\033[5;32;1mHECHO\\\\033[0m\"\r\nNO=\"\\\\033[5;31;1mERROR\\\\033[0m\"\r\n\r\n[ ! -d 800x600 ] \\&\\& mkdir 800x600\r\n# Renombramos las pics para mayor comodidad.\r\nCTR=0;\r\nfor i in `ls -1 *.jpg *.JPG`\r\ndo\r\n        if [ ${CTR} -lt 10 ]\r\n        then\r\n                NUM=00${CTR}\r\n        else if [ ${CTR} -lt 100 ]\r\n        then\r\n                        NUM=0${CTR}\r\n                else\r\n                        NUM=${CTR}\r\n                fi\r\n        fi\r\n        CTR=`expr ${CTR} + 1`\r\n        echo -en \"Convirtiendo ${i} --> ${PREF}-${NUM}.jpg \"\r\n        convert ${i} -scale 800x600 -fill white \\\\\r\n                     -box \\\\#00000080 -gravity South \\\\\r\n                     -pointsize 25 -annotate +0+5 \"${DESC}\" \\\\\r\n                     800x600\/${PREF}-${NUM}.jpg \\&\\& echo -e [${OK}] || echo -e [${NO}]\r\ndone\r\n\r\necho ${DESC} > 800x600\/foldername.txt\r\necho -e \"Directorio procesado para galeria el \"`date +%F` > PROCESADO.TXT\r\n<\/pre>\n<\/blockquote>\n
El script te crea un archivo foldername.txt<\/em>  con la descripci\u00c3\u00b3n que escogimos que es compatible con el TWG, tambi\u00c3\u00a9n crea un archivo llamado PROCESADO.TXT que guarda la fecha en que esa carpeta fue procesada para no tener m\u00c3\u00baltiples instancias de las carpetas procesadas. Ahora renombramos la carpeta 800×600 con un nombre que describa la situaci\u00c3\u00b3n, no s\u00c3\u00a9, mi_cumple_2007<\/em>, cuando termino restauro la opci\u00c3\u00b3n del cache y en mi caso sincronizo los directorios con rsync, as\u00c3\u00ad puedo tener la galeria “en desarrollo” en mi m\u00c3\u00a1quina y cuando queda como quiero la subo, as\u00c3\u00ad tengo respaldo y no consumo el ancho de banda de mi site, ok muy \u00c3\u00b1o\u00c3\u00b1o pero no hay porqu\u00c3\u00a9 ser ineficientes.   <\/p>\n
rsync --progress -avz -e ssh \/opt\/lampp\/htdocs\/galeria usuario@sitioweb:camino\/a\/los\/htdocs
\n<\/code><\/p>\n
Si tienes alg\u00c3\u00ban problema extra\u00c3\u00b1o recuerda los permisos . En mi caso mi usuario y grupo en el sitio web es diferente al que tengo en mi m\u00c3\u00a1quina as\u00c3\u00ad que es bueno verificar los permisos de los grupos. Si quieres aumentarle la seguridad a tu sitio cambia el nombre de la carpeta admin por alg\u00c3\u00ban nombre dif\u00c3\u00adcil de adivinary accesa por la misma carpeta \/index.php. Listo! la galeria ha sido creada. Enjoy<\/p>\n
La galer\u00c3\u00ada de este su Blog es: http:\/\/www.hackarandas.com\/galeria<\/a><\/p>\n
Adri\u00c3\u00a1n Puente Z.<\/em><\/p>\n\n
<\/div>","protected":false},"excerpt":{"rendered":"
Pues ya por fin pude crear la galer\u00c3\u00ada y es que quer\u00c3\u00ada ponerla de cierta forma en particular, ya saben, soy de esos que si no cuestan uno y la mitad del otro no me sabe. Quer\u00c3\u00ada poner la galer\u00c3\u00ada … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,2],"tags":[],"class_list":["post-49","post","type-post","status-publish","format-standard","hentry","category-articles","category-code"],"_links":{"self":[{"href":"https:\/\/hackarandas.com\/blog\/wp-json\/wp\/v2\/posts\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hackarandas.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hackarandas.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hackarandas.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hackarandas.com\/blog\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":0,"href":"https:\/\/hackarandas.com\/blog\/wp-json\/wp\/v2\/posts\/49\/revisions"}],"wp:attachment":[{"href":"https:\/\/hackarandas.com\/blog\/wp-json\/wp\/v2\/media?parent=49"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hackarandas.com\/blog\/wp-json\/wp\/v2\/categories?post=49"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hackarandas.com\/blog\/wp-json\/wp\/v2\/tags?post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}