Empresa participante: BRECHA & SHORAI

#Reto071Comisió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

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.

EQUIPO

Cumplimiento de requisitos y objetivosComo 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.

ViabilidadEl 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.

NUESTRA SOLUCIÓN

Diseño y experiencia del usuarioLa 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)

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.

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

NUESTRA SOLUCIÓN

DIAGRAMA UML

EXPERIENCIA 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.

MOCKUPS

MOCKUPS

Pantalla de inicio Inicio de sesión / Registro Formulario de registro

MOCKUPS

Menú principal Menú de reportes #1 Formulario de reporte

MOCKUPS

MOCKUPS

Notificaciones Ubicación de reportes en mi zona

Ubicación de CFEmáticos y establecimientos autorizados

MOCKUPS

Mockup en línea

EVIDENCIA DE PROPUESTA

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.

Tecnologías para desarrollo y diseño:

• HTML5• PHP• JQuery• CSS3• JavaScript• iOS• Android• Phonegap• Adobe Illustrator• Adobe Photoshop

ID Tarea Fecha Inicio Duración (días)

Fecha Final

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

CRONOGRAMA

A

B

C

D

F

E

G

H

I

J

K

L

M

N

O

P

Q

11/4

/201

4

11/2

4/20

14

12/1

4/20

14

1/3/

2015

1/23

/201

5

2/12

/201

5

3/4/

2015

3/24

/201

5

4/13

/201

5

CRONOGRAMA

JOSÉ CLAUDIO CASTRO ROMANO

DATOS PERSONALESEstado civil: CasadoNacionalidad: MexicanoIdiomas: Español e Inglés (70%)

FORMACIÓN ACADEMICAMaestría en Administración especialidad FinanzasTesis en proceso Licenciado en Sistemas, Informática y AuditoríaTitulado, 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

AXEL LUGO LARA

DATOS PERSONALES Edad: 23 Fecha de nacimiento: 18/07/91Estado civil: Soltero

FORMACIÓN ACADEMICAUniversidad 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 TILugar: Cementos y concretos MoctezumaFecha: 2012 – 2013

• Puesto: Programador JrLugar: CSgroupFecha: 2013 – 2014

• Puesto: IndependienteLugar: 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)

DATOS PERSONALESEdad: 24 Fecha nacimiento: 28/05/1990Estado civil: SolteroNacionalidad: Mexicano

FORMACIÓN ACADEMICAUniversidad 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 –2014Puesto: 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 2014Puesto: 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.

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

IDIOMASEspañol e Inglés (70%)

JORGE JAVIER ROMERO ALVA

Pablo Andrés Silva PáezDatos PersonalesEdad: 27 años Fecha de nacimiento: 24/01/87 Estado Civil: Soltero

Perfil profesionalExperiencia 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 datosIdiomas: Inglés (80%)InformáticaManejo 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 SoundboothOtras habilidades: Liderazgo y dirección de proyectos.

Portafolio en línea: Agencia Brecha

Desarrollo y diseño de proyectos:

www.mcfallita.comwww.cultivartehidroponia.comwww.imalinx.comhttp://zesprilatinoamerica.com/bienvenidos/ (sitio movil)www.parlight.comwww.esefcuautla.com

Portafoliohttp://agencia-brecha.tumblr.com

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.