Propuesta en extenso describiendo y detallando las herramientas a utilizar, se añaden además algunos diagramas de flujo y un currículum general de los participantes.

1. Soluciones Integrales en Computo
Quejxh
Reportes CFEAPP
2014

2. Indice general
1. Reportes CFEApp propuesta 4
1.1. Soluciones Integrales en Computo Quejxh . . . . . . . . . . . . . . . 4
1.2. Propuesta en extenso . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
1.2.1. Como funciona la aplicacion? . . . . . . . . . . . . . . . . . . 5
1.2.2. Incorporacion de datos . . . . . . . . . . . . . . . . . . . . . . 8
1.2.3. Interaccion del usuario . . . . . . . . . . . . . . . . . . . . . . 8
1.2.4. Cumplimiento de requisitos . . . . . . . . . . . . . . . . . . . 8
1.2.5. Mockups . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
1.2.6. Diagramas de Flujo . . . . . . . . . . . . . . . . . . . . . . . . 11
1.3. Cronograma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
1.4. Equipo de trabajo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
1.5. Sistemas desarrollados . . . . . . . . . . . . . . . . . . . . . . . . . . 19
2. Tecnologas 21
2.1. Tecnologas a utilizar . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
3. Solucion del problema 23
3.1. Solucion del Reto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
4. Capturas de pantalla sugeridas 25
2

3. Indice de

4. guras
1.1. Mockups de la aplicacion . . . . . . . . . . . . . . . . . . . . . . . . . 10
1.2. Diagrama de la pantalla de inicio . . . . . . . . . . . . . . . . . . . . 11
1.3. Diagrama Reporte de Fallas . . . . . . . . . . . . . . . . . . . . . . . 12
1.4. Diagrama Reporte de Quejas . . . . . . . . . . . . . . . . . . . . . . . 13
1.5. Diagrama de Lugares cercanos . . . . . . . . . . . . . . . . . . . . . . 14
1.6. Diagrama de Tarifas . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
1.7. Diagrama de Noti

5. caciones . . . . . . . . . . . . . . . . . . . . . . . . 16
1.8. Diagrama de Con

6. guracion . . . . . . . . . . . . . . . . . . . . . . . 17
1.9. Diagrama de Cuenta . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
1.10. Cronograma de actividades . . . . . . . . . . . . . . . . . . . . . . . . 18
4.1. Inicio (a), Home (b) . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
4.2. Menu lateral (a), Reporte de fallas (b) . . . . . . . . . . . . . . . . . 26
4.3. Tarifas generales (a), Noti

7. caciones (b) . . . . . . . . . . . . . . . . . 27
3

8. Captulo 1
Reportes CFEApp propuesta
1.1. Soluciones Integrales en Computo Quejxh
Somos una empresa que se creo con la

9. nalidad de satisfacer las demandas que
en el ambito tecnologico han surgido. Contamos con la presencia de colaboradores
que se encargan de llevar a cabo el desempe~no de nuestras actividades a traves de
la unidad y la comunicacion, nuestras diferentes areas, de acuerdo al cronograma
empresarial, nos permite implementar libremente tareas de distintas ndoles. Desde
servicio de mantenimiento hasta desarrolladores en diferentes plataformas.
Entre los lenguajes y herramientas que los desarrolladores de nuestra empresa em-plean
se pueden considerar los siguientes:
Para sistemas de escritorio:
Java
C/C++
Python
Visual Basic
Delphi
MySQL
PostgreSQL
Para aplicaciones moviles:
Android
4

10. 1.2. Propuesta en extenso 5
iOS
WindowsPhone
SQLite
Para desarrollo web:
ASP
HTML 5
JavaScript
JSP
PHP
1.2. Propuesta en extenso
El dise~no y desarrollo de la aplicacion se haran para que su uso sea completamente
intuitivo y amigable con el usuario.
1.2.1. Como funciona la aplicacion?
1.2.1.1. Android e iOS
Se dividen los diferentes procesos a realizar mediante los correspondientes dia-gramas
de
ujo y a continuacion se describe cada uno de estos procesos o pantallas.
Login: se podra observar el logo de la Comision Federal de Electricidad, solici-tar
a el correo electronico y la contrase~na de la cuenta previamente registrada por
la CFE y mediante la seleccion del boton Iniciar sesion se podra loguear. Ademas
podra seleccionar la opcion de logearse mediante su cuenta de Twitter y si en dado
caso no se ha registrado en la aplicacion podra darse de alta al presionar Regstrate
aqu.

11. 6 Captulo 1. Reportes CFEApp propuesta
Registrar usuario: Permite darse de alta en los servidores de la CFE, debera co-locar
un nombre de usuario, una cuenta de correo electronico de su preferencia y
asignarse una contrase~na que posteriormente debera con

12. rmar escribiendola nueva-mente
y para

13. nalizar el proceso por parte del usuario debera presionar el boton
continuar. Los servidores de CFE deberan con

14. rmar mediante correo electronico la
creacion de una nueva cuenta.
Home: Pantalla principal, tambien llamada pantalla de inicio; indicara el usua-rio
que se encuentre en sesion, tambien contendra el menu principal para acceder
facilmente a las opciones ofrecidas.
Menu de opciones: Podra desplegarse mediante la seleccion correspondiente ubi-cada
en la parte superior izquierda o bien deslizando el dedo de izquierda a derecha
comenzando desde el origen de pantalla; las opciones prede

15. nidas seran Reporte de
fallas, Reporte de queja, Lugares cercanos, Tarifas, Noti

16. caciones y Con

17. guracion.
Reporte de fallas: Contiene una serie opciones a elegir, entre ellas No hay luz
en la cuadra o colonia, no hay luz en mi casa, variacion de voltaje en la cuadra o
colonia, variacion de voltaje en mi casa, el CFEMatico no funciona y Otro. Ademas
contara con un cuadro de texto que permitira colocar una breve descripcion de la
falla sobretodo si es una falla no contemplada, de forma opcional se podra tomar
una imagen fotogra

18. ca del dispositivo como evidencia del reporte, como por ejemplo
que exista una falla en casa de un vecino y en este cuadro puede detallar el numero
de servicio y nombre de usuario.
Al presionar el boton enviar se mostrara un peque~no dialogo de con

19. rmacion al
cual se le puede aceptar para enviar el reporte de falla o declinar para cancelar la
accion.
Hacer una queja: Contiene una serie de opciones a elegir, entre ellas Costo excesivo
del recibo de luz, Mala atencion en centro de atencion, Extorsion o corrupcion, de
forma opcional se podra tomar una imagen fotogra

20. ca del dispositivo como evidencia

21. 1.2. Propuesta en extenso 7
de la queja y Otro.
Ademas contara con un cuadro de texto que permitira colocar una descripcion de
la queja tal como la hora y fecha en que fue mal atendido el usuario, nombre de
la persona que pudo haberla extorsionado, etc. Al presionar el boton enviar se
mostrara un peque~no dialogo de con

22. rmacion al cual se le puede aceptar para enviar
la queja o declinar para cancelar la accion.
Lugares cercanos: Hara uso de Maps y requerira conexion a internet para lo-calizar
la ubicacion del usuario mediante GPS, Wi-Fi o datos del Carrier del movil
(La precision de ubicacion puede variar de acuerdo a cada dispositivo). Ademas se
listaran los lugares mas cercanos en los que pueden realizar pagos, considerese estos
CFEMaticos, tiendas departamentales, tiendas de conveniencia y otros lugares de-signados
por CFE.
Al seleccionar un tem de la lista, mediante un dialogo, se mostraran mas deta-lles
referentes al lugar seleccionado.
Tarifas: Muestra las diferentes tarifas existentes para el suministro y venta de
energa electrica 2014 , se podran observar las diferentes opciones de consumo de
acuerdo a las exigencias de cada establecimiento.
De acuerdo a las demandas existentes se pueden elegir entre generales y espec

23. cas,
siendo las subopciones primeras Servicios publicos, Agrcola, Temporal y Arvcola,
y los segundos Baja Tension, Media tension, Alta tension, servicio de respaldo y
servicio ininterrumpible.
Noti

24. caciones: Coordinara los distintos reportes enviados y la respuesta obteni-da,
se mostraran en orden de lista y al seleccionar algun tem se mostrara un dialogo
que detallara cada noti

25. cacion. Esta lista de noti

26. caciones estara ordenada bien por
fecha o por numero de reporte.

27. 8 Captulo 1. Reportes CFEApp propuesta
Con

28. guracion: Indicara la informacion del usuario, Numero de servicio, cuenta
de correo electronico y opcionalmente cuenta de Twitter, se podra activar o de-sactivar
el sonido de la aplicacion para facilitar el uso para aquellas personas con
debilidad visual; tambien se podra activar y desactivar el recordatorio para los pagos
periodicos del recibo de luz(Al acceder al Servidor de CFE es posible obtener las
fechas de vencimiento para programar el recordatorio das antes)
Cuenta: Se podra cerrar sesion, editar y guardar usuario.
1.2.2. Incorporacion de datos
Los datos que se reunan a traves de la aplicacion seran almacenados en los ser-vidores
de la CFE evitando as el uso inadecuado de los datos.
Al acceder se consultara el usuario y contrase~na de forma encriptada mediante los
protocolos de seguridad adecuados (bien sha1, md5 o el que la CFE utilice) para
prevenir y mitigar posibles ataques informaticos.
1.2.3. Interaccion del usuario
La interfaz sera desarrollada para que sea intuitiva y facil de usar, se haran
pruebas con varios conjuntos de personas de diferentes edades para poder evaluar
el desempe~no de la aplicacion as como la comodidad de uso. Utilizando parte de la
metodologa XP, el dise~no de la aplicacion se puede ir modi

29. cando para obtener un
resultado que cumpla con la mayor demanda de caractersticas y funciones.
1.2.4. Cumplimiento de requisitos
De forma global la venta de equipos y el uso estimado de los diferentes sistemas
operativos moviles esta desglosado de la siguiente manera:
Android 75.3%
iOS 16.9%

30. 1.2. Propuesta en extenso 9
Windows phone 3.9%
Blackberry OS 2.7%
Otros 1.2%
Se cumplira con el requisito de la cobertura de al menos el 80% al hacer la interfaz
en Android e iOS ya que se abarcara de forma estimada el 92.2% de las plataformas
moviles, considerando un estimado del 10% de incompatibilidad y siendo compatible
con el 82.2% de los dispositivos moviles.
Somos una persona moral de reciente creacion cuyos ingresos brutos anuales es infe-rior
a los $4,000,000 (cuatro millones de pesos 00/100 MN).
Soluciones Integrales en Computo Quejxh cuenta con las herramientas y con per-sonal
cali

31. cado para desarrollar en distintas plataformas. Utilizamos distintas meto-dolog
as de desarrollo de software tomando en cuenta la mas adecuada para cada uno
de los proyectos que surjan, consideramos que es indispensable hacer uso de estas
metodologas para poder concretar el proyecto considerando en cualquiera de ellas
la documentacion como uno de los elementos predominantes as como la toma de
decisiones con base en nuevas ideas.

32. 10 Captulo 1. Reportes CFEApp propuesta
1.2.5. Mockups
Figura 1.1: Mockups de la aplicacion

33. 1.2. Propuesta en extenso 11
1.2.6. Diagramas de Flujo
A continuacion se colocan algunos de los diagramas de navegacion que se propo-nen.
Figura 1.2: Diagrama de la pantalla de inicio

34. 12 Captulo 1. Reportes CFEApp propuesta
Figura 1.3: Diagrama Reporte de Fallas

35. 1.2. Propuesta en extenso 13
Figura 1.4: Diagrama Reporte de Quejas

36. 14 Captulo 1. Reportes CFEApp propuesta
Figura 1.5: Diagrama de Lugares cercanos

37. 1.2. Propuesta en extenso 15
Figura 1.6: Diagrama de Tarifas

38. 16 Captulo 1. Reportes CFEApp propuesta
Figura 1.7: Diagrama de Noti

39. caciones

40. 1.2. Propuesta en extenso 17
Figura 1.8: Diagrama de Con

41. guracion
Figura 1.9: Diagrama de Cuenta

42. 1.3. Cronograma
Figura 1.10: Cronograma de actividades
18

43. 1.4. Equipo de trabajo 19
1.4. Equipo de trabajo
Alonso Ramrez Adan Antonio
Ambrosio Olivera Aldo Arturo
Camacho Rivera Manuel Alejandro
Cruz Mendoza Ricky Raymond
Garca Bautista Armando Vicente
Roque Hernandez Araceli
1.5. Sistemas desarrollados
Analisis y desarrollo de RAVSystem(Sistema de Reportes para Actividades
Vulnerables), plataforma que permite almacenar las operaciones realizadas por
clientes que estan involucrados en Actividades Vulnerables, con el

44. n de cum-plir
con la Ley Anti-Lavado de Dinero, dirigido en un principio a Notarios y
corredores publicos, programado a traves del lenguaje Java, usando el motor
de base de datos MySQL.
Analisis y desarrollo del sistema ColectorFDO, sistema encargado de contener
una vasta base de datos referente a la Flora Digital de Oaxaca. Mediante
Java y PostgreSql. Para la Carrera de Biologa-Escuela de Ciencias-Universidad
Autonoma Benito Juarez de Oaxaca .
Desarrollo de Digi-Biblio, para la organizacion adecuada y sistema prestamos
de libros de la bibilioteca perteneciente a la Comision Estatal de Derechos
Humanos del Estado de Oaxaca a traves del lenguaje Delphi y MySql.
Reebok AR Escanea e interactua con los productos que Reebok tiene para ti.
Conoce mas sobre el producto y elige con mas seguridad, descubre tu tienda
mas cercana y siguenos para conocer la ultimas colecciones, promociones y
eventos, desarrollado en la plataforma iOS.

45. 20 Captulo 1. Reportes CFEApp propuesta
Sistema de Apoyo para personal medico, desarrollado para plataforma Android,
gestiona el expediente clinico de pacientes. Mediante el uso de web services.
Paginas desarrolladas
www.coatecasaltas.gob.mx, pagina del municipio de Coatecas Altas, Ejutla
de Crespo, Oaxaca.
www.matematicasporcomputadora.com, pagina para ofrecimiento de soft-ware
para aprender matematicas.
Conferencias realizadas
Implementacion de aplicaciones en paralelo mediante CUDA.
Concursos y participaciones
Primer lugar en el concurso de programacion por equipos a nivel nacional,
llevado a cabo en el Instituto de Estudios Superiores del Golfo de Mexico
en 2013
Participacion en la Expociencias Oaxaca a nivel estatal, mostrando el
proyecto Reconstruccion 3D del Corazon mediante tecnicas de Vision por
computadora.
Participacion en el concurso Premio Estatal de Emprendedores, en ca-tegor
a Emprendedor Innovador. Octubre de 2013.
Participacion en el XI encuentro Participacion de la mujer en la ciencia
con los temas:
IMPLEMENTACI ON DE LA TRANSFORMADA HOUGH EN TEC-NOLOG
IA GPU
RECONSTRUCCION 3D DEL CORAZON MEDIANTE TECNI-CAS
DE VISION POR COMPUTADORA

46. Captulo 2
Tecnologas
2.1. Tecnologas a utilizar
De forma general se hara uso de las antenas inalambricas tales como wi

47. , GPS y
en ultimo caso la red de datos del Carrier que corresponda en cada movil.
API de Twitter: Se usara para cualquier acceso a Twitter que no sea la web
de Twitter, la app lo usara para la autenticacion del usuario.
El desarrollo de la aplicacion en plataforma Android se trabajara en el sistema ope-rativo
Ubuntu 14.04 y se hara uso de las siguientes herramientas:
Android Studio (Beta) 0.8.9: Es el IDE o

48. cial de Google para desarrollo de
aplicaciones Android y a pesar de encontrarse hasta el momento en una version Beta
(0.8.9), es un entorno poderoso para el desarrollo de aplicaciones moviles para An-droid.
Gradle: Es una herramienta para automatizar la construccion de nuestros proyec-tos,
por ejemplo las tareas de compilacion, testing, pruebas unitarias, empaquetado
y el despliegue de los mismos.
Google Play Services: Este componente proporciona funciones principales, co-
21

49. 22 Captulo 2. Tecnologas
mo la autenticacion para servicios de Google, contactos sincronizados, acceso a la
ultima con

50. guracion de privacidad del usuario, as como servicios basados en la ubi-caci
on de mayor calidad y menor potencia. Asimismo, servicios de Play mejora la
experiencia de tu aplicacion. Permite agilizar las busquedas sin conexion, proporcio-na
mapas mas envolventes y mejora la experiencia de juego.
El desarrollo de la aplicacion en plataforma iOS se trabajara en:
Lenguajes de programacion: Objective-C y Swift
IDE: Xcode 6
Tecnologas adicionales: Frameworks nativos de Twitter, Mapas, Social, Quar-tzCore.
Sin frameworks externos. Core Data para el manejo de datos locales. JSON
Accelerator para la creacion de proxies para los servicios. Siguiendo un patron de
dise~no MVC o singleton Conteo de referencias automatico (ARC) para el manejo de
memoria.
Para la realizacion de diagramas se hara uso de las herramientas Dia en Ubuntu
e Idea en iPad.
La documentacion que comprende manual de usuario, manual de administrador y
descripcion del desarrollo de la metodologa se escribira en LATEXmediante el editor
Kile en Ubuntu.

51. Captulo 3
Solucion del problema
3.1. Solucion del Reto
Acerca de la aplicacion: Se desarrollara una aplicacion para moviles que per-mita
de forma sencilla el envo de reporte de fallas as como reporte de quejas con
el

52. n de brindar servicio en el menor tiempo posible, las plataformas objetivo son
Android e iOS; para el registro de usuarios y reportes se hara uso de los Web Services
con que cuenta la CFE (en caso de no ser as, se contratara un servicio de hospedaje
externo) para tener una administracion con

53. able y con la premisa de que los datos
susceptibles no esten en manos de terceros; se usaran interfaces acorde a cada pla-taforma.
Acerca del usuario: El usuario podra logearse mediante su cuenta de CFE(usuario
manejado por CFE), su cuenta de Twitter o mediante su cuenta de correo electronico
de su preferencia para acceder inicialmente a la aplicacion, en futuros accesos y en
caso de emergencia ya no solicitara logeo para acelerar el proceso de reporte; para
poder realizar un reporte, el usuario debera colocar en el area de con

54. guracion el
numero de servicio para enlazar su usuario con los servidores de CFE; El envo de
cada reporte se realizara unicamente si el usuario ha colocado el numero de servicio,
en caso de no hacerlo se le solicitara que al momento de crear un reporte lo agregue.
Para el envo de reportes es necesario contar con conexion inalambrica, en caso de
fallo en la corriente electrica sera necesario el uso de datos moviles. La localizacion
23

55. 24 Captulo 3. Solucion del problema
de lugares cercanos en donde pagar y las tarifas para el suministro de energa 2014
se podran consultar sin tener con

56. gurado el numero de servicio; para localizar los
lugares cercanos en donde pagar se hara uso del GPS y de la conexion inalambrica.
Las respuestas a los reportes se vera re
ejada en el area correspondiente e indicara el
estatus en el que se encuentra el reporte. En caso de que el usuario no sea el afecta-do
se podran colocar en la descripcion los detalles del afectado. Para personas con
debilidad visual se colocaran los dialogos y sonidos apropiados que indiquen detalla-damente
la funcion de cada elemento en pantalla.
Acerca del administrador: El o los administradores del sistema podran recibir
noti

57. caciones y mandar respuesta a cada uno de los reportes recibidos.
Acerca del servidor: El servidor almacenara los datos que correspondan a ca-da
usuario tales como el nombre de usuario, cuenta de Twitter y/o cuenta de correo
electronico y numero de servicio. Cada vez que un usuario mande un reporte se le
asignara un numero de reporte que se enviara anexo a la respuesta que mande el
administrador.
Acerca de la documentacion: En la aplicacion se agregara un manual de usuario
en donde se describira brevemente las acciones que puede realizar con la aplicacion.
Los terminos y condiciones de uso se colocaran al momento de logearse en la aplica-ci
on y tendra como objetivo evitar falsos reportes.
El manual de administrador se entregara, una vez

58. nalizada la aplicacion, a las
autoridades correspondientes.

59. Captulo 4
Capturas de pantalla sugeridas
En la fase de desarrollo se emplearan iconos apropiados en la aplicacion.
(a) (b)
Figura 4.1: Inicio (a), Home (b)
25

60. 26 Captulo 4. Capturas de pantalla sugeridas
(a) (b)
Figura 4.2: Menu lateral (a), Reporte de fallas (b)

61. 27
(a) (b)
Figura 4.3: Tarifas generales (a), Noti

62. caciones (b)