JOOMLA

miércoles, 21 de mayo de 2008

QUE ES JOOMLA ?
Si estás en la búsqueda de un sistema dinámico de contenidos para tu sitio, encontrarás una excelente opción con Joomla!, un CMS robusto, personalizable y escalable. El presente artículo te permitirá tener una panorámica sobre el tema.
De los miles de CMS existentes en la actualidad, sólo unos pocos realmente están llevando la web a una nueva era de agilidad en la inclusión de contenido, estímulo de la comunicación colectiva y reconocimiento al usuario como generador de información útil, en lugar de simple “tragador” pasivo de artículos y noticias.
Desde su aparición al público, Joomla! ha avanzado a pasos agigantados, siendo uno de los líderes en la lista de los mejores CMS, aún por encima de aplicaciones comerciales.
Orígenes de Joomla!
A mediados de 2005, los administradores del equipo de desarrollo de Mambo (CMS antecesor de Joomla!) decidieron limitar las condiciones de la licencia de uso de su software.
Ante tal hecho, los principales desarrolladores de la organización estuvieron en desacuerdo y fue así que más de 30 miembros principales del equipo renunciaron de inmediato y fundaron Joomla!® una palabra de origen africano que significa “todos juntos”, un CMS que funcionaba con el núcleo de Mambo, pero con cambios importantes en el código y lo mejor de todo es software libre.
No sólo los desarrolladores de Mambo migraron al nuevo proyecto; miles de colaboradores, diseñadores y comunidades enteras lo respaldaron desde un principio, sobre todo al difundirse la noticia de la acción ejecutada por Mambo y sus propietarios.
De esta manera el proyecto Joomla! tomó aún más energía, llegando a ser la aplicación web que hoy conocemos, no sólo con excelentes características de gestión integral, sino con un futuro bastante promisorio en el ámbito de la Web 2.0.
En el presente, el fenómeno Joomla! representa más que la existencia de una aplicación web de avanzada. Es la demostración palpable de la superioridad que puede alcanzar el software libre cuando está presente el esfuerzo común, activo y organizado de una numerosa comunidad global.
Joomla! ¿Un sistema seguro?
En términos objetivos, nada que esté publicado en la web puede considerarse completamente seguro. Si han violado sistemas tan complejos como el de la Fuerza Aérea norteamericana, poco queda para el resto del contenido de internet.
Ahora bien, si nos plegamos a lo que la generalidad entiende como “seguridad en internet”, Joomla! es uno de los escasos CMS que cuenta con la suficiente participación activa como para generar soluciones precisas en el menor tiempo posible ante los bugs/vulnerabilidades que se vayan descubriendo.
Esto de la seguridad no es un mal exclusivo de Joomla!; otros CMS han caído bajo el yugo de los ataques y muchas veces la solución llega demasiado tarde.
¿Es difícil comprender el sistema Joomla!?
Ante tal pregunta surgiría otra: “¿Comparado con qué?”. Es probable que sistemas más simples en su arquitectura (como WordPress o Drupal*) exijan menos tiempo que Joomla! para aprender a moldearlos a gusto.
Sin embargo, para un desarrollador resulta muy atractiva la robustez en las funciones de una aplicación, ya que con ello puede agregar más puntos de calidad integral a sus trabajos.
Si tu objetivo es dominar el sistema de Joomla! con la finalidad de alcanzar un nivel satisfactorio de personalización, deberás pasar por la etapa obligatoria de acumular algunas “horas de vuelo” con HTML, PHP y (si se quiere dar buenos condimentos de usabilidad al resultado final) Javascript, sin olvidar la importancia de los fundamentos de Diseño.
En cuanto al procedimiento, no importa el que utilices para sentirte cómodo(a) a lo largo de tu aprendizaje con el sistema Joomla!, con tal observes una regla importante: mantén tu método simple. Si lo complicas, el proceso se te hará cuesta arriba.
*Mencionamos a WordPress y Drupal porque al igual que Joomla!, sus sitios oficiales ofrecen abundante documentación de desarrollo, un aspecto decisivo para el estudio e investigación de determinada aplicación.
Comenzando con Joomla!
En principio es bueno saber cómo están organizados los distintos elementos que intervienen en Joomla! y cómo actúan para devolver los resultados esperados.
Cuando un usuario escribe o hace click en nuestra dirección web, el index.php inmediatamente “llama” a la plantilla que estamos usando:
En el index de la plantilla se encuentra buena parte de la información de estructura de la web, y casi toda la información de los estilos. No toda la estructura se controla desde la plantilla porque ésta, a su vez, “llama” a los elementos que el diseñador incluyó con anterioridad.
Es decir, si en la plantilla se requieren módulos, entonces aparecerá el Módulo específico que originalmente se encuentra en su directorio y ahora se refleja en el sitio. Igualmente sucede con los Componentes.
Todo Módulo y Componente tiene insertada su propia estructura HTML, así como instrucciones PHP particulares para cada caso, y algunas veces hasta su propia hoja de estilos CSS. Los Módulos están en el directorio /modules/ y los Componentes en /components/. Puedes probar personalizando el Módulo que más te guste con tus propias etiquetas y opciones de configuración, ya que cada Módulo tiene sus parámetros en un archivoXML.
Lo anterior constituye una explicación muy básica (quizás haga falta otro artículo más técnico y específico al respecto), pero ahora sabes que la “compleja estructura” no es tan compleja; un archivo llama a otro y todo se refleja como HTML a la vista de tus visitantes.

Fuente: Maestros del web

8 trucos para la web 2

lunes, 12 de mayo de 2008

La web 2.0, se está definiendo por unas pautas de diseño muy claras y que se ven nada más cargar una página. Pero siempre es bueno repasarlas por si no te acuerdas.
Una degradados, una web sin degradados no es una web, y menos 2.0.
Usa.un.nombre.con.puntos,si el nombre de tu web no tiene puntos, no se como te atreves a publicarla.
Fondos diagonales, eso es lo que denota la originalidad de los diseñadores, usa diagonales para darle un efecto más 2.0 a tus creaciones.
Fuentes grandes, importante piensa que con esas pantallas tan modernas quizas las vean pequeñas, los de 800×600 que hagan scroll o cambien de monitor.
Fondos claros, tambien es realmente importante, fondo claros sin hacer mucho contraste con las fuentes.
Efecto suelo mojado, para que tus usuarios patienen y se queden.
Fuentes pixeladas, esto es lo último de lo último, un toque retro siempre te hace más auténtico…
Folksonomias (tags), están de moda y aunque nadie las use como toca (yo por ejemplo), demuestras que estás a la última.
Si quieres ser original… sigue estas pautas y podrás conseguir que tus páginas se parezcan a las de los más grandes.
Postdata: Espero que se haya notado el toque irónico del post.

Fuente: Anieto2k

Ajax

AJAX parece ser la palabra de moda en el mundo del desarrollo de aplicaciones Web, AJAX no es una tecnología, sino la unión de varias tecnologías que juntas pueden lograr cosas realmente impresionantes.
Hace un tiempo AJAX parece ser la palabra de moda en el “mundo” del desarrollo de aplicaciones Web; de hecho muchos lo escuchan nombrar pero pocos saben que es realmente y, menos aún, saben en donde buscar información clara sobre que es esta nueva “maravilla” de la tecnología que Jesse James Garret publicó en un artículo en Inglés excelente que vale la pena traducir por completo.
¿Por qué es tan interesante AJAX? Porque en realidad AJAX no es una tecnología, sino la unión de varias tecnologías que juntas pueden lograr cosas realmente impresionantes como GoogleMaps, Gmail el Outlook Web Access ( ref ) o algunas otras aplicaciones muy conocidas.
AJAX, en resúmen, es el acrónimo para Asynchronous JavaScript + XML y el concepto es: Cargar y renderizar una página, luego mantenerse en esa página mientras scripts y rutinas van al servidor buscando, en background, los datos que son usados para actualizar la página solo re-renderizando la página y mostrando u ocultando porciones de la misma.
La traducción completa a continuación:
Ajax: Un Nuevo acercamiento a las Aplicaciones Web
Si algo del actual diseño de interacción puede ser llamado glamoroso, es crear Aplicaciones Web. Después de todo, ¿cuando fue la ultima vez que escuchaste a alguien hablar de diseño de interacción de un producto que no esté en la Web? (Okay, dejando de lado el iPod). Todos los nuevos proyectos cool e innovadores están online.
Dejando de lado esto, los diseñadores de interacción Web no pueden evitar sentirse envidiosos de nuestros colegas que crean software de escritorio. Las aplicaciones de escritorio tienen una riqueza y respuesta que parecía fuera del alcance en Internet. La misma simplicidad que ha permitido la rápida proliferación de la Web también crea una brecha entre las experiencias que podemos proveer y las experiencias que los usuarios pueden lograr de las aplicaciones de escritorio.
Esa brecha se está cerrando. Échenle una mirada a las Google Suggest. Mira la forma en que los términos sugeridos se van actualizando a medida que uno tipea casi instantáneamente. Ahora mire Google Maps. Hace zoom. Usen el cursor para agarrar el mapa y navegarlo un poco. Otra vez, todo sucede casi instantáneamente, sin esperar que las paginas se recarguen.
Google Suggest y Google Maps son dos ejemplos de un nuevo acercamiento a las aplicaciones Web, que nosotros en Adaptative Path hemos denominado AJAX. El nombre es una abreviación o acrónimo para Asynchronous JavaScript + XML, y ello representa un cambio fundamental en que es posible en la Web.
Definiendo Ajax
Ajax no es una tecnología. Es realmente muchas tecnologías, cada una floreciendo por su propio mérito, uniéndose en poderosas nuevas formas. AJAX incorpora:
presentación basada en estándares usando XHTML y CSS;
exhibición e interacción dinámicas usando el Document Object Model ;
Intercambio y manipulación de datos usando XML and XSLT ;
Recuperación de datos asincrónica usando XMLHttpRequest ;
y JavaScript poniendo todo junto.
El modelo clásico de aplicaciones Web funciona de esta forma: La mayoría de las acciones del usuario en la interfaz disparan un requerimiento HTTP al servidor web. El servidor efectúa un proceso (recopila información, procesa números, hablando con varios sistemas propietarios), y le devuelve una pagina HTLM al cliente.
Este es un modelo adaptado del uso original de la Web como un medio hipertextual, pero como fans de “The Elements of User Experience” sabemos, lo que hace a la Web buena para el hipertexto, no la hace necesariamente buena para las aplicaciones de software.
Figura 1: El modelo tradicional para las aplicaciones Web (izq.) comparado con el modelo de AJAX (der.).
Este acercamiento tiene mucho sentido a nivel técnico, pero no lo tiene para una gran experiencia de usuario. Mientras el servidor esta haciendo lo suyo, que esta haciendo el usuario? Exacto, esperando. Y, en cada paso de la tarea, el usuario espera por mas.
Obviamente, si estuviéramos diseñando la Web desde cero para aplicaciones, no querríamos hacer esperar a los usuarios. Una vez que la interfaz esta cargada, porque la interacción del usuario debería detenerse cada vez que la aplicación necesita algo del servidor? De hecho, porque debería el usuario ver la aplicación yendo al servidor?
Como es diferente AJAX
Una aplicación AJAX elimina la naturaleza “arrancar-frenar- arrancar-frenar” de la interacción en la Web introduciendo un intermediario -un motor AJAX- entre el usuario y el servidor. Parecería que sumar una capa a la aplicación la haría menos reactiva, pero la verdad es lo contrario.
En vez de cargar un pagina Web, al inicio de la sesión, el navegador carga al motor AJAX (escrito en JavaScript y usualmente “sacado” en un frame oculto). Este motor es el responsable por renderizar la interfaz que el usuario ve y por comunicarse con el servidor en nombre del usuario.
El motor AJAX permite que la interacción del usuario con la aplicación suceda asincrónicamente (independientemente de la comunicación con el servidor). Así el usuario nunca estará mirando una ventana en blanco del navegador y un icono de reloj de arena esperando a que el servidor haga algo.
Figura 2: El patrón de interacción sincrónica de una aplicación Web tradicional (arriba) comparada con el patrón asincrónico de una aplicación AJAX (abajo).
Cada acción de un usuario que normalmente generaría un requerimiento HTTP toma la forma de un llamado JavaScript al motor AJAX en vez de ese requerimiento. Cualquier respuesta a una acción del usuario que no requiera una viaje de vuelta al servidor (como una simple validación de datos, edición de datos en memoria, incluso algo de navegación) es manejado por su cuenta.
Si el motor necesita algo del servidor para responder (sea enviando datos para procesar, cargar código adicional, o recuperando nuevos datos) hace esos pedidos asincrónicamente, usualmente usando XML, sin frenar la interacción del usuario con la aplicación.
¿Quién está usando Ajax?
Google está haciendo una significativa inversión en el acercamiento Ajax. Todos los grandes productos que Google ha introducido en el ultimo año (Orkut, Gmail, la última versión de Google Groups, Google Suggest, y Google Maps ) son aplicaciones Ajax. (Para datos más técnicos de estas implementaciones Ajax, lean estos excelentes análisis de Gmail, Google Suggest, y Google Maps.) Otros están siguiendo la tendencia: muchas de las funciones que la gente ama en Flickr dependen de Ajax, y el motor de búsqueda de Amazon A9.com aplica tecnologías similares.
Estos proyectos demuestran que Ajax no es solo técnicamente importante, sino también prácticos para aplicaciones en el mundo real. Esta no es otra tecnología que solo trabaja en un laboratorio. Y las aplicaciones Ajax pueden ser de cualquier tamaño, de lo más simple, funciones simples como Google Suggest a las muy complejas y sofisticadas como Google Maps.
En Adaptive Path, estuvimos haciendo nuestro propio trabajo con Ajax en los últimos meses, y estamos descubriendo que solo raspamos la superficie de la rica interacción y respuesta que que las aplicaciones Ajax puede proveer. Ajax es un desarrollo importante para las aplicaciones Web, y su importancia solo va a crecer. Y como hay tantos desarrolladores que ya conocen como usar estas tecnologías, esperamos ver mas empresas y organizaciones siguiendo el liderazgo de Google en explotar la ventaja competitiva que Ajax provee.
Mirando adelante
Los mayores desafíos al crear aplicaciones Ajax no son técnicas. Las tecnologías centrales son maduras, estables y bien conocidas. En cambio, los desafíos son para los diseñadores de estas aplicaciones: olvidar lo que creemos saber sobre las limitaciones de la Web, y comenzar a imaginar un rango más amplio y rico de posibilidades.Va a ser divertido.
Nota: Artículo original escrito por Jesse James Garrett, uno de los fundadores de Adaptive Path y traducido por Mariano Amartino (Denken Uber)

Design web

viernes, 9 de mayo de 2008

Una página web es una fuente de información adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet. Esta información se presenta generalmente en formato HTML y puede contener hiperenlaces a otras páginas web, constituyendo la red enlazada de la World Wide Web.

Las páginas web pueden ser cargadas de un ordenador o computador local o remoto, llamado Servidor Web, el cual servira de HOST. El servidor web puede restringir las páginas a una red privada, por ejemplo, una intranet, o puede publicar las páginas en el World Wide Web. Las páginas web son solicitadas y transferidas de los servidores usando el Protocolo de Transferencia de Hipertexto (HTTP - Hypertext Transfer Protocol). La acción del Servidor HOST de guardar la página web, se denomina "HOSTING".

Las páginas web pueden consistir en archivos de texto estático, o se pueden leer una serie de archivos con código que instruya al servidor cómo construir el HTML para cada página que es solicitada, a esto se le conoce como Página Web Dinámica.

Tabla de contenidos

[ocultar]

Extensiones de archivos para páginas web [editar]

Las páginas estáticas generalmente usan la extensión de archivo.htm o.html. Las páginas dinámicas usan extensiones que generalmente reflejan el lenguaje o tecnología que se utilizó para crear el código, como.php (PHP),.jsp (JavaServer), etc. En estos casos, el servidor debe estar configurado para esperar y entender estas tecnologías.

Las páginas web generalmente incluyen instrucciones para el tamaño y el color del texto y el fondo, así como hipervínculos a imágenes y algunas veces otro tipo de archivos multimedia.

La estructura tipográfica y el esquema de color es definida por instrucciones de Hojas de Estilo (CSS-Cascading Style Sheet), que pueden estar adjuntas al HTML o pueden estar en un archivo por separado, al que se hace referencia desde el HTML.

Las imágenes son almacenadas en el servidor web como archivos separados.

Multimedia [editar]

Otros archivos multimedia como sonido o video pueden ser incluidos también en las páginas web, como parte de la página o mediante hipervínculos. Juegos y animaciones también pueden ser adjuntados a la página mediante tecnologías como Adobe Flash y Java. Este tipo de material depende de la habilidad del navegador para manejarlo y que el usuario permita su visualización.

Comportamiento dinámico [editar]

Código del lado del cliente como JavaScript o AJAX pueden incluirse adjuntos al HTML o por separado, ligados con el código específico en el HTML. Este tipo de código necesita correr en la computadora cliente, si el usuario lo permite, y puede proveer de un alto grado de interactividad entre el usuario y la página web.

Las páginas web dinámicas son aquellas que pueden acceder a bases de datos para extraer información que pueda ser presentada al visitante dependiendo de ciertos criterios. Ejemplo de esto son páginas que tienen sistemas de administración de contenido o CMS. Estos sistemas permiten cambiar el contenido de la página web sin tener que utilizar un programa de ftp para subir los cambios.

Existen diversos lenguajes de programación que permiten agregar dinamismo a una página web tal es el caso de ASP, PHP, JSP y varios mas.

Navegadores [editar]

Un navegador web puede tener una interfaz gráfica de usuario como Internet Explorer, Netscape Navigator, Mozilla Firefox, etc. o puede tener una Interfaz en modo texto como Lynx. El más popular es el Internet Explorer de Microsoft.

Los usuarios con navegadores gráficos pueden deshabilitar la visualización de imágenes y otros contenidos multimedia, para ahorrar tiempo, ancho de banda o simplemente para simplificar su navegación. También se puede descartar la información de fuentes, tamaños, estilos y esquemas de colores de las páginas web y aplicar sus propias CSS estilizándola a su gusto.

El Consorcio World Wide Web (W3C) y la Iniciativa de Accesibilidad Web (WAI) recomiendan que todas las páginas deben ser diseñadas tomando en cuenta todas estas consideraciones.

Elementos de una página web [editar]

Una página web tiene contenido que puede ser visto o escuchado por el usuario final. Estos elementos incluyen, pero no exclusivamente:

La página web también puede traer contenido que es interpretado de forma diferente dependiendo del navegador y generalmente no es mostrado al usuario final. Estos elementos incluyen, pero no exclusivamente:

Visualización [editar]

Las páginas web generalmente requieren de más espacio del que esta disponible en pantalla. La mayoría de los navegadores mostrarán barras de desplazamiento (scrollbars) en la ventana que permitan visualizar todo el contenido. La barra horizontal es menos común que la vertical, no solo porque las páginas horizontales no se imprimen correctamente, también acarrean más inconvenientes para el usuario.

Una página web puede ser un solo HTML o puede estar constituido por varios formando un arreglo de marcos (frames). Se ha demostrado que los marcos causan problemas en la navegación e impresión, sin embargo, estos problemas generalmente ocurren en navegadores antiguos. Su uso principal es permitir que cierto contenido, que generalmente está planeado para que sea estático (como una página de navegación o encabezados), permanezcan en un sitio definido mientras que el contenido principal puede ser visualizado y desplazado si es necesario. Otra característica de los marcos es que solo el contenido en el marco principal es actualizado.

Cuando las páginas web son almacenadas en un directorio común de un servidor web, se convierten en un website. El website generalmente contiene un grupo de páginas web que están ligadas entre sí. La página más importante que hay que almacenar en el servidor es la página de índice (index). Cuando un navegador visita la página de inicio (homepage) de un website o algún URL apunta a un directorio en vez de a un archivo específico, el servidor web mostrara la página de índice.

Cuando se crea una página web, es importante asegurarse que cumple con los estándares del Consorcio World Wide Web (W3C) para el HTML, CSS, XML, etc. Los estándares aseguran que todos los navegadores mostrarán información idéntica sin ninguna consideración especial. Una página propiamente codificada será accesible para diferentes navegadores, ya sean nuevos o antiguos, resoluciones, así como para usuarios con incapacidades auditivas y visuales.

Crear una página web [editar]

Para crear una página web, es necesario un editor de texto o un editor de HTML. Para cargar la información al servidor generalmente se utiliza un cliente FTP.

El diseño de una página web es completamente personal. El diseño se puede hacer de acuerdo a las preferencias personales o se puede utilizar una plantilla (template). Mucha gente publica sus propias páginas web usando sitios como GeoCities de Yahoo, Tripod o Angelfire. Éstos sitios ofrecen hospedaje gratuito a cambio de un espacio limitado y publicidad.

El diseño de una página web puede cumplir una serie de requisitos para que pueda ser accesible por cualquier persona independientemente de sus limitaciones físicas o de su entorno. Es lo que llamamos accesibilidad web. Normalmente viene recogidas en normativas, en España UNE:139803, que hacen referencia a las Pautas de Accesibilidad del Contenido Web 1.0 WCAG, desarrolladas por el W3C.

Posicionamiento web [editar]

Lo más importante a la hora de crear una página web es su optimización web y el posicionamiento conseguido en los motores de búsqueda, como Google. Para alcanzar las primeras posiciones en los resultados de una consulta con un buscador, existen gran cantidad de trucos no legales para la optimización de una página Web que la mayoría de los buscadores penalizan por ser ilegales. Confunden a los usuarios y no ofrecen información útil sobre las consultas.

Los trucos no legales más utilizados son los siguientes:

Cloaking: devolver contenidos distintos, dependiendo de si visita la página el robot de Google o un usuario en busca de información que no va a encontrar en sitios web con esta técnica de engaño a los buscadores.

Enlaces Ocultos: son una variante del texto oculto realizada por webmasters que quieren promocionar otros sitios Web y, al no poder conseguir enlaces externos, utilizan sus propias páginas.

Popularidad Artificial:es una técnica que aumenta, de forma artificial, el posicionamiento en la recuperación de búsquedas de motores Web. Hay diferentes modalidades: Spam en weblogs y libros de firmas; FFA y Granjas de Enlaces; Cross-linking.

Texto oculto: consiste en la inserción de multitud de palabras clave en sus páginas web ocultándolas con el mismo color del fondo, con etiquetas meta o dentro del código fuente.

Abuso de palabras claves: situar palabras clave en un montón de elementos de una página web.


esta informacion fue traida Originalmente de wikipedia.