1. Empresa participante: BRECHA & SHORAI

2. #Reto071
Comisión Federal de
Electricidad/INADEM/CEDN
Diseñar una aplicación móvil para el envío de reportes
de problemas con el Servicio de Luz

3. EQUIPO
La presente propuesta fue
realizada por la alianza entre
BRECHA; agencia especializada
en diseño web aplicado a
branding (mercadotecnia de
marca) y diseño de identidad
corporativa; y SHORAI,
consultora especializada en el
desarrollo e implementación de
tecnologías digitales, en busca
de crear amplias oportunidades
de éxito y progreso.

4. NUESTRA
SOLUCIÓN
Cumplimiento de requisitos y objetivos
Como solución al reto presentado, queremos ofrecer una aplicación que
exceda las expectativas de lo requerido. Para ello diseñamos una
aplicación móvil sencilla en su diseño y practicidad, lo que permite una
experiencia veloz y satisfactoria por parte del usuario en momentos de
urgencia, además de ofrecer algunas innovaciones que se plantearan
posteriormente.
Viabilidad
El equipo de trabajo integrado para llevar a cabo este proyecto cuenta con
la experiencia y los conocimientos necesarios para el desarrollo de la
aplicación. Además de que los tiempos y costos proyectados son realistas
de acuerdo a la experiencia sumada de los participantes.

5. NUESTRA
SOLUCIÓN
Diseño y experiencia del usuario
La interfaz está planeada para que paso a paso y de
manera fácil, se hagan reportes detallados y se
brinde al usuario la seguridad de que su reporte lleva
la información necesaria para ser atendido con
eficiencia. (likeability & engage)

6. NUESTRA
SOLUCIÓN
Innovación
Además de lo requerido, se
implementaron algunas funciones que
incrementan el valor de la propuesta:
• Implementación de personaje
“ENCHUFITO”. Personaje que
sirve como guía al usuario a través
de las funciones principales de la
aplicación.
• Centro de notificaciones
ampliado. El usuario podrá
consultar los resultados de sus
reportes, además de seguimiento
de reportes, alertas de pago,
avisos de la CFE, entre otras
funciones. Además de que le
llegarán alertas en cada uno de
estos eventos. Esta función podrá
ser ajustable dentro del menú de
Configuración/Ajustes de la app.

7. NUESTRA
SOLUCIÓN
Más innovación
• Mapa de reportes. En esta función del mapa, los
usuarios podrán visualizar el número de reportes
cercanos en su zona o colonia. Con ello se darán cuenta
de la magnitud del fallo y podrán ser más específicos en
su reporte y sumarse a los reportes se sus vecinos.
• Ubicación de establecimientos autorizados para pago
de recibos. No solo estarán desplegados los
CFEmáticos, sino también los establecimientos donde los
usuarios pueden llevar a cabo sus pagos de acuerdo a la
ubicación que tengan en el momento.
• Tabulador. Como parte de un servicio de la CFE y como
apoyo al consumidor, implementaremos un tabulador que
calcule un aproximado del consumo de energía y su costo
mensual de aparatos eléctricos de uso casero y
comercial. Esto para que el usuario/consumidor pueda
calcular el gasto de luz de su domicilio, programar los
usos de sus aparatos y ahorrar en el consumo. Se
aclarará que la herramienta solo brinda un aproximado,
los datos que arroje no debe tomarse en cuenta como

8. DIAGRAMA UML

9. EXPERIENCI
A
DE USUARIO
El sistema CFEmergencia
cuenta con una interface de
usuario fácil y funcional,
además de contar con un
diseño gráfico que genera
una experiencia única con
una estructura
completamente organizada,
entendible y visualmente
atractiva.

10. MOCKUPS

11. MOCKUPS

12. MOCKUPS
Pantalla de inicio Inicio de sesión / Registro Formulario de registro

13. MOCKUPS
Menú principal Menú de reportes #1 Formulario de reporte

14. MOCKUPS
Notificaciones Ubicación de reportes en mi zona Ubicación de CFEmáticos y
establecimientos autorizados

15. MOCKUPS

16. EVIDENCIA DE PROPUESTA
Mockup en línea
Escanea con tu celular para explorar nuestros
mockup tal cual se verán en tu smartphone.
También puedes dar clic en el link de abajo para
visualizar el proyecto en tu navegador web.

17. Tecnologías para desarrollo
y diseño:
• HTML5
• PHP
• JQuery
• CSS3
• JavaScript
• iOS
• Android
• Phonegap
• Adobe Illustrator
• Adobe Photoshop

18. CRONOGRAMA
ID Tarea Fecha Inicio Duración
(días)
Fecha Final
A Diseño y entrega de assets 04/11/2014 8 12/11/2014
B Conexión con servidor 04/11/2014 15 19/11/2014
C Maquetación del panel de administrador 19/11/2014 14 03/12/2014
D Maquetación del menú principal 12/11/2014 14 26/11/2014
F Maquetación de modulo "Reporte de Fallas" 26/11/2014 14 10/12/2014
E Maquetación de modulo "Reporte de Quejas" 10/12/2014 14 24/12/2014
G Maquetación de modulo "Notificaciones" 24/12/2014 14 07/01/2015
H Maquetación de modulo "Alertas" 07/01/2015 14 21/01/2015
I Maquetación de modulo "Información" 21/01/2015 14 04/02/2015
J Desarrollo del panel de adiministrador 03/12/2014 22 25/12/2014
K Desarrollo del modulo "Reporte de Fallas" 25/12/2014 18 12/01/2015
L Desarrollo del modulo "Reporte de Quejas" 12/01/2015 17 29/01/2015
M Desarrollo de módulo "Notificaciones" 04/02/2015 14 18/02/2015
N Desarrollo del módulo "Alertas" 18/02/2015 13 03/03/2015
O Desarrollo del módulo "Información" 03/03/2015 12 15/03/2015
P Pruebas 15/03/2015 15 30/03/2015
Q Documentación y manual de usuario 15/03/2015 16 31/03/2015

19. 11/4/2014
11/24/2014
12/14/2014
1/3/2015
1/23/2015
2/12/2015
3/4/2015
3/24/2015
4/13/2015
A
B
C
D
F
E
G
H
I
J
K
L
M
N
O
P
Q
CRONOGRAMA

20. JOSÉ CLAUDIO CASTRO ROMANO
DATOS PERSONALES
Estado civil: Casado
Nacionalidad: Mexicano
Idiomas: Español e Inglés (70%)
FORMACIÓN ACADEMICA
Maestría en Administración especialidad Finanzas
Tesis en proceso
Licenciado en Sistemas, Informática y Auditoría
Titulado, Cédula Profesional: 3846606
Antigüedad en el organismo: 17 años
Funciones actuales en CAPUFE:
• Desarrollo de aplicaciones web (jsp,asp,.net) en la Subgerencia de Sistemas Administrativos
• Mantenimiento CID, 074, Portal de Operación, sistema de llamadas, sistema de riesgos.
HABILIDADES TECNOLOÓGICAS
• Office
• Vignette
• PHP
• Fox Pro
• Visual Basic
• Visual Fox Pro
• JAVA, JSP
• ASP
• .NET
• Ripletes Action Script (BlackBerry) tablet
• JqueryMobile
• Node.js
• jquery

21. AXEL LUGO LARA
DATOS PERSONALES
Edad: 23 Fecha de nacimiento: 18/07/91
Estado civil: Soltero
FORMACIÓN ACADEMICA
Universidad La Salle Cuernavaca (2009 – 2013)
Ingeniería Cibernética y Sistemas Computacionales
• Introducción a Unix aplicado a la bioinformática 2011
• IV Congreso Internacional de Informática 2012
• Diplomado Visual Basic .Net 2012
• Diplomado PHP Y MySQL 2012
• Diseño gráfico de interfaces y UX 2014
• Diseño web online 2014
• Estrategia digital y marketing 2014
• Programación básica 2014
HABILIDADES
Programación
• Turbo C + +
• DELPHI
• JAVA
• Visual Basic 6.0, 2010, 2012
TECNOLOGÍA web
• CSS3
• HTML5
EXPERIENCIA LABORAL
• Puesto: Auxiliar en TI
Lugar: Cementos y concretos Moctezuma
Fecha: 2012 – 2013
• Puesto: Programador Jr
Lugar: CSgroup
Fecha: 2013 – 2014
• Puesto: Independiente
Lugar: Shorai
Fecha: 2013 – Actualidad
PROGRAMACIÓN web
• JS
• Jquery
• PHP
• Bases de datos
• MySQL
• Oracle 11g
Otros conocimientos
• SEO (Search Engine
Optimization)
• Google analytics
• Redes sociales
IDIOMAS:
Español e Ingles (60% - Estudiando)

22. DATOS PERSONALES
Edad: 24 Fecha nacimiento: 28/05/1990
Estado civil: Soltero
Nacionalidad: Mexicano
FORMACIÓN ACADEMICA
Universidad De La Salle Cuernavaca (2009-2013)
Ingeniería cibernética y sistemas computacionales
Preparatoria De La Salle Cuernavaca (2006-2009)
EXPERIENCIA LABORAL
• OILTALK MEXICO (Empresa de Diseño de páginas web)
Puesto: Programador Senior.
Actividad: Realizaba páginas web empezando desde el diseño
de la página hasta el diseño de las bases de datos.
• Smoke Distribuidora S.A de C.V (Empresa distribuidora de
cigarro Philip Morris), 2012 –2014
Puesto: Encargado de TI.
Funciones: Creación de reportes y programas para facilitar el
uso de información para mejor toma de decisiones en todos
áreas de la empresa, así como mantenimiento de equipos
informáticos.
• Gemalto 2014
Puesto: Develpoer Trainee CPC.
Desarrollador y validador en el área de CPC, encargado de
crear desarrollo de tarjetas inteligentes así como de su
validación, además de herramientas para mejorar el área.
JORGE JAVIER ROMERO ALVA
HABILIDADES TECNOLÓGICAS
Programación en:
• PHP
• JSP
• JAVA
• C
• ACTION SCRIPT 3.0
• C#
• Visual Basic 6.0.
• JavaScript
• HTML 5
• JQUERY
• Manejo de CSS.
• Manejo de Base de Datos:
• MYSQL
• ORACLE
IDIOMAS
Español e Inglés (70%)

23. Pablo Andrés Silva Páez
Datos Personales
Edad: 27 años Fecha de nacimiento: 24/01/87 Estado Civil: Soltero
Perfil profesional
Experiencia como diseñador Independiente para diferentes clientes en el ramo restaurantero, vivienda, construcción y
para empresas que brindan servicios virtuales y de consultoría para la industria. También como diseñador
independiente para los siguientes despachos:
• Imalinx (Agencia de Marketing, experiencia en promoción de marcas extranjeras de nivel internacional)
• Estrategia 21 (Videojuegos, experiencia en diseño para material interactivo)
Experiencia laboral como diseñador gráfico en despachos como:
• Brand Me (Imagen corporativa, experiencia en diseño para PyMEs)
• InGNews (Publicidad para empresas varias)
• CSGroup (Ilustración, diseño de publicidad y community managment)
Actualmente, desarrollo de proyectos de imagen corporativa y diseño web para diferentes empresas y al desarrollo
de material PDV (Punto De Venta) para exhibición en tiendas de autoservicio y centrales de abasto, publicidad y
material de Trade marketing para marcas de alimentos importados desde EEUU y Nueva Zelandia para México y
Latinoamérica.
Formación académica
• Preparatoria Universidad La Salle Cuernavaca Campus Cuernavaca
• Licenciatura en Diseño Gráfico Universidad La Salle Cuernavaca Campus Cuernavaca
Otros datos
Idiomas: Inglés (80%)
Informática
Manejo de paquetería de Adobe para diseño: Illustrator, Photoshop, Indesign (nivel alto)
Manejo de programas para diseño y postproducción de audio y video: Premiere Pro Affter Effects Soundbooth
Otras habilidades: Liderazgo y dirección de proyectos.
Portafolio en línea: Agencia Brecha

24. Desarrollo y diseño de proyectos:
www.mcfallita.com
www.cultivartehidroponia.com
www.imalinx.com
http://zesprilatinoamerica.com/bienvenidos/ (sitio movil)
www.parlight.com
www.esefcuautla.com
Portafolio
http://agencia-brecha.tumblr.com

25. CARTA BAJO PROTESTA
Yo, Pablo Andrés Silva, en mi carácter de representante legal de BRECHA &
SHORAI manifiesto bajo protesta de decir verdad que no he recibido
apoyo económico de otra dependencia o entidad de la Administración
Pública Federal para el desarrollo de algún proyecto similar al que se está
presentando.
En caso de resultar ganador del presente reto, me comprometo a
participar y aportar los documentos necesarios, en tiempo y forma, para
la contratación que determine la Solicitante para el desarrollo de la
solución.