Ao de la Diversificacin Productiva y del

Fortalecimiento de la Educacin

UNIVERSIDAD NACIONAL DE PIURA

FACULTAD DE INGENIERIA INDUSTRIAL
ESCUELA 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.

Contenido
Herramientas utilizadas
En esta aplicacin se han utilizado las siguientes herramientas
Xamp
es un servidor independiente de plataforma, software libre, que consiste principalmente
en el sistema de gestin de bases de datos MySQL, el servidor web Apache y los
intrpretes para lenguajes de script: PHP y Perl. El nombre proviene del acrnimo
de X (para

cualquiera

de

los

diferentes

sistemas

operativos), Apache, MySQL, PHP, Perl.

El programa est liberado bajo la licencia GNU y acta como un servidor web libre,
fcil de usar y capaz de interpretar pginas dinmicas. Actualmente XAMPP est
disponible para Microsoft Windows, GNU/Linux, Solaris y Mac OS X.

Php
es un lenguaje de programacin de uso general de cdigo del lado del servidor
originalmente diseado para el desarrollo web de contenido dinmico

SublimeText3
Sublime 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 mobile
Es 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.

Json
JSON, 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 Aplicacin
En 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 navegacin
Aqu se muestra el mapa de navegacin de la aplicacin que es como se observa en la
figura
TIM

Mostrar
equipos

Buscar equipo

Listar equipo

Muestra
descripcin
Muestra planes

FUNCIONES MS IMPORTANTES
1. 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 uml
En 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 usuario
1 En la imagen se muestra la pagina principal

Metodologa de desarrollo de la aplicacin

La 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 utilizado
En 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.