Apps para todos

Si cuando empezaron a aparecer las páginas web alguien nos decía que todos íbamos a poder crearla nosotros mismos con unos clicks y un poco de gusto, pensaríamos: “este esta loco”. Para hacer una web necesitamos conocimientos de programación que no están al alcance de cualquiera (o sí). Ahora no saber de programación no es excusa para no tener una web (siempre y cuando la necesitemos).

Existen multitud de herramientas para desarrollar nuestra página web como pueden ser los programas de creación web del que disponen empresas como 1&1 o utilizar gestores de contenido como WordPress mediante plantillas, pasando por gestores de tiendas como Prestashop. Sin olvidarnos de las empresas que se dedican al desarrollo web (de algo tendremos que vivir). Las opciones son amplias y variadas, y el que no tiene web es porque no quiere o porque no la necesita para su negocio.

Pues con las Apps esta pasando algo similar. Mientras que, en un principio es complicado desarrollarlas sin conocimientos de programación, están emergiendo del mismo modo que en el desarrollo web, ciertas herramientas para que, sin conocimientos de programación, podamos tener nuestra propia app. Si que hay que destacar que si queremos un desarrollo complejo, al igual que el desarrollo web, es necesario dejarlo en manos de un profesional.

Partiendo de este punto, vamos a ver varias herramientas que nos resultaran muy útiles para poder crear nuestras propias apps.

 

1º Mobincube

mobincube apps diseño web

Un generador de aplicaciones muy completo. Puedes utilizar las plantillas predefinidas de la herramienta o ir diseñando la tuya paso a paso para un mayor grado de personalización. Es muy interesante el poder exportar la app tanto a iOS como Android e incluso Windows Phone. Cuenta con un servicio de monetización para gestionar nuestros ingresos mediante la publicidad.

 

2º Upplication

upplication apps diseño web

Si quieres crear tu app de manera sencilla e intuitiva, Upplication puede ser la mejor opción. Esta startup española te permite crear tu app y al mismo tiempo esta puede servirte como web, ya que podremos verla en un ordenador. El desarrollo se basa en plantillas y el usuario es el que va añadiendo las funcionalidades que necesita. Además nos permite añadir un catálogo de productos, con lo que podremos tener nuestra tienda configurada en una aplicación. Puedes probarla de manera gratuita durante 15 días.

 

3º GoodBarber

goodbarber apps diseño web

Esta herramienta esta creada por una empresa dedicada al desarollo de apps. Con este sistema puedes crear aplicaciones nativas para iOS y Android. Como bien dicen en su web, puedes crear tu app en 4 sencillos pasos, siendo la más importante la primera fase, la del diseño. Se basa en plantillas y puede vincularse con gestores de contenido como WordPress. Si quieres probarla, tiene una versión de prueba de 30 días.

 

4º The AppBuilder

appbuilder apps diseño web

Herramienta británica con la que se han creado más de 300.000 apps. El proceso de creación de las apps es bastante simple, pero a pesar de ello, presenta una gran cantidad de opciones a la hora de diseñar y crear tu app. Permite crear aplicaciones nativas para iOS, Android y Windows Phone.

 

5º AppPresser

apppresser apps diseño web

Si utilizas WordPress, esta puede será una herramienta muy útil a la hora de desarrollar tu app. Esta herramienta es un plugin para WordPress que nos permite convertir nuestra web en una app para iOS y Android. Es muy interesante para aquellos que lo quieren tener todo en una única plataforma.

 

Existen otras plataformas como AppArchitect, MIT App Inventor, AppMachine, etc. con las que desarrollar de manera sencilla nuestras apps. Ahora es cuestión de que cada uno escoja la que mejor se adapte a sus necesidades.

Perdón por molestarle

Buceando por la red en busca de una forma de hacer que un botón personalizado de Twitter se abriese como popup, encontré una noticia en la sección de tecnología de El País que me chocó: “El creador de los ‘pop-up’ pide perdón por su invento”. Si, el popup es un invento del que todos hemos echado pestes. Esos malditos popups que aparecen por todas las páginas y que molestan tanto la usabilidad de la web como la experiencia de usuario. Entiendo perfectamente que este hombre reniegue de su creación. Pero, no todo es malo.

El popup tiene su utilidad. Más haya de su intrusismo en nuestra navegación, básicamente como publicidad, hay formas interesantes de utilizar los popups. Ejemplos: botones que abren pequeñas ventanas con información sobre algo concreto, los botones de redes sociales que abren un popup para compartir contenido, un popup abierto al entrar en la web con alguna promoción, como ventana para suscribirte a la newsletter, etc. Estas son formas interesantes de utilizar los popups. No son molestas y pueden ser bastante eficaces.

Como los popup no son el mal, aquí te dejamos unos enlaces para que, si lo necesitas, puedas incluirlos en tu página web.

HypergURL

http://www.hypergurl.com/newwindow.html

Pop Up Window Generator Dynamic Drive

http://www.dynamicdrive.com/dynamicindex8/popwin.htm

Popup Toolkit

http://popup-toolkit.com/webmaster-tools/hover-ad-generator/

El código nos divierte como a enanos

Hace unos días encontré en la App Store una aplicación llamada Codeacademy con la que supuestamente podemos aprender a programar: un poco de JavaScript por aquí, un poquito de HTML, su dosis de CSS… y ya tenemos un programita o una web. Después de leerme un poco de lo que trata la aplicación (aquí toda la información) me la descargué y la probé. Tengo que decir que todo muy básico y muy intuitivo. Es una aplicación para aprender algunos conceptos básicos sobre la programación. Nada del otro mundo.

Lo realmente interesante está en su web: http://www.codecademy.com/. A través de esta, podemos aprender a programar de una forma sencilla y divertida, mediante una consola interactiva con la que programar y una serie de ejercicios prácticos para empezar desde cero. Codecademy propone desde el principio, tres ejercicios con los que aprender los conceptos más básicos de HTML, CSS y JavaScript.

· Web Personal: Con el primer ejercicio aprenderemos los conceptos básicos de la programación web con HTML y CSS. Muy sencillo e intuitivo.

· Anima tu Nombre: El segundo ejercicio nos permite desarrollar una pequeña animación con un poco de JavaScript.

· El Sistema Solar: En este último ejercicio aprenderemos, sobre todo, CSS. El objetivo es desarrollar el sistema solar con HTML y CSS.

A medida que avanzamos, vamos consiguiendo medallas o logros que podremos compartir, al igual que todos los ejercicios que completamos. Destacar que, a pesar de que también está en castellano (América Latina), la plataforma está en inglés y es como mejor están desarrollados los ejercicios (por una mala traducción al castellano en muchas cosas).

Codecademy es una buena forma de acercarse a la programación y aprender los conceptos básicos. ¿Por qué me parece interesante? Porque creo que en el mundo tecnológico en el que vivimos, en el que con un solo click podemos encontrar información sobre todo, aprender algo de programación para iniciar tu proyecto online es algo fundamental.

El Maravilloso Mundo del HTML5

No hace muchos años se puso muy de moda Flash y la mayoría de gente se subió a este carro para desarrollar webs. Era raro no ver una web desarrollada en Flash debido a que ofrecía un diseño visual espectacular. Por suerte (menos para todos los que se ganaban el pan haciendo webs en Flash) esa época ya pasó.

Quizás la caída de Flash se deba a la cruzada de algunas compañías o que los motores de búsqueda no indexan (no entienden, vamos) las webs desarrolladas con dicha tecnología. Pues bien, el tiempo ha pasado y ahora todas las cosas que antes se desarrollaban en Flash ahora se hacen con un poco de HTML5 y CSS3.

Hoy os presento una web que he encontrado, gracias a los amigos de Creativos Online, en la que podemos ver el potencial de HTML5. (Si no podéis verlo bien, os recomiendo que os bajéis la última versión del navegador que uséis).

Form Follows Function

¿Impresionante verdad? Pues esto es solo el comienzo.

Pin It on Pinterest