lunes, 16 de junio de 2014

Manual Express de Git

He desarrollado este pequeño manual de 5 páginas para empezar a trabajar en Git, con lo más básico de lo más básico, espero que os sirva de ayuda!!!

miércoles, 11 de junio de 2014

Aplicaciones web en Chrome y Android


Google ha desarrollado, o mejor dicho, esta desarrollando una serie de herramientas para poder desarrollar aplicaciones Chrome que se ejecuten tanto en Android como en iOS como si fueran nativas basadas en Apache Cordova, hacia donde ha derivado este proyecto ya que estas herramientas están aun en un estado de desarrollo muy temprano.
            Se pueden empaquetar las aplicaciones Chrome para ser distribuidas por medio de Google Play o App Store.
            Estas aplicaciones estan desarrolladas con HTML, CSS y Javascript, que son los lenguajes con los que se trabaja en Apache Cordova.
            En la documentación de Chrome Apps Developer Tools, podemos ver las direcciones de trabajo que nos indican el proceso desde la creacion de la app, hasta su ejecución. Siendo estos dos caminos:
  • Por medio de la línea de comandos
  • A través del IDE o del SDK de las plataformas XCode o Eclipse
(Como podemos observar muy similar a Apache Cordova, por no decir que idéntico.)
            De hecho esta forma de trabajo pone a nuestra disposición todas las APIs de Apache Cordova.
            Para comenzar a desarrollar en este sistema existen una serie de aplicaciones de ejemplos y un proyecto en gitgub.
            De hecho tras investigar un poco, podemos ver que para desarrollar en la tecnología de Chrome, son necesarios los mismos requisitos que para Cordova o Phonegap:
  • nodejs
  • JAVA JDK 7
  • Andorid SDK version 4.4.2
  • Apache-ant
            A la hora de desarrollar proyectos, emular dispositivos... tan solo hay que cambiar la palabra cordoba por cca:

Chrome
Cordova
cca create HolaMundo
cordova create HolaMundo
cca emulate android
cordova emulate android
cca run android
cordova run android

            Incluso para realizar cambios en nuestros códigos HTML, CSS y Javascript es necesario acceder al directorio www.
            De hecho en la propia documentación puesta en githud:
(https://github.com/MobileChromeApps/mobile-chrome-apps/blob/master/docs/CordovaConsiderations.md) sobre el proyecto, derivan a ciertas consideraciones que hay que tener cuando se desarrolla en Chrome.
            Las diferencias más notables que hemos podido encontrar son:
  • En la tecnología desarrollada por Chrome, en principio solo se puede desarrollar para Android e iOs, mientras que en Apache Cordova entran también windows phone, windows 8 y BlackBerry
  • La forma de subir las aplicaciones a Play Store es directa con Chrome con tan solo una secuencia de comandos, mientras que no ocurre esto en Apache Cordova.

martes, 10 de junio de 2014

Esbozo de Presentación de Apache Cordova

Anoche hicimos este vídeo sobre la presentación de Apache Cordova, era un entrenamiento, y aunque nos han dicho que debemos de quitar texto para la presentación del proyecto, también considero que puede ser bastante interesante para aquellos que se quieren iniciar en Apache Cordova y necesitan algunos consejos.
 
En la presentación podéis ver algunos vídeos de las aplicaciones que hemos realizado de muestra, así como la final de ZPAS.net, que pronto colgaré aquí.
Si quieres acceder a la documentación de Aoache Cordova, realizada por nosotros, pincha aquí.

 
 

sábado, 7 de junio de 2014

Cuanto cobrar por el trabajo de desarrollador web

Uno de los problemas que todo desarrollador frelance se encuentra viene a ser el saber cuanto cobrar en por su trabajo.
Actualmente me encuentro, junto a mis compañeros, realizando el proyecto sobre la investigación y documentación en español de Apache Cordova, y una serie de aplicaciones que pronto podréis ver y descargar, la cuestión es que una parte de ese proyecto consiste en hacer un presupuesto sobre las aplicaciones que estamos desarrollando, de modo que investigando un poco y recurriendo a los recursos ofrecidos por nuestro director de proyecto he recopilado algunos de ellos, que también colgare en la página de recursos:
  1. Cuanto cobrar: Calcula cuanto puedes cobrar por tus servicios profesionales independientes tomando en cuenta factores como el tipo de proyecto, cliente, ubicación, así como tu educación y experiencia laboral. CuantoCobrar es una utilidad que te ayudará en este proceso.
  2. Calculadora Freelance: Calculadora online para saber el precio de la hora de un autónomo en España. Enfocado a diseñadores gráficos, diseñadores web, programadores, traductores, community managers...
  3. Cuanto cuesta una aplicación:  mediante un wizard vamos escogiendo y definiendo los diferentes aspectos de nuestra futura aplicación. Podemos decir si será multiplataforma o no, si utilizaremos menús básicos o más personalizados, si necesitaremos tener usuarios registrados, realizar pagos o valorar cosas, o incluso si hace falta tener una web aparte.
  4. Cómo hacer un presupuesto de diseño web (Consejos y recursos): Guía que explica cómo elaborar uno junto con una serie de recursos para su redacción.

Como hacer un buen contrato en el diseño de una aplicación web

En los últimos tiempos es normal que muchos desarrolladores web trabajen como freelance, pero esto nos puede ocasionar cierto tipos de problemas con los clientes, como lamentablemente yo me he encontrado no hace demasiado tiempo, ya que pueden ocurrir muchos problemas como; cambio en el diseño de la web por que sí por parte del cliente, cambio en la funcionalidad de la misma, que se eche para atrás...
Por estas razones hay que seguir unos pasos muy sencillos para evitar este tipo de problemas, y mi consejo personal es que se mantengan incluso, es más, de forma más rígida con amigos y familia.
Con un contrato podemos prevenir antes de curar y de que ocurran cierto tipo de "malentendidos", ya que al dejar unas clausulas claras se pueden evitar ciertos dolores de cabeza:

jueves, 5 de junio de 2014

Cuidad vuestras mascotas!!

Hemos comenzado la producción de una nueva aplicación bajo Cordova. Esta aplicación será un juego basado en el "lindo gatito", el cual conocemos muy bien todos. Pero esta vez la mascota será el logotipo de Cordova.

Primero decidimos que lo íbamos a basar en el clásico tamagotchi; así pues la mascota comerá, dormirá, jugará, hasta hará sus propias cacas. Pero el peso importante lo tenemos que decantar con la utilización de los plugins más punteros. Hemos decidido la introducción de: una pantalla de carga para usar splashscreen, que los mensajes los mostráramos en dialogs, el uso del acelerómetro para jugar con tu mascota, mostrar contenido web con ayuda de inappbrowser, vibración para alertar al jugador, almacenamiento de mascotas difuntas en bases de datos...

El siguiente paso obligatorio sería el diseño del mock-up para ayudarnos a estructurar y agilizar el desarrollo de la aplicación. Primero trasladado en papel como bocetos y luego digitalizado para la posterior documentación a presentar.

Entonces actualmente nos encontramos con la mayoría de ventanas ya programadas, un interfaz completamente definido a falta de la funcionalidad del "bichito", iconos y botones ya diseñados, logotipo finalizado y trabajando la documentación a la par.

miércoles, 4 de junio de 2014

Documentación en Apache Cordova v.1.0

Por fin hemos culminado el trabajo con el exelearning, la documentación esta completa para realizar proyectos utilizando casi cualquier plugin, evento, e incluso bases de datos.
En esta versión 1.0, se pueden encontrar:
  • La instalación y los requisitos mínimos para que tu maquina pueda crear proyectos en Apache Cordova.
  • Como crear una aplicación desde cero, creando el proyecto y utilizar html5 y css3 para ello
  • Los plugins y eventos más importantes con ejemplos, vídeos demostrativos y enlaces a proyectos completos.
  • Información básica sobre la lectura, creación y borrado de archivos
  • Almacenamiento de datos por medio de la BD; SQLite
  • Como utilizar la línea de comandos (CLI)
  • Utilización del archivo config.xml
  • Como utilizar la privacidad con Apache Cordova y algunos consejos para que esta no se rompa.
  • Listas blancas
  • Como actualizar a la última versión de Apache Cordova.
Para acceder a esta documentación haz click sobre la imagen, y estarás listo para hacer tus propias aplicaciones en Android en muy poco tiempo.
http://apachecordova.esy.es/ 

Nota: Esta versión esta pendiente de la revisión gramatical y ortográfica final.


martes, 3 de junio de 2014

Aplicación completa de Apache Cordova (desarrollo)

Como parte del proyecto, y con el fin de poder trabajar en él durante las prácticas, propusimos a la empresa, ZPAS.net, hacerle una aplicación para ellos, cuya página ni ten siquiera es responsive.
En respuesta ellos nos dijeron que querían una especie de presentación tipo catalogo, y es lo que le estamos haciendo, aunque aun estamos en la fase de desarrollarlo tipo web, podemos determinar varias cosas:
  • Las transiciones, overs, focus... de css3 no funcionan bien y hemos tenido que no recurrir a ellas
  • Se debe de producir primero en formato web local para poder desarrollarla entera y después introducir todos los plugins de Cordova y utilizarlos.
Esperamos tenerla terminada para dentro de poco, aunque como es normal, ahora mismo no podemos mostrar mucho, ya que esta en desarrollo, pero aun así ponemos aquí el menú principal.