Educación en la "Prevención en VIH/ SIDA e ITS"

. 28 enero 2009
0 comentarios

En esta oportunidad les comento de un curso que para mi particularmente me parece que es de mucha importancia ya que en la sociedad que vivimos cada vez se hace mas facil la propagacion de esta enfermedad. Les hablo del VIH SIDA y me parace una oportunida qpara docuentarse sbre este problema que afecta a nuestra sociedad.espero que muchos de ustedes participen. aqui les dejo la descripcion del curso.

3ER Curso a distancia GRATUITO organizado por el Instituto de Medicina Tropical "Alexander von Humboldt" de la Universidad Peruana Cayetano Heredia.

Destinatarios:
Profesores, alumnos, comunidad y público en general de la Region Andina y el Caribe.
Objetivo:
Contribuir en la formación, capacitación y sumar esfuerzos en la lucha contra el VIH / SIDA e Infecciones de Transmisión Sexual.
Características generales:
A través del sitio de la universidad, los interesados en participar del curso accederán a una plataforma tecnológica de contenidos. Allí conocerán los materiales seleccionados por los organizadores y se pondrán en contacto con otros participantes.
La plataforma ofrece además la posibilidad de participar de foros de discusión, conocer bibliografía actualizada sobre el tema y acceder a un diccionario en línea y a un glosario de terminos, entre otras herramientas. La iniciativa cuenta con dos modulos, uno sobre VIH / SIDA y otro sobre Infecciones de Transmisión Sexual.
Ambos modulos fueron elaborados por médicos y profesores expertos en dichos temas.
Al final del Curso el participante recibira su certificado.

Duracion del Curso:
Tres Meses

Inscripciones: del 22 de Enero de 2009 hasta 22 dee febrro dee 2009
http://www.upch.edu.pe/tropicales/aidsits/intranet/radmin.asp

¿Cómo planificar su sitio en Internet?

. 26 enero 2009
0 comentarios

El fracaso de muchos ministerios virtuales se debe a su falta de planificación.

Mucha gente piensa que para tener éxito en Internet solo necesita estar en este medio. La realidad les enseña lo contrario.

Estos consejos le ayudarán a entrar al Internet por la puerta ancha.

1. Evalúe sus necesidades de comunicación.

Considere las características de lo que quiere comunicar a través de la red. Analice los nuevos métodos disponibles para cambiar o complementar la tarea que su ministerio realiza de una manera tradicional.

2. Defina las tácticas que usará en la red y relaciónelas con las estrategias del ministerio.

Considere el plan estratégico de su ministerio, que orienta la ubicación de los recursos humanos y económicos, para evitar conflictos y decisiones incongruentes. No permita que «lo que podemos hacer» controle «lo que debemos hacer».

3. Planifique las especificaciones, la promoción, la actualización y el mantenimiento del sitio

Defina a cuál público quiere alcanzar, identifique cuáles son sus necesidades. Estudie otros sitios cristianos o seculares que el público objetivo también visita. Analice las ventajas y desventajas y construya su sitio considerando las debilidades y fortalezas de esos sitios. Con esa información defina las características de su sitio.

Muchas páginas Web son creadas solamente desde una perspectiva técnica o novedosa. Esto hace que terminen siendo muy bonitas o técnicamente asombrosas, pero no logran los objetivos de la empresa. Oriente su página al público que desea alcanzar.

El desarrollo del sitio se realiza mejor, y a un menor costo, si se definen desde el principio todas las especificaciones y tácticas que se usarán. Defina y anticipe la arquitectura, navegación y funcionalidad del sitio. También el el número de enlaces y páginas que contendrá cada sección.

Identifique las tareas y las personas que asumirán esas responsabilidades. Algunas de esas funciones son: planificación, preparación editorial, montaje, promoción, mantenimiento de contenidos.

4. Seleccione un ministerio con el cual establecer una alianza para cambiar vidas por medio de la Internet.

Puede encontrar muchos estudiantes y aficionados que manejan un programa de diseño de páginas web y que ofrecen sus servicios por muy poco dinero. Algunos hacen un buen trabajo por un buen precio. Otros, por la falta de experiencia cometen errores, que a la larga resultarán muy costosos. Luego tiene usted que escoger una empresa que hospede su sitio web. Inmediatamente subirlo, para despues cambiar su contenido por medio de una persona que conozca el lenguaje html.

Todo esto se evita estableciendo una alianza con Tu Ministerio.com que le ofrece una herramienta para construir su sitio online, hospedarlo y mantenerlo actualizado con un poderoso programa de administración de contenidos. Este es un servicio gratuito de la American Bible Society, Office of Latino Affairs que se sostiene con ofrendas de iglesias e individuos. Para más detalles vea:

5. Supervise el proceso de construcción del sitio.

El diseñador y el coordinador se deben reunir, antes de iniciar el proyecto, para poner en papel la estructura y navegación del sitio. Asegúrese que el sistema sea lógico y que el usuario no tenga que hacer más de tres clics para conseguir la información que necesita y regresar fácilmente a la página principal.

Indique cuándo el diseñador recibirá el material editorial con todas las correcciones gramaticales. Los costos y el tiempo se multiplican cuando se hacen correcciones después de haber terminado el montaje.

Se debe confirmar que todos los involucrados entienden los objetivos, las estrategias y tácticas que usará el sitio. En esta etapa se define cuándo se consultará al coordinador del proyecto para la aprobación con el objeto de evitar sorpresas.

6. Implemente la promoción del sitio.

De nada vale diseñar un gran lugar si nadie o muy pocos lo visitan. La gente no va a los sitios que no se promueven. El éxito del proyecto dependerá de un buen plan de promoción. Designe a un responsable de esta tarea o contrate a una agencia para que realice esta función.

El plan debe incluir:

_Someter la información del sitio a todos los motores de búsqueda y directorios especializados en las categorías relacionadas con la rama de la empresa. Cada uno de estos lugares tiene sus políticas y «trucos»

_ Identificar los lugares que el público objetivo visita con frecuencia. Establecer contacto con estos sitios para persuadirlos de que inicien un intercambio de enlaces.

_ Promover el sitio continuamente. Existen varios programas y sitios gratuitos en Internet que hacen esta tarea, pero la mejor manera es hacerlo uno manualmente.

7. Monitoree el contenido, diseño y las estadísticas de resultados.

Su página será más visitada si mantiene un programa de mantenimiento adecuado para reemplazar la información, corregir los errores comunes, tales como enlaces dañados, páginas que no abren e imágenes que se pierden. Este mantenimiento puede incluir retroalimentación de los usuarios para mejorar la página.

8. Mejore o expanda el sitio.

Mantenga un plan para el mejoramiento del sitio. Así su lugar siempre será interesante, con información fresca que invite a permanecer y a regresar una y otra vez.

Estar en Internet no es simplemente abrir un sitio y dejar que el polvo o la telaraña de la red lo entierren. Hay que hacer un plan y desarrollar una estrategia preferiblemente separada de la que tiene para su tienda virtual.

Cómo hacer thumbnails de tus fotografías con PHP

PHP, junto con la librería GD, permiten la creación y manipulación de imágenes en tiempo real con gran facilidad y lograr unos resultados de una calidad más que aceptable.

Dependiendo de la versión de PHP y la librería GD, es posible crear y manipular imágenes de tipo JPEG, GIF, PNG y WBM, aunque en las últimas versiones no hay soporte para gráficos de tipo GIF. Para saber que formatos soporta tu instalación de PHP solo tienes que ejecutar el siguiente script:

';
if (imagetypes() & IMG_JPG) echo 'Formato JPG soportado.
';
if (imagetypes() & IMG_GIF) echo 'Formato GIF soportado.
';
if (imagetypes() & IMG_WBMP) echo 'Formato WBMP soportado.
';
?>

Al ser el más complejo (o al menos completo) de realizar, haremos una función para redimensionar y ajustar la calidad de imágenes JPEG. Crear una función similar para imágenes PNG o WBMP debería resultaros sencillo.

La función recibe 5 parámetros:

* Localización completa de la imagen original.
* ocalización completa de la nueva imagen, es decir, el "thumbnail" que vamos a crear.
* Calidad o compresión de la nueva imagen. Los valores posibles van de 0 (peor calidad, mayor compresión) a 95 (mejor calidad, menor compresión).
* Anchura de la nueva imagen en pixels.
* Altura de la nueva imagen en pixels.

A propósito de la calidad de las imágenes, debemos tener en cuenta que si la calidad de la imagen original era de por ejemplo el 75% y si especificamos que la calidad de la imagen redimensionada sea del 85%, la calidad de esta no mejorara, se mantendrá igual y solo conseguiremos incrementar el tamaño en bytes de la imagen. Por lo tanto, antes de aplicar esta función a una imagen debemos conocer su calidad actual.

Siguiendo con el mismo tema, los valores de calidad o compresión que se le puede aplicar a una imagen JPEG van del 0% al 95%. Lo lógico sería que fueran del 0% al 100%, pero por algún extraño motivo, la imagen resultante de una compresión del 97% es idéntica a la imagen comprimida al 95%.

A continuación puedes ver la función redimensionar_jpeg() y su aplicación:

Ahora no tienes más que aplicar la función a cada una de las imágenes que desees redimensionar. También existe la posibilidad de ampliar la funcionalidad del script y hacer que este redimensione todas las imágenes de un directorio concreto. Por ejemplo, ejecutar el siguiente script en un directorio redimensionaría todas las imágenes de tipo JPEG del mismo:

';
}
}
closedir($dir);
?>

El trozo de código añadido al script simplemente recorre todos los archivos del directorio en busca de imágenes de tipo JPEG y cada vez que encuentra uno, le aplica la función redimensionar_jpeg().

Personalizando las barras de scroll del navegador en CSS

A partir de la version 5.5 el navegador de internet mas utilizado en el mundo "Internet Explorer" soporta la personalizacion de sus barras de scroll, mediante hojas de estilo podemos obtener barras realmente atractivas.

Barra personalziada

Estas barras siguen funcionando igual que las anteriores lo unico que se modifica es su aspecto, veamos como llegamos a esto...

Este codigo hay que insertarlo entre las etiquetas HEAD o en la hoja de estilo que utilizemos, ahora explicaremos que significa cada item...

* SCROLLBAR-FACE-COLOR - Color de la base de la barra
* SCROLLBAR-HIGHLIGHT-COLOR - Color resaltado de la barra
* SCROLLBAR-SHADOW-COLOR - Color de la sobra de la barra
* SCROLLBAR-3DLIGHT-COLOR - Color del relieve de la barra
* SCROLLBAR-ARROW-COLOR - Color de las flechas de la barra
* SCROLLBAR-TRACK-COLOR - Color del fondo de la barra
* SCROLLBAR-DARKSHADOW-COLOR - Color de la sobra mas oscura de la barra

Es complicado explicar cada item, lo que te recomiendo es que vayas cambiando los valores de los colores y que pruebes como va quedando.

Anatomía de una Página Web

La composición de una página web como ésta puede considerarse desde el punto de vista de su diseño o atendiendo a las partes y tipos de fichero que la componen. Empezaremos por este segundo enfoque. Es preciso entender bien de qué está formada una página para poder aprender con éxito como crearlas y modificarlas.

Una página web es superficialmente parecida a cualquier otro documento: un texto, unas imágenes, todo compuesto de una determinada manera. Una página web es un tipo de fichero que tiene poco de particular: se trata simplemente de un fichero de texto, con una extensión .htm o .html (de hypertext markup language - lenguaje de hipertexto.) Este fichero contiene el texto más una serie de códigos que permiten dar formato a la página en el navegador: por ejemplo, distribuir en columnas, poner letras en negrita, asignar colores, rodear una imagen con texto... El programa navegador (normalmente Internet Explorer o Navigator) interpreta los códigos del html para mostrar en pantalla la información contenida y del modo que se ha especificado aquellos códigos. Para comprobar todo esto, lo más fácil es abrir el Bloc de Notas de Windows o, si habéis hecho caso de nuestras recomendaciones, el NoteTab, y con él abrir un documento web cualquiera del disco. Si aún no domináis el tema, y no sabéis dónde pueda haber alguno, guardad esta misma página, o bien buscad con el explorador de Windows ficheros con la extensión htm (buscar: *.htm), puesto que muchos programas incluyen su ayuda en forma de hipertexto web. ¿Qué sucede con las imágenes y otros añadidos que la página web, aparentemente, "contiene"? Estos son ficheros adicionales que NO están dentro del fichero htm; están enlazados con un código que indica al navegador qué imagen debe mostrarse, dónde está, sus dimensiones, si es o no un enlace...

Elementos Web

Así que la página web, vista con un editor de texto, contiene una mezcla de texto normal y una serie de códigos. Estos códigos del lenguaje html son siempre del estilo y , por ejemplo. Siempre van entre llaves, y cada código tiene una forma inicial y otra de cierre que indican el intervalo de texto o imágenes que reciben el formato correspondiente. Por ejemplo, un párrafo se encierra entre las etiquetas o tags

y

. Al principio todo esto puede parecer lioso, ¡y lo es! Pero la idea se puede captar en cinco minutos, y a los cinco minutos siguientes, tener una página lista, sólo con el bloc de notas y una chuleta o cheat sheet de los códigos al lado. Todo el que se haya atrevido a crear una página web antes de 1995 habrá aprendido a escribir en html, casi sin darse cuenta...

Pero, ¿es necesario hoy en día dominar, o al menos tener una idea de cómo está estructurado el lenguaje html? Difícil cuestión: Sí y no. Francamente, es muy conveniente tener una idea básica. Igual que cuando conducimos un coche, sin necesidad de ser unos diplomados en mecánica, al menos sabemos qué son los componentes principales del coche y para qué sirven... Así, aunque utilicemos un editor visual de páginas web, conocemos la terminología del código que generan en la sombra, y podemos hacer si es preciso algún retoque manualmente. Para tener una idea, podemos consultar uno de los muchos libros disponibles, alguna de las muchas webs que tratan el tema.

Un repaso a los principales componentes de la página web típica (ver ilustración en la parte superior de esta página):

  1. Texto. El texto editable se muestra en pantalla con alguna de las fuentes que el usuario tiene instaladas (a veces se utiliza una tecnología de fuentes incrustadas , con lo que vemos en el monitor una fuente que realmente no poseemos, pero es poco frecuente.) El texto editable puede marcarse con el ratón o el teclado y copiarse a otra aplicación, como el bloc de notas (muchos de los elementos textuales de las páginas, en especial los títulos, botones de navegación, etc. son realmente gráficos, y su texto no es editable.)
  2. Gráficos. Son ficheros enlazados desde el fichero de la página propiamente dicho. Se puede hablar de dos formatos casi exclusivamente: GIF y JPG. Hablamos en detalle de este tema en la sección de Gráficos para la Web.
  3. Formularios. Son una mezcla de texto y a veces gráficos, que permiten enviar información por parte del visitante, por ejemplo, consultando un catálogo, solicitando más información, comunicando su opinión, votando en una encuesta. Existen diferentes modelos de formulario; algunos simplemente se envían por correo electrónico; otros funcionan ejecutando un programa guión en el servidor.
  4. Javascript. Es un tipo de lenguaje de programación que se interpreta y ejecuta por parte del navegador; muy utilizado para diferentes efectos visuales, en especial los efectos de cambio de imagen al pasar el ratón por encima. Ampliamos la cuestión también en un artículo específico, con abundantes enlaces.
  5. Java. El código Java está también escrito en un lenguaje de programación independiente de plataforma (válido para cualquier tipo de ordenador) que también permite diferentes efectos, interactividad... Tratamos también el tema en el mismo artículo en que ampliamos detalles sobre Javascript.
  6. Shockwave/Flash . Interesantes imágenes fijas o animaciones interactivas de tipo vectorial, extremadamente compactas. Es preciso un plug-in para poder verlas en el navegador, aunque las versiones más recientes lo incluyen y es gratis: se puede obtener, si hace falta, de Macromedia . Su página es un buen ejemplo del uso de este tipo de componentes para páginas web, cada vez más utilizados.

Existen otros componentes que, más que formar parte de las páginas web, las acompañan y suelen guardarse al disco duro para después verlos o ejecutarlos:

  • Ficheros adjuntos: zip, rar, sit...Es frecuente que encontremos en muchos sitios programas o ficheros comprimidos en algún formato (normalmente el zip), para acelerar el tiempo de descarga por parte de los usuarios. Cada zip, rar o sit tiene en su interior uno o varios ficheros, que se extraen a la carpeta que indiquemos al programa que los abre y maneja. El programa más utilizado es Winzip. Este es shareware, pero existen otras utilidades semejantes gratis; además, windows a partir de la versión Me puede encargarse por sí mismo de este tipo de formato de compresión. Podemos encontrarlos en cualquier servidor de programas. Se trata de un añadido imprescindible para navegar.
  • Documentos PDF(Portable Document Format). Se utilizan también bastante.

Fireworks y Flash Cs3 Portable Español

. 13 enero 2009
0 comentarios

Estos días no he tenido mucho tiempo, el trabajo al cual me comprometí es la razón :S…. que no eh estado con mucho tiempo, ademas de eso… tengo que probar lo que público para poder ponerlos… no quisiera que se me lleven cosas malas.
Por ser un pedido en especial aqui se los dejo el adobe Fireworks y el Flash en su ultima versión “CS3″ las eh probado… y me funcionan correctamente, son muy ligeros, estan en español y no necesitan ser instalados por ser aplicaciones portables.
Adobe Fireworks CS3Fireworks es una suite de diseño vectorial que agrupa texto, diseño, ilustración, edición de imágenes, URL, JavaScript, y herramientas de animación.Podrás dibujar usando brochas orgánicas, y crear formas y objetos ilimitados. Y si te equivocas puedes volver atrás y editar cualquiera de los cambios. Diseñado desde un primer momento para satisfacer las necesidades de los diseñadores Web profesionales, Fireworks incluye opciones tan avanzadas como: exportación de previsualización visual, control total sobre las paletas de color y la compresión de las mismas, generación automática de botones de estado y mensajes en JavaScript, control total sobre textos y efectos que se pueden editar en cualquier momento.




Adobe Flash CS3Es el estándar para la creación de animaciones y gráficos vectoriales para uso en Internet. Los diseñadores de páginas Web usan Flash para crear interfaces de navegación atractivos, compactos y con tamaño variable, tambien puedes crear ilustraciones técnicas, animaciones de formato largo, y cualquier otro sorprendente efecto gráfico para tu página Web.

Vision - Un excelente script PHP para visualizar imágenes

. 05 enero 2009
0 comentarios

Existen vistosos recursos para implementar galerías de imágenes, presentaciones, carruseles (calesitas), etc. Prácticamente no pasa un día sin que comente alguno de ellos, pero la particularidad que estos tienen es que son implementaciones client-side. Son simplemente un script Javascript o alguna biblioteca como jQuery o Mootools.

Estuve probando Vision, un script PHP que me pareció excelente. Con este podemos mostrar de una forma elegante, las imágenes que estén alojadas en una determinada carpeta.

Este script se destaca por:

  • Ser muy sencillo, basta con mirar el código para darse cuenta a simple vista de lo fácil y simple que es implementarlo.
  • Ocupar sólo 18kb.
  • Ser fácilmente extensible.
  • Ser muy sencillo a la hora de configurarlo.

Podría seguir dando mis argumentos de por que me gustó tanto, pero mejor miras el demo y revisa un poco el código y te darás cuenta de útil que te puede resultar este script para tus desarrollos.

Sitio/demo/descarga: iamkoa.net/vision

PHP DocWriter - Clase PHP para generar documentos en varios formatos

Cada vez son más las aplicaciones para empresas que corren en servidores web o en una Intranet, de ahí la necesidad que los usuarios puedan descargar los datos para procesarlos con otras aplicaciones como por ejemplo OpenOffice.org. PHP DocWriter es una clase PHP para generar documentos en varios formatos. Los datos a exportar pueden ser: texto, tablas, dibujos, etc. Entre los formatos que este potente recurso nos ofrece figuran: OpenOffice.org, MS Word, PDF, RTF, StarWriter, LaTeX, XHTML, HTML, etc. En su sitio hay abundante documentación disponible en idioma inglés y español y posee una licencia GNULGPL .

Tutorial: Creando Texto 3D Usando Adobe Illustrator y Adobe Photoshop CS4.

Este es un efecto que he estado observando mucho últimamente, en 1stwebdesigner.com hay un buen tutorial que me sirvió de inspiración para escribir este, el único inconveniente es que el tutorial esta en inglés y además usa el programa Xara 3D que no es muy amistoso que digamos, en este tutorial muestro mi propia forma de lograr este efecto pero apoyándonos ligeramente en Adobe Illustrator.

Parte de Adobe Illustrator.

PASO 1
Empezaremos por crear el área de trabajo, crea uno como el de la imagen de abajo, estoy utilizando Adobe Illustrator CS4.

paso1

PASO 2
Luego escribiremos el texto que deseamos crear,pero crea cada letra individualmente no todo el texto de una vez.

paso2

PASO 3
Ahora selecciona la Herramienta Selección y para cada letra haz esto: ve a Efecto | 3D | Extrusión y biselado.. clic sobre Previsualizar en la opción Bisel escoge Complejo 2, ahora lo único que debe variar en cada letra es la orientación del efecto, para eso basta con que muevas el cubo y tendrás diferentes orientaciones.

paso3

Este es el ultimo paso con Illustrator pero aun no lo cierres, en vez de eso inicia Photoshop, cuando termine de aplicar el efecto a cada letra mi texto tenia este aspecto:

paso3

Parte de Adobe Photoshop.

PASO 4
Iniciamos Photoshop con un documento nuevo con estas características:

paso4

PASO 5
Ajusta el Color Frontal a #172983 y el Color de Fondo a #006f9f, luego toma la Herramienta Degradado y haz un degradado de abajo hacia arriba.

paso5

PASO 6
Regresa a Illustrator y empieza a copiar cada una de las letras, toma la Herramienta Selección y da clic sobre cada letra luego presiona Ctrl+C para copiarla, pasa a Photoshop y presiona Ctrl+V para pegarla aparecerá un pequeño cuadro de dialogo el cual muestro mas abajo con los ajustes a usar.

paso6

PASO 7
Ajusta el tamaño de cada letra y presiona Enter.

paso7

Después de copiar las letras puedes cerrar Illustrator, te recomiendo que guardes el archivo, si lo deseas puedes modificar la orientación de las letras ya en Photoshop mediante Ctrl+T, cuando termine de copiar y ajustar el tamaño de las letras mi espacio de trabajo en Photoshop lucia así:

paso7

PASO 8
Vamos aplicar estilos de capa, da clic derecho sobre la miniatura de la primera capa a modificar y selecciona la opción Opciones de Fusión, y haz los siguientes ajustes, haz esto para cada letra y solo cambia el color del degradado para cada letra .

paso8

El ángulo de la Sombra Paralela debe ser de acuerdo a la orientación de la letra, desactiva la casilla Usar Luz Global para modificar la orientación de la sombra de forma independiente para cada letra.

paso8

En el Resplandor interior no hay variaciones aplica el mismo ajuste a todas la letras.

paso8

El ajuste Superposición de Degradado debe ser ajustado de forma independiente para cada letra, deja el color oscuro al principio y el suave a final y ajusta el ángulo de acuerdo a la orientación de cada letra.

Al final de aplicar las Opciones de Fusión mi texto lucia así:

paso8

PASO 9
A cada letra aplica el siguiente ajuste, ve a Filtro | Interpretar | Añadir Ruido..Ctrl+F.

paso9


PASO 10

Luego selecciona la Herramienta Pincel y luego ve a la Paleta Pincel, si no la tienes a la vista puedes ir a Ventana | Pinceles.. ya en la paleta pinceles haz estos ajustes.

paso10

paso10

paso10

paso10

para repetir el efecto en cada letra solo selecciona la siguiente capa y presiona

PASO 11
Luego crea una nueva capa mediante Ctrl+Shift+N y da doble clic sobre la miniatura para hacer aparecer las Opciones de Fusión y haz los siguientes ajustes.

paso11

Luego da algunas pinceladas aleatorias alrededor y sobre el texto que creamos, mi resultado fue este:

paso11

PASO 12
Es hora de usar el set de pinceles >>Floral<< descargalos y cárgalos en Photoshop, luego crea una capa por debajo de todas las capas excepto de la del fondo claro, esta parte es variante pues puedes usar los pinceles como tu quieras, con color blanco empieza a decorar el fondo de las letras así:

paso12

PASO 13
Ve a Capa | Nueva Capa de Ajuste | Curvas.. aparecerá un cuadro de dialogo donde cambiarás el Modo de la capa de Normal a Luminosidad y haz un ajuste en la curva como se muestra en la imagen inferior.

paso13

LISTO
Ya esta nuestro texto 3D, como comentario final debo decir que cada letra a quedado como un Objeto Inteligente dentro de Photoshop, esto quiere decir que podemos modificar la letra a la hora que queramos y poner otra claro que al modificar este objeto inteligente Illustrator saldrá a flote nuevamente para poder hacer los cambios en el, cliquea la imagen de abajo para verlo en su tamaño final.


Tutorial efecto césped en Photoshop

Ya lo dije mil veces, el diseño no es lo mió, por eso admiro a las personas que se molestan en hacer extensos tutoriales para desasnarnos a los que venimos mal con esta materia, pero navegando por ahi encontre el siguente tutorial.

Psdtuts es sinónimo de calidad y los tutoriales que nos ofrecen son en línea general impresionantes, en esta ocasión encuentro como hacer el efecto césped en Photoshop, dando como resultado una imagen de una calidad impresionante y un efecto que a mí entender es extremadamente realista.

Impresionante como desde la imagen inicial del tutorial logran ese resultado, además el tutorial me gusto mucho porque esta divido en 30 pasos, se imaginaran que no dejaron nada sin explicar.

Lastima que no tenga por el momento donde colocar un texto con césped pero en la primera oportunidad que se me presente lo voy a poner en practica.

Minishowcase, galería de imágenes online para tu web

¿Estás buscando alguna forma especial y original de presentar las fotografías en tu sitio web? Entonces MiniShowcase puede resultarte una opción interesante que podrás configurar en cuestión de minutos.

Minishowcase es una pequeña y sencilla galería php/javascript fotográfica online que funciona bajo AJAX/JSON y te da la posibilidad de poner fácilmente tus imágenes en una galería online sin la necesidad de configurar bases de datos o cambiar código alguno.
Para instalarla debemos abrir el archivo /config.php en un editor de texto y realizar los cambios que deseemos en el mismo, guardar los cambios y poner todas las imágenes que deseamos que tenga la galería en una carpeta. Luego, colocar la carpeta dentro de la carpeta /galleries/ y programar sus permisos a 0777.

Finalmente, subir la carpeta minishowcase complete a la locación que seleccionaste en tu servidor.

Y, así de sencillo, tendrás tu galería de imágenes funcionando perfectamente en tu web.

Colección de pinceles para Photoshop

En la computadora de cualquier diseñador gráfico es infaltable una buena colección de recursos relacionados con el tema, entre los que se encuentran siempre pinceles, texturas y distintas herramientas para Photoshop.

Qbrushes es un sitio web que nos da la posibilidad de descargar una muy buena colección de pinceles de alta calidad que nos pueden resultar de mucha utilidad cuando estemos trabajando con Adobe Photoshop.
En el sitio dividieron los pinceles en las siguientes categorías: Abstracto, Grunge, Varias, Naturaleza, Objetos, Plantas, Vueltas y Salpicadas.

Sin duda se trata de una increíble y muy completa colección que todo diseñador apreciará.

Wufoo Gallery; Formularios Prefabricados

The Wufoo Form Gallery es un sitio muy peculiar, tanto por el diseño que tiene como por lo que ofrecen; formularios prediseñados listos para usar. Ya que en función de templates ya creados te permite hacer ajustes y descargarte tanto el CSS como el HTML de tu formulario.

Pero lo más interesante de este sitio es la posiblidad de descargarte formularios prediseñados de acuerdo a una temática o necesidad, por ejemplo; listas de correos, formularios de contacto, formularios de emergencias médicas, historias clínicas, etc. Cualquier cosa tienen…

Migración a Joomla! 1.5: Pasos a seguir y que hay que tener en cuenta

En la última semana puse manos a la obras, y le dediqué al blog una horas para poder migrarlo de Joomla! 1.0.x hacia Joomla! 1.5, siendo el resultado muy positivo, sin ningún tipo problema. Asi que aprovechando la experiencia, me gustaría hablar de algunos puntos a tener en cuenta si estan en una situación de migración entre ramas de Joomla!:
  1. Lo primero que se debe evaluar es si es conveniente para nuestro caso realizar una migración. Es sabido que Joomla! 1.5 posee muchas ventajas (funcionales, de usabilidad, estéticas, de desarrollo) con respecto a la rama 1.0.x, sin embargo existen casos en que la decisión de migrar se torna difícil, por ejemplo, cuando se tiene una instancia del CMS muy customizado, con desarrollos propios o componentes modificados a gusto y sin documentación. Estos últimos casos suelen pasar empresas que ofrecen a Joomla! como producto y lo van modificando a las necesidades del cliente. Si este no es nuestro caso, podemos pasar al siguiente punto.
  2. Verificar que existen versiones para J! 1.5 de los componentes, módulos y plugins que estamos utilizando. Esto podemos checarlo ingresando al directorio de extensiones de Joomla!, y fijarnos si la extensión posee la insignia Joomla! 1.5 Nativo ó Joomla! 1.5 Legacy. Si la extensión es nativa, podremos bajarla y evaluar su funcionamiento, lo mismo sucede si tiene soporte legado (en este caso tenemos que habilitar el plugin System - Legacy en el back-end del sitio). En caso de no encontrar la extensión que necesitamos tenemos como alternativa:
    • Buscar algo similar que sí sea soportado ó
    • Sentarnos un rato y ponernos a adaptar la extensión original a la rama 1.5.

    En mi caso, paso un poco de todo, tuve que buscar alternativas (pasé de SEF Avance a sh404SEF y de JooMap a SEF Service Map 2), encontré extenciones soportadas para 1.5, algunas que funcionan a la perfección (Zaragoza Clouds, Tabs & Slides) y otras que no tanto (JCE), y además tuve que sentarme a adaptar algunas extensiones. Todo depende de la complejidad de nuestro sitio y de las funcionalidades que le hallamos agregado.

  3. Diseño: Si utilizamos una plantilla paga, las empresas que las comercializan ya disponen de versiones de sus productos para J! 1.5. También podemos elegir una nueva plantilla que se adapte a nuestros gusto o en caso de usar una plantilla propia, guiarnos con el tutorial para plantillas de Joomla! 1.5 y adaptarla. La metología para la creación de templates no cambió mucho, las funciones se modificaron en sintaxis pero basicamente realizan lo mismo, por lo que no deberia llegar a ser dificil el trabajo.
Una vez evaluados todos los puntos, si decidimos que migrar es nuestra opción, podemos comenzarla con los sencillos pasos que entablan en los foros de Comunidad Joomla!:
  • Instalar Joomla! 1.5 de forma normal, sin los datos de ejemplos.
  • Descargar e instalar mtwMigrator
  • Exportar la base de datos de nuestro sitio en Joomla! 1.0.x
  • Crear una nueva base de datos e importar la base que obtuvimos en el paso anterior
  • Entrar al back-end de nuestro Joomla! 1.5, ir al componente mtwMigrator, configurarlo para que importe los datos de la base que creamos antes y presionar el botón para comenzar la migración. En segundos ya estará todo listo.

La migración que realiza el componente es de contenidos y menus, que es lo mas importante, pero luego nosotros tenemos que configurar los parámetros de cada sección y categoría, dar de alta los modulos basicos que queremos mostrar, instalar las extensiones que hemos seleccionado antes, trasladar el directorio de imágenes antigua a esta nueva instancia...es decir, todavia nos queda un poco de trabajo, pero lo importante es que el trabajo mas duro ya está hecho, y en mi caso solo me damandó dedicarle unas horas en la semana.

Llegó la hora de un viejo amigo

. 03 enero 2009
0 comentarios

Frecuentemente nos hacen la pregunta ¿Cuándo se terminará el soporte oficial de Joomla 1.0.x? Y, Dada la gran cantidad de instalaciones existentes, no es una pregunta fácil de contestar. Sabemos que el código se origino varios años atrás y ciertamente ya esta mostrando su edad (Mambo 4.5.2 fue liberado a principios del 2005, pero el código base se origino parcialmente desde 4.5, liberado en Diciembre 2003).

Para recapitular nuestra corta historia, el proyecto Joomla se origino a partir de un fork del proyecto Mambo el 17 de agosto del 2005. Poco tiempo después, Joomla 1.0 fue liberado el 16 de Septiembre del 2005 y fue una versión mejorada de Mambo 4.5.3 (todavía puedes encontrar dicho código en subversión). El anuncio de la versión Alfa de Joomla 1.1 fue realizado el 27 de Octubre de 2005 y esta versión fue renombrada como 1.5. Lo que empezó como una pequeña actualización se convirtió es un reescritura completa del código y la actual versión de Joomla fue liberada el 22 de Enero de 2008.

Desde entonces, siete versiones de Joomla 1.5 han sido liberadas. El número de descargas y de utilización ha incrementado exponencialmente, evidenciado por los cerca de siete millones de descargas del pack en inglés. En enero 2008, sólo el 15% de las nuevas extensiones publicadas eran nativas de Joomla 1.5 ese porcentaje recientemente creció hasta 73%. La tasa de adaptación de Joomla 1.5, tanto por usuarios como desarrolladores, ha ocurrido a una velocidad impresionante y demuestra un gran nivel de compromiso hacia el proyecto de Joomla por ambas partes.

Pero ahora es tiempo de decir adiós a nuestro viejo amigo Joomla 1.0. El 22 de julio del 2009, la familia de versiones de Joomla 1.0.x ya no será atendida.

Entonces... Cómo usuario, ¿debo actualizar ahora a Joomla 1.0.x? La respuesta es NO, ya que seguiran apareciendo actualizaciones de seguridad hasta esa fecha.

Pero... si eres un usuario que aún no se ha actualizado a Joomla 1.5, deberías de hacerlo para empezar a gozar de los beneficios que ofrece la nueva versión. Y si eres desarrollador de los pocos que aún no se han pasado a Joomla 1.5 nativo, esta es la última llamada para que formes parte de la mayoría de desarrolladores que han descubierto el poder y la facilidad la 1.5.

Mientras tanto, estamos trabajando en la futura Joomla 1.6 (con su nueva ACL), la cual promete una auténtica revolución.