RESUMEN FINAL PDM

A escasos días de que acabe el periodo para poder entregar y actualizar el blog de esta asignatura, me gustaría dar un resumen de todo lo que he entregado y realizado a lo largo de la misma:

1º APP con Jose Colella: Comedores UGR

 http://rafaelgonzalezjimenez.blogspot.com.es/2014/03/comedoresugr-1beta.html

App en android (usando android studio) y explicación del fallido modo de parsing a una web

Repo: https://github.com/rafaelgonz/PDM

2º APP: Web View

http://rafaelgonzalezjimenez.blogspot.com.es/2014/04/app-web-web-view.html

Publicada en el market de android, pero no se podrá visualizar la web que tenía en el principio. Sin embargo, para poder ver como funciona el web view, he cambiado la web, por la que estoy usando en mis prácticas de empresa icaro.

Repo: https://github.com/rafaelgonz/GranadaTS

Nuevo repo con la web nueva: https://github.com/rafaelgonz/WebView

3º APP Java

http://rafaelgonzalezjimenez.blogspot.com.es/2014/05/app-java.html

Adaptación de un proyecto programado en java, para moviles con sistema operativo basado en java, como los antiguos SO como Bada, los so propios...

Repo: https://github.com/rafaelgonz/JavaAPP

4º APP con Francisco Valverde: CuiTrivi

http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/cuitrivi.html

App de realidad aumentada, creada con unity y vuforia. Es una recreación del típico juevo Trivial de toda la vida, usando en este caso tu smarphone para jugar.

Repo: https://github.com/rafaelgonz/CuiTrivi

6º y 7º  APP: Galerías fotográficas de las semanas santas de Granada y Priego de Córdoba

http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/app-galeria-fotografica-semana-santa.html

http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/app-galeria-fotografica-semana-santa-de.html

Apps creadas en eclipse con imágenes de la semana santa de Priego de Córdoba y Granada, creadas por separado, aunque se trata del mismo código.

Repo: https://github.com/rafaelgonz/SemanasSantas

8º APP: Recetario AndroidChef

http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/recetario-androidchef.html

Google play: https://play.google.com/store/apps/details?id=com.cristorey.androidchefs&hl=es

App creada en eclipse, que permite tener una usuarios, los cuales podrán subir y ver recetas propias y del resto de usuarios.

Repo: https://github.com/rafaelgonz/Recetario

Trabajos con José Castillo Perez

Mi compañero y yo hemos realizado a lo largo del curso dos interesantes trabajos relacionados con el mundo de android, los enlaces son los siguientes:

Trabajo sobre creación de procesos en android: http://www.slideshare.net/rafagonzalezjimenez/creacin-de-procesos-en-android

Trabjo sobre multimedia en android: http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/trabajo-multimedia-en-android.html

http://www.slideshare.net/rafagonzalezjimenez/multimedia-en-android

Tutoriales sobre empezar a trabajar en:

PhoneGap:
http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/primera-app-con-phonegap.html

HTML5: Ratchet:
http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/crear-app-en-html5-con-ratchet.html

BD MySQL desde android:
http://rafaelgonzalezjimenez.blogspot.com.es/2014/05/conectarse-desde-app-android-base-de.html

Creación de una cuenta en Google Play y colgar apps en ella:

http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/cuenta-en-google-play.html

http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/nueva-app-publicada.html

http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/app-en-el-market-de-google.html

El enlace a mis apps es: http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/crear-app-en-html5-con-ratchet.html siendo mi usuario: RAFAELGONZ

Artículos de interés tecnológico:

http://rafaelgonzalezjimenez.blogspot.com.es/2014/06/html5-futuro-de-la-programacion.html

http://rafaelgonzalezjimenez.blogspot.com.es/2014/04/smartphones-punteros-tecnologicamente.html

PD: Ha sido un verdadero placer cursar esta interesante optativa.

Rafael González Jiménez

Repositorio: https://github.com/rafaelgonz

Blog: http://rafaelgonzalezjimenez.blogspot.com.es/

Crear app en html5 con Ratchet

En esta ocasión, voy a hacer un pequeño tutorial de cómo hacer una pequeña aplicación en html5 con ratchet (http://goratchet.com/getting-started/), de los creadores del magnifico BootStrap (http://getbootstrap.com/).

Lo primero que tenemos que hacer es descarganos los paquetes de css y js que ofrece ratchet en la siguiente página ( http://goratchet.com/getting-started/ ):

Ahora, como si en bootstrap estubieramos, creamos nuestros ficheros php/html añadiendo los enlaces de css / js de ratchet de modo, que un index de prueba podría ser:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ratchet template page</title>

    <!-- Sets initial viewport load and disables zooming  -->
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">

    <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- Include the compiled Ratchet CSS -->
    <link href="ratchet.css" rel="stylesheet">

    <!-- Include the compiled Ratchet JS -->
    <script src="ratchet.js"></script>
  </head>
  <body>

    <!-- Make sure all your bars are the first things in your <body> -->
    <header class="bar bar-nav">
      <h1 class="title">Ratchet</h1>
    </header>

    <!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
    <div class="content">
      <p class="content-padded"> HOLA MUNDO </p>
      <div class="card">
        <ul class="table-view">
          <li class="table-view-cell">
            <a class="push-right" href="http://goratchet.com">
              <strong>Documentación de ratchet</strong>
            </a>
          </li>
          <li class="table-view-cell">
            <a class="push-right" href="https://github.com/rafaelgonz">
              <strong> Github</strong>
            </a>
          </li>
          <li class="table-view-cell">
            <a class="push-right" href="index2.html">
              <strong>Pulsa para continuar</strong>
            </a>
          </li>
          <li class="table-view-cell">
            <a class="push-right" href="index3.html">
              <strong>Pulsa para registrarte</strong>
            </a>
          </li>
        </ul>
      </div>
    </div>

  </body>
</html>

Ahora, en nuestro servidor local (xampp en mi caso) nos conectamos mediante la IP de nuestro servidor con un dispositivo android con el navegadro Chrome (MUY IMPORTANTE) y en opciones, descargamos la web. Y si nos fijamos, lo que nos hemos descargado es el apk.

PD: En IOS desconozco su funcionamiento para descargar la página mediante el navegador, pero esto es tan fantástico que según he leido en los grupos de google de ratchet, funciona estupendamente también.

Nueva app publicada

Hola a todos!

La app que colgué la semana pasada, ha tenido un problema, ya que el servidor que albergaba dicha web (amazon) he perdido la cuenta, por lo que antes que arreglar eso, que era una app muy pequeña, he decidido colgar el recetario que acabé hace apenas un par de días.

El enlace es: https://play.google.com/store/apps/details?id=com.cristorey.androidchefs&hl=es

Y pantallazos de dicha app, que el otro día no pude colgar son:

Primera app con phonegap

Voy a explicar a continuación, como comenzar a trabajar con phonegap:

- Lo primero, es descargarse el paquete para eclipse.

- Seguidamente, en eclipse, creamos una aplicación android convencional, añadimos el icono de la app, nombre, nombre del paquete (atención: no dejar com.example porque te va a dar problemas para colgarlo en el market).

- Después, en el paquete phonegap descargado previamente, accedemos a /phonegap-2.7.0/lib/android. En la carpeta "Android" encontraremos el fichero "cordova-2.7.0.js", pulsaremos con el botón derecho del ratón sobre él y seleccionamos "Copiar":

- Desde nuestro proyecto Android en Eclipse, abrimos la carpeta "assets" y pegaremos el fichero en la subcarpeta "www".

-Ahora volveremos a la carpeta descomprimida de la descarga de PhoneGap, desde lib/android, pulsamos con el botón derecho del ratón sobre el fichero "cordova-2.7.0.jar", seleccionamos "Copiar".

-Desde Eclipse, abriremos la carpeta "libs" en "Project Explorer", pulsaremos con el botón derecho sobre "libs" y seleccionaremos "Paste".

-Volvemos otra vez a phonegap -> xml y la copiamos en res.


-Añadimos la librería .jar de PhoneGap (cordova-2.7.0.jar) al proyecto, para ello pulsamos sobre la carpeta "libs" en "Project Explorer" con el botón derecho, seleccionamos "Build Path" - "Configure Build Path":

-Seleccionamos "Java Build Path", en la parte derecha abrimos la pestaña "Libraries" y pulsamos el botón "Add JARs":

-Desplegamos la carpeta "libs", seleccionamos "cordova-2.7.0.jar" y pulsamos "OK".

-Ahora para hacer una pequeña app de prueba, modificamos el .java por el siguiente, para que la aplicación no inicie el activity anterior sino que lance un fichero HTML correspondiente al proyecto PhoneGap. Para ello añadimos el siguiente código:

package com.prueba.phonegap;

import android.os.Bundle;
import org.apache.cordova.*;

public class MainActivity extends DroidGap 
{
 @Override
 public void onCreate(Bundle savedInstanceState) 
 {
  super.onCreate(savedInstanceState);
  super.loadUrl("file://android_asset/www/index.html");
 }
}

- Crearemos el fichero "index.html" que será el que lanzará la aplicación, con formato HTML, para ello, desde la carpeta "assets/www".

- Y el resultado es:

OJO: Con PhoneGap no se puede usar PHP, sólo lenguajes que se ejecutan en el cliente.

Recetario "AndroidChef"

En esta ocasión, presento la que considero mi mejor app hasta la fecha AndroidChef, nativa en android, desarrollada con eclipse, que cuenta con BD interna, que sirve para que un usuario se pueda registrar, y pueda introducir recetas de cocina, y pueda consultarlas y visualizarlas cada vez que quiera.

Al contar la app con gestión de usuarios, cada usuario puede introducir sus recetas, ver únicamente sus recetas, o todas en un botón de visualización general.

La app y código fuente lo podemos encontrar en el respositorio github:

https://github.com/rafaelgonz/Recetario

Y recordar que mi cuenta en Google Play es: rafaelgonz (https://play.google.com/store/apps/details?id=com.granada.granadatierras&hl=es) y en los próximos días colgaré esta app también.


PD: Para usar esta app en tu smartphone, deberás registrarte previamente gratuitamente en dicha app.

HTML5: futuro de la programación

Se ha realizado un estudio a 4.043 desarrolladores web, de los que el 63% de ellos usan actualmente este nuevo estándar web (y solo el 6% ni lo hace ni lo va a hacer).


También se le da bastante importancia a la polémica de la aplicación móvil de Facebook para iOS (que al final resultó que usar HTML5 para crear la APP fue un error, porque no funcionaba igual de fluido con una aplicación que pasa previamente por el navegador que un hecha con el lenguaje nativo), aunque solo la mitad de los desarrolladores que han participado en la encuesta sabían que fue hecha con HTML5, pero lo que es aún más importante, el 85% de ellos creen que no ha tenido ni tendrá ningún impacto en la confianza que tiene este estándar (cosa que es normal, está más optimizado el lenguaje nativo que el navegador, pero no por ello significa que la tecnología es peor, pero si puede hacer que más de uno se espere un par de años para empezar a desarrollar con HTML5 su aplicación nativa, por lo menos sin usar alguna de las grandes soluciones que hay actualmente como PhoneGap).


A los desarrolladores también les han preguntado porque les interesa HTML5 y la mayoría destaca que es por la facilidad de uso en gran parte de las plataformas que existen y porque es similar a los lenguajes existentes (obviamente HTML, CSS3 y JavaScript).

Fuente: http://www.telerik.com/whitepapers/kendo-ui/html-adoption-survey-2012


Dicho esto, en el tiempo que queda de esta asignatura, voy a hacer una pequeña aplitcación de este tipo, he estado dudando entre usar PhoneGap (http://phonegap.com/) o Ratchet (http://goratchet.com/getting-started/) y como bootstrap, me encanta, me he decantado por esto último.


Así que en esta semana, espero poder subir dicha aplicación pequeña, y terminar la última gran aplicación nativa en android que estoy desarrollando estos días, Recetario android!!

App en el Market de Google

He colgado mi primera app en el market de google, el enlace es:

https://play.google.com/store/apps/details?id=com.granada.granadatierras

A continuación muestro unos pantallazos de dicha aplicación en el market:

Como comenté en la anterior entrada, yo había dejado el nombre de paquete por defecto (com.example) en prácticamente todas las apps que había creado, a excepción de esta pequeña aplicación web view que creé aprobechando una web responsive que había creado con bootstrap cuya dirección es:

http://granadats.cloudapp.net/

Y su enlace a github era:

https://github.com/rafaelgonz/GranadaTS