Informe Movil

Click here to load reader

  • date post

    07-Jul-2016
  • Category

    Documents

  • view

    224
  • download

    0

Embed Size (px)

description

informe final de aplicacion web

Transcript of Informe Movil

Ao de la Diversificacin Productiva y del Fortalecimiento de la Educacin

UNIVERSIDAD NACIONAL DE PIURA FACULTAD DE INGENIERIA INDUSTRIALESCUELA DE INGENIERIA INFORMATICA

INFORME DE LA APLICACION

DOCENTE: Dr. MOISES SAAVEDRA ARANGO

ALUMNO: Calle Garcia, Jairo Dario

TRABAJO REALIZADO EN EL AREA DE TECNOLOGIA MOVIL

CHULUCANAS 2015

INTRODUCCION

El presente informe de la aplicacin, se detallara como se ha desarrollado, las libreras usadas, los programas que se han utilizado para poder as llegar a construir la aplicacin.La aplicacin se basa en un catlogo de equipos celulares, donde el cliente podr observar los diferentes modelos y tambin podr observar los planes que estn disponibles para cada equipo Adems de poder observar las caractersticas de los mismos.Esta aplicacin es solo para dispositivos mviles ya que el framework jquery mobile nos permite hacerlo posible, tambin el uso de html5, JavaScript y php, ha permitido que la aplicacin se concrete.

ContenidoHerramientas utilizadasEn esta aplicacin se han utilizado las siguientes herramientas Xampes unservidorindependiente deplataforma,software libre, que consiste principalmente en el sistema de gestin de bases de datosMySQL, el servidor webApachey los intrpretes para lenguajes de script:PHPyPerl. El nombre proviene del acrnimo deX(para cualquiera de los diferentes sistemas operativos),Apache,MySQL,PHP,Perl.El programa est liberado bajo la licenciaGNUy acta como un servidor web libre, fcil de usar y capaz de interpretar pginas dinmicas. Actualmente XAMPP est disponible paraMicrosoft Windows,GNU/Linux,SolarisyMac OS X.

Phpes un lenguaje de programacin de uso general de cdigo del lado del servidor originalmente diseado para el desarrollo web de contenido dinmico SublimeText3Sublime Text es un editor de texto sofisticado para el cdigo, marcado Sublime Text utiliza un conjunto de herramientas de interfaz de usuario personalizada, optimizado para la velocidad y belleza, aprovechando la funcionalidad nativa en cada plataforma JQuery mobileEs un Framework optimizado para dispositivos tctiles (tambin conocido como Framework mvil) que est siendo desarrollado actualmente por el equipo de proyectos de jQuery. El desarrollo se centra en la creacin de un Framework compatible con la gran variedad de smartphones y tablets, algo necesario en el creciente y heterogneo mercado de tablets y smartphones. El Framework de jQuery Mobile es compatible con otros frameworks mviles y plataformas como PhoneGap y Worklight entre otros.

JavaScript(abreviado comnmente "JS") es un lenguaje de programacin interpretado, dialecto del estndar ECMAScript. Se define como orientado a objetos,3 basado en prototipos, imperativo, dbilmente tipado y dinmico.Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y pginas web dinmicas aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es tambin significativo. JsonJSON, acrnimo de JavaScript Object Notation, es un formato ligero para el intercambio de datos. JSON es un subconjunto de la notacin literal de objetos de JavaScript que no requiere el uso de XML.

Modelado de la base de Datos

En la imagen se muestra como estn relacionadas las tablas de la base de Datos llamada proyectomvil.

Configuracin de la AplicacinEn esta seccin se detallara paso a paso como se ha configurado la aplicacin:1. En la imagen se muestra, los estilos que tendr la aplicacin todos ya estn definidos en jquery mobile.

2. En esta librera se importan todos los js (base)

3. Con esta librera se importan todos los JS de jquery mobile

4. Este JS es el que contendr las funciones que harn posible que se muestre en una list view de jquery mobile

5. En el siguiente cdigo se muestra el acceso a la base de datos

6. En el siguiente cdigo se mostrara como se crea un arreglo y como se recorre asignando variables para cada campo de la tabla en este caso la tabla es producto

Adems con el echo json_encode($datos) es el formato de como se enviara la informacin en este caso ser una cadena

7. En el siguiente cdigo se muestra como se recibe la cadena Json y como se van a listar los datos en un elemento list view

Mapa de navegacinAqu se muestra el mapa de navegacin de la aplicacin que es como se observa en la figura TIM

Mostrar equipos

Buscar equipoListar equipo

Muestra descripcin

Muestra planes

FUNCIONES MS IMPORTANTES1. Cdigo de interaccin con la base de datos

2. En esta imagen se muestra cmo se va a crear un array y como este se recorre , adems se asigna una variable para cada campo que se va a listar

3. cdigo que mostrara el contenido de la base de datos en una tabla

Diagrama umlEn este diagrama como se trata de un catlogo el cliente solo podr tener las acciones de buscar los equipos y podr observar una lista de todos los equipos

Interfaces de usuario1 En la imagen se muestra la pagina principal

Metodologa de desarrollo de la aplicacinLa metodologa utilizada en esta aplicacin es la metodologa incremental porque a partir del programa inicial, se le ha ido agregando ms funcionalidades en cada iteracin, esta metodologa se basa que a partir del programa base, este adquiere nuevas funcionalidades en cada iteracin que se realiza.Patrn utilizadoEn esta aplicacin se ha utilizado el patrn MVC ya que el modelo son las funciones hechas en php, la vista sern todas las paginas HTML que se han creado para la aplicacin y el controlador ser el jsmobile3.js en la aplicacin ya que este interacta con php envindole la informacin para que se muestre en la vista.

Conclusiones Se utiliz el framework jquery Mobile, ya este nos permite darle a la aplicacin un diseo que sea acorde con los dispositivos mviles. Jquery Mobile viene con estilos ya predefinidos que han sido de mucha ayuda al momento de construir la aplicacin ya que este tiene estilos para cada elemento a utilizar por ejemplo: las tablas, formularios ,listas,etc En la aplicacin el uso de php y JavaScript ha sido fundamental ya que su interaccin con jquery Mobile ha permitido que la aplicacin pueda acceder a la base de datos y poder mostrar informacin de ella. Json se utiliz para poder enviar una cadena ya que al ser un formato ligero permite construir aplicaciones ms rpidas e interactivas. En algunos casos al aplicar los temas de jquery Mobile algunos de ellos no funcionan para ciertos navegadores.

Recomendaciones Se recomienda que al momento de enviar los datos a php desde JavaScript se utiliz json ya que es un formato ligero que nos va a permitir interactuar ms fcilmente. Es importante revisar los demos que tiene jquery Mobile ya que estos nos aportaran una idea para trabajar con los distintos elementos que existen dentro de jquery Mobile.