Aplicación Movil Phonegap Final

APLICACIN MOVIL
PHONEGAP
RESTAURANT
17/06/2014
INSTITUTO TECNOLOGICO DE CD JIMENEZ CHIHUAHUA
ISC. ENRIQUE CAMPOS RODRIGUEZ
INTEGRANTES:
ERICK GARCIA REGALADO
NCONTROL: 11740111
DAVID OMAR ROBLES MORA
NCONTROL: 11740130
PEDRO GERARDO SEAEZ ARAMBULA
NCONTROL: 11740242
APLICACIN MOVIL PHONEGAP

ndice de contenido.
Contenido
1.- INTRODUCCION ........................................................................................................................ 4
2.- OBJETIVOS. ......................................................................................................................... 5
2.1- Objetivo general del curso. ............................................................................................... 5
2.2.- Objetivo de la aplicacin. .................................................................................................. 5
3.- MARCO TEORICO...................................................................................................................... 5
3.1.-Plataformas mviles:.......................................................................................................... 5
3.2.- Ambientes de desarrollo: .................................................................................................. 6
3.3.-Herramientas de desarrollo: .............................................................................................. 6
4.- DESARROLLO. ........................................................................................................................... 7
4.1 integracin de libreras........................................................................................................ 7
4.2.- creacin de la base de datos:............................................................................................ 7
4.3.-creacion de archivos PHP ................................................................................................... 9
5.-CONCLUCION. ......................................................................................................................... 25
6.-FUENTES DE CONSULTA .......................................................................................................... 26
Pgina 2

ndice de Listas
Listado 1: cdigo ConexinBD.PHP ..................................................................................... 10
Listado 2: cdigo Bebidas.PHP ............................................................................................ 11
Listado 3: cdigo Carnes.PHP .............................................................................................. 11
Listado 4: cdigo Entradas.PHP ........................................................................................... 12
Listado 5: cdigo Pescado.PHP............................................................................................ 13
Listado 6: cdigo Postres.PHP ............................................................................................. 14
Listado 7: cdigo BebidasControlador.PHP ......................................................................... 14
Listado 8: cdigo CarnesControlador.PHP .......................................................................... 14
Listado 9: cdigo EntradasControlador.PHP ....................................................................... 15
Listado 10: cdigo PescadoControlador.PHP ...................................................................... 15
Listado 11: cdigo PostresControlador.PHP ....................................................................... 15
Listado 12: BebidasDAO.PHP............................................................................................... 16
Listado 13: CarnesDAO.PHP ................................................................................................ 17
Listado 14: EntradasDAO.PHP ............................................................................................. 17
Listado 15: PescadoDAO.PHP .............................................................................................. 18
Listado 16: PostresDAO.PHP ............................................................................................... 19
Listado 17: cdigo script Entradas ...................................................................................... 19
Listado 18: cdigo script Pescado. ...................................................................................... 20
Listado 19: cdigo script Carnes. ......................................................................................... 21
Listado 20: cdigo script Postres. ........................................................................................ 22
Listado 21: cdigo script Bebidas ........................................................................................ 22
Listado 22: cdigo div Entradas........................................................................................... 23
Listado 23: cdigo div Pescados. ......................................................................................... 23
Listado 24: cdigo div Carnes. ............................................................................................. 24
Listado 25: cdigo div Postres. ............................................................................................ 24
Listado 26: cdigo div Bebidas. ........................................................................................... 25
Pgina 3

1.- INTRODUCCION
Hoy en da estamos expuestos a una infinidad de dispositivos como
computadoras, Smartphone y tablets los cuales nos permiten estar
comunicados e informados en cualquier momento de manera inmediata,
adems se han vuelto ms accesibles para muchos debido a sus bajos precios
y a la gran gama de modelos existentes. Sin duda esto representa una gran
oportunidad de negocio para los fabricantes de este tipo de equipos y tambin
para todas aquellas empresas que desarrollan contenidos y aplicaciones para
estos dispositivos.
Un Smartphone o dispositivo mvil inteligente, es un telfono celular con
prestaciones superiores a las tpicas, a menudo comparadas con las
prestaciones de una PC. Sin embargo no hay un acuerdo entre los fabricantes
acerca de esta definicin, para algunos se trata de un telfono que corre un
sistema operativo completo e identificable, que provee una interface estndar y
una plataforma para desarrollo de aplicaciones. Para otros es simplemente un
telfono mvil con funcionalidades avanzadas como: e-mail, Internet y/o un
teclado integrado. A los efectos de este documento se tendr en cuenta la
primera definicin, ya que nos interesa conocer los sistemas operativos de
cada plataforma y los procesos de desarrollo y publicacin de software para
cada una.
Mediante el presente documento se explicara cmo se preparo el ambiente de
desarrollo para la elaboracin de nuestra aplicacin.
La aplicacin que se mencionara a continuacin fue desarrollada para facilitar y
hacer ms interactivo la seleccin de men para un restaurante, de esta forma
se puede obtener ms informacin de los platillos de forma ms grfica y
llamativa
Pgina 4

2.- OBJETIVOS.
2.1- Objetivo general del curso.
Identificar las implicaciones actuales de la programacin mvil.

Identificar las caractersticas de los diferentes emuladores para
dispositivos mviles.
Identificar los problemas de comunicacin entre sistemas.
Utilizar tcnicas de modelado para la solucin de problemas.
Aplicar la sintaxis de un lenguaje para aplicaciones mviles.
Aplicar un lenguaje para la solucin de problemas para dispositivos
mviles.
2.2.- Objetivo de la aplicacin.

Desarrollar una aplicacin que sea sencilla de usar, para que cualquier persona
incluso sin conocimientos de tecnologa, pueda utilizar este men intuitivo
Adems de que nios y adultos se sientan cmodos utilizado esta aplicacin
de forma sencilla para poder seleccionar sus platillos y poder obtener una
descripcin y visualizacin de cmo es su presentacin, y as poder minimizar
el tiempo de espera para la atencin de un mesero, ya que el pedido ser
enviado directamente al chef.
3.- MARCO TEORICO.

3.1.-Plataformas mviles:
Android.- Es el S.O. desarrollado por Open Handset Alliance, organizacin
liderada por Google. La principal caracterstica de Android es que se desarrolla
de forma abierta, lo que permite a los desarrolladores crear libreras y
programas generados en otros lenguajes y compilarlos en la arquitectura ARM
de los terminales Android como si se tratasen de libreras nativas del sistema,
permitiendo mejorar el sistema constantemente. [1]
iOS.- (iPhone OS), el sistema operativo desarrollado por Apple Inc. para
iPhone, iPod Touch, iPad y Apple TV, es una evolucin de Darwin BSD y por lo
tanto un sistema operativo Unix. A diferencia de Android, iOS est desarrollado
nicamente para unos pocos dispositivos diseados por la propia Apple,
constituyendo as un ecosistema cerrado. Sin embargo, de cara a los
desarrolladores esta caracterstica proporciona una ventaja, ya que las
herramientas de diseo de aplicaciones y frameworks proporcionadas por
Apple estn optimizadas para dicho hardware, simplificando as las tareas de
desarrollo y contribuyendo a garantizar la fiabilidad de las aplicaciones.
Adems, las aplicaciones para iOS se distribuyen por medio de la App Store,
pasando estrictos controles de calidad antes de ser publicadas. [1]
Pgina 5

Windows Phone.- Es un sistema operativo mvil desarrollado por Microsoft
como sucesor de Windows Mobile. A diferencia de su predecesor est
enfocado en el mercado de consumo en lugar de en el mercado empresarial.
Con Windows Phone Microsoft ofrece una nueva interfaz de usuario que
integra varios de sus servicios propios como SkyDrive, Skype y Xbox Live en el
sistema operativo. Compite directamente contra Android de Google e iOS de
Apple. [2]
BlackBerry.- Es una marca de telfonos. (Smartphones) Desarrollada por la
compaa canadiense BlackBerry que integra el servicio de correo electrnico
mvil en 1999; aunque incluye las aplicaciones tpicas de un smartphone:
libreta de direcciones, calendario, listas de tareas, block de notas etc., as como
capacidades de telfono en los modelos ms nuevos. Es fundamentalmente
conocido por su teclado QWERTY incorporado, y por su capacidad para enviar
y recibir correo electrnico de Internet accediendo a las redes de las
compaas de telefona celular que brindan este servicio. BlackBerry usa el
sistema operativo BlackBerry OS, el cual pueden tomar fotos, grabar vdeos,
reproducir msica, acceder a inter y a su correo, aparte de su sistema de
mensajera llamado BBM. [3]
3.2.- Ambientes de desarrollo:
Eclipse.- Es un programa informtico compuesto por un conjunto de
herramientas de programacin de cdigo abierto multiplataforma para
desarrollar lo que el proyecto llama "Aplicaciones de Cliente Enriquecido",
opuesto a las aplicaciones "Cliente-liviano" basadas en navegadores. Esta
plataforma, tpicamente ha sido usada para desarrollar entornos de desarrollo
integrados (del ingls IDE), como el IDE de Java llamado Java
DevelopmentToolkit (JDT) y el compilador (ECJ) que se entrega como parte de
Eclipse (y que son usados tambin para desarrollar el mismo Eclipse). Sin
embargo, tambin se puede usar para otros tipos de aplicaciones cliente, como
BitTorrent o Azureus. [4]
3.3.-Herramientas de desarrollo:
Codiqa.- es una herramienta online que permite disear prototipos funcionales
para aplicaciones mviles basados en jQuery Mobile con el propsito de reducir
dramticamente el tiempo que toma desarrollar un prototipo o una aplicacin,
como sabemos el prototipo es la primera etapa de la construccin de una
aplicacin y Codiqa hace el trabajo muy, muy, muy fcil.[5]
PhoneGap.-Es un framework para el desarrollo de aplicaciones mviles
producido
por
Nitobi,
y
comprado
posteriormente
por
Adobe
Systems.Principalmente, PhoneGap permite a los programadores desarrollar
aplicaciones para dispositivos mviles utilizando herramientas genricas tales
como JavaScript, HTML5 y CSS3. Las aplicaciones resultantes son hbridas, es
decir que no son realmente aplicaciones nativas al dispositivo (ya que el
Pgina 6

renderizado se realiza mediante vistas web y no con interfaces grficas
especficas de cada sistema), pero no se tratan tampoco de aplicaciones web
(teniendo en cuenta que son aplicaciones que son empaquetadas para poder
ser desplegadas en el dispositivo incluso trabajando con el API del sistema
nativo). [8]
Android SDK.-El SDK (SoftwareDevelopmentKit) de Android, incluye un
conjunto de herramientas de desarrollo. Comprende un depurador de cdigo,
biblioteca, un simulador de telfono basado en QEMU, documentacin,
ejemplos de cdigo y tutoriales. Las plataformas de desarrollo soportadas
incluyen Linux (cualquier distribucin moderna), Mac OS X 10.4.9 o posterior, y
Windows XP o posterior. La plataforma integral de desarrollo (IDE,
IntegratedDevelopmentEnvironment) soportada oficialmente es Eclipse junto
con el complemento ADT ( AndroidDevelopment Tools plugin ), aunque
tambin puede utilizarse un editor de texto para escribir ficheros Java y Xml y
utilizar comandos en un terminal ( se necesitan los paquetes JDK, Java
Development Kit y Apache Ant ) para crear y depurar aplicaciones. Adems,
pueden controlarse dispositivos Android que estn conectados. [9]
4.- DESARROLLO.
4.1 integracin de libreras
Para el correcto funcionamiento del proyecto es necesario incluir las siguientes
libreras:
jquery-1.8.3.min.js
jquery.mobile-1.2.0.min.css
jquery.mobile-1.2.0.min.js
Las cuales se adquieren de la pgina: http://jquerymobile.com/download/all/

Una vez descargadas se integran al proyecto de la siguiente manera: Copiar
las 3 libreras, al proyecto en la capeta assets>www
Las cuales sern llamadas por el siguiente cdigo:
<script src="jquery-1.8.3.min.js">
</script>
<link href="jquery.mobile-1.2.0.min.css" rel="stylesheet"> <script src="jquery.mobile1.2.0.min.js">
</script>
4.2.- creacin de la base de datos:

Para la creacin de la base de datos se ingresa a phpmyadmin, se crea una
nueva base de datos con el nombre restaurant2.
Pgina 7

Con las siguientes tablas
TABLA ENTRADAS
CAMPO
Id Platillo
Nombre
Descripcin
Costo
TIPO
int
Varchar(50)
longtext
double
PESCADO
CAMPO
Id Platillo
Nombre
Descripcin
Costo
TIPO
int
Varchar(50)
longtext
double
CARNES
CAMPO
Id Platillo
Nombre
Descripcin
Costo
TIPO
int
Varchar(50)
longtext
double
POSTRES
CAMPO
Id Platillo
Nombre
Descripcin
Costo
TIPO
int
Varchar(50)
longtext
double
BEBIDAS
CAMPO
Id Platillo
Nombre
Descripcin
Costo
TIPO
int
Varchar(50)
longtext
double
Pgina 8

4.3.-creacion de archivos PHP
Para la interaccin del servicio web se crearan los siguientes archivos PHP
para la manipulacin de la base de datos.
Vaya a la ubicacin donde se ha instalado el servidor XAMPP (En este caso se
instalado en C: \ xampp \) e ir a la carpeta htdocs y crear una nueva carpeta
para el proyecto. Tienes que poner todos los archivos del proyecto dentro de
esta carpeta.
Cree una carpeta llamada restaurant y hay que crear 4 carpetas las cuales
contendrn los siguientes archivos PHP:
BEANS
o Bebidas.PHP
o Carnes.PHP
o Carta.PHP
o Entradas.PHP
o Pescado.PHP
o Postres.PHP
CONTROLADOR
o BebidasControlador.PHP
o CarnesControlador.PHP
o CartaControlador.PHP
o EntradasControlador.PHP
o PescadoControlador.PHP
o PostresControlador.PHP
DAO
o BebidasDAO.PHP
o CarnesDAO.PHP
o CartaDAO.PHP
o EntradasDAO.PHP
o PescadoDAO.PHP
o PostresDAO.PHP
UTIL
o Conexin.PHP
Pgina 9

Se crea el archivo llamado:
ConexionBD.PHP
El cual el servir para la conexin con la base de datos.
<?php
class ConexionBD
{
const SERVER = "localhost";
const USER="root";
const PASS="";
const DATABASE="restaurant2";
private $cn = null;
public function getConexionBD()
{
try
{ $this->cn = @mysql_connect(self::SERVER, self::USER, self::PASS);
@mysql_select_db(self:: DATABASE, $this->cn);
}
catch(Exception $e)
{
}
return $this->cn;
}
}
?>
Listado 1: cdigo ConexinBD.PHP
Despus de tener la conexin establecida se procede a la creacin de los

siguientes archivos PHP los cuales tendrn funciones similares:
Bebidas.PHP
Su funcin es obtener los datos de los campos de la tabla Bebidas, tales como
su Nombre, Descripcin, Costo para su uso posterior.
<?php
class Bebidas
{
public $Nombre;
public $Descripcion;
public $Costo;
public function getNombre()

{
return $this->Nombre;
}
public function setNombre($Nombre)
{
$this->Nombre = $Nombre;
}
public function getDescripcion()
{
return $this->Descripcion;
}
public function setDescripcion($Descripcion)
{
$this->Descripcion = $Descripcion;
}
Pgina 10

public function getCosto()
{
return $this->Costo;
}
public function setCosto($Costo)
{
$this->Costo = $Costo;
}
}
?>
Listado 2: cdigo Bebidas.PHP
Carnes.PHP
Su funcin es obtener los datos de los campos de la tabla Carnes, tales como
<?php
class Carnes
{
public $Nombre;
public $Costo;

{
}
{
}
{
}
{
}
{
}
{
}
}
?>
Listado 3: cdigo Carnes.PHP
Pgina 11

Entradas.PHP
Su funcin es obtener los datos de los campos de la tabla Entradas, tales como
<?php
class Entradas
{
public $Nombre;
public $Costo;

{
}
{
}
{
}
{
}
{
}
{
}
}
?>
Listado 4: cdigo Entradas.PHP
Pescado.PHP
Su funcin es obtener los datos de los campos de la tabla Pescado, tales como
<?php
class Pescado
{
public $Nombre;
public $Costo;

{
}
Pgina 12

{
}
{
}
{
}
{
}
{
}
}
?>
Listado 5: cdigo Pescado.PHP
Postres.PHP
Su funcin es obtener los datos de los campos de la tabla Entradas, tales como
<?php
class Postres
{
public $Nombre;
public $Costo;

{
}
{
}
{
}
{
}
{
}
{
}
}
Pgina 13

?>
Listado 6: cdigo Postres.PHP
Los siguientes archivos PHP obtienen los datos anteriormente recolectados

por los siguientes PHP:
Bebidas.PHP
Carnes.PHP
Entradas.PHP
Pescado.PHP
Postres.PHP
BebidasDAO.PHP
CarnesDAO.PHP
EntradasDAO.PHP
PescadoDAO.PHP
PostresDAO.PHP
BebidasControlador.PHP
Su funcin es el de obtener los datos de de Bebidad.PHP y BebidasDao.PHP
para su uso posterior en el script para llenar los datos en una lista.
<?php
require_once '../BEANS/Bebidas.php';
require_once '../DAO/BebidasDAO.php';
$objBebidasDAO=new BebidasDAO();
$LISTA=$objBebidasDAO->CargarBebidas();
header('Content-type: application/json');
echo json_encode($LISTA);
?>
Listado 7: cdigo BebidasControlador.PHP
CarnesControlador.PHP
Su funcin es el de obtener los datos de de Carnes.PHP y CarnesDao.PHP
<?php
require_once '../BEANS/Carnes.php';
require_once '../DAO/CarnesDAO.php';
$objCarnesDAO=new CarnesDAO();
$LISTA=$objCarnesDAO->CargarCarnes();
?>
Listado 8: cdigo CarnesControlador.PHP
Pgina 14

EntradasControlador.PHP
Su funcin es el de obtener los datos de de Entradas.PHP y EntradasDao.PHP
<?php
require_once '../BEANS/Entradas.php';
require_once '../DAO/EntradasDAO.php';
$objEntradasDAO=new EntradasDAO();
$LISTA=$objEntradasDAO->CargarEntradas();
?>
Listado 9: cdigo EntradasControlador.PHP
PescadoControlador.PHP
Su funcin es el de obtener los datos de de Pescados.PHP y
PescadosDao.PHP para su uso posterior en el script para llenar los datos en
una lista.
<?php
require_once '../BEANS/Pescado.php';
require_once '../DAO/PescadoDAO.php';
$objPescadoDAO=new PescadoDAO();
$LISTA=$objPescadoDAO->CargarPescado();
?>
Listado 10: cdigo PescadoControlador.PHP
PostresControlador.PHP
Su funcin es el de obtener los datos de de Postres.PHP y PostresDao.PHP
<?php
require_once '../BEANS/Postres.php';
require_once '../DAO/PostresDAO.php';
$objPostresDAO=new PostresDAO();
$LISTA=$objPostresDAO->CargarPostres();
?>
Listado 11: cdigo PostresControlador.PHP
Pgina 15

BebidasDAO.PHP
Su funcin es el de obtener los datos que fueron recolectados por Bebidas.PHP
Para despus mostrarlos en lista en la interface.
<?php
require_once "../UTIL/ConexionBD.php";
require_once '../BEANS/Bebidas.php';
class BebidasDAO
{
public function CargarBebidas()
{
try
{
$sql="SELECT * FROM BEBIDAS";
$objc=new ConexionBD();
$cn=$objc->getConexionBD();
$rs=mysql_query($sql,$cn);
$LISTA['BEBIDAS']=array();
while($fila=mysql_fetch_assoc($rs))
{
array_push ($LISTA['BEBIDAS'],
array('Nombre'=>$fila['Nombre'],
'Descripcion'=>$fila['Descripcion'],
'Costo'=>$fila['Costo'],
));
}
}
catch (Exception $e)
{
}
return $LISTA;
}
}
?>
Listado 12: BebidasDAO.PHP
CarnesDAO.PHP
Su funcin es el de obtener los datos que fueron recolectados por Carnes.PHP
<?php
require_once '../BEANS/Carnes.php';
class CarnesDAO
{
public function CargarCarnes()
{
try
{
$sql="SELECT * FROM CARNES";
$LISTA['CARNES']=array();
{
array_push ($LISTA['CARNES'],
Pgina 16

));
}
}
{
}
return $LISTA;
}
}
?>
Listado 13: CarnesDAO.PHP
EntradasDAO.PHP
Su funcin es el de obtener los datos que fueron recolectados por
Entradas.PHP
<?php
require_once '../BEANS/Entradas.php';
class EntradasDAO
{
public function CargarEntradas()
{
try
{
$sql="SELECT * FROM ENTRADAS";
$LISTA['ENTRADAS']=array();
{
array_push ($LISTA['ENTRADAS'],
));
}
}
{
}
return $LISTA;
}
}
?>
Listado 14: EntradasDAO.PHP
PescadoDAO.PHP
Su funcin es el de obtener los datos que fueron recolectados por
Pescado.PHP
<?php
require_once '../BEANS/Pescado.php';
Pgina 17

class PescadoDAO
{
public function CargarPescado()
{
try
{
$sql="SELECT * FROM PESCADO";
$LISTA['PESCADO']=array();
{
array_push ($LISTA['PESCADO'],
));
}
}
{
}
return $LISTA;
}
}
?>
Listado 15: PescadoDAO.PHP
PostresDAO.PHP
Su funcin es el de obtener los datos que fueron recolectados por Postres.PHP
<?php
require_once '../BEANS/Postres.php';
class PostresDAO
{
public function CargarPostres()
{
try
{
$sql="SELECT * FROM POSTRES";
$LISTA['POSTRES']=array();
{
array_push ($LISTA['POSTRES'],
));
}
}
{
}
return $LISTA;
}
}
?>
Pgina 18

Listado 16: PostresDAO.PHP
Una vez creados los archivos PHP para la interaccin con la base de datos
Se procede a la creacin de los siguientes scripts los cuales se integran en
index.HTML, su funcin mostrarlos datos de cada tabla en forma de lista en
nuestra aplicacin.
Entradas Script:
Se conecta a EntradasControlador.PHP para obtener los datos, cada
variable declarada son los datos que se van a imprimir en una lista, se conecta
a la tabla Entradas obtiene los datos de ella y las asigna las variables Crea la
lista con los datos obtenidos con los siguientes datos:
Nombre
Descripcin
Costo
<script>
$('#page13').live('pageshow', function(event)
{
$.getJSON('http://192.168.1.96/restaurant/CONTROLADOR/EntradasControlador.php', function
(data)
{
var datos = data.ENTRADAS;
$('#entrad').empty();
$.each(datos, function(dato, entradas)
{
var nombre=entradas.Nombre;
var descripcion=entradas.Descripcion;
var costo=entradas.Costo;
$('#entrad').append('<li>' + '<h4>' +nombre+ '</h4>' + '</li>');
$('#entrad').append('<li>' +entradas.Descripcion +
'</li></ul></div>');
$('#entrad').append('<div data-role="content"><ul datarole="listview"><li>' + '<h6>' +entradas.Costo+ '</h6>' + '</li></ul></div>');
});
$('#entrad').listview('refresh');
});
});
</script>
<script>
Listado 17: cdigo script Entradas
Pgina 19

Pescado Script
Se conecta a PescadoControlador.PHP para obtener los datos, cada variable
declarada son los datos que se van a imprimir en una lista, se conecta a la
tabla Entradas obtiene los datos de ella y las asigna las variables Crea la lista
con los datos obtenidos con los siguientes datos:
Nombre
Descripcin
Costo
<script>
{
$.getJSON('http://192.168.1.96/restaurant/CONTROLADOR/PescadoControlador.php', function
(data)
{
var datos = data.PESCADO;
$('#pesca').empty();
$.each(datos, function(dato, pescado)
{
var nombre=pescado.Nombre;
var descripcion=pescado.Descripcion;
var costo=pescado.Costo;
$('#pesca').append('<li>' + '<h4>' +nombre+ '</h4>' + '</li>');
$('#pesca').append('<li>' +pescado.Descripcion+ '</li>');
$('#pesca').append('<div data-role="content"><ul datarole="listview"><li>' + '<h6>' +pescado.Costo+ '</h6>' + '</li></ul></div>');
});
$('#pesca').listview('refresh');
});
});
</script>
Listado 18: cdigo script Pescado.
Carnes Script:
Se conecta a CarnesControlador.PHP para obtener los datos, cada variable
Nombre
Descripcin
Costo
<script>
{
$.getJSON('http://192.168.1.96/restaurant/CONTROLADOR/CarnesControlador.php', function
Pgina 20

(data)
{
var datos = data.CARNES;
$('#carne').empty();
$.each(datos, function(dato, carnes)
{
var nombre=carnes.Nombre;
var descripcion=carnes.Descripcion;
var costo=carnes.Costo;
$('#carne').append('<li>' + '<h4>' +nombre+ '</h4>' + '</li>');
$('#carne').append('<li>' +carnes.Descripcion+ '</li>');
$('#carne').append('<div data-role="content"><ul datarole="listview"><li>' + '<h6>' +carnes.Costo+ '</h6>' + '</li></ul></div>');
});
$('#carne').listview('refresh');
});
});
</script>
Listado 19: cdigo script Carnes.
Postre Script
Se conecta a PostreControlador.PHP para obtener los datos, cada variable
Nombre
Descripcin
Costo
<script>
{
$.getJSON('http://192.168.1.96/restaurant/CONTROLADOR/PostresControlador.php',
function (data)
{
var datos = data.POSTRES;
$('#postr').empty();
$.each(datos, function(dato, postres)
{
var nombre=postres.Nombre;
var descripcion=postres.Descripcion;
var costo=postres.Costo;
$('#postr').append('<li>' + '<h4>' +nombre+ '</h4>' +
'</li>');
$('#postr').append('<li>' +postres.Descripcion+ '</li>');
$('#postr').append('<div data-role="content"><ul datarole="listview"><li>' + '<h6>' +postres.Costo+ '</h6>' + '</li></ul></div>');
});
$('#postr').listview('refresh');
Pgina 21

});
});
</script>
Listado 20: cdigo script Postres.
Bebidas Script
Se conecta a BebidasControlador.PHP para obtener los datos, cada variable
Nombre
Descripcin
Costo
<script>
{
$.getJSON('http://192.168.1.96/restaurant/CONTROLADOR/BebidasControlador.php',
function (data)
{
var datos = data.BEBIDAS;
$('#bebid').empty();
$.each(datos, function(dato, bebidas)
{
var nombre=bebidas.Nombre;
var descripcion=bebidas.Descripcion;
var costo=bebidas.Costo;
$('#bebid').append('<li>' + '<h4>' +nombre+ '</h4>' +
'</li>');
$('#bebid').append('<li>' +bebidas.Descripcion+ '</li>');
$('#bebid').append('<div data-role="content"><ul datarole="listview"><li>' + '<h6>' +bebidas.Costo+ '</h6>' + '</li></ul></div>');
});
$('#bebid').listview('refresh');
});
});
</script>
Listado 21: cdigo script Bebidas
Despus se procede a la creacin de los divs en index.HTML

correspondientes a cada tabla Donde sern mostrados los datos de cada una
de ellas.
Pgina 22

Div Entradas
Su funcin es mostrar los datos de la tabla Entradas el div es llamado con la id
entrad que redireccina su correspondiente script con la siguiente lnea de
cdigo.
<ul id="entrad" data-role="listview">
<div data-role="page" data-control-title="Entrantes" id="page13" class="Entrantes" data-add-backbtn="true">

<div data-theme="a" data-role="header">
<a data-role="button" data-theme="b" href="#page10" data-icon="back" dataiconpos="notext"
class="ui-btn-left">
</a>
<h3>
Entrantes
</h3>
</div>
<div data-role="content" >
<ul id="entrad" data-role="listview">
</ul>
</div>
</div>
Listado 22: cdigo div Entradas
Div Pescados
pesca que redireccina su correspondiente script con la siguiente lnea de
cdigo.
<ul id="pesca" data-role="listview">
<div data-role="page" data-control-title="Pescados" id="page14" class="Pescados">

</a>
<h3>
Pescados
</h3>
</div>
<ul id="pesca" data-role="listview">
</ul>
</div>
</div>
Listado 23: cdigo div Pescados.
Pgina 23

Div Carnes
carne que redireccina su correspondiente script con la siguiente lnea de
cdigo.
<ul id="carne" data-role="listview">
<div data-role="page" data-control-title="Carnes" id="page15" class="Carnes">

</a>
<h3>
Carnes
</h3>
</div>
<ul id="carne" data-role="listview">
</ul>
</div>
</div>
Listado 24: cdigo div Carnes.
Div Postres
postr que redireccina su correspondiente script con la siguiente lnea de
cdigo.
<div data-role="page" data-control-title="Postres" id="page16" class="Postres">
</a>
<h3>
Postres
</h3>
</div>
<ul id="postr" data-role="listview">
</ul>
</div>
</div>
Listado 25: cdigo div Postres.
Pgina 24

Div Bebidas
bebid que redireccina su correspondiente script con la siguiente lnea de
cdigo.
<div data-role="page" data-control-title="Bebidas y Licores" id="page17"
class="Bebidas">
</a>
<h3>
Bebidas y Licores
</h3>
</div>
<ul id="bebid" data-role="listview">
</ul>
</div>
</div>
Listado 26: cdigo div Bebidas.
5.-CONCLUCION.
El proyecto de la aplicacin mvil fue un reto para el equipo, Puso a prueba los
conocimientos adquiridos durante el semestre as como la determinacin para
concretar el proyecto trabajando bajo presin en varias ocasiones.
Pgina 25
6.-FUENTES DE CONSULTA
1. http://www.gradiant.org/es/actualidad/noticias/606-el-exito-de-lasplataformas-de-aplicaciones-moviles.html
2. http://es.wikipedia.org/wiki/Windows_Phone
3. http://es.wikipedia.org/wiki/BlackBerry
4. http://es.wikipedia.org/wiki/Eclipse_%28software%29
5. https://codiqa.com/
6. http://www.nerdcoder.com/codiqa-creacion-de-prototipos-online-conjquerymobile/
7. http://www.neoteo.com/como-instalar-phonegap-en-eclipse/
8. http://es.wikipedia.org/wiki/PhoneGap
9. http://es.wikipedia.org/wiki/Desarrollo_de_programas_para_Android#And
roid_SDK
10. http://jquerymobile.com/download/all/
Pgina 26

Aplicación Movil Phonegap Final

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Aplicación Movil Phonegap Final

Enviado por

Direitos autorais:

Formatos disponíveis

APLICACIN MOVIL

APLICACIN MOVIL PHONEGAP

APLICACIN MOVIL PHONEGAP

APLICACIN MOVIL PHONEGAP

APLICACIN MOVIL PHONEGAP

Identificar las implicaciones actuales de la programacin mvil.

2.2.- Objetivo de la aplicacin.

3.- MARCO TEORICO.

APLICACIN MOVIL PHONEGAP

APLICACIN MOVIL PHONEGAP

Las cuales se adquieren de la pgina: http://jquerymobile.com/download/all/

4.2.- creacin de la base de datos:

APLICACIN MOVIL PHONEGAP

APLICACIN MOVIL PHONEGAP

APLICACIN MOVIL PHONEGAP

Listado 1: cdigo ConexinBD.PHP

Despus de tener la conexin establecida se procede a la creacin de los

public function getNombre()

APLICACIN MOVIL PHONEGAP

Listado 2: cdigo Bebidas.PHP

public function getNombre()

Listado 3: cdigo Carnes.PHP

APLICACIN MOVIL PHONEGAP

public function getNombre()

Listado 4: cdigo Entradas.PHP

public function getNombre()

APLICACIN MOVIL PHONEGAP

Listado 5: cdigo Pescado.PHP

public function getNombre()

APLICACIN MOVIL PHONEGAP

Listado 6: cdigo Postres.PHP

Los siguientes archivos PHP obtienen los datos anteriormente recolectados

Listado 7: cdigo BebidasControlador.PHP

Listado 8: cdigo CarnesControlador.PHP

APLICACIN MOVIL PHONEGAP

Listado 9: cdigo EntradasControlador.PHP

Listado 10: cdigo PescadoControlador.PHP

Listado 11: cdigo PostresControlador.PHP

APLICACIN MOVIL PHONEGAP

Listado 12: BebidasDAO.PHP

APLICACIN MOVIL PHONEGAP

Listado 13: CarnesDAO.PHP

Listado 14: EntradasDAO.PHP

APLICACIN MOVIL PHONEGAP

Listado 15: PescadoDAO.PHP

APLICACIN MOVIL PHONEGAP

Listado 17: cdigo script Entradas

APLICACIN MOVIL PHONEGAP

Listado 18: cdigo script Pescado.

APLICACIN MOVIL PHONEGAP

Listado 19: cdigo script Carnes.

APLICACIN MOVIL PHONEGAP

Listado 20: cdigo script Postres.

Listado 21: cdigo script Bebidas

Despus se procede a la creacin de los divs en index.HTML

APLICACIN MOVIL PHONEGAP

<div data-role="page" data-control-title="Entrantes" id="page13" class="Entrantes" data-add-backbtn="true">

Listado 22: cdigo div Entradas

<div data-role="page" data-control-title="Pescados" id="page14" class="Pescados">

Listado 23: cdigo div Pescados.

APLICACIN MOVIL PHONEGAP

<div data-role="page" data-control-title="Carnes" id="page15" class="Carnes">

Listado 24: cdigo div Carnes.

Listado 25: cdigo div Postres.