Orsebit

En este post explicaremos brevemente las diferencias entre dos tecnologías de Adobe, Flash y Flex, dos herramientas de desarrollo que tienen un resultado común, un fichero SWF reproducirá el plugin de Flash del navegador.

Flash vs Flex

Flash:

-          Está más orientado a diseñadores gráficos

-          Trabaja con fotogramas y el entorno de trabajo es muy similar a cualquier entorno de diseño gráfico

-          Usa ActionScript

-          Ideal para la creación de animaciones gráficas o pequeñas animaciones Web

-          Crea ficheros Flash con un editor WYSIWYG, sin necesidad de conocer lenguajes de programación

Flex:

-          Está más orientado a programadores

-          Más eficaz en el manejo de datos

-          Usa MXML con ActionScript

-          Ideal para la programación de aplicaciones Web

-          Todo se hace programando código

Es muy importante que periódicamente generemos copias de seguridad de nuestras bases de datos MySql. A ninguno nos gustaría perder por ejemplo los contenidos de nuestro blog.

En este post explicaremos como hacer la copia de seguridad de una forma sencilla con phpMyAdmin, el gestor MySQL gratuito más popular.

Los pasos a seguir son:

1. Abrir PHPMyAdmin desde el panel de control de nuestra página web

2. Seleccionar la base de datos de la que queremos generar la copia de seguridad

3. Seleccionar la pestaña exportar

4. En el cuadro Exportar, seleccionar todas las tablas y marcar la opción SQL

5. En el cuadro estructura, marcar las siguientes opciones:

6. Completar el cuadro de datos con las siguientes opciones:

7. Ya podemos descargar a nuestro ordenador la copia de seguridad como un archivo comprimido

Adobe ha presentado este Lunes su nueva versión de Creative Suite 5, la plataforma de desarrollo más utilizada en el mundillo del diseño gráfico y diseño Web. Todos los programas de la Suite presentan novedades, entre ellos Photoshop, Illustrator, InDesign, Flash Catalyst, Flash Professional, Dreamweaver, Adobe Premiere Pro y After Effects CS5.

Con esta Suite, Adobe da un paso adelante con la integración de la tecnología Flash en dispositivos móviles, fruto de ello son las nuevas versiones Flash Player 10.1 y Adobe Air 2. También se incluye en esta Suite un compilador para traducir aplicaciones al formato iPhone. Es el “Adobe Packager for iPhone”. La gran polémica es que Apple ha decidido no permitir en su tienda iTunes aplicaciones generadas de esta forma,  justo días antes de la presentación de Adobe CS5.

Otra de las principales novedades es la integración del software Omniture. Este software, permite capturar, almacenar y analizar la información generada por los sitios Web y otras fuentes y obtener así información de negocios vital sobre el rendimiento y la eficacia de las iniciativas de marketing y ventas, y otros procesos de negocios.

CS5 se presenta en 5 ediciones diferentes:

-  Adobe Creative Suite 5 DESIGN STANDARD,

Es la edición más básica, ideal para iniciarse con esta Suite.

- Adobe Creative Suite 5 DESIGN PREMIUM,

Orientada al diseño gráfico, permite diseños avanzados sin necesidad de escribir código fuente.

- Adobe Creative Suite 5 WEB PREMIUM,

Orientada al diseño Web.

- Adobe Creative Suite 5 PRODUCTION PREMIUM,

Orientada a la edición y producción de video.

- Adobe Creative Suite 5 MASTER COLLECTION,

Es la más completa, incluye todos los programas de Adobe CS5

Los precios de salida son: (precios en la tienda online UK)

- Adobe Creative Suite 5 DESIGN STANDARD, 1212,6L

- Adobe Creative Suite 5 DESIGN PREMIUM, 1773,08L

- Adobe Creative Suite 5 WEB PREMIUM, 1679,08L

- Adobe Creative Suite 5 PRODUCTION PREMIUM, 1773,08L

- Adobe Creative Suite 5 MASTER COLLECTION, 2706,02L

También existen descuentos si ya dispones de una Suite anterior y solamente quieres hacer un upgrade a la nueva versión.

CS5 incluye versiones 64-bit, tanto para Windows como para Mac. Esto permite más agilidad trabajando con ficheros grandes.

En el último post nos preguntábamos que política seguiría Microsoft con respecto a HTML 5. Soportarán esta tecnología las futuras versiones de Internet Explorer? Pues bien, parece que está duda comienza a despejarse.

Microsoft ha lanzado los primeros esbozos de Internet Explorer 9. Se llama Internet Explorer Platform Preview 9. Todavía se encuentra en una fase muy preliminar, ni siquiera es una beta, es decir, no podemos utilizar todavía este software para nuestra navegación diaria. El objetivo es enseñar a los desarrolladores hacia dónde se encamina la nueva plataforma.

Entre las principales novedades podemos destacar el soporte para HTML 5, aceleración hardware para gráficos basados en HTML 5 y un nuevo motor JavaScript.

La publicación del último borrador de HTML 5 ha supuesto el inicio de la guerra con la tecnología Flash de Adobe por la supremacía en el campo del vídeo en Internet. Será este el final de Flash ante un estándar abierto como HTML 5? Una pregunta difícil de responder.

Flash goza actualmente de una gran popularidad en Internet, a pesar de ser una tecnología propietaria y cerrada. Casi todos los navegadores Web para PC, tienen instalados los plugins para soportar esta tecnología. Otro tema son los dispositivos móviles. Por ejemplo, el iPhone y otras muchas Smartphone de última generación, no soportan Flash. Esto es debido a la gran cantidad de recursos que necesita Flash para funcionar, recursos escasos en estos dispositivos.

El tercero en esta batalla, a mucha distancia, es SilverLight . Esta plataforma es la apuesta de Microsoft en el campo del video, animaciones y aplicaciones web. Sinceramente, creo que ante un Standard abierto como HTML5, poco tiene que hacer.

En el éxito o fracaso de HTML 5 dependerá también del posicionamiento de las principales empresas de Internet. Google ya está tirando muy fuerte de HTML5. Por ejemplo afirman que Google Wave está desarrollado usando esta tecnología. Otro ejemplo del interés de Google es Gears, un pluging de HTML 5 para los navegadores Web.  Está por ver si Microsoft añadirá soporte para HTML 5 en Internet Explorer.

Parece que Windows Phone 7 va a convertirse en un serio competidor en el campo de los sistemas operativos para móvil. La verdad que tiene buena pinta, al menos supone una pequeña revolución en lo que Microsoft había hecho hasta ahora.

En esta nueva versión se ha cogido lo mejor de lo que Microsoft disponía, como Zune, Office, Exchange, Xbox, y se le han sumado las últimas tendencias del mercado, como redes sociales, música, foto, nueva interfaz táctil.

La nueva interfaz de usuario es heredada de Zune y en ella destacan iconos grandes fáciles de identificar. Destaca por ser bastante intuitiva.

Los que se quieran animar a comprar un dispositivo con Windows Phone 7 tendrán que esperar hasta el verano.

Los Meta Tags son información adicional que podemos añadir a nuestras páginas HTML. Algunas de esta etiquetas (Tags) son usadas por los navegadores web. Un ejemplo sería:

<META HTTP-EQUIV= “Content-Type”CONTENT=”text/html;charset=ISO-8859-1″>

(En este ejemplo le indicamos al navegador que use el  juego de caracteres ISO-8859-1)

Otras etiquetas no son útiles para el navegador web, pero sí que son utilizadas por los Crawlers de los buscadores de Internet. Es por esto que nos pueden ayudar a mejorar nuestro posicionamiento. Como ejemplo podemos poner la etiqueta <TITLE> y el meta tag “description”. Generalmente, los buscadores de Internet tienen muy encuentra el contenido de estas etiquetas a la hora de clasificar las páginas.

Los META Tags se insertan dentro del campo HEAD del documento HTML. Ejemplo:

<HEAD>

< meta HTTP-EQUIV= “Content-Type” content =”text/html;charset=ISO-8859-1″>

<TITLE>ORSEBIT – Tus servicios en Internet </TITLE>

<meta content=”Contrata ya lo que necesites para tu Web con Orsebit.com” />

</HEAD>

• Title

La etiqueta HTML <TITLE> no es realmente un meta tag, pero hablaremos de ella en este post, ya que también se inserta en la cabecera <HEAD> y tiene relación con los otros meta tags de los cuales hablaremos.

En esta etiqueta indicamos el Título de la página. Ha de ser conciso y descriptivo

Ejemplo:

<TITLE>ORSEBIT – Tus servicios en Internet </TITLE>

El título saldrá reflejado en la barra principal del navegador:

• Description

Como información adicional al título, usaremos el meta tag “description” para describir el contenido de la página web. Se recomienda que no sea excesivamente extenso, ha de ser una descripción breve, de no más de 50 palabras.

Este meta tag es usado por los buscadores para dar una descripción de la página.

• Keywords

Actualmente buscadores como Google no tienen en cuenta esta información. Esto es debido al mal uso y en muchos casos abuso que muchos webmasters hicieron en su día. Por ejemplo, se usaban palabras clave que no se correspondían con el contenido real de la página, o se utilizaban en cantidad exagerada.

Ejemplo:

<meta name=”keywords” content=” diseño web, desarrollo web, seo, e-marketing, móvil,  posicionamiento ” >

Existen más meta tags, como referencia os dejo el siguientes link:

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.4.4.2

En medio de una gran expectación, Apple presentó este Miércoles su último gadget, el iPad, con el que pretende volver a revolucionar el mundo de la electrónica de consumo, como ya hizo en su día con productos como el iPod o el iPhone.

El iPad es la apuesta de Apple en el campo de los TabletPc, sector del que se espera un fuerte crecimiento este año, según todas las previsiones. Estos dispositivos van a competir directamente con otros productos con características y objetivos similares, como los Netbook y como los eBook o lectores de libros electrónicos.

Habrá modelos wifi y modelos wifi+3g. El precio de los modelos wifi será de 499$ (16GB), 599$ (32GB) y 699$ (64GB). Los modelos wifi+3g serán 130$ más caros, 629$ (16GB), 729$ (32GB), 829$ (64GB)

Principales Carácterísticas técnicas
- Pantalla multitáctil y capacitiva de 9,7 pulgadas
- Tamaño 24×19 cm
- Anchura 13,4mm
- Resolución 1024×768
- Pesa unos 700 gramos
- Brújula y GPS
- Wifi N
- Bluetooth 2.1
- Procesador apple A4 1Ghz
- Puerto USB
- Altavoces integrados y micrófono
- Salida de auriculares
- Conector para un dock
- Memoria 16GB, 32GB o 64GB

Nada más salir el iPad ya le llueven las críticas. Algunas de ellas son comunes al iphone, del que hereda muchas caracteristicas, como que no soporta mutitarea y tampoco soporta la tecnología Flash. Otra de sus principales carencias es que no tiene webcam integrada.

Perticularmente yo echo en falta que la pantalla tenga un modo de tinta electrónica a parte de retroiluminación, ya que las pantallas con retroiluminación acaban cansando la vista si leemos en ellas bastante tiempo. Para mí este producto no es la panacea, aunque estoy seguro que será un éxito de ventas. Eso sí, hay quereconocer a Apple su capacidad para innovar y apostar muy fuerte en los pocos campos que quedan por explotar en el mundo de la electrónica, como son los TabletPc y los eBook.

Uno de los principales factores que más condicionan el desarrollo Web para dispositivos móviles es la resolución de pantalla. Hemos de tener en cuenta que nuestra Web se verá en pantallas pequeñas, con menos resolución que en los monitores de PC. Por lo tanto, una de las cosas a optimizar cuando programamos para móviles, son los recursos gráficos de nuestra página Web.

En el mercado existen una gran variedad de dispositivos móviles con distintas resoluciones de pantalla. Estas son la más comunes:

QQVGA Quarter QVGA 160×120 o 120×160
HQVGA Half-QVGA 240×160 o 160×240
QVGA Quarter VGA 320×240 o 240×320

Ejemplo: Nokia N95
HVGA Half-size VGA 480×320

Ejemplo: Iphone, Blackberry Bold 9000, HTC dream

VGA 640×480

Ejemplo: HTC touch Pro

WvGA Wide-VGA 800×400

Ejemplo: Nexus One Google, Nokia N900, Sony Ericsson Xperia X1

La tendencia actual es a usar resoluciones bastante altas, a partir de HVGA. Esto es debido a la popularización de los SmartPhones. Las resoluciones más pequeñas, QQVGA y HQVAG, ya casi se pueden considerar obsoletas.

Las resoluciones anteriores no son las únicas. En este link podéis encontrar una larga lista de dispositivos con sus respectivas resoluciones.

Cuando buscamos un servicio de alojamiento para nuestra página Web, veremos que las empresas de hosting siempre diferencian entre hosting Linux  y hosting Windows, algunas incluso ofrecen hosting Mac. Qué significa? Básicamente, es el sistema operativo que utiliza su servidor Web.

En este post veremos un poco las características de cada tipo de hosting.

Hosting Windows

En el caso que tus aplicaciones usen tecnologías como ASP, ASPx o  FrontPage, te recomendamos el hosting Widows. Este tipo de hosting utiliza Windows IIS como servidor Web y Windows Server como sistema operativo. Estos programas son propietarios, es decir, hay que pagar licencia, y esto hace que normalmente el hosting Windows salga algo más caro que el hosting Linux.

Hosting Linux

Es sin duda el más popular. Es ideal para aplicaciones basadas en PHP y MySql. Este tipo de hosting está completamente basado en software GNU, utiliza Apache como servidor Web  y Linux como sistema operativo. Al no tener que pagar licencias, suele ser algo más barato que el hosting Windows.

Hosting Mac

Relativamente nuevo, especialmente desde la aparición de Mac Os Server. Está recomendado para albergar aplicaciones de Streaming. Actualmente, está creciendo el número de empresas que empiezan a ofertar este servicio.