1

Desarrollo de la aplicacion web “Cafeterıa Virtual”Izanami Chin, Angel Leon, Eduardo Ojeda, Crhistian Uc

Universidad Autonoma de YucatanFacultad de Matematicas

Abstract—This paper presents the different stages andactivities of user-centered design for development the”Virtual Shop”web application, and a brief description ofeach of these.

Resumen—Este artıculo presenta las distintas etapas yactividades del diseno centrado en el usuario para el desarrollode la aplicacion web “Cafeterıa Virtual”, ası como una brevedescripcion de cada una de estas.

Palabras Clave— Aplicacion Web, Internet, Diseno centrado enel usuario, Software.

I. INTRODUCCION

El numero de estudiantes de la Facultad de Matematicas(FMAT) actualmente es muy grande, esto sin considerar apersonas que estudian en el turno vespertino. Teniendo encuenta que la FMAT solo cuenta con una cafeterıa en dondelos estudiantes pueden consumir alimentos y bebidas, losalumnos se aglomeran en dicho lugar, generando incomodidada la hora de consumir alimentos o incluso optando por noconsumirlo e irse a otra cafeterıa del campus. Sin embargo,muchas de estas personas, aunque se sientan incomodas ysepan que entraran tarde a una clase, siguen comprando, pueses el unico lugar cercano para consumir algo, ademas de lasmaquinas, en el menor tiempo posible. El hecho de saber quehay varias personas que prefieren no ir a consumir alimentoses una negativa para los encargados de la cafeterıa como paralos estudiantes.

Objetivo:Construir una aplicacion para realizar una solicitud deservicio a una cafeterıa escolar, y poder administrar lospedidos, mejorando ası, la rapidez con la que se atienden alos usuarios.

Justificacion:Actualmente, durante la elaboracion de los platillos serequiere que el cliente (comprador) tenga que esperar untiempo prolongado, que a veces resulta ser un inconvenientedurante las horas de clase. A continuacion se redacta a detallelas principales causas de esto:

1. Tiempos de espera prolongados.Como bien sabemos, los alimentos no pueden serpreparados instantaneamente. Cada uno de los platosdel menu tiene un tiempo estimado de preparacion.

El problema radica en que los platillos no estanpreparados con anticipacion, sino que estos empiezansu preparacion en el momento que el cliente realiza laorden. Esto es debido a que no es posible determinarque platillos se van a vender y cuales no, si seprepararan al azar, es muy probable que algunos delos platillos no se venda, generando un desperdicio deingredientes, recursos, tiempo y dinero.

2. La generacion de largas colas.Este problema es generado directamente por lostiempos de espera prolongados en la elaboracion delos alimentos. Cuando los clientes llegan y realizansus pedidos, tienden a ocupar algun lugar disponible yesperar por su pedido. Sin embargo llega un momentodonde la cantidad de clientes en espera se vuelvendemasiados y los nuevos clientes que van llegando seven obligados a permanecer de pie. Este problema esmas grave cuando la cafeterıa ya no puede contener amas clientes en su interior, por lo que varios incluso semantienen esperando en las afueras de la misma. Esteproblema se presenta porque la cafeterıa no solo recibealumnos de la Facultad de Matematicas, sino tambien alos alumnos de las facultades vecinas.

3. Desorganizacion en los pedidos.Usualmente, durante las horas y momentos del dıacon mas clientes, la gestion de los pedidos se vuelveengorrosa. Al haber demasiados clientes, con frecuenciase presentan situaciones donde a los clientes se lesentregan pedidos equivocados. Este problema enparticular, es especialmente visto como el peor detodos. Despues de que el cliente ha esperado bastantetiempo para recibir su pedido, lo ultimo que desea esque se le entregue algo que no habıa pedido. Ante estasituacion, muchas veces los alumnos por la prisa tienenque aceptar de mala gana lo que se les ofrece, puesal haber esperado un tiempo considerable, no podrıanmarcharse con las manos vacıas.

4. Falta de mesas para consumir alimentos.Las mesas tambien son parte importante de la cafeterıa,puesto que ahı se comen, sin embargo, cuando laspersonas van a consumir algo, se sientan a esperar a quese les prepare lo que han pedido, ahora, ¿Donde esperanmientras se les prepara su orden?, pues en las mesas, las

2

usan solo para esperar quitandole la oportunidad a otraspersonas que de verdad la necesitan, es por esto que sedebe de agilizar el manejo de ordenes, de esta manerareducir el tiempo de espera de los estudiantes.

II. MARCO TEORICO.

Los siguientes documentos sirvieron como motivacion ysustento teorico para el desarrollo de las primeras etapas delproyecto.

[Ohtani et al., 2006]. Se espera que la arquitectura orientadaal servicio pueda ser aplicada a la gestion de la red de proximageneracion. Sin embargo, los procesos que componen unservicio deben ser reutilizables para las adiciones a la red degestion de las operaciones.

[Do et al., 2010]. Se explora la posibilidad del uso deun ojo electronico para el escaneo de los productos en lascharolas de alimentos de la cafeterıa, para poder ası cobrarde forma automatica los productos y descontar de la cuentadel alumno lo que cuesta.

[Ito, 2007]. Se simula el congestionamiento que ocurrirıa enlos peores de los casos como horas de mayor trafico, teniendoen cuenta los detalles como la estructura de la cafeterıa, eltamano, metodos de pago, etc. El objetivo principal es reducirriesgos y costos ya que se simula en si que tan efectiva es lasolucion propuesta dado los detalles anteriores.

[Niu et al., 2011]. El objetivo de este estudio es investigar lassituaciones de ergonomıa fısica en las cafeterıas universitariaschinas. Es urgente desarrollar programas que proporcionenpersonal con conocimientos de ergonomıa y las habilidadesnecesarias en relacion a las posturas de trabajo adecuadas.

III. MATERIALES Y METODOLOGIA.

A lo largo del proyecto, se considero prudente haceruna separacion total entre los requisitos de la aplicaciony el diseno de la misma. Este enfoque permite obtenerun producto realmente centrado en el usuario y aunque elequipo de desarrollo puede intervenir durante la verificaciony validacion de los requerimientos, estos no deben forzarseen ningun momento.

Problematica y definicion del proyecto.Como primer paso, se selecciono la problematica de lasaturacion de clientes en la cafeterıa de la Facultad deMatematicas. Posteriormente fue redactada una guıa dedefinicion para establecer los lineamientos generales delproyecto, realizar la justificacion, objetivos y beneficios delmismo y establecer un calendario tentativo de actividadesfuturas para conducir y controlar tanto el avance como logrode metas de manera disciplinada. En esta etapa tambien sereviso la bibliografıa y trabajos relacionados para fundamentarel trabajo teorico.

Ingenierıa de requisitos.Es en esta etapa donde realmente da inicio el diseno centradoen el usuario. El exito de nuestro proyecto software esta dadoen gran parte por el esfuerzo y tiempo dedicado a la ingenierıade requisitos y es imprescindible para la obtencion de undiseno que realmente refleje las necesidades de los usuarios.En nuestro caso particular se destino un periodo considerablepara la identificacion de stakeholders y obtencion de requisitosa traves de distintas tecnicas de educcion.

Elicitacion de requisitos.Se identificaron los siguientes stakeholders para la aplicacion“Cafeterıa Virtual”segun la frecuencia de actividad en lacafeterıa, rango de edad, ocupacion y relacion con el sistemafinal:

1. EstudianteEs el usuario primario. De entre 18 y 30 anos. De sexoindistinto, en general hablamos de los estudiantes dentrodel sistema educativo nacional y tambien a estudiantesde otros sistemas educativos (cursos de ingles, decomputacion, de artes, etc.). En cuanto a su relacioncon la tecnologıa, podemos asegurar que crecieron en laera tecnologica. Estan muy bien adaptados a las redessociales, a las plataformas web y en general a cualquiernueva tecnologıa que surja, no se sienten intimidadospor ella y por el contrario intentan ponerla a prueba y“dominarla”. En general la flexibilidad para aprender amanejar nuevas plataformas es muy alta.

2. Cocineros de la cafeterıaSon los usuarios secundarios. Por lo general con unaedad mayor a las de los 25 anos y poseen una educacionprofesional o tecnologica. Utilizan las computadorasy sus tecnologıas asociadas generalmente por trabajoy no como algo mas, consideran todo lo demas comouna perdida de tiempo, aunque un gran numero deellos disfruta usar de Internet como un medio deentretenimiento. En general se sienten comodos con latecnologıa, pero tambien pueden sentirse amenazadospor ella, en especial si impacta directamente con sumanera de actuar o trabajar.

Especificacion de requisitos.De acuerdo al estandar IEEE830, fue realizada laespecificacion de requisitos software para detallar lasfuncionalidades de la aplicacion y poder validarlas conlos futuros usuarios. El Documento de Especificacion deRequisitos, obtenido como producto de salida del proceso deIR constituye una lınea base para dar comienzo con el disenosoftware y de la interfaz grafica de usuario.

Diseno de la interfaz grafica.Conociendo las necesidades especıficas de los usuarios y

3

las funcionalidades solicitadas fue posible desarrollar unainterfaz grafica adecuada para concertar los distintos puntosde vista de los stakeholders. Para esta etapa, una de las masimportantes del proceso de diseno centrado en el usuario,no se conto con mucho tiempo aunque se cubrieron lospuntos mas importantes como lo son: el color, disposicionde los elementos, numero maximo de elementos agrupados,parentesco con aplicaciones populares entre otros factores.

Figura 1. Prototipo Pantalla de Acceso

Figura 2. Prototipo Pantalla de Orden

Desarrollo del prototipo de la aplicacion.Se desarrollo un prototipo digital de la pantalla de acceso(ver Fig.1) y un prototipo sencillo para mostrar el flujo deactividades que incluyen las acciones principales. De maneraparalela, se comenzo con el diseno y la construccion delsoftware mediante tecnologıas web de libre distribucion (verFig.2). Los prototipos sirvieron como entrada a la etapa de

pruebas de usabilidad ya que el prototipo software evolutivono se encontraba en condiciones de madurez suficientes paratales propositos.

Pruebas de usabilidad.Como ultima actividad dentro del diseno centrado en elusuario se realizaron las pruebas de usabilidad para laverificacion y validacion del prototipo y los requisitossoftware. Para las pruebas KLM (Keystroke-Level Model) seutilizo la herramienta software CogTool, de libre distribucion,que permite hacer una simulacion automatizada sobre unescenario grafico.

Las pruebas estuvieron dirigidas por escenarios creadosdurante el proceso de Ingenierıa de Requisitos. Para laspruebas se utilizo una plantilla que incluıa informacion sobrelos perfiles de los participantes, los objetivos y metas de laactividad. Se agrego tambien un plan de tareas con tiempospara la sesion ası como las herramientas e instrumentos deevaluacion. Esta consiste en realizar un listado de las accionespaso a paso que el usuario deberıa realizar con la aplicacionpara completar un determinado escenario incluyendo eltiempo de interaccion con el hardware, tiempo para meditarsobre la siguiente accion y latencia del sistema de computo.A cada accion se le asigna un operador KLM y se obtieneun tiempo estimado para el escenario a traves de algunasoperaciones aritmeticas Por motivos de tiempo, se hizo laprueba unicamente con un escenario del proyecto.

IV. RESULTADOS.

Los resultados de las pruebas de usabilidad ası como laretroalimentacion obtenida al final muestran que la interfazresponde adecuadamente a las necesidades de nuestros usua-rios. Por lo cual es posible continuar con la construcciondel software definitivo en un futuro. Serıa bueno considerarrealizar mas pruebas para obtener resultados mas robustosy confiables. El servicio de cafeterıa en la facultad en ge-neral resulta mediocre para una gran cantidad de personasencuestadas y les agrada la idea de poder contar con unaherramienta similar a lo que promete “Cafeterıa Virtual”. Elproyecto se encuentra aun en una etapa temprana del ciclo devida de la aplicacion, hay muchas funcionalidades pendientesde implementar en el software real y hay que consideraraun cuestiones de arquitectura, hosting, difusion y cambiosinesperados en los requisitos del producto. Tales cambiospueden propiciar una modificacion drastica en la definiciondel proyecto y es necesario considerar un proceso disciplinadopara la gestion de requisitos incluyendo control de cambios,control de versiones, seguimiento del estado y trazabilidad.

V. CONCLUSIONES.

Este proyecto busca soluciona el problema del congestio-namiento de la cafeterıa, por medio de una aplicacion webque permitira agilizar los servicios de la misma, y con elloincrementar la calidad del servicio a clientes, si bien, estapropuesta aun le falta para ser pulida, por el momento serıa

4

bueno que aun se le hagan mas modificaciones al diseno delproyecto, sin embargo, este tema nos llamo mucho la atencion,debido a que como nosotros, estudiantes de la Facultad deMatematicas de la UADY, nos vemos en la situacion deesperar por mucho tiempo el ordenar una comida, sin embargo,pensamos que serıa de gran ayuda, tanto a los estudiantescomo a los duenos de la cafeterıa, si este proyecto llegasea realizarse.

VI. AGRADECIMIENTOS

Los autores de este artıculo quisieramos agradecer a nues-tros profesores de la facultad de Matematicas UADY, quienesnos han ensenado diversos conocimientos que hicieron posiblela realizacion de este trabajo, ası mismo agradecer a nues-tro profesor Vıctor Hugo Menendez Domınguez, quien nosimparte la materia de Interaccion Humano Computadora, pormotivarnos a la realizacion de este proyecto, ası como darnoslas bases para poder realizar dicho proyecto como proyectofinal de la materia.

VII. BIBLIOGRAFIA

REFERENCIAS

[Do et al., 2010] Do, K., Ohya, J., Pishva, D., and Nishantha, G. G. D.(2010). Feasibility of using machine vision based cash register systemin a university cafeteria. In Image and Signal Processing (CISP), 20103rd International Congress on, volume 6, pages 2554–2558.

[Ito, 2007] Ito, T. (2007). A simulation-based approach to congestionproblem in cafeteria. In Modelling Simulation, 2007. AMS ’07. First AsiaInternational Conference on, pages 465–470.

[Niu et al., 2011] Niu, J., Zheng, X. H., Zhang, L., Xu, S. Y., Li, X., Guo,S. S., and Ding, S. T. (2011). Investigation of ergonomics in chineseuniversity cafeterias’ working situation at peak hours using jack. InIndustrial Engineering and Engineering Management (IE EM), 2011 IEEE18Th International Conference on, volume Part 1, pages 595–599.

[Ohtani et al., 2006] Ohtani, M., Mukai, T., and Kimura, T. (2006). Processgranularities in cafeteria operation technology. In Optical Internet and NextGeneration Network, 2006. COIN-NGNCON 2006. The Joint InternationalConference on, pages 205–207.