M145ESPECIAL INTERNET2 15/9/09 14:01 Página 2 ESPECIAL internet SELECCIÓN DE LOS PROGRAMAS MÁS USADOS Y ÚTILES PARA EL DESARROLLO DE WEBS DE EMPRESA, Qué utilizar para programar tu web Tu web es la tarjeta de visita ante quienes se interesan por tu empresa. De ahí la importancia de tener un site atractivo. Para conseguir esta meta, existe un sinfín de programas para cada aspecto, desde la edición de la web hasta el apoyo mediante bases de datos o el tratamiento de las imágenes. Ala hora de diseñar nuestra web tendremos que atender especialmente tres aspectos: la sencillez, la rapidez de carga y que sea fácilmente indexable por los robots de los principales buscadores. Aunque ya se ha repetido casi hasta la saciedad, todavía hay empresas que olvidan estos principios y, en pos de la espectacularidad, se enmarañan en diseños complicados que ralentizan la velocidad de carga o abruman al internauta. La selección de unos programas que se adapten a tus necesidades contribuirá a la consecución de los objetivos perseguidos. Antes de Las soluciones wysiwyg permiten crear una web de forma sencilla ponernos manos a la obra, hemos de estudiar detenidamente qué es lo que queremos, para qué usaremos la web comercio electrónico, soporte para acceso de proveedores o clientes, base de datos...), qué nos interesa comunicar al visitante y cuáles son los aspectos a destacar. QUÉ TENER EN CUENTA No es lo mismo un site para darnos a conocer o para ofrecer infor- TODAS LAS HERRAMIENTAS Diseño de la página Estos programas son el alma del diseño web, ya que son los que vertebrarán el sitio que creemos, integrando los distintos elementos empleados: texto, imágenes, gráficos, animaciones, bases de datos... Éste es el software más habitual en este espacio de trabajo: ADOBE DREAMWEAVER. Es uno de los programas wysiwyg más utilizados para el diseño web a partir de modelos y plantillas. Uno de los motivos que lo ha hecho tan popular es su integración con herramientas como Adobe Flash y su soporte de los estándares del World Wide Web Consortium W3C). Además, permite la conexión a bases de datos MySQL, Microsoft Access, etc.) y utilizar tecnología de script como ASP, ASP.NET, PHP o JSP sin experiencia previa en programación. Es interesante anotar que dispone de un cliente FTP integrado y cuenta con función de autocompletar y resaltado de sintaxis para instrucciones HTML y lenguajes ASP, PHP o JSP. Está disponible para las plataformas Mac y Windows. MICROSOFT EXPRES- SION WEB. Es el editor de la compañía de Bill Gates y, para muchos, la evolución de FrontPage. Una de sus ventajas es su cumplimiento con los estándares W3C y su sencillez de manejo a partir hojas de estilo y temas. Otra particularidad es que los proyectos pueden ser cargados en Visual Studio también de Microsoft) para su perfeccionamiento por parte de un desarrollador profesional. Permite utilizar tecnología ASP.NET y PHP, incluyendo prestaciones como el autocompletado y resaltado de sintaxis en dichos lenguajes. También contempla la interacción con Adobe Photoshop, haciendo posible la generación de imágenes png, gif y jpeg y su retoque. Disponible NVU. Es una de las opciones más utilizadas entre las alternativas de software libre. Se trata de un editor sencillo y 000 EMPRENDEDORES.ES OCTUBRE 2009
M145ESPECIAL INTERNET2 15/9/09 14:01 Página 3 COMERCIO ELECTRÓNICO Y BLOGS práctico para realizar las tareas habituales en el diseño web: insertar tablas e imágenes, modificar estilos CSS, etc. Guarda las páginas creadas o modificadas directamente en línea. Aunque completo, quizá se quedé corto para los proyectos más ambiciosos. Disponible INCOMEDIA WEBSITE X5. Si no tenemos demasiada experiencia e incluso el software wysiwyg nos queda demasiado grande, el mercado provee de opciones como ésta, muy sencillas de utilizar. Gracias a su procedimiento de creación paso a paso y un catálogo de plantillas, este paquete hace posible preparar nuestro propio sitio sin complicaciones. Permite desarrollar webs multimedia con vídeo, sonido y animaciones Flash; dispone de un editor de imágenes propio; incluye un formato preestablecido de comercio electrónico para pagos con tarjetas de crédito; ofrece un cliente FTP; cuenta con herramientas para la creación de blogs con podcast y videocast o el desarrollo de canales RSS. Disponible en Windows. Tratamiento de imágenes Internet es un medio esencialmente visual, por lo que el acabado gráfico de las páginas de nuestro sitio debe estar lo más pulido posible, tanto si lo que buscamos es armonía y equilibrio como si pretendemos causar impacto. Para conseguir una imagen profesional de las imágenes y efectos de la web, hemos de contar con el software apropiado de retoque fotográfico y de imágenes. Éstas son algunas de las posibilidades. ADOBE PHOTOSHOP. Es todo un clásico. Para casi todos los profesionales, se trata del mejor software del mercado y casi el estándar en este campo. Photoshop permite la edición y retoque fotográfico y de pintura en varias capas, control de color y efectos, manejo de elementos vectoriales, inclusión de tipografía, fotocomposiciones, creación de animaciones, entre otros. Crea y lee la mayoría de los formatos de ficheros gráficos jpeg, gif, png, tiff...). Disponible para Mac y Windows. COREL PAINT SHOP PRO. Este editor de imágenes y gráficos vectoriales es una interesante alternativa al Photoshop. Supone una opción más económica y sus funcionalidades son similares a las de aquel, aunque puede presentar algunas limitaciones para los usuarios más avanzados o las tareas más complejas. Disponible GIMP. Se trata de software libre Open Source) y gratuito. Se emplea para procesar gráficos, imágenes y dibujos, con posibilidades de edición similares a las ofrecidas por Photoshop y, al igual que aquel, escribe y lee la mayoría de los formatos de ficheros gráficos. Disponible para Linux, Mac y Windows. PAINT.NET. Aunque esté desarrollado por impulso de Microsoft, es un programa de código abierto y gratuito. Su principal baza es la facilidad de uso, aunque cuenta con posibilidades como la edición multicapa, la inclusión de filtros y efectos, etc. Disponible para Windows y soportado por algunas plataformas Linux. Bases de datos Debemos entender que la implementación de una de estas bases de datos en nuestra web requiere un conocimiento muy superior al de la creación de una sencilla página de presentación. A diferencia de un diseño simple, donde ayuda mucho tener conocimientos de diseño, usabilidad, accesibilidad, etc., en este caso estamos hablando de programación. No saldremos
M145ESPECIAL INTERNET2 15/9/09 14:01 Página 4 ESPECIAL internet mación sobre la compañía historia, productos o servicios que ofrece, datos de contacto...) que una tienda virtual o una web en la que queremos que el usuario acceda para entretenerse vídeos, podcast, pequeños videojuegos, etc.) y estrechar así la relación con el cliente. Una vez aclarado esto, hay una serie de decisiones que adoptar. Wysiwig frente a HTML. Cuando decidimos diseñar una web, encontramos dos opciones: programar directamente en lenguaje Recuerda que el software libre no siempre es gratuito HTML o utilizar soluciones wysiwyg. De la primera manera, tan sólo es necesario contar con un editor de texto y programar todo desde cero. Por otro lado, las herramientas de diseño wysiwig consisten en programas en que lo que se va diseñando y se ve en la pantalla es lo mismo que después se verá al navegar. De ahí su nombre: What You See Is What You Get Lo que ves es lo que obtienes). Esto hace que cualquier usuario que no entienda el lenguaje de programación HTML pueda ser capaz de crear una web de manera sencilla. La pega es que el resultado obtenido son páginas HTML que suelen ser demasiado largas, incluyendo código inútil que perjudica la ejecución en el navegador. El programa más conocido y utilizado es Adobe Dreamweaver. Software libre o propietario. Esta decisión afectará en gran medida a nuestro bolsillo. El software de empresas como Adobe o Microsoft tiene un coste importante pero es más utilizado y conocido, por lo que será más fácil encontrar personas que lo manejen y sepan explotarlo. El software libre que no siempre es gratuito) ofrece ventajas en costes, además de mantenimiento y evolución por parte de la comunidad. Asimismo, es fácil encontrar en la Red manuales para casi todos los programas. adelante solamente con un editor, sino que necesitaremos uno o varios manuales y paciencia, advierte Isabal. MYSQL. Para diseñar páginas que trabajen en servidor Linux, utilizaremos el lenguaje PHP y bases de datos MySQL, indica el director de e- tecnia. Se trata de software libre, pero para determinadas aplicaciones comerciales hay que adquirir una versión comercial licenciada. Disponible para Linux, Mac y Windows. MICROSOFT SQL SERVER. Para diseñar páginas que funcionen en servidores Windows, usaremos la tecnología ASPX ASP.NET) y bases de datos SQLserver, precisa Isabal. Recientemente, la compañía de Redmond ha facilitado una versión gratuita, SQL Server Express Edition, aunque con ciertas limitaciones bases de datos de menos de 4 GB, no cuenta con el Agente de SQL Server...). Disponible ORACLE. Se trata de la herramienta más potente de bases de datos, por lo que es probable que su capacidad desborde nuestras necesidades. Las grandes bases de datos son Oracle, pero necesitaríamos una aplicación muy grande para utilizarlas, añade Isabal. Disponible para Mac, Linux y Windows. MICROSOFT VISUAL STUDIO. Es el editor de Microsoft para SQL Server. Soporta varios lenguajes de programación, como ASP.NET, Visual C++, Visual C#, Visual J# y Visual Basic.NET. Puede crear aplicaciones que se intercomuniquen entre estaciones de trabajo, páginas web y dispositivos móviles. Disponible ZEND STUDIO. Se trata de un editor para PHP que ofrece soporte para navegación en base datos y ejecución de consultas SQL, con prestaciones como autocompletado, ayuda de código, resaltado de sintaxis, etc. Disponible para Mac, Linux y Windows. MICROSOFT OFFICE ACCESS. Aunque las bases de datos Access, que empleaban lenguaje ASP, están es desuso, aún es posible encontrar páginas que lo emplean y se puede adquirir este software. Disponible FLASH. Como señala el director de e-tecnia, la tecnología Flash requiere mención aparte, ya que genera un archivo donde todos los elementos textos, imágenes, sonidos...) quedan en un solo fichero.swf. Es una herramienta que funciona distinta a cualquier otro programa. Tiene una línea de tiempo y se van colocando los distintos elementos, pudiendo generar movimientos, enlaces, etc.. Existen distintas alternativas de software libre, aunque ninguna de ellas alcanza un peso relevante. Por otra parte, el W3C ha recomendado SVG como lenguaje alternativo a Flash para la creación de gráficos vectoriales bidimensionales estáticos o en movimiento. 000 EMPRENDEDORES.ES OCTUBRE 2009
M145ESPECIAL INTERNET2 15/9/09 14:01 Página 5 con librerías de funciones HTML, CSS, PHP o JavaSript, entre otras, así como autocompletado, cliente FTP incluido y otras opciones. Disponible BLUEFISH. Es una alternativa de software libre para Linux y Mac. Sus posibilidades son muy similares a las de otros editores de su género: patrones predefinidos para distintos lenguajes, diálogos para etiquetas HTML, buscador de referencia de funciones, asistentes para creación de documentos y tablas, etc. SMULTRON. Es uno de los editores libres y gratuitos más utilizados en Mac. Incluye las funciones habituales en este tipo de editores. ADOBE FLASH. Es una herramienta que trabaja sobre fotogramas, gráficos vectoriales y sonidos para la creación de las animaciones que podemos ver en los sitios web. Se trata del estándar del mercado en este campo. Disponible para Mac y Windows. INKSCAPE. Es el programa de edición SVG más empleado y opción de software libre y gratuito. Está disponible para Linux, Mac y Windows. Editores de código Los editores wysiwyg son una estupenda herramienta para aquellos que no tengan excesivos conocimientos de programación o, sencillamente, no deseen complicarse demasiado en la edición de su web. Sin embargo, los diseñadores más experimentados preferirán partir desde cero y crear su web mediante editores de texto. En este caso, aunque un simple editor como el NotePad de Windows nos serviría, hay algunos programas que pueden ayudar a hacer más fácil esta tarea. EDIT PLUS. Es un editor de código especializado en HTML que incluye algunas funcionalidades como asistente de tablas, botones y teclas abreviadas para determinadas funciones, autocompletado, cliente FTP integrado, sintaxis coloreada y resalto de errores o plantillas para PHP o ASP, entre otras prestaciones. Es shareware, es decir, se puede descargar una versión de prueba por 30 días, pero después hay que adquirir licencia. Disponible para Windows. TSW WEB CODER. Editor gratuito Clientes FTP Estos programas son los encargados de conectarnos con nuestro servidor para enviar o descargar archivos. Son programas sencillos de manejar interfaz sin complicaciones, sistema arrastrar y soltar, etc.) y es fácil encontrar múltiples alternativas de software libre en la Red. Su mayor ventaja es que son programas que permiten una gran velocidad de transferencia. El problema es que, a priori, no ofrecen demasiada seguridad, ya que transmiten sin cifrado. Por ello, para el manejo de datos sensibles es conveniente recurrir a protocolos SSL, TLS o aplicaciones scp o sftp que cumplen con el protocolo SSH, que permiten la transmisión con cifrado. Ya hay muchos programas que contemplan esta posibilidad, incluido algunos de software libre. Por norma general, no existen problemas de compatibilidad entre el sistema operativo del cliente y el del servidor. FILEZILLA. Se trata de una aplicación de software libre. Para muchos, es el mejor cliente FTP existente. Entre sus opciones incluye la transmisión segura sftp mediante protocolo SSH y sobre SSL. OPENSSH. Fue creado como alternativa abierta a Secure Shell, software propietario de pago) de la empresa desarrolladora del protocolo homónimo. FLASHFXP. Es otra opción de software libre destinada a la transmisión entre servidores. Una de sus particularidades es que permite editar los ficheros on line, lo cual es una ventaja para agilizar el trabajo, ya que permite
M145ESPECIAL INTERNET2 15/9/09 14:01 Página 6 ESPECIAL internet Bases de datos. Son imprescindibles cuando en nuestra web queremos ofrecer contenidos más complejos. Si necesitamos algo más que una web de primera presencia y el contenido que hay que mostrar tiene que ser dinámico, necesitamos tener por debajo de la web una base de datos, explica Pepe Isabal, director de e-tecnia. En este punto, la principal disyuntiva parte del sistema operativo, Windows o Unix y Linux. Debemos tener en cuenta que casi el 90% de los servidores en Internet funcionan con sistemas operativos Linux, básicamente porque las licencias son gratuitas y el rendimiento de estos servidores es mucho mayor. Esta distinción marcará los programas empleados, ligados a los principales lenguaje, que son ASP.NET, PHP o JSP. Flash sí o no? La mayor ventaja de esta aplicación es su gran resultado visual. Puede estar indicado para la web de una firma de diseño, moda, interiorismo, etc., pero no es lo más adecuado para preparar, por ejemplo, una tienda virtual. Desde Los pagos on line se gestionan a través de TPV y sistemas CMS modificar detalles puntuales, pequeños errores, etc. Permite conexiones seguras SSL y TLS. Sistemas de gestión de contenidos CMS) Estos sistemas desarrollan una estructura para crear u administrar los contenidos de una web. Dentro de esta categoría se incluyen los CMS para creación de blogs, así como soluciones de comercio electrónico, wikis y sistemas groupware, que permiten la gestión de contenidos web a partir de una serie de patrones. Estos sistemas trabajan en el servidor web en el que se aloja el portal y se suele acceder a través del navegador, aunque a veces puede ser preciso usar programas FTP para subir contenidos. Una de sus ventajas es que permiten que distintos departamentos puedan operar y actualizar los temas de su área o aquellos para los que estén autorizados) sin afectar al resto de la web. Según explica Isabal, para los temas personales se puede utilizar un blog. Cuando se trata de plataformas grandes, se suelen usar sistemas basados en tecnología PHP, que soportan bastante bien webs con muchos usuarios. Además, la combinación de los CMS con bases de datos SQL permite implementar soluciones específicas para comercio electrónico, aunque hay que tener ciertas precauciones respecto a su seguridad. OSCOMMERCE. Es el CMS más popular de comercio electrónico. Es software abierto sobre lenguaje PHP y bases de datos MySQL. Ofrece el catálogo de productos que pueden consultar los clientes y cuenta con un módulo de administración en el que se puede actualizar la tienda: ofertas, disponibilidad, productos, moneda, idioma, consulta de pedidos, generación de boletines para clientes, etc. Permite transacciones seguras bajo SSL y puede implantar múltiples sistemas de pago tarjeta de débito/crédito, PayPal, etc.). Es autoinstalable on line. ZEN CART. Es un sistema que está aumentando su implantación en e-commerce. Es software libre y emplea PHP y MySQL. Presenta unas característica similares a oscommerce, con administración de productos y categorías, idioma, moneda, ofertas, sistemas de pago, etc. MAGENTO. Es otra solución Open Source, con aplicaciones similares a las anteriormente citadas. hace poco tiempo, Google lee el contenido de los ficheros.swf; aún así, debemos olvidar esta tecnología si queremos un buen posicionamiento web, declara Isabal. Forma de pago. Si creamos una tienda virtual, disponemos de dos maneras de gestionar los pagos: mediante una pasarela de pago o TPV y a través de sistemas CMS de comercio electrónico. El problema de los TPV es que las entidades bancarias no lo conceden a todos los solicitantes. En cuanto a los sistemas CMS de comercio electrónico, el director de e-tecnia hace hincapié en extremar las precauciones, ya que este tipo de herramientas se desarrollan de forma abierta y todo el mundo tiene acceso al código. E DAVID RAMOS WORDPRESS. Hablamos de software libre y gratuito para la creación de blogs. Tan sólo hay que descargárselo desde la web oficial y seguir las instrucciones. Las principales críticas han venido por sus problemas de seguridad. BLOGGER. Es otra alternativa para la publicación de blogs. No es preciso descargarlo, sino que se puede publicar un blog sólo con rellenar un formulario en el site de Blogger. Además, permite alojar el blog en su propio servidor Blogspot) o en el servidor que escoja el usuario. PHP-NUKE. Trabaja a partir de las tecnologías PHP y MySQL. También dispone de una versión abierta, aunque lo cierto es que despliega sus mejores prestaciones en su edición de pago. Pasarelas de pago Para cobrar productos y servicios en la Red. Si en nuestra página queremos vender un producto o servicio, podemos utilizar una pasarela bancaria TPV como forma de pago. Casi todas las entidades bancarias disponen de este servicio. De hecho, algunas lo han desarrollado de forma conjunta. Cuando solicitemos un servicio de TPV virtual en una entidad, nos preguntarán si queremos que nuestra pasarela de pago sea tradicional o securizada, indica el director de e-tecnia. ILUSTRACIÓNES: HF INFOGRAFÍA.