idashboarda pp Cuadro de Mando Operacional Ángel Luis Peñalosa Roiz Aplicaciones multimedia de nueva generación ITT - Telemática

Transcripción

1 idashbarda pp Cuadr de Mand Operacinal Ángel Luis Peñalsa Riz Aplicacines multimedia de nueva generación ITT - Telemática

2 Intrducción Se pretende desarrllar una aplicación Ad hc para la platafrma ios de Apple. Una herramienta de cntrl y gestión baj una interfaz grafica de usuari, denminada cuadr de mand. Una slución de visibilidad para ls dats del negci accesible desde cualquier lugar cn cnexión a internet.

3 Objetivs Desarrllar la aplicación en Swift, el nuev lenguaje prgramación para aplicacines ios de Apple. Diseñar la aplicación cn gráfics vectriales realizads cn Sketch y según la Graphical User Interface predefinida pr Apple. Buscar flexibilidad cn la carga de dats desde un ficher XML en la nube, desacplándla de cualquier mdel de dats existente. Transfrmar ls dats en infrmación y esta en cncimient para el negci.

4 Diseñ e Implementación Las fases empleadas en el desarrll de la aplicación han sid las siguientes: Estructura. Estructura de ls elements y cntenids de la App, definición del ficher XML. Diseñ Interfaz. Diseñ gráfic de la aplicación y navegabilidad. Implementación. Desarrll del códig fuente de la aplicación.

5 Estructura Organización de la aplicación partiend de un entrn empresarial cmercial, mdel Ad Hc. Está cmpuesta de ls siguientes elements. Campañas. Selección de campañas cmerciales lanzadas pr la empresa para captación de clientes. Agencias. Selección de agencias cmerciales que expltan cmercialmente las campañas fertadas. Cumplimient. Objetivs y cumplimients de ventas pr campaña.

6 Esquema Arquitectura Glbal Un prces lcal generará un ficher de dats XML periódicamente que l subirá a la nube. La App cnsumirá del ficher para el tratamient de la infrmación.

7 Esquema de carga y muestra de dats

8 Definición Dats App-XML Al estar desacplad de un mdel de dats especific (bases de dats), el rigen de dats se realiza mediante la carga de dats realizand un parse del ficher XML definid pr ambas partes. Se muestran ls Structs definids para el tratamient de dats.

9 Diseñ Interfaz Se realiza un skin especific a partir del editr de imágenes vectriales Sketch. Se emplean técnicas de navegabilidad mediante un menú principal y deslizamient lateral en ambs sentids. Interfaz limpia e intuitiva que permita visualizar la infrmación rápidamente.

10 Screencast de Navegabilidad [Visualización de Vide]

11 Implementación Principales bjets que cntrlan y cnfiguran ls rasgs de la aplicación. AppDelegate.swift Se especifica determinadas características y accines que querems estén presentes en el cnjunt de la App. Visual Cntrllers (VC) Determinan el cmprtamient de las clases que se cnfiguran en la parte visual. Cada cmpnente tiene su parte visual relacinada cn su parte de códig. MenuScreenViewCntrller Es la pantalla del menú principal y cada element está definid dentr del crrespndiente Strybard.

12 Menu (MenuTableViewCell.swift) Se utiliza para crear tablas cn un aspect persnalizad, que difiere del establecid pr defect en ios. Situación (ViewCntrller y PageViewCntrller) Cntrla las vistas de interacción entre las paginacines de las vistas diaria, mensual y anual. Parsing cn NSXMLPARSE Permite la lectura del dcument XML, la clase encargada es NSXMLParser de Swift. Se encarga de recrrer tds ls elements del ficher. Para el almacenamient de dats se ha elabrad un algritm de cntrl de ls elements parseads, ests serán cargads sbre structs previamente definids. Refresc de Vistas El métd viewdidlad se ejecuta al cargarse una vista, aquí se define el códig necesari para refrescar ls dats de una tabla realizand el gest de deslizamient hacía abaj, cncid cm pulltrefresh.

13 Cmpartid (Shared) Las clases, Agencia, Campaña, Objetiv y UIClrExtensin, sn utilizadas a l larg de la App. Sn clases cmpartidas que definen las prpiedades que tendrán ls bjets. Strybards Se define la interfaz visual de la aplicación, la parte crrespndiente a la Vista dentr del patrón MVC utilizad a la hra de desarrllar una App para ios. A través de AutLayut ns facilita la adaptación de las interfaces a ls diferentes tamañs de pantalla. Assets Incluye tds ls icns, lgtips e imágenes que se vayan a incluir en el pryect. Este catálg debe cubrir las diferentes reslucines necesarias para el cnjunt de @3x.

14 Inf.plist En este ficher se cnfigura partes imprtantes de la App, cm rientacines sprtadas, nmbre del paquete de la App, estil de la barra de estad etc. Gradientes Ls clres cn estil degradad n están incluids pr defect dentr del SDK de ios, pr l que hay que crearls insertand una subcapa de tip CAGradientLayer. Pds Librerías de tercers que permitirá dtar de animacines a la App, el más ppular instaladr de paquetes se llama Ccapds. Las animacines que se han utilizad sn de Spring ( y en la prpia web ya ns indica el text a intrducir dentr del Pdfile.

15 Test y Mejras La aplicación ha sid smetida a test reales en dispsitivs físics de algun@s cmpañers. El resultad ha sid bastante satisfactri per se han identificad diferentes mejras para un futur. Panel de cnfiguración. Parametrización de camps. Lgin de usuari Enví pr crre electrónic de la infrmación, así cmunicar e interactuar cn las tmas de decisines sbre el negci.

16 Cnclusines Ls bjetivs prevists inicialmente se han cumplid satisfactriamente. La aplicación tiene muchas psibilidades de ampliación pr l que es escalable Me ha permitid entender ls prcess a desarrllar dentr de un pryect. Aprender un nuev lenguaje y pner en prácticas habilidades adquiridas en la carrera. Satisfacción de haber realizad un buen pryect ante duras adversidades.

17