Mi recomendación en el desarrollo de la aplicación web.
Aparte del hola mundo para comenzar en algún lenguaje el mejor para mi es hacer una Calculadora.
Mi script para las operaciones de la calculadora.
var operador = "";
var num_cache = "";
var num_act = "";
var resul = "";
var cache = false;
function initNumAct(){
num_act = $("#display_text").attr("value");
}
function sum(){
if(!cache && operador != "+"){
operacion(operador);
operador = "+";
} else if(operador == "+"){
resul = parseFloat(num_cache) + parseFloat(num_act);
} else if(cache && operador != "+"){
operador = "+";
}
cache = true;
}
function div(){
if(!cache && operador != "/"){
operacion(operador);
operador = "/";
} else if(operador == "/"){
resul = parseFloat(num_cache) / parseFloat(num_act);
} else if(cache && operador != "/"){
operador = "/";
}
cache = true;
}
function mul(){
if(!cache && operador != "*"){
operacion(operador);
operador = "*";
} else if(operador == "*"){
resul = parseFloat(num_cache) * parseFloat(num_act);
} else if(cache && operador != "*"){
operador = "*";
}
cache = true;
}
function res(){
if(!cache && operador != "-"){
operacion(operador);
operador = "-";
} else if(operador == "-"){
resul = parseFloat(num_cache) - parseFloat(num_act);
} else if(cache && operador != "-"){
operador = "-";
}
cache = true;
}
function clear(){
operador = "";
num_cache = "";
num_act = "";
resul = "";
cache = false;
$("#display_text").attr("value", "");
}
function clearDisplay(){
num_act = "";
resul = "";
$("#display_text").attr("value", "");
}
function removeDigi(){
var text = $("#display_text").attr("value");
var aux="";
var i = 0;
for (i=0;i<(text.length)-1;i++){
aux = aux + text.charAt(i);
}
num_act = aux;
resul = aux;
}
function contarPunto(text){
var aux=0;
var i = 0;
for (i=0;i=0 && v <= 9) || v == "."){
addDigi(v)
} else {
if(v == "="){
v = operador;
cache = false;
}
operacion(v);
}
showDisplay();
}
$(document).ready(function() {
$(".bd").click(function(){
var v = $(this).attr("value");
init(v);
})
});
Hay unos pequeños inconveniente pero si los quieren arreglar no hay problema y aunque sé cuales son los voy a dejar así.
Body del Html
Este es el resultado de nuestra calculadora básica.
Los archivos de script y tema desde esta página: http://jquerymobile.com/
Ahora si eclipse y android.
Los pasos de instalación de estos dos acá: http://www.ajpdsoft.com/modules.php?name=News&file=article&sid=536
Ya lo tienen instalado y configurado?
Ok, en el proyecto que crearon dentro de la carpeta assets van a crear una como www y dentro de esta dejan todos los archivos de la aplicación en este caso la calculadora. (index.html, scripts, temas e imagenes)
Abrir el archivo que esta en directorio res/layout/ *.xml y agregar WebView que esta en la pestaña Composite y ampliarlo al tamaño del mobil demo.
Ahora abrir el archivo que está en la carpeta src (.java) y dentro de este hacer algo como estó:
package com.example.calcbasico;
import android.os.Bundle;
import android.app.Activity;
import android.webkit.*;
public class MainActivity extends Activity {
WebView cwv;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
cwv = (WebView) findViewById(R.id.webView1);
cwv.getSettings().setJavaScriptEnabled(true);
cwv.loadUrl("file:///android_asset/www/index.html");
}
}
Encontre muchas cosas en la web de como llamar el archivo pero en todos los que encontre eran el mismo. Todos con el mismo problema. Si ya han buscado veran la pequeña diferencia.
La ruta del archivo comienza desde android_asset.
Ahora abrir el archivo .xml que esta en la raiz del proyecto: en mi caso se llama AndroidMainfest.xml y agregan estos permisos.
Después de eso compilan y ven su resultado:
Por ultimo hay dos formas de tener el paquete .apk para instalar en nuestro android.
- click derecho a la carpeta: android tools / export unsigned application package
- Buscar en el directorio bin de la carpeta raiz del proyecto el archivo .apk
