Blog de Diseño Web y Programación

Al dedicar el último número de nuestro boletín a la empresa Adobe, no podemos evitar recordar con cierta nostalgia a una empresa como la que fue Macromedia, y que indudablemente, sin esta adquisición por parte de Adobe, el panorama actual referente al software de diseño y creación multimedia sería cuanto menos diferente.

Por eso nos sentimos en la obligación de plasmar en unas cuantas líneas la aportación, historia y trayectoria de una de las empresas más innovadoras en el mundo del software. Aportando productos como nuestro querido Flash, Dreamweaver, Fireworks o FreeHand.

Macromedia, con sus oficinas centrales en San Francisco, California, fue constituida 1992 tras la fusión de Authorware y MacroMind-Paracomp, creadores respectivamente de Authorware y Director. Programas con los que algunos comenzamos nuestros pinitos en la realización de aplicaciones interactivas y cd-rom´s multimedia.

Pero Macromedia apostó por el próspero futuro que se auguraba a Internet, motivo por el cual en 1996 compró la empresa FutureWave software y su software FutureSlpash Animator. Este programa, ideado para realizar animaciones vectoriales y pensado para animadores 2D tradicionales, unió al motor de gráficos vectoriales Freehand. Generaban animaciones increíblemente ligeras, ideales para un entorno web. Inmediatamente Macromedia rebautizó el programa a Flash 1

Macromedia siguió adquiriendo empresas, como iBand software especializada en editores de código y herramientas de aplicaciones de servidor, ayudando así a potenciar Dreamnweaver. También pudo ampliar su catálogo de productos con la compra de eHelp Corporation y ofrecer programas para el desarrollo de sistemas de ayuda o aprendizaje en línea, con la ayuda de RoboHelp o RoboDemo.

Finalmente, en abril del 2005, Adobe Systems anuncia que comprará Macromedia por 3.400 millones de dólares.

La (Pre) - Historia El inicio de flash comenzó con el arquitecto Jonathan Gay, cuando realizó juegos sencillos hechos en Basic. Después con pascal desarrolló su primer editor de imágenes SuperPaint. Entonces conoció a Charlie Jackson con el que estuvo trabajando medio tiempo sobre Airbone I, uno de los primeros juegos para Mac con audio digital. Después de estar un momento con el desarrollo de videojuegos y seguir con la segunda versión de SuperPaint, Gay trabajaba para Silicon Beach Software, donde empezó a trabajar en el desarrollo de software para gráficos en C++, tanto para Mac como para Windows.Lo siguiente que desarrolló fue el Intellidraw que hacía competencia a Adobe Illustrator y el Aldus Freehand, lo interesante de este software es que interactuaba con los gráficos de manera que las gráficas de barras respondían a valores que el usuario introducía. Gay inicio su propia compañía FutureWave Software, y desarrolló SmartSketch, éste fué el primero de los primeros programas de dibujo de precisión que permitía trabajar con dibujos vectoriales utilizando herramientas típicas de programas de dibujo.

Con el pasar del tiempo apareció Internet y varios quisieron poner animaciones, FutureWave hasta empezó a desarrollar plugins para Netscape, pero eran lentos, entonces pasó a llamarse Future Splash Animator. La compañía se había dado cuenta de que el software tendría un buen impacto y acudieron a Adobe, pero sólo se interesaron en SmartSketch y de Future Splash Animator dijeron que era muy obsoleto.Fue en noviembre de 1996 cuando Macromedia invitó a FutureWave a trabajar juntos, y posteriormente realizar la compra de ésta, con lo que para diciembre de ese mismo año Future Splash Animator se convirtió en Macromedia Flash 1.0.

Su evolución

Marcos García F.dez ———————————————– Diseñador web Sevilla | Bolg diseño web

Nombre: Juan Garcia Delicado Fecha de Nacimiento: 18-04-1982 Lugar de Nacimiento: Málaga Titulación Académica: Master en Diseño Gráfico & Web Profesión: Diseñador web WEB: www.flashmania.es / www.4cuarenta.com

Uno de los temas más importantes en el área del diseño web, es la promoción. ¿Para qué nos sirve tener una web, si al final son pocos la que acaban viéndola? Por ese motivo, hoy veremos cómo optimizar una de las herramientas de código abierto  más extendida actualmente en el panorama web para la creación de blogs. Estamos hablando de Wordpress. Para quien no conozca wordpress, decir en pocas palabras, que es un gestor de contenidos, gratuito, con el que podemos generar blogs digitales en internet. Más referencias aquí www.es.wordpress.org.

En temas de diseño web, una de las cosas  que más nos interesa seguir, es el posicionamiento natural de nuestros trabajos. Hoy veremos cómo hacer urls amigables en wordpress. Forzaremos la indexación de las urls amigables (friendly urls) en los principales motores de búsqueda.
Para comenzar iremos al panel de control de nuestro wordpress y llegaremos hasta permalinks que se encuentra en la ruta

OPCIONES >> PERMALINKS

Ahí encontraremos las siguientes opciones (PREDETERMINADO, DÍA Y NOMBRE, MES Y NOMBRE, NUMÉRICO y  ESTRUCTURA PERSONALIZADA)

PREDETERMINADO… es la configuración por defecto que trae nuestro blog. Por defecto su configuración es el nombre de dominio que tenemos puesto seguido de un número que coincide con el número de post/articulo que hemos introducido en el sistema, vamos en la base de datos.

DÍA Y NOMBRE…en esta configuración de urls, encontraremos nuestro dominio, seguido de la fecha y el nombre de post.

MES Y NOMBRE…tal y como se indica encontraremos el mes y el nombre del post en las urls de nuestro blog

NUMÉRICO en este caso lo que veremos será nuestro dominio seguido del número de entrada en la base de datos de nuestro post/entrada.

ESTRUCTURA PERSONALIZADA  haremos una mención especial a esta opción, ya que nos permitirá personalizar totalmente nuestras urls. A continuación os dejo un listado de todas las opciones que por defecto podríamos incorporar en las urls como sería la categoría de los artículos-post, la fecha, el nombre-título de nuestro artículo entre otros.

%year%  > >> El año de creación del artículo con 4 cifras por ejemplo: 2009
%monthnum%    >>>  Mes del año en número, por ejemplo 04, si nos referimos a Abril
%day%    >>> Día del mes en el que se cree el post, siempre numérico y 18 sería un buen ejemplo.
%hour%  >>> Hora del día, ejemplo: 13
%minute%    >>> Minuto de la hora de creación del artículo de nuestro blog: por ejemplo 37.
%second%    >>> Con este comando nos vamos a referir al segundo de tiempo en el cual escribimos nuestro artículo por ejemplo 24
%postname%    >>> Con este comando nos referiremos al título de nuestro artículo.  Si este tuviera espacios en blanco, automáticamente se separarían las palabras con guiones, por ejemplo nuestro título es  “BIENVENIDOS A NUESTRO BLOG”, en la url se mostraría “bienvenidos-a-nuestro-blog” .
%post_id%    >>> Este mostraría el id, de cada post, ¿que es el id? Es el número de identificación de cada artículo, cada vez que introducimos una nueva entrada en nuestro blog, al registrarse en la base de datos, estos post, se asocian a un número de entrada. Es un número natural, entero y  positivo.
%category%    >>> Categoría de nuestro artículo.
%author%    >>> Autor que escribió el artículo

¿COMO ELEGIR NUESTRAS URL´s AMIGABLES?
Bien, es algo que tienes que tener en cuenta desde el principio, si quisieras promocionar tu persona, tu nombre, en la red, lo más razonable es que publiques en la url tu nombre completo para que en cada artículo que escribas sea tu nombre el que aparezca .

Es decir:
/%author% /%postname%

Y se mostrarían entradas del tipo
www.midominio.com/Pepito-grillo/este-es-el-título-de-mi-post

en el ejemplo siguiente queremos posicionar nuestro blog por recursos empresariales para particulares y empresas, asi que en el campo de estructura personalizada pondremos:
/recursos_empresariales/particulares_empresas/%category%/%postname%

Aparte de mostrar las palabras clave “recursos empresariales”, ”particulares” y “empresas” cada url, contendrá la categoría de los artículos y además sus títulos.
Como se puede ver, podéis jugar con millones de posibilidades. Centraros en las palabras claves que queréis promocionar.

Hasta aquí nuestro paso 1.

PASO 2

En el paso 2, crearemos un archivo de texto en block de notas e incorporaremos el código que wordpress nos generará abajo. El archivo en cuestión lo llamaremos htaccess.txt.

PASO 3

En el panel de permalinks de wordpress y una vez realizados los pasos 1 y 2, guardaremos los cambios

PASO 4

Usando nuestro gestor de ftp, iremos a la raíz de nuestro dominio y actuaremos de la siguiente manera:

SI EXISTE EL ARCHIVO HTACCESS

Lo abriremos y añadiremos al contenido que ya tiene, la sentencia  mod_rewrite que nos genera wordpress

SI NO EXISTE EL ARCHIVO HTACCESS

Subiremos el archivo txt que generamos en el PASO 2. Y lo renombraremos quitando la extensión “.txt” y añadiremos además un punto por delante quedando de la siguiente manera el nombre del archivo:

htaccess.txt      >>>>>>      .htaccess

PASO 5

Ver funcionar ya, vuestras urls amigables en wordpress.

RECOMENDACIONES

a) Verificar que realmente no existe ese fichero (htaccess) y que no se encuentra oculto.
b) Realizad copias de seguridad del archivo .htaccess si ya existe para reponerlo en caso de equivocación o fallo.
c) Para usuarios avanzados podéis poner el archivo htaccess con permisos de solo lectura.
d) Los post o entradas anteriores se modificarán automáticamente.
e) Tened cuidado con los espacios en blanco, es un fallo muy típico al modificar y configurar estas opciones, no poner espacios en blanco ni siquiera al final de la estructura personalizada, ni tampoco dentro del archivo htaccess de ser así no funcionaría.

Internet cumple 20 años y hemos querido dedicarle un artículo a este universo de posibilidades, porque si con algo se puede comparar Internet, es con el universo; tan grande e ilimitado como él (no podemos abarcarlo mentalmente).

Cada día asistimos a la aparición de más y más utilidades que se le pueden dar a Internet. En la era de la Tecnología no podemos dejar de sorprendernos y después de tanto tiempo, por las posibilidades que ofrece.

Surgió con una motivación militar y hoy tiende puentes para la cultura, el desarrollo y sobre todo la COMUNICACIÓN.

¡¿Qué sería de todos nosotros sin él?! Mejor no imaginarlo, es demasiado doloroso.

Es más agradable recrearnos en sus múltiples posibilidades porque precisamente todos nosotros tenemos mucho que agradecerle.

Para los webmaster es su medio de vida, la tierra de labranza. Luchan para poder ararla, sembrarla, regarla, velan por ella y finalmente recogen sus frutos. Algunos ácidos, pero la mayoría resultan dulces y saciantes.

Podría compararse con los antiguos colonos que llegaron al Oeste Americano (un ejemplo muy cinematográfico) y tenían que hacer suya una tierra salvaje. Quitando que, en el caso del Desarrollo web, no se extermina a ningún pueblo nativo, por el contrario se vive en comunidad, intentando compartir lo mejor de nosotros mismos para que crezcamos y mejoremos todos. Buen ejemplo de ello son los foros, tutoriales, y todo tipo de información, que constituyen una gran ayuda, y que increíblemente, se presta de forma filantrópica (filantropía: “amor al género humano”).

Internet no es propiedad de nadie, eso es uno de sus mayores encantos, una tierra de libertad. Pero como todo en la vida, no siempre sabemos hacer justo uso de esa libertad. No abriremos la caja de Pandora, pero este tema tiene miga.

Es una tierra sin ley, hay poca legislación que la regule porque inevitablemente es difícil ponerle límites a lo ilimitado. No obstante, como producto humano y reflejo de la sociedad se hace necesario normalizarlo y así alcanzar, en lo posible, protección (intelectual, para los menores, etc.)

Nos conecta con los que están lejos, aunque sigue siendo asignatura pendiente que llegue a todos los pueblos del mundo, pero no como una herramienta de la imparable globalización, sino como un poderoso instrumento que podría ayudar de forma eficiente en la educación, formación y desarrollo de los pueblos. Sabemos que no se le resiste nada porque es accesible, barato y versátil. Todo se andará.

¿Puede decirse que quién no sepa utilizarlo es analfabeto?  Hoy, yo no diría tanto, pero sí le aconsejaría que empezara cuanto antes, porque el futuro es Internet y no cabe duda de que nos favorece en el crecimiento personal y profesional.

Los centros TIC (Tecnologías de la información y la comunicación) de nuestra educación básica pública la emplean a su favor.  Se les enseña a los alumnos a utilizar con responsabilidad esta gran enciclopedia que alberga todo el  conocimiento humano (se dice pronto). Navegar e investigar a través de la Web es apasionante y puede darte todo lo que le pidas si sabes cómo buscarlo.

Hoy y cada vez más, es un medio muy explotado por las empresas con vista comercial y por las entidades para publicitar su imagen corporativa. Hasta los ultramarinos del barrio tienen su propia web y le saben sacar partido a esta gran red de la comunicación que a pasos agigantados va tendiendo sus manos más lejos.

Por todo ello,  por lo que nos has dado, y por lo que nos darás en el futuro:

Muchas felicidades Internet y que cumplas muchos más!!

Judit Quiñones Rodríguez

Departamento de Formación de Método Profesional

Ponencia de 50 minutos donde se realiza, paso a paso, una web simple en AS3.

Ver MPlive!

Vídeo tutorial donde se estudia la migración de AS 2 – AS3, con algo tan habitual como la creación de un botón.

Ver MPlive

Estimados suscriptores.

Tras nuestro último número, volvemos con más fuerzas y ganas de mostraros como siempre todo lo concerniente a la actualidad del Diseño web que nos cabe en este conciso espacio.

Éste es un número especial de nuestro boletín, ya que conforta la relación que hemos estado reforzando con Adobe en los últimos tiempos.  Por ello, en él, la mayoría de artículos hacen referencia a la trayectoria de esta marca, así como sus antecedentes y cómo no, una mención especial para la marca Macromedia, que no sólo fue absorvida por Adobe, si no que además es la responsable de que tengamos hoy en el mercado a nuestro querido Flash, el antiguo Macromedia Flash que en su versión 9 ya fue nombrada Adobe Flash.

Además, entrevistas con el responsable de Adobe Iberia, Matías Guerra, así como una entrevista a un exalumno que trabaja en temas relacionados con Adobe y Mac, Eduardo García León.

Entrevistamos a una joven promesa del sector que dará mucho que hablar, y seguimos introduciendo el ActionScript 3.0 en el mercado, para uso de recursos o incluso para la creación de páginas sin necesidad de ver o usar código.

Disfrutadlo, y bienvenidos a los nuevos suscriptores porque que cada día somos más.

Desde la dirección de Método Profesional,
un afable saludo a todos.

Atte.
Antonio García
Director de Método Profesional

El pasado mes de Marzo, Método Profesional convocó su Primer Concurso de PhotoShop y Primer Concurso de Flash. El único requisito para participar era el de ser alumno de Método Profesional. El ganador, podrá elegir entre una matrícula gratuita para un curso de MP o el examen de certificación de Adobe.

Ver trabajos de los participantes del 1er Concurso de FLASH

Ver trabajos de los participantes del 1er Concurso de PHOTOSHOP

Y por supuesto felicitar al ganador, y en este caso, de ambos concursos…

¡¡Enhorabuena Rodrigo!!

Rodrigo Calvo
www.mediacity.es