Aplicación Movil Phonegap Final

APLICACIÓN MOVIL PHONEGAP RESTAURANT

17/06/2014 INSTITUTO TECNOLOGICO TECNOLOGICO DE CD JIMENEZ CHIHUAHUA ISC. ENRIQUE CAMPOS RODRIGUEZ INTEGRANTES: ERICK GARCIA REGALADO NºCONTROL: 11740111 DAVID OMAR ROBLES MORA NºCONTROL: 11740130 PEDRO GERARDO SEAÑEZ ARAMBULA NºCONTROL: 11740242

APLICACIÓN MOVIL PHONEGAP Índice de contenido. Contenido

1.- INTRODUCCION................................................................. ........................................................................................................................ ....................................................... 4

2.- OBJETIVOS. .................................................................. ......................................................................................................................... ....................................................... 5 2.1- Objetivo general del curso. .................................................................................... ............................................................................................... ........... 5 2.2.- Objetivo de la aplicación. ................................................................. .................................................................................................. ................................. 5 3.- MARCO TEORICO...................................................................................................................... TEORICO...................................................................................................................... 5 3.1.-Plataformas 3.1.-Plataformas móviles:.................................................................................... móviles:.......................................................................................................... ...................... 5 3.2.- Ambientes de desarrollo:................................................................. .................................................................................................. ................................. 6 3.3.-Herramientas 3.3.-Herramientas de desarrollo: ........................................................................ .............................................................................................. ...................... 6 4.- DESARROLLO. ..................................................................................................... ........................................................................................................................... ...................... 7 4.1 integració i ntegración n de librerías.......................... librerías............................................................................................. .............................................................................. ........... 7 4.2.- creación de la l a base de datos: ........................................................... ............................................................................................ ................................. 7 4.3.-creacion de archivos PHP ................................................................................................... ................................................................................................... 9 5.-CONCLUCION. 5.-CONCLUCION. .................................................................... ......................................................................................................................... ..................................................... 25 6.-FUENTES DE CONSULTA ........................................................................... .......................................................................................................... ............................... 26

Página 2

APLICACIÓN MOVIL PHONEGAP Índice de Listas Listado 1: código ConexiónBD.PHP ..................................................................................... ..................................................................................... 10 Listado 2: código Bebidas.PHP ............................................................................................ ............................................................................................ 11 Listado 3: código Carnes.PHP .......................................................................... .............................................................................................. .................... 11 Listado 4: código Entradas.PHP ............................................................ ........................................................................................... ............................... 12 Listado 5: código Pescado.PHP............................................................. ............................................................................................ ............................... 13 Listado 6: código Postres.PHP .................................................................................... ............................................................................................. ......... 14 Listado 7: código BebidasControlador.PHP................................................................... ......................................................................... ...... 14 Listado 8: código CarnesControlador.PHP CarnesControlador.PHP .......................................................................... 14 Listado 9: código EntradasControlador.PHP EntradasControlador.PHP ....................................................................... 15 Listado 10: código PescadoControlador.PHP PescadoControlador.PHP ...................................................................... ...................................................................... 15 Listado 11: código PostresControlador.PHP PostresControlador.PHP ....................................................................... 15 Listado 12: BebidasDAO.PHP.............................. BebidasDAO.PHP............................................................................................... ................................................................. 16 Listado 13: CarnesDAO.PHP CarnesDAO.PHP ................................................................................................ ................................................................................................ 17 Listado 14: EntradasDAO.PHP EntradasDAO.PHP ............................................................................................. ............................................................................................. 17 Listado 15: PescadoDAO.PHP PescadoDAO.PHP .............................................................. .............................................................................................. ................................ 18 Listado 16: PostresDAO.PHP PostresDAO.PHP ............................................................................................... ............................................................................................... 19 Listado 17: código script Entradas ...................................................................................... 19 Listado 18: código script Pescado. ...................................................................................... ...................................................................................... 20 Listado 19: código script Carnes........................................................... ......................................................................................... ............................... 21 Listado 20: código script Postres.......................................................... ........................................................................................ ............................... 22 Listado 21: código script Bebidas .................................................................... ........................................................................................ .................... 22 Listado 22: código div Entradas............................................................ ........................................................................................... ............................... 23 Listado 23: código div Pescados. .......................................................... ......................................................................................... ............................... 23 Listado 24: código div Carnes. .............................................................. ............................................................................................. ............................... 24 Listado 25: código div Postres. ............................................................. ............................................................................................ ............................... 24 Listado 26: código div Bebidas. ........................................................................................... ........................................................................................... 25

Página 3

APLICACIÓN MOVIL PHONEGAP 1.- INTRODUCCION Hoy en día 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, además se han vuelto más 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 también para todas aquellas empresas que desarrollan contenidos y aplicaciones para estos dispositivos. Un Smartphone o dispositivo móvil inteligente, es un teléfono celular con prestaciones superiores a las típicas, a menudo comparadas con las prestaciones de una PC. Sin embargo no hay un acuerdo entre los fabricantes acerca de esta definición, para algunos se trata de un teléfono que corre un sistema operativo completo e identificable, que provee una interface estándar y una plataforma para desarrollo de aplicaciones. Para otros es simplemente un teléfono móvil con funcionalidades avanzadas como: e-mail, Internet y/o un teclado integrado. A los efectos de este documento se tendrá en cuenta la primera definición, ya que nos interesa conocer los sistemas operativos de cada plataforma y los procesos de desarrollo y publicación de software para cada una. Mediante el presente documento documento se explicara explicara cómo se preparo el ambiente de desarrollo para la elaboración de nuestra aplicación. La aplicación que se mencionara a continuación fue desarrollada para facilitar y hacer más interactivo la selección de menú para un restaurante, de esta forma se puede obtener más información de los platillos de forma más gráfica y llamativa

Página 4

APLICACIÓN MOVIL PHONEGAP 2.- OBJETIVOS. 2.1- Objetivo general del curso. Identificar las implicaciones actuales de la programación móvil.   Identificar las características de los diferentes emuladores para dispositivos móviles. Identificar los problemas de comunicación entre sistemas. Utilizar técnicas de modelado para la solución de problemas. Aplicar la sintaxis sintaxis de un lenguaje para aplicaciones móviles. Aplicar un lenguaje para la solución de problemas para dispositivos dispositivos móviles.

 

   

2.2.- Objetivo de la aplicación. Desarrollar una aplicación que sea sencilla de usar, para que cualquier persona incluso sin conocimientos de tecnología, pueda utilizar este menú intuitivo  Además de que niños y adultos se sientan cómodos utilizado esta aplicación de forma sencilla para poder seleccionar sus platillos y poder obtener una descripción y visualización de cómo es su presentación, y así poder minimizar el tiempo de espera para la atención de un mesero, ya que el pedido será enviado directamente al chef.

3.- MARCO TEORICO. 3.1.-Plataformas móviles: Android.- Es el S.O. desarrollado por Open Handset Alliance, organización liderada por Google. La principal característica de Android es que se desarrolla de forma abierta, lo que permite a los desarrolladores crear librerías y programas generados en otros lenguajes y compilarlos en la arquitectura ARM de los terminales Android como si se tratasen de librerías 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 evolución de Darwin BSD y por lo tanto un sistema operativo Unix. A diferencia de Android, iOS está desarrollado únicamente para unos pocos dispositivos diseñados por la propia Apple, constituyendo así un “ecosistema cerrado”. Sin embargo, de cara a los desarrolladores esta característica proporciona una ventaja, ya que las herramientas de diseño de aplicaciones y frameworks proporcionadas por  Apple están optimizadas para dicho hardware, simplificando así las tareas de desarrollo y contribuyendo a garantizar la fiabilidad de las aplicaciones.  Además, las aplicaciones para iOS se distribuyen por medio de la App Store, pasando estrictos controles de calidad antes de ser publicadas. [1]

Página 5

APLICACIÓN MOVIL PHONEGAP Windows Phone.- Es un sistema operativo móvil 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 teléfonos. (Smartphones) Desarrollada por la compañía canadiense BlackBerry que integra el servicio de correo electrónico móvil en 1999; aunque incluye las aplicaciones típicas de un smartphone: libreta de direcciones, calendario, listas de tareas, block de notas etc., así como capacidades de teléfono en los modelos más nuevos. Es fundamentalmente conocido por su teclado QWERTY incorporado, y por su capacidad para enviar y recibir correo electrónico de Internet accediendo a las redes de las compañías de telefonía celular que brindan este servicio. BlackBerry usa el sistema operativo BlackBerry OS, el cual pueden tomar fotos, grabar vídeos, reproducir música, acceder a inter y a su correo, aparte de su sistema de mensajería llamado BBM. [3]

3.2.- Ambientes de desarrollo: Eclipse.- Es un programa informático compuesto por un conjunto de herramientas de programación de código abierto multiplataforma para desarrollar lo que el proyecto llama "Aplicaciones de Cliente Enriquecido", opuesto a las aplicaciones "Cliente-liviano" basadas en navegadores. Esta plataforma, típicamente ha sido usada para desarrollar entornos de desarrollo integrados (del inglés IDE), como el IDE de Java llamado Java  (JDT) y el compilador (ECJ) que se entrega como parte de DevelopmentToolkit  (JDT) Eclipse (y que son usados también para desarrollar el mismo Eclipse). Sin embargo, también 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 diseñar prototipos funcionales para aplicaciones móviles basados en jQuery Mobile con el propósito de reducir dramáticamente el tiempo que toma desarrollar un prototipo o una aplicación, como sabemos el prototipo es la primera etapa de la construcción de una aplicación y Codiqa hace el trabajo muy, muy, m uy, muy fácil.[5] fácil.[5]

PhoneGap.-Es un framework   para el desarrollo de aplicaciones móviles producido por Nitobi, y comprado posteriormente por Adobe Systems.Principalmente, PhoneGap permite a los programadores desarrollar aplicaciones para dispositivos móviles utilizando herramientas genéricas tales como JavaScript, HTML5 y CSS3. Las aplicaciones resultantes son híbridas, es decir que no son realmente aplicaciones nativas al dispositivo (ya que el

Página 6

APLICACIÓN MOVIL PHONEGAP renderizado se realiza mediante vistas web y no con interfaces gráficas específicas 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 código, biblioteca, un simulador de teléfono basado en QEMU, documentación, ejemplos de código y tutoriales. Las plataformas de desarrollo soportadas incluyen Linux (cualquier distribución 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 también 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. Además, pueden controlarse dispositivos Android que estén conectados. [9]

4.- DESARROLLO. 4.1 integración de librerías Para el correcto funcionamiento del proyecto es necesario incluir las siguientes librerías:   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 página: http://jquerymobile.com/download/all/ Una vez descargadas se integran al proyecto de la siguiente manera: Copiar las 3 librerías, al proyecto en la capeta assets>www Las cuales serán llamadas por el siguiente código: src="jquery-1.8.3.min.js"> rel="stylesheet">

4.2.- creación de la base de datos: Para la creación de la base de datos se ingresa a phpmyadmin, se crea una nueva base de datos con el nombre restaurant2.

Página 7

APLICACIÓN MOVIL PHONEGAP Con las siguientes tablas TABLA ENTRADAS CAMPO Id Platillo Nombre Descripción Costo

TIPO int Varchar(50) longtext double PESCADO

CAMPO Id Platillo Nombre Descripción Costo

TIPO int Varchar(50) longtext double CARNES

CAMPO Id Platillo Nombre Descripción Costo

TIPO int Varchar(50) longtext double POSTRES

CAMPO Id Platillo Nombre Descripción Costo

TIPO int Varchar(50) longtext double BEBIDAS

CAMPO Id Platillo Nombre Descripción Costo

TIPO int Varchar(50) longtext double

Página 8

APLICACIÓN MOVIL PHONEGAP 4.3.-creacion de archivos PHP Para la interacción del servicio web se crearan los siguientes archivos PHP para la manipulación de la base de datos. Vaya a la ubicación 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 nueva carpeta 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 contendrán 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  Conexión.PHP



Página 9

APLICACIÓN MOVIL PHONEGAP Se crea el archivo llamado:

ConexionBD.PHP El cual el servirá para la conexión con la base de datos.