UNIVERSIDAD TECNOLGICA FIDEL VELZQUEZ ORGANISMO PBLICO DESCENTRALIZADO DEL GOBIERNO DEL ESTADO DE MXICO

NOMBRE DE LA INSTITUCIN: Universidad Tecnolgica Fidel Velzquez.

NOMBRE DE LA CARRERA: TSU. En Tecnologas de la Informacin y Comunicacin rea Sistemas Informticos.

TTULO: Desarrollo de una aplicacin para un dispositivo mvil (celular) la cual calcula el IMC.

GRUPO: SI-501 EQUIPO FORMADO POR: Martnez Hernndez Eduardo. Gutirrez Delgado Evelin. lvarez Castillo Jos Manuel. Meza Aquino Iquer. PROFESORA: Norma Esmeralda Rodrguez Ramrez.

CLIENTE: Profesor Alejandro Martnez Romn. 28 de Octubre de 2011

NDICE

NM. PGINA

INTRODUCCIN..4 CAPTULO 1. MARCO CONTEXTUAL...5

1.1 ANTECEDENTES DEL PROGRAMA DE ACTIVACIN FSICA5

1.2 PLANTEAMIENTO DEL PROBLEMA..6

1.3 OBJETIVOS
1.3.1 GENERAL..7 1.3.2 ESPECFICO.7

1.4 JUSTIFICACIN..................7

1.5 LIMITANTES..7 1.6 DELIMITANTES.8

CAPTULO 2. MARCO TERICO.9 2.1 METODOLOGA PARA EL DESARROLLO DE SISTEMAS....9 2.2 PROGRAMAS PARA EL DISEO DE APLICACIONES EN CELULAR.11 2.2.1 NETBEANS....11 2.2.2. ECLIPSE....13 2.3 QU ES UNA PGINA WEB?....................................................................15 2.3.1 TIPOS DE PGINAS WEB..15 2.4 PROGRAMAS PARA HACER PGINAS WEB..17 2.5 ALOJAMIENTO WEB..19 CAPTULO 3. DESARROLLO..22 3.1 ANLISIS22

3.1.1 DESCRIPCIN DE REQUERIMIENTOS.22 3.2 DISEO DE LA APLICACIN QUE CALCULA EL IMC..25

3.3 CODIFICACIN DE LA APLICACIN QUE CALCULA EL IMC29

3.4 DISEO DE LA PGINA WEB PARA LA EMPRESA CELDATABASE..34

3.5 CODIFICACIN DE LA PGINA WEB PARA LA EMPRESA CELLDATABASE.38

ANEXO 1: GUIN DE ENTREVISTA44

REFERENCIAS.45

INTRODUCCIN: En este proyecto trabajaremos con el tema de la obesidad en Mxico, estudios recientes demuestran que ha aumentado de manera progresiva y alarmante. Debido a este problema surgi como estrategia preventiva el Programa de Activacin Fsica. El cual consiste en buscar que la poblacin mexicana realice por lo menos 90 minutos de ejerci al da. Debido a dicho programa en las escuelas se pide que se realicen actividades donde los alumnos se tengan que mover. En el CECyTEM nmero 1 situado en el Municipio de Nicols Romero se determin trabajar con este programa, los docentes calculan el IMC de los alumnos y con esa informacin se obtienen estadsticas para ir controlando este mal que afecta a muchas personas. El clculo que realiza el docente es muy tardado debido a que lo hace a mano o con ayuda de una calculadora, el problema radica en que el docente cuenta con ms de un grupo a su cargo y cada uno se compone de aproximadamente 60 alumnos entonces el estar calculando tantos IMC es un proceso muy tardado. Por tal motivo implementaremos en el dispositivo mvil del cliente (docente del CECyTEM #1 NICOLS ROMERO) una aplicacin rpida y efectiva que calcule el IMC de todos los alumnos que tenga a su cargo. En el captulo 1 del presente trabajo determinamos qu es lo que vamos a hacer? Se dan a conocer los antecedentes del programa de activacin fsica, se plantea el problema que tiene el cliente, se dice el objetivo general el cual da respuesta a las preguntas qu se va a hacer? Y para qu se va a hacer?, podemos encontrar tambin el objetivo especfico que responde las preguntas qu necesit para hacer lo que se dice en el objetivo general?, en la justificacin hablamos de la importancia y los beneficios que aporta el realizar el proyecto, en limitantes explicamos cules son las limitaciones de nuestro proyecto? damos respuesta al por qu la aplicacin no puede ser mejor? Y por ltimo en delimitantes decimos hasta dnde llegar nuestro proyecto.

CAPTULO 1. MARCO CONTEXTUAL En este captulo se dan a conocer los antecedentes del programa de activacin fsica, se plantea el problema que tiene el cliente, se crea el objetivo general del proyecto y el objetivo especfico, justificamos el por qu de la elaboracin del proyecto?, reconocemos las limitacin que tiene y por las cuales no puede ser mejor de lo que ya es y por ltimo se especifican las delimitantes el proyecto. 1.1 ANTECEDENTES DEL PROGRAMA DE ACTIVACIN FSICA. El sedentarismo es la carencia de actividad fsica y por lo general, pone al organismo humano en situacin vulnerable. Cuando la cantidad de actividad fsica no alcanza el mnimo necesario para mantener un estado saludable, hablamos de sedentarismo. El sedentarismo es un factor de riesgo para mltiples enfermedades como las cardiovasculares, hipertensin, diabetes, sobrepeso, obesidad y algunos tipos de cncer como el de colon y de mama. El sobrepeso en los individuos de cualquier poblacin es el resultado de la falta de un balance energtico positivo durante largo tiempo. Dado lo anterior se propone como una de las mejores estrategias para prevenir y tratar el sobrepeso y la obesidad, incrementar la prctica de actividad fsica. El xito para transformar nuestra sociedad sedentaria en otra ms activa, requiere una difusin adecuada y una aceptacin del mensaje que la actividad fsica de moderada intensidad confiere beneficios para la salud. Tal motivo lleva al surgimiento de este programa que se lleva a cabo en escuelas del pas. A partir de conocer los resultados de estudios recientes que demuestran la incidencia y prevaleca de sobrepeso y obesidad en el pueblo Mexicano en los ltimos aos, se implement, como una alternativa para su atencin, el programa Por un Mxico Activo, con la firme voluntad de poder influir en la poblacin, sobre

los beneficios que aporta la prctica de la actividad fsica, contribuir a la atencin del sedentarismo e influir en su calidad de vida. El objetivo del programa es el siguiente: Promover la actividad fsica y la salud en el mbito de Atencin escolar, potenciando el papel del ejercicio en las estrategias preventivas y teraputicas desarrolladas en el mbito comunitario. Misin del programa de activacin fsica: Establecer las estrategias para buscar que la poblacin mexicana realice, mnimo durante 90 minutos diarios actividades fsicas de tipo moderado, ya sea de manera continua o acumulativa con el fin de incidir en la preservacin de su salud y consecuentemente elevar su calidad de vida. 1.2 PLANTEAMIENTO DEL PROBLEMA. Estudios recientes demuestran que la incidencia y prevalencia de obesidad en Mxico ha aumentado de manera progresiva durante las ltimas seis dcadas y de modo alarmante las ltimas dos, hasta alcanzar cifras de entre 10 y 20 % (2 de cada 10) en la infancia, 30 y 40 % (4 de cada 10) en la adolescencia y hasta 60 y 70 % (7 de cada 10) en los adultos (1). A partir de conocer estos resultados, se implement, como una alternativa para su atencin, el Programa de Activacin Fsica, con la firme voluntad de poder influir en la poblacin, el objetivo es Promover la actividad fsica y la salud en el mbito de Atencin escolar. Debido la presencia de los altos ndices de obesidad en la comunidad estudiantil el CECyTEM #1 NICOLS ROMERO determin implementar el programa de activacin fsica. Dicho proyecto consiste en que cada docente de la institucin calcul el IMC de los grupos de los cuales es tutor. Cada docente al inicio de semestre hace dicho clculo, para ello pregunta a cada tutorado su peso y su talla (estatura), calcula el ndice de Masa Corporal (IMC) de cada uno y al final sacar el promedio total del grupo. Se proporciona un formato al docente donde l tiene que reportar el IMC y est informacin es enviada a Direccin General que se encuentra en Toluca para sacar estadsticas sobre la obesidad en la comunidad estudiantil. El problema radica en que cada profesor cuenta con un aproximado de 60 alumnos por grupo, se calculan manualmente en promedio 60 ndices de Masa Corporal, calcular uno toma alrededor de un minuto, adems se tiene que sacar el promedio del grupo y esto toma aun ms tiempo ya que se tienen que sumar todos los IMC, el tiempo aproximado que se toma para realizar el clculo de todo el grupo es de dos horas.

1.3 OBJETIVOS 1.3.1 OBJETIVO GENERAL. Implementar una aplicacin en el dispositivo mvil (celular) del cliente para que se calcule el IMC de cada alumno que tiene a cargo como tutor y que obtenga el promedio de IMC total el grupo. 1.3.2 OBJETIVO ESPECFICO. 1. Analizar los requerimientos del cliente para saber exactamente qu es lo que quiere. 2. Disear una interfaz grfica de usuario de tal forma que concuerde con la funcionalidad que se le dar y con los requisitos del cliente. 3. Construir el cdigo para calcular el IMC en el programa NetBeans versin 6.8. 4. Realizar pruebas de compatibilidad con el celular del cliente. Una vez que la aplicacin est programada y es compatible con el celular, instarla para hacer pruebas de funcionalidad y depurar errores. 5. Instalar en el celular la aplicacin que calcula el IMC. 1.4 JUSTIFICACIN. La aplicacin que calcular el IMC se implementa para proporcionarle al cliente una manera fcil y rpida de realizar el proceso sin presencia de errores, el usuario tiene que ingresar el peso y la talla (altura) del alumno y automticamente se obtendr el resultado. El hecho de estar calculando tantos IMC manualmente con una calculadora es algo tardado; primero se tiene que elevar la talla al cuadrado y despus dividir el peso entre el resultado de elevar la talla. Con una calculadora se corre el riesgo de que no se haga bien la operacin y est arroje otra cantidad, adems que el cliente se toma aproximadamente uno o dos minutos hacindolo. La aplicacin evitar este problema, el cliente slo tiene que poner los datos donde correspondan y el clculo se har automticamente sin desperdicio de tiempo.

1.5 LIMITANTES. Est aplicacin corre el riesgo de no ser compatible con otro dispositivo mvil (celular) ya que est programada para un solo tipo de celular en este caso el cliente cuenta con un Nokia 5130 XpressMusic y slo aqu se realizaron las pruebas para la instalacin. El celular slo cuenta con 1 GB de memoria disponible para la aplicacin. Lo cual provoca que despus de la instalacin no all mucho espacio en el celular para msica o imgenes que el cliente desee tener. El tamao del Display puede que no sea el adecuado para poder visualizar bien la aplicacin debido a la resolucin. 1.6 DELIMITANTES. El clculo slo se realiza para jvenes de entre 15 y 18 aos que estn estudiando en el CECyTEM #1 NICOLS ROMERO. El clculo de IMC se encuentra entre los siguientes rangos: Si el IMC es menor a 19 la persona presenta bajo peso. De 20 a 24.9 el peso est normal. De 25 a 29.9 la persona est cayendo en sobrepeso. Y de ms de 30 la persona presenta obesidad severa. El peso se usa en kilogramos (kg) y la altura en metros (m). Slo se permite que se introduzcan tres nmeros antes del punto decimal para el peso. No es necesario especificar de quien es el IMC ya que la aplicacin nada ms funciona como una calculadora de ndices de Masa Corporal. La aplicacin slo devuelve el nmero de IMC y un anuncio del rango en el que se encuentra el estudiante y proporciona un promedio para todo el grupo.

CAPTULO 2. MARCO TERICO El siguiente captulo proporciona informacin de la metodologa que elegimos para desarrollar el proyecto la cual es de cascada, aqu mismo podemos encontrar informacin sobre dos programas que sirven para el desarrollo de aplicaciones en celulares se muestran las ventajas de cada uno de ellos con el fin de saber diferenciarlos y poder elegir as el que ms se adapte a nuestras necesidades. Tambin encontraremos informacin sobre Qu es una pgina web?, sus tipos y los programas que se usan para disear una. Y por ultimo podemos observar tambin informacin sobre el alojamiento web. 2.1 METODOLOGA PARA EL DESARROLLO DE SISTEMAS (Pressman, 2009) Mtodo de cascada. En Ingeniera de software el desarrollo en cascada, tambin llamado modelo en cascada, es el enfoque metodolgico que ordena rigurosamente las etapas del proceso para el desarrollo de software, de tal forma que el inicio de cada etapa debe esperar a la finalizacin de la etapa anterior. De esta forma, cualquier error de diseo detectado en la etapa de prueba conduce necesariamente al rediseo y nueva programacin del cdigo afectado, aumentando los costes del desarrollo. La palabra cascada sugiere, mediante la metfora de la fuerza de la gravedad, el esfuerzo necesario para introducir un cambio en las fases ms avanzadas de un proyecto. Fases del modelo: Anlisis de requisitos. En esta fase se analizan las necesidades de los usuarios finales del software para determinar qu objetivos debe cubrir. De esta fase surge una memoria llamada SRD (documento de especificacin de requisitos), que contiene la especificacin completa de lo que debe hacer el sistema sin entrar en detalles internos. Es importante sealar que en esta etapa se debe consensuar todo lo que se requiere del sistema y ser aquello lo que seguir en las siguientes etapas, no pudindose requerir nuevos resultados a mitad del proceso de elaboracin del software. Diseo del Sistema. Se descompone y organiza el sistema en elementos que puedan elaborarse por separado, aprovechando las ventajas del desarrollo en equipo. Como resultado

surge el SDD (Documento de Diseo del Software), que contiene la descripcin de la estructura relacional global del sistema y la especificacin de lo que debe hacer cada una de sus partes, as como la manera en que se combinan unas con otras. Es conveniente distinguir entre diseo de alto nivel o arquitectnico y diseo detallado. El primero de ellos tiene como objetivo definir la estructura de la solucin (una vez que la fase de anlisis ha descrito el problema) identificando grandes mdulos (conjuntos de funciones que van a estar asociadas) y sus relaciones. Con ello se define la arquitectura de la solucin elegida. El segundo define los algoritmos empleados y la organizacin del cdigo para comenzar la implementacin. Diseo del Programa. Es la fase en donde se realizan los algoritmos necesarios para el cumplimiento de los requerimientos del usuario as como tambin los anlisis necesarios para saber que herramientas usar en la etapa de Codificacin. Codificacin. Es la fase en donde se implementa el cdigo fuente, haciendo uso de prototipos as como de pruebas y ensayos para corregir errores. Dependiendo del lenguaje de programacin y su versin se crean las bibliotecas y componentes reutilizables dentro del mismo proyecto para hacer que la programacin sea un proceso mucho ms rpido. Pruebas. Los elementos, ya programados, se ensamblan para componer el sistema y se comprueba que funciona correctamente y que cumple con los requisitos, antes de ser entregado al usuario final. Verificacin. Es la fase en donde el usuario final ejecuta el sistema, para ello el o los programadores ya realizaron exhaustivas pruebas para comprobar que el sistema no falle. Mantenimiento. Una de las etapas ms crticas, ya que se destina un 75% de los recursos, es el mantenimiento del Software ya que al utilizarlo como usuario final puede ser que no cumpla con todas nuestras expectativas. Variantes Existen variantes de este modelo; especialmente destacamos la que hace uso de prototipo y en la que se establece un ciclo antes de llegar a la fase de mantenimiento, verificando que el sistema final est libre de fallos Desventajas En la vida real, un proyecto rara vez sigue una secuencia lineal, esto crea una mala implementacin del modelo, lo cual hace que lo lleve al fracaso.

El proceso de creacin del software tarda mucho tiempo ya que debe pasar por el proceso de prueba y hasta que el software no est completo no se opera. Esto es la base para que funcione bien. Cualquier error de diseo detectado en la etapa de prueba conduce necesariamente al rediseo y nueva programacin del cdigo afectado, aumentando los costos del desarrollo. 2.2 PROGRAMAS PARA EL DISEO DE APLICACIONES EN CELULAR. 2.2.1 NETBEANS (Ligouri, 2010) Segn Ligouri NetBeans es un entorno de desarrollo integrado libre hecho principalmente para el lenguaje de programacin java. Existe adems un nmero importante de mdulos para extenderlo. Es un producto libre y gratuito sin restricciones de uso. Soporta el desarrollo de todos los tipos de aplicacin Java (J2SE, web, EJB y aplicaciones mviles). Desarrolla aplicaciones de escritorio, mviles y web con java, PHP, C/C++ y muchos ms. Funciona en Windows, Linux, Mac OS X y Solaris. El IDE Netbeans es un entorno de desarrollo integrado una herramienta para programadores pensada para escribir, compilar, depurar y ejecutar programas. Est escrito en Java pero puede servir para cualquier otro lenguaje de programacin. La plataforma Netbeans permite que las aplicaciones sean desarrolladas a partir de un conjunto de componentes de software llamados mdulos. Un mdulo es un archivo Java que contiene clases de java escritas para interactuar con las APIs de Netbeans y un archivo especial (manifest file) que lo identifica como mdulo. Las aplicaciones construidas a partir de mdulos pueden ser extendidas agregndole nuevos mdulos. Debido a que los mdulos pueden ser desarrollados independientemente, las aplicaciones basadas en la plataforma Netbeans pueden ser extendidas fcilmente por otros desarrolladores de software. La plataforma ofrece servicios comunes a las aplicaciones de escritorio, permitindole al desarrollador enfocarse en la lgica especfica de su aplicacin. Entre las caractersticas de la plataforma estn:

Administracin de las interfaces de usuario (ej. mens y barras de herramientas). Administracin de las configuraciones del usuario. Administracin del almacenamiento (guardando y cargando cualquier tipo de dato). Administracin de ventanas. Framework basado en asistentes (dilogo paso a paso). El NetBeans IDE soporta el desarrollo de todos los tipos de aplicacin Java (J2SE, web, EJB y aplicaciones mviles). Entre sus caractersticas se encuentra un sistema de proyectos basado en Ante, control de versiones y refactoring.

NetBeans Enterprise Pack soporta el desarrollo de Aplicaciones empresariales con Java EE 5, incluyendo herramientas de desarrollo visuales de SOA, herramientas de esquemas XML, orientacin a web servicies (for BPEL), y modelado UML. El NetBeans C/C++ Pack soporta proyectos de C/C++, mientras el PHP Pack, soporta PHP 5. NetBeans Enterprise Pack Provee Soporte para la creacin de aplicaciones orientadas a servicios (SOA), incluyendo herramientas de esquemas XML, un editor WSDL, y un editor BPEL para web services. Netbeans permite crear aplicaciones con Python ya que posee un motor para escribir (resaltando la sintaxis), identificar errores y el debugger. Sin duda alguna, Netbeans se ha convertido en un IDE apto para la mayora de los lenguajes de programacin opens urce modernos. Tambin se estima que dar para soporte GUI para varias libreras grficas como son PyQt y GTK. Se espera que salga una versin con motor para soporte para Jython, con acceso a todas las libreras de java e incluyendo soporte para Swing y tambin para las libreras grficas de Python que ya mencionamos. Lenguajes de programacin utilizados en NetBeans IDE 6.1: JAVA, JSP, Haskell, CPP, Yacc, Sh, Lex, Perl, Objc, Ansic.

Desarrollador de NetBeans Sun www.netbeans.org Informacin general ltima estable Gnero versin 7.0.1 1 de agosto de 2011; hace 2 meses Entorno de desarrollo integrado, kit de desarrollo de software Microsystems/Oracle Corporation

Programado en Sistema operativo

Java Multiplataforma

Plataforma Licencia Estado actual Idiomas En espaol

Java SE CDDL, GNU General Public License 2 En desarrollo Multilinge

2.2.2 ECLIPSE (Cuprak, 2007) Eclipse es un entorno de desarrollo integrado de cdigo abierto multiplataforma para desarrollar lo que el proyecto llama "Aplicaciones de Cliente Enriquecido", opuesto a las aplicaciones "Cliente-liviano" basadas en navegadores. Esta plataforma, tpicamente ha sido usada para desarrollar entornos de desarrollos integrados (del ingls IDE), como el IDE de java llamado Java Development Toolkit (JDT) y el compilador (ECJ) que se entrega como parte de Eclipse (y que son usados tambin para desarrollar el mismo Eclipse). Segn Cuprak las Caractersticas de eclipse son las siguientes: El entorno de desarrollo integrado (IDE) de Eclipse emplea mdulos (en ingls plug-in) para proporcionar toda su funcionalidad al frente de la plataforma de cliente enriquecido, a diferencia de otros entornos monolticos donde las funcionalidades estn todas incluidas, las necesite el usuario o no. Usa otros lenguajes de programacin como son C/C++ y Python. Eclipse trabaja con lenguajes para procesado de texto como LaTeX, aplicaciones en red como Telnet y Sistema de gestin de base de datos. Se provee soporte para Java y CVS en el SDK de Eclipse. Y no tiene por qu ser usado nicamente para soportar otros lenguajes de programacin. En cuanto a las aplicaciones clientes, eclipse provee al programador frameworks muy ricos para el desarrollo de aplicaciones grficas, definicin y manipulacin de modelos de software, aplicaciones web, etc. Por ejemplo, GEF (Graphic Editing Framework - Framework para la edicin grfica) es un plugin de Eclipse para el desarrollo de editores visuales que pueden ir desde procesadores de texto wysiwyg hasta editores de diagramas UML, interfaces grficas para el usuario (GUI), etc. Dado que los editores realizados con GEF "viven" dentro de Eclipse, adems de poder ser usados conjuntamente con otros plugins, hacen uso de su interfaz grfica personalizable y profesional. Eclipse dispone de un Editor de texto con resaltado de sintaxis. La compilacin es en tiempo real. Tiene pruebas unitarias con JUnit, control de versiones con CVS, integracin con Ant, asistentes (wizards) para creacin de proyectos, clases, tests, etc., y refactorizacin. Lenguajes de programacin utilizados en Eclipse 3.2.1: java, ANCI C, C++, JSP, sh, perl, php, sed.
Desarrollador de Eclipse

Eclipse www.eclipse.org Informacin general ltima versin estable 3.7.0 22 de junio de 2011 IDE, Java SDK, C/C++ Java Multiplataforma

Foundation

Indigo1

Gnero Programado en Sistema operativo

Licencia

Licencia Publica de Eclipse2

En espaol

La versin de NetBeans que usaremos para la creacin de la aplicacin para calcular el ndice de Masa Corporal es la 6.8. NetBeans 6.8: Permite a los desarrolladores tomar ventaja de las ltimas caractersticas del lenguaje Java EE 6 que simplifican la creacin de aplicaciones Java, incluyendo ms anotaciones y menos configuracin de XML. Adems, los desarrolladores pueden dirigir e implementar GlassFish v3 fcilmente, incluyendo el nuevo Perfil Web GlassFish v3 de peso ligero. Junto con el soporte para Java EE 6 y GlassFish v3, el NetBeans IDE 6.8 ofrece otras nuevas caractersticas y mejoras que incluyen: Soporte PHP Ampliado: Expande el soporte de los lenguajes dinmicos con apoyo para PHP 5.3 y el esquema de Symfony acelera el desarrollo de aplicaciones web PHP. Una integracin ms ajustada con Project Kenai: Project Kenai, un entorno de colaboracin para acoger proyectos Open Source, ofrece ahora soporte completo para JIRA as como mensajera instantnea mejorada y una integracin de seguimiento de issues. Mejora de C / C + + Profiling: Perfila y sintoniza aplicaciones C / C + + con el nuevo indicador Microstate Accounting, supervisor de uso I/O.

 JavaFX : Cdigo de finalizacin mejorado, sugerencias y navegacin para JavaFX en el editor NetBeans.

2.3 QU ES UNA PGINA WEB? (Pelez, 1999) Una pgina de Internet o pgina Web es un documento electrnico adaptado particularmente para la Web, que contiene informacin especfica de un tema en particular y que es almacenado en algn sistema de cmputo que se encuentre conectado a la red mundial de informacin denominada Internet, de tal forma que este documento pueda ser consultado por cualquier persona que se conecte a esta red mundial de comunicaciones y que cuente con los permisos apropiados para hacerlo. El acceso a las pginas web es realizado mediante su transferencia desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP). Segn Pelez las Caractersticas de las pginas web son las siguientes: Una pgina web est compuesta principalmente por informacin (slo texto y/o mdulos multimedia) as como por hiperenlaces. Las pginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML. Una pgina web es en esencia una tarjeta de presentacin digital, ya sea para empresas, organizaciones, o personas, as como una tarjeta de presentacin de ideas y de informaciones. As mismo, la nueva tendencia orienta a que las pginas web no sean slo atractivas para los internautas, sino tambin optimizadas (preparadas) para los buscadores a travs del cdigo fuente. 2.3.1 TIPOS DE PGINAS WEB. (Pelez, 1999) Existen varias formas de clasificar las pginas web: Segn la forma en la que sirven. Segn la forma en la que la pgina sirve para ser enviada a la PC del visitante, pueden ser de dos tipos: Pgina Web Esttica: Es aquella que est compuesta de una serie de archivos que contienen el cdigo HTML que constituye la pgina en s y que permiten mostrar los textos, imgenes, videos, etc. que conforman el contenido de la pgina. Estos archivos se almacenan en el servidor de Hosting en formato HTML junto con los archivos de imgenes (comnmente en formato jpg, gif o png) y los videos y dems contenido del sitio. Para modificar este tipo de pgina los archivos deben ser descargados del servidor con algn software para este fin (como los clientes FTP), editado usando un programa de edicin de pginas web como el Dreamweaver, grabados y subidos nuevamente al servidor.

Este proceso de edicin requiere manejar una serie de programas que se deben tener instalados en la PC y requieren de una serie de conocimientos y habilidades para el uso correcto de estos programas. Por lo general la edicin de este tipo de pginas la realizan los diseadores y desarrolladores web dedicados a estas labores. Este tipo de pgina es difcil de manejar por el propio cliente debido a los conocimientos y programas que se requieren. La mayora de personas que contrata este tipo de pginas para su negocio o empresa suele modificar el contenido muy espordicamente debido a que cada modificacin requerir de los servicios de la persona que desarrollo la web o alguna otra que se dedique a dar estos servicios, lo que implica un costo por cada modificacin. Pgina Web Dinmica: El trmino dinmico hace referencia a que la pgina web se construye al momento en que la pgina es visitada por el usuario. Es decir que el contenido de la pgina web no es fijo sino que se construye de acuerdo a la interaccin que el usuario hace con la pgina. La informacin de este tipo de pgina suele estar almacenada en Bases de Datos de las cuales se extrae una parte segn las selecciones o acciones llevada a cabo por la persona que visita la pgina web. Para realizar este tipo de pgina se necesita tener conocimientos de programacin y manejo de bases de datos o usar software que haga uso de estas tecnologas. Las pginas web dinmicas tienen adems las siguientes caractersticas: Gran nmero de posibilidades en su diseo y desarrollo. El visitante puede alterar el diseo, contenidos o presentacin de la pgina a su gusto. En su realizacin se utilizan diversos lenguajes y tcnicas de programacin. El proceso de actualizacin es sumamente sencillo, sin necesidad de entrar en el servidor. Permite un gran nmero de funcionalidades tales como bases de datos, foros, contenido dinmico, etc. Pueden realizarse ntegramente con software de libre distribucin. Existe una amplia comunidad de programadores que brinda apoyo desinteresado. Cuenta con un gran nmero de soluciones prediseadas de libre disposicin.

Otra caracterstica principal de las pginas dinmicas es que pueden ser administradas por una persona sin conocimiento alguno de diseo o desarrollo web. Esto se puede hacer mediante el uso de formularios que sirvan para que el usuario administrador modifique los contenidos de la pgina que estn almacenados en la Base de Datos.

2.4 PROGRAMAS PARA HACER PGINAS WEB. (Pelez, 1999) Para crear una pgina Web, existen muchas opciones en el mercado, lo bsico que debe conocerse es el cdigo HTML (HyperText Markup Language) Lenguaje de Marcado de Hipertexto, es el lenguaje de marcado predominante para la elaboracin de pginas Web. Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes. Existen adems lenguajes completos de programacin que pueden aumentar la versatilidad de una pgina Web, tales como PHP, ASP y Java script. Para optimizar las funcionalidades de su pgina Web, tambin puede optar por utilizar programas como Flash, Shockwave, Java Applet, CGI, SVG, ActiveX, Cookies entre otros programas y por ltimo, considerar incorporar una Base de Datos para simplificar algunas tareas al momento de desarrollar ciertos sitios Web. Los programas para desarrollar pginas Web estn divididos en diferentes categoras segn su funcionalidad. A continuacin se describe cada una de ellas y los programas ms representativos de cada una. Programas Generales: Son programas que su utilidad es del inters general, no exclusivos para programadores o desarrolladores. Entre los programas ms representativos se encuentran: Mozilla, Xenu Link, Opera (Navegador), FileZilla (Cliente FTP), Open Office, Picasa2, Skype, PDFill, 7-Zip, etc. Programas de Diseo: Programas que son tiles en el diseo de pginas Web en general. Entre esta categora de programas se encuentran: PhotoShop Elements 3.0, Flash, Dreamweaver, Corel Ventura 10, Adobe PhotoShop, Photo Impact, Xara X1, Deep Paint 3D, solo por mencionar algunos. Programacin: Estn enfocados a desarrolladores y programadores, es una serie de programas especializados que le ayudaran a desarrollar su pgina Web de forma estructurada y confiable, algunos de estos programas son MED, Ultra Edit, HomeSite, Zend Studio, Edit2web, phpDesigner, Komodo IDE, HTML-Kit., Visual Web Developer, Style Master Editor, XML Soy 5, y ASP.NET Web Matrix, etc. Programas de Gestin de Contenidos: Son programas que facilitan la gestin dinmica de contenidos en pginas Web, por ejemplo: Bitrix Site Manager, Main Tools Gestor y Editor Web y Writely (Procesador de Textos en la Web) Navegadores: Son programas que permiten ingresar a pginas Web, cuentan con diferentes funciones como marcadores de pagina, borrador de historial, recordar contraseas, auto completar escritura, etc. Los ms conocidos son: Firefox, Netscape, Explorer, Safari, Safari para Windows, Opera, Flock, etc. Programas para crear pginas web con costo.

Dreamweaver: Fue creado por Macromedia, aunque en la actualidad lo produce Adobe Systems, este es el programa ms utilizado para programacin Web, por sus funciones, la integracin con otras herramientas como el adobe flash y sus recientes agregaciones a soporte de los estndares Web Consortium. Cuenta con soporte para editar imgenes y crear animaciones a travs de su integracin con otras. Una de las desventajas ms duramente criticadas en este programa es que hasta la versin MX, no contaba con soporte de los estndares Web, el cdigo generado solo poda ser visualizado en Internet Explorer y no era validado como HTML estndar. Esta desventaja ha sido corregida con el paso del tiempo en sus versiones ms recientes. Este programa puede encontrarse dentro del paquete de Adobe Creative Suite 3 y 4. Las primeras versiones de este programa eran utilizados como editores WYSIWYG, no obstante, las versiones recientes soportan tecnologas como CSS (Cascading Style Sheets, CSS es un lenguaje usado para definir la presentacin de un documento estructurado escrito en HTML o XML y por extensin en XHTML.), JavaScript y Framework del servidor. Dreamweaver es editor de WYSIWYG, por lo tanto permite ocultar cdigo HTML, lo cual facilita al usuario que no es programador, a crear pginas y sitios Web de una forma sencilla sin necesidad de tener conocimientos avanzados. Dreamweaver ha tenido bastante aceptacin desde fines de los aos 90s y cuenta con el 90% de ventas para programas editores HTML. Este es un programa disponible para Windows y Mac, aunque tambin es ejecutable en entorno Unix. Editores web ms populares gratuitos. Amaya: Es una herramienta combinada del W3C (World Wide Web Consortium, abreviado W3C, es un consorcio internacional que produce recomendaciones para la World Wide Web) que est conformada por un navegador y una herramienta de autor. En este programa, cualquier pgina Web que sea abierta puede ser editada. Es un software libre, trabaja bajo plataformas Unix, Linux, Mac y Windows. Mozilla Composer: es un editor de pginas Web libre y de cdigo abierto y el mdulo de autora Web de Mozilla Application Suite (el predecesor de SeaMonkey). Es usado para crear y editar pginas Web, e-mail, y documentos de texto fcilmente. Es compatible con Microsoft Windows, Mac OS X y Linux. 2.5 ALOJAMIENTO WEB (Torres, 2001). Segn Torres el alojamiento web (web hosting) es el servicio que provee a los usuarios de internet un sistema para poder almacenar informacin, imgenes, vdeo, o cualquier contenido accesible va web. El alojamiento web o alojamiento de pginas web, se refiere al lugar que ocupa una pgina web, sitio web, sistema, correo electrnico , archivos etc. en internet o ms especficamente en un servidor que por lo general hospeda varias aplicaciones o pginas web. Las compaas

que proporcionan espacio de un servidor a sus clientes se suelen denominar con el trmino en ingls web host. El hospedaje web se puede definir como un espacio en Internet para prcticamente cualquier tipo de informacin, sea archivos, sistemas, correos electrnicos, videos etc. Tipos de alojamiento web en Internet. Alojamiento gratuito: El alojamiento gratuito es extremadamente limitado cuando se lo compara con el alojamiento de pago. Estos servicios generalmente agregan publicidad en los sitios y tienen un espacio y trfico limitado. Alojamiento compartido: En este tipo de servicio se alojan clientes de varios sitios en un mismo servidor, gracias a la configuracin del programa servidor web. Resulta una alternativa muy buena para pequeos y medianos clientes, es un servicio econmico debido a la reduccin de costos ya que al compartir un servidor con cientos miles o millones de personas o usuarios el costo se reduce dramticamente para cada uno, y tiene buen rendimiento. Entre las desventajas de este tipo de hospedaje web hay que mencionar sobre todo el hecho de que compartir los recursos de hardware de un servidor entre cientos o miles de usuarios disminuye notablemente el desempeo del mismo. Es muy usual tambin que las fallas ocasionadas por un usuario repercutan en los dems por lo que el administrador del servidor debe tener suma cautela al asignar permisos de ejecucin y escritura a los usuarios. Las desventajas son: Disminucin de los recursos del servidor, de velocidad, de desempeo, de seguridad y de estabilidad. Alojamiento de imgenes: Este tipo de hospedaje se ofrece para guardar imgenes en internet, la mayora de estos servicios son gratuitos y las pginas se valen de la publicidad colocadas en su pgina al subir la imagen. Alojamiento revendedor (reseller): Este servicio de alojamiento est diseado para grandes usuarios o personas que venden el servicio de hospedaje a otras personas. Estos paquetes cuentan con gran cantidad de espacio y de dominios disponibles para cada cuenta. Servidores virtuales (VPS, Virtual Private Server): La empresa ofrece el control de una computadora aparentemente no compartida, que se realiza mediante una maquina virtual. As se pueden administrar varios dominios de forma fcil y econmica, adems de elegir los programas que se ejecutan en el servidor. Por ello, es el tipo de producto recomendado para empresas de diseo y programacin web. Servidores dedicados. Un servidor dedicado es una computadora comprada o arrendada que se utiliza para prestar servicios dedicados, generalmente

relacionados con el alojamiento web y otros servicios en red. A diferencia de lo que ocurre con el alojamiento compartido, en donde los recursos de la mquina son compartidos entre un nmero indeterminado de clientes, en el caso de los servidores dedicados, generalmente es un slo cliente el que dispone de todos los recursos de la mquina para los fines por los cuales haya contratado el servicio. Los servidores dedicados pueden ser utilizados tanto para prestar servicios de alojamiento compartido como para prestar servicios de alojamiento dedicado, y pueden ser administrados por el cliente o por la empresa que los provee. El cuidado fsico de la mquina y de la conectividad a Internet est generalmente a cargo de la empresa que provee el servidor. Un servidor dedicado generalmente se encuentra localizado en un centro de datos. Un servidor dedicado puede ser entendido como la contraparte del alojamiento web compartido, pero eso no significa que un servidor dedicado no pueda ser destinado a entregar este tipo de servicio. Un servidor dedicado puede ser utilizado como una forma avanzada de alojamiento web cuando un cliente o empresa tiene requerimientos especiales de rendimiento, configuracin o seguridad. En estos casos es comn que una empresa arriende un servidor dedicado para autoabastecerse de los servicios que necesita disponiendo de todos los recursos de la mquina. La principal desventaja de un servidor dedicado es el costo del servicio, el cual es muy superior al del alojamiento compartido. Esto debido principalmente al costo mensual de la mquina y la necesidad de contratar los servicios para la administracin y configuracin del servidor. Colocacin (housing): Este servicio consiste bsicamente en vender o alquilar un espacio fsico de un centro de datos para que el cliente coloque ah su propia computadora. La empresa le da la corriente y la conexin a Internet, pero el servidor lo elige completamente el usuario (hasta el hardware). Alojamiento web en la nube (cloud hosting): El alojamiento web en la "nube" (cloud hosting) est basado en las tecnologas ms innovadoras que permiten a un gran nmero de mquinas actuar como un sistema conectadas a un grupo de medios de almacenamiento, tiene ventajas considerables sobre las soluciones de web hosting tradicionales tal como el uso de recursos. La seguridad de un sitio web alojado en la "nube" (cloud) est garantizada por numerosos servidores en lugar de slo uno. La tecnologa de computacin en la nube tambin elimina cualquier limitacin fsica para el crecimiento en tiempo real y hace que la solucin sea extremadamente flexible. Dominios: Un dominio de Internet es una red de identificacin asociada a un grupo de dispositivos o equipos conectados a la red internet. El propsito principal de los nombres de dominio en Internet y del sistema de nombres del dominio (DNS), es traducir las direcciones IP de cada nodo activo en

la red, a trminos memorizables y fciles de encontrar. Algunos planes de alojamiento (pero no los gratuitos) incluyen un nombre del dominio para que sea ms fcil acceder al sitio. Si no viene incluido, es el usuario quien tiene que registrar un dominio mediante un registrador o bien usar un subdominio de la misma compaa.

CAPTULO 3. DESARROLLO. Este captulo contiene tres etapas del desarrollo de sistemas la etapa de Anlisis, Diseo y la etapa de Codificacin. En la etapa de anlisis se definen los requerimientos y prioridades de nuestro cliente, el diseo consiste en definir la estructura de la solucin que le daremos al problema y por ultimo en la etapa de codificacin se implementa el cdigo para formar lo que ya est diseado. 3.1 ANLISIS L a informacin sobre los requerimientos del cliente se obtuvieron por medio de la formulacin de un guin de entrevista el se encuentra en el ANEXO 1.

3.1.1 DESCRIPCIN DE REQUERIMIENTOS. El cliente Alejandro Martnez Romn imparte clases en el plantel CECyTEM nmero 1 situado en el municipio de NICOLS ROMERO. En dicha institucin se est llevando a cabo el programa de activacin fsica con la comunidad estudiantil ya que se est presentando un alto ndice de obesidad. Al cliente se pide que reporte el ndice de Masa Corporal (IMC) por alumno, para ello se le proporciona un formato donde l realiza el clculo manualmente. 1. Se tiene que obtener IMC por alumno. 2. Se debe sacar el promedio de IMC por grupo. En promedio cada profesor tiene a su cargo 60 alumnos por grupo tutorado. La frmula para calcular el IMC es la siguiente: IMC= PESO / (TALLA)2 1. PESO. Cunto pesa el alumno en kilogramos? 2. TALLA: Cunto mide el alumno en metros?

A cada docente se le est asignando un documento que contiene la siguiente tabla de resultados para la valoracin fsica:

ndice de masa corporal (IMC)= Peso / (altura)2 INTERVALO Menos de 19 De 20 a 24.9 De 25 a 29.9 Ms de 30 NIVEL Peso bajo Normal Sobrepeso Obesidad severa

El hecho de estar haciendo el clculo de IMC a mano alumno por alumno quita mucho tiempo. El cliente desea automatizar est proceso, necesita una aplicacin en su celular, la cual calcul el IMC de cada alumno que l tenga a su cargo y despus arroje el promedio de IMC de todo el grupo. La aplicacin debe contar con el logo de la institucin.

El cliente quiere que la aplicacin le d la opcin de guardar los clculos, el calcula el IMC de sus alumnos en sus tiempos libres, cuando quiera dejar de calcular y cerrar la aplicacin desea que el clculo se quede guardado y despus no tener que comenzar nuevamente. Ejemplo: Si se realizan 10 clculos de IMC de 60 alumnos, esos diez tienen que guardarse al momento de cerrar la aplicacin. Cada que se calcul un IMC se necesita que automticamente se vaya promediando el IMC de los resultados que ya se obtuvieron, se requiere ir visualizando el total de clculos que se han realizado esto porque el cliente es algo despistado y pierde las cuentas fcilmente. El dispositivo mvil donde se instalar la aplicacin que calcular el ndice de IMC tiene las siguientes caractersticas: Nokia 5130 XpressMusic caractersticas avanzadas.
GENERAL Red Anunciado Status GSM 850 / 900 / 1800 / 1900 2008, Noviembre Disponible

TAMAO

Dimensiones Peso

107.5 x 46.7 x 14.8 mm, 65 cc 88 g

DISPLAY

Tipo Tamao

TFT, 256K colores 240 x 320 pixeles, 2.0 pulgadas - Temas bajables - Teclas de msica dedicadas

RINGTONES

Tipo Customizacin Vibracin

Polifnico (64 canales), MP3 Download Si

MEMORIA

Agenda telefnica 2000 entradas, Foto de llamada Registro de Si llamadas Slot de tarjeta microSD (TransFlash), hasta 8GB, 1GB incluido

CARACTERSTICAS GPRS Velocidad de datos Mensajera

Clase 32

SMS, MMS, Email

Browser Reloj Alarma Puerto infrarrojo Juegos Colores Cmara

WAP 2.0/xHTML Si Si No Si + bajables Rojo, Azul 2 MP, 1600x1200 pixels - Java MIDP 2.1 - Radio FM Stereo con grabacin - Reproductor MP3/MP4/eAAC+/WMA - Conector de AV de 3.5 mm - HSCSD - EDGE Clase 32 - Bluetooth A2DP - microUSB - Manos libres incorporado - Memo de voz - T9 Standard, Li-Ion (BL-5C) Hasta 288 h Hasta 6 h

BATERA Stand-by Tiempo de conversacin

El cliente necesita ir viendo avances de la construccin de su aplicacin requiere de informes semanales. La fecha de entrega de la aplicacin es para el 26 de Noviembre de 2011. Requerimiento para la implementacin del sistema Para la codificar la aplicacin en celular que calcula del ndice de Masa Corporal se requiriere del programa llamado NetBeans en la versin 6.8. NetBeans IDE es un reconocido entorno de desarrollo integrado disponible para Windows, Mac, Linux y Solaris. NetBeans est formado por un IDE de cdigo abierto y una plataforma de aplicacin que permite a los desarrolladores crear con rapidez aplicaciones web, empresariales, de escritorio y mviles utilizando la plataforma Java, as como JavaFX, PHP, JavaScript y Ajax, Ruby y Ruby on Rails, Groovy and Grails y C/C++. 3.2 DISEO DE LA QUE CALCULA EL IMC. El cliente est trabajando 1 situado en el Municipio Romero por ello se aplicacin se encuentre la APLICACIN en el CECyTEM # de Nicols requiere que en la imagen de dicha

institucin. La interfaz principal que contiene la imagen de la institucin es la siguiente:

Se requiere que en la aplicacin contenga un men para que el cliente especifique Qu quiere hacer?, en la interfaz principal (inicio) se encuentra una opcin que dice Continuar que nos pasa al siguiente men:

Cuando se selecciona la opcin Calcular IMC del men anterior se muestra la siguiente pantalla en la cual se requiere que el cliente introduzca en el lugar indicado el peso en kg y la estatura en metros para ello se necesita siguiente interfaz:

Para que el cliente visualice el resultado se le agrega a la interfaz anterior la etiqueta IMC y la caja donde aparecer el resultado:

Despus de poner los datos que se piden en sus respectivos espacios el cliente tiene que ir al men situado en la parte derecha en donde elegir la opcin Calcular y el resultado aparecer en su respectivo lugar redondeado a dos nmeros despus del punto decimal:

El cliente necesita que la aplicacin le muestre Cuntos alumnos ya han sido calculados? para ello se agrega a la interfaz la etiqueta Alumnos y en seguida una pequea caja donde aparecer la cantidad que se lleva hasta el momento:

Se requiere que el cliente valla observando el IMC grupal para ello se agrega a la interfaz la etiqueta IMC Total y la caja donde aparecer este resultado:

Otra opcin del men es la de Nuevo Clculo la cual tiene la funcin de dejar las cajas donde el cliente introduce datos en blanco con el fin de que se realice un nuevo clculo:

La opcin Guardar se necesita cuando el cliente desee salir de la aplicacin y no quiera perder lo que ya lleva calculado.

La opcin del men Ver Registros permite al cliente observar todos los clculos que ha guardado visualizando slo el IMC total y la cantidad de alumnos que ya fueron calculados.

La opcin Salir se debe poner para que el cliente salga completamente de la aplicacin desde est interfaz.

Despus de la opcin Calcular IMC se encuentra la opcin Reanudar Clculo esta opcin slo se activar si la ltima vez que el cliente uso la aplicacin guardo los clculos que realiz. Para est opcin se mostrar la interfaz donde se calcula el IMC pero el nmero de alumnos y el IMC Total sern los ltimos que guardo el cliente. 3.3 CODIFICACIN DE LA APLICACIN QUE CALCULA EL IMC. La codificacin se realiza en el programa NetBeans. Primero codificamos para crear la interfaz grfica que ver el cliente y despus le damos funcionalidad. Para crear la interfaz grfica necesitamos de Formularios en cada uno se pone una interfaz diferente y estos tienen que estar dentro de una pantalla para que se puedan visualizar. La interfaz grfica queda de la siguiente manera: Dividida en tres interfaces (formularios):

Interfaz 1

Interfaz 2

Interfaz 3

Ahora explicaremos la funcionalidad que se le da a cada una de las opciones de est men.

La funcionalidad para la opcin Calcular consiste en lo siguiente: Para calcular el IMC tenemos que introducir el peso, despus la altura. El cdigo consiste en traer lo que tiene la caja peso y lo que tiene la caja altura y realizar la siguiente operacin: imc=peso/ (altura*altura); Parte de este cdigo es el siguiente en donde se calcula el IMC con la formula y despus se asigna el resultado en la caja correspondiente: imc=peso/ (altura*altura); txfimc.setString(Redondear(imc)+"");

Despus de obtener el IMC contamos el nmero de clculos que se han realizado y lo ponemos en la caja de Alumnos: txfalum.setString(cont +"");

Para que el cliente valla viendo el IMC Total cada que se realice un clculo, el IMC obtenido se suma y est suma se divide entre el nmero de alumnos calculados. p=sumaimc/b; txfpromedio.setString(Redondear(p)+"");

Para realizar un nuevo clculo tenemos que poner las cajas en donde el usuario puede ingresar datos en blanco. Slo estas cajas por que se tiene que seguir viendo la cantidad de alumnos calculados y el IMC Total hasta el momento.

Ejemplo de cdigo: txfpeso.setString("");

Cuando el cliente elige la opcin Ver Registros el cdigo que se utiliza es el de RMS el cual se comporta como una base de dato: El paquete RMS se importa con sta lnea de cdigo. import javax.microedition.rms.*; Para guardar los datos que queremos primero los leemos y despus los guardamos para ello se usa el mtodo guardarPalabras(): public void leerDatosCajas(){ alumno= txfalum.getString(); promedio= txfpromedio.getString(); } public void guardarPalabras(){ try{ ByteArrayOutputStream baos = new ByteArrayOutputStream(); DataOutputStream os = new DataOutputStream(baos);

os.writeUTF("EL PROMEDIO GRUPAL: "+promedio+"\n"+"ALUMNO: "+alumno); //os.writeUTF("ALUMNOS: "+alumno); byte[] b = baos.toByteArray();

rs1.addRecord(b, 0, b.length);//agrega al arreglo b desde caro asta .length a RecordStore} catch( RecordStoreException e ){ System.out.println("error" );} catch (IOException ioe) { System.out.println( "error" );} Cuando se da clic en la opcin Ver Registros despus de haber guardado el clculo esta es la pantalla que se observa:

Para codificar los mensajes de alertas se utiliz este cdigo: Alert alerta1,alerta2,alerta3,alerta4; alerta1 = new Alert("","PESO BAJO"+ "", null, AlertType.WARNING); alerta1.setTimeout(Alert.FOREVER);

alerta2 = new Alert("","PESO NORMAL"+ "", null, AlertType.WARNING); alerta2.setTimeout(Alert.FOREVER);

alerta3 = new Alert("","SOBREPESO"+ "", null, AlertType.WARNING); alerta3.setTimeout(Alert.FOREVER);

alerta4 = new Alert("","OBESIDAD SEVERA"+

"", null, AlertType.WARNING); alerta4.setTimeout(Alert.FOREVER); Uno de los mensajes de alerta es el siguiente:

3.4 DISEO DE LA PGINA WEB PARA LA EMPRESA CELLDATABASE. Pgina de inicio donde se enviar al usuario a la pgina principal.

Pgina principal donde se da a conocer la informacin de la empresa CELLDATABASE tal como Quines somos?, los Servicios que ofrece, la forma de Contactar con ellos, la Misin de la empresa ,la Visin, los Valores con los que trabaja y el Giro que los distingue.

En la pgina principal se cuenta con botones que nos proporcionan cierta informacin. El botn QUINES SOMOS? Proporciona informacin sobre la empresa.

El botn SERVICIOS proporciona la siguiente informacin:

El botn CONTACTO nos manda a la siguiente pantalla:

El botn MISIN lleva al usuario a conocer la Misin de la empresa:

El botn VISIN proporciona la siguiente informacin:

El botn VALORES da a conocer los valores con los que trabaja la empresa:

El botn GIRO le muestra lo siguiente:

3.5 CODIFICACIN CELLDATABASE.

DE

LA

PGINA

WEB

PARA

LA

EMPRESA

El cdigo ms importante de la pgina principal es el de los botones. Parte de este cdigo es el siguiente: <head> </style></head> <body> <p> <param name="movie" value="button1.swf" /> <param name="quality" value="high" /> <param name="BGCOLOR" value="#0066FF" /> <embed src="button1.swf" width="108" height="28" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#0066FF" ></embed> </object> </p> <p> <param name="movie" value="button2.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#2450FF" /> <embed src="button2.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="108" height="28" bgcolor="#2450FF"></embed> </object> </p> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.c ab#version=5,0,0,0" width="108" height="28"> <param name="movie" value="button3.swf" /> <param name="quality" value="high" />

<param name="bgcolor" value="#4646FF" /> <embed src="button3.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="108" height="28" bgcolor="#4646FF"></embed> </object> </p><p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.c ab#version=5,0,0,0" width="108" height="28"> <param name="movie" value="button4.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#5151FF" /> <embed src="button4.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="108" height="28" bgcolor="#5151FF"></embed> </object> </p> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.c ab#version=5,0,0,0" width="108" height="28"> <param name="movie" value="button5.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#3366FF" /> <embed src="button5.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="108" height="28" bgcolor="#3366FF"></embed> </object></p> </body> </html>

Parte del cdigo del botn QUINES SOMOS? es el siguiente: <p align="center"><span somos?</strong><br /> class="Estilo1"><strong>&iquest;Qui&eacute;nes

Somos una empresa integrada por cuatro ingenieros la cual se gener en el a&ntilde;o 2010,Nuestra empresa se dedica a elaborar aplicaciones para dispositivos m&oacute;viles.Si usted est&aacute; buscando la mejor opci&oacute;n de software para su celular cualquier aplicaci&oacute;n que usted necesite, CELLDATABASE es su mejor opci&oacute;n, lo invitamos a revisar nuestros servicios y a mantenerse en contacto con nosotros para m&aacute;s informaci&oacute;n.&nbsp;<br /> N&uacute;mero telef&oacute;nico: 5518715840</span></p>

Una parte del cdigo para el botn MISIN es el siguiente: <p align="center"><strong>MISI&Oacute;N. </strong><br /> Somos una empresa vanguardista orientada en todo momento a lograr que nuestras aplicaciones en celular sean lo m&aacute;s enfocadas a las necesidades del usuario proporcionando as&iacute; un producto de calidad y sobre todo un producto que sirva.</p>

Cdigo para el botn VISIN: <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>VISIN</title> <style type="text/css"> <!--body { background-image: url(file:///F|/venta/fondo_1024.jpg);} .Estilo1 {color: #FFFFFF}--> </style></head> <body> <p align="center"><strong>VISI&Oacute;N.</strong><br /> Ser una empresa reconocida, distinguida, renombrada y demandante, en el mundo de las aplicaciones en celular enfoc&aacute;ndonos al dise&ntilde;o y

desarrollo de ellas y gracias a la buena reputaci&oacute;n &nbsp; y distinci&oacute;n adquirida por nuestros&nbsp; de gran calidad estar siempre en contacto con&nbsp; las necesidades reales del cliente haciendo as&iacute; f&aacute;ciles sus&nbsp; tareas, tratando de enfrentar mercados internacionales y no solo nacionales.<strong></strong></p> <p align="right" class="Estilo1">&nbsp;</p> <p align="right" class="Estilo1">&nbsp;</p> <p align="right" class="Estilo1"><img src="file:///F|/BlackBerry - Modelos de Celulares BlackBerry M&eacute;xico Celulares Nuevos_files/appworld_promo.png" width="119" height="105" />CELLDATABASE</p> </body></html> Un poco del cdigo del botn VALORES es el siguiente: <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>valores</title><style type="text/css"><!-body { background-image: url(file:///F|/venta/fondo_1024.jpg);}--> </style></head><body> <p align="center"><strong>VALORES</strong></p> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td width="100%" valign="top"><br /> Colaboraci&oacute;n </tr></table> <table border="0" cellspacing="0" cellpadding="0" width="100%"><tr> <td valign="top"><ul type="disc"> <li>Esp&iacute;ritu de Servicio<br /> Nosotros trabajamos duro para nuestros clientes y siempre tratamos de superar sus expectativas y necesidades</li></ul> <ul type="disc"> <li>Esp&iacute;ritu de Equipo<strong><br /> con los clientes<strong></strong> </td>

</strong>Mantenemos un ambiente de trabajo c&oacute;modo, que promueve el trabajo en equipo y las relaciones humanas.</li></ul> <ul type="disc"> <li>Integridad<strong><br /> </strong>Somos gente honesta y trabajadora.</li></ul> <ul type="disc"><li>Responsabilidad<strong><br /> </strong>Vamos a hacer un esfuerzo adicional para cumplir nuestra promesa y entregar lo que hemos comprometido.</li> </ul> <ul type="disc"> <li>Mejora Continua<strong><br /> </strong>Siempre m&eacute;todos y nos esforzamos por mejorar las pr&aacute;cticas, tecnolog&iacute;as en todo lo que hacemos.</li>

</ul><ul type="disc"> <li>El respeto mutuo<strong><br /> </strong>Mantenemos una actitud respetuosa y amigable dentro de la empresa y hacia nuestros clientes.</li></ul> <p align="right"><img src="file:///F|/BlackBerry - Modelos de Celulares BlackBerry M&eacute;xico - Celulares Nuevos_files/appworld_promo.png" width="119" height="105" />CELLDATABASE</p></td> </tr></table></body></html>

4. PRUEBAS 4.1 Pruebas realizadas a la aplicacin que calcula el ndice de Masa Corporal (IMC). 4.1.1 PRUEBAS UNITARIAS: Definicin: Estas pruebas consisten en probar el correcto funcionamiento de un mdulo de cdigo. Esto sirve para asegurar que cada uno de los mdulos funcione correctamente por separado. Aplicacin: Se aplicaron al inicio de la codificacin para la aplicacin

En la aplicacin que calcula el IMC primero se crearon los formularios que contienen la interfaz que el usuario ve, con cada opcin que l elije de un men se utilizan distintas interfaces es por eso que este es un mdulo del cdigo y fue el que se realiz primero. Con esta prueba se observ la interfaz y se vio si estaba quedando como el cliente requera. Una vez que la interfaz est perfectamente diseada se procede a programar su funcionalidad, este es otro bloque del cdigo el cual se prob tambin. Resultados obtenidos: Los resultados obtenidos despus de realizarlas fue obtener la interfaz adecuada para lo que necesita el cliente y sobre todo obtener una interfaz fcil de usar. 4.1.2 PRUEBAS INTEGRALES O PRUEBAS DE INTEGRACIN. Definicin: Son aquellas que se realizan en el mbito del desarrollo de software una vez que se han aprobado las pruebas unitarias. nicamente se refieren a la prueba o pruebas de todos los elementos unitarios que componen un proceso, hecha en conjunto, de una sola vez. Aplicacin: En la aplicacin de IMC se realizaron estas pruebas para verificar que las partes programadas en un slo cdigo se complementaran y funcionaran. El cdigo fue escrito por partes una vez que se tuvo la interfaz exacta se empez a programar la funcionalidad, lo que se hiso fue crear un cdigo que contena a la interfaz, despus ese cdigo se copi en un nuevo un MITlet y ah se empez a programar la funcionalidad esto se hiso as para tener un respaldo del cdigo que estaba correcto. Una vez correcta la interfaz se le integro la funcionalidad. Resultados: Tener un cdigo sin errores y con una funcionalidad adecuada y orientada a lo que el usuario necesita. 4.1.3 PRUEBA FUNCIONAL. Definicin: Est basada en la ejecucin, revisin y retroalimentacin de las funcionalidades previamente diseadas para el software. Aplicacin: Se utiliz esta prueba en la aplicacin de IMC para ver si la interfaz ya funcionaba adecuadamente y hacia lo que el cliente esperaba. El primer comando que se prob fue el de Calcular el cual realiza la siguiente operacin con slo dar clic en el: La frmula para calcular el IMC es la siguiente: IMC= PESO / (TALLA)2

Calcular debe de arrogar el resultado de dividir lo que el usuario puso en la caja peso entre lo que se puso en Altura o talla. El resultado debe de aparecer en la caja IMC y ese es el ndice de Masa Corporal obtenido con los datos proporcionados. Resultado: Para corroborar la funcionalidad de la aplicacin mediante el uso de la interfaz grfica. 4.1.4 PRUEBAS DE VALIDACIN. Definicin: La validacin es el proceso de comprobar lo que se ha especificado es lo que el usuario realmente quera. Aplicacin: Se realiz esta prueba para comparar los requisitos del cliente con la aplicacin que calcula el IMC, si soluciona sus problemas y cumple con todas sus especificaciones est bien si no lo hace hay que realizar cambios. Para validar las cajas tambin se utiliz ya que en las cajas slo se pueden ingresar datos de tipo numrico no se puede poner ninguna letra ni otro tipo de carcter. Es por eso que se especifica qu tipo de datos se le pueden ingresar y as se validan cajas. Resultados: Tener una aplicacin que cumpla con las especificaciones reales del cliente. 4.1.5 PRUEBAS DE INSTALACIN. Definicin: Se realiza para asegurar el funcionamiento correcto de opciones y funcionalidades de la instalacin. Tambin se realiza para asegurar que todos los componentes necesarios sean realmente instalados. Aplicacin: Se realiz en el celular del cliente porque es donde l lo quiere instalar. Se prueba si la aplicacin es compatible con el dispositivo, se ve cuanta memoria ocupar, que tan rpido abrir, una vez instalada se puede evaluar si la resolucin de la pantalla no afecta en la interfaz. Resultado: El resultado de esta prueba fue verificar si la aplicacin era compatible con el celular y si no poder hacer algunos cambios.

2.2 PRUEBAS REALIZADAS A LA PGINA WEB PARA LA EMPRESA CELLDATABASE. 2.2.1 PRUEBAS UNITARIAS: Aplicacin: Se aplicaron en la primera fase de codificacin ya que para integrar a una pgina se necesita muchas cosas tales como imgenes, videos si es que se le pondrn, mas paginas para integrar a la principal. La pgina principal se divide en Inicio, Principal, Quines somos?, Misin, Visin, Valores, Servicios y Contacto. Cada una de estas pginas se hizo y se prob independientemente de las dems. Resultados: Creacin de las pginas que integraran a la pgina principal de la empresa. 2.2.2 PRUEBAS DE INTEGRACIN. Aplicacin: Se utiliz esta prueba cuando se integr la pgina principal, se unen las de ms mediante botones o links. Ahora podemos verificar su funcionamiento total. Resultado: Corregir los errores que surgieron por ejemplo que un botn no nos mandara a donde deba de hacerlo. Mediante esta prueba integramos y observamos el funcionamiento de la pgina completa. 2.2.3 PRUEBA DE USABILIDAD. Definicin: Este tipo de prueba se refiere a asegurar que la interfaz de usuario sea intuitiva, amigable y que funcione correctamente. Aplicacin: Antes de subir la pgina a internet verificamos que fuera fcil de usar para el usuario, esto es lo ms importante. Si contiene palabas difciles de entender al usuario le ser ms difcil comprender que es lo que se hace en esa parte o como funciona algn botn. Revisamos los colores, el contenido, los links, los botones y su funcionalidad, entre otras cosas todo esto facilitar el uso. Resultados: Se acomodaron ciertas cosas que no eras las ms adecuadas y se agregaron mens con los cuales el usuario ya est familiarizado, es decir, ya sabe cmo funcionan. 2.2.4 PRUEBAS DE INSTALACIN: Aplicacin: Estas pruebas se utilizaron para la publicacin en internet de la pgina que creamos. Cada integrante del equipo se dio a la tarea de subirla.

Se realizaron pruebas en miarroba.com es un sitio que se usa para crear y subir espacios web, creamos una cuenta de usuario y se esper a que se nos confirmara con un correo. Lo que sucedi en miarroba.com fue que no haba ningn espacio disponible nos mandaba errores. Sabiendo que no podamos utilizar ese sitio. Buscamos el sitio www.000webhost.com en el cual tambin creamos una cuenta se usuario, esperamos a que se nos confirmara el uso del sitio y comenzamos a realizar las pruebas. Primero se subi una pgina lo cual nos sirvi para familiarizarnos con el sitio y con el programa FileZilla. Esto nos ayud a observar posibles fallas. Nos percatamos de que algunas imgenes no se vean, de que la msica pusimos no era la adecuada y de que adems al momento de dar clic en muchos lugares esta apareca y se empalmaba con otra.

Resultado: Al corregir estos errores subimos la pgina postendola en el sitio de manera mucho ms rpida que la primera vez. Al final pudimos postearla de manera sencilla y se encuentra alojada en el siguiente dominio: http://celldata.site90.com/. Con solo ir a esa direccin se puede observar de manera rpida en internet.

2.2.5 PRUEBAS DE RENDIMIENTO. Definicin: Son las pruebas que se realizan, desde una perspectiva, para determinar lo rpido que realiza una tarea o un sistema en condiciones particulares de trabajo. Aplicacin: se realizaron al momento de navegar por la pgina en internet, puemos observa que tan rpido se abre, que tan rpido nos manda a otra pantalla, entre otras cosas. Resultado: Verificar el rendimiento de nuestra pgina ya posteada en internet y decidir si ese servidor cumpla con lo que necesitbamos o era necesario postearla en algn sitio ms rpido el cual nos permitiera mayores oportunidades.

ANEXO 1.GUIN DE ENTREVISTA: 1- Cul es el nombre de la empresa? 2- A qu se dedica el CECyTEM? 3- Cul es la historia del CECyTEM? 4- Cul es la misin y la visin? 5- Ahora comntenos, Cul es su problema? 6- Platquenos un poco del Programa de activacin fsica: Cules son los antecedentes del programa de activacin fsica? Cul es la historia de dicho programa? Cul es su objetivo? Cul es la misin de este programa? 7- Qu es lo que usted necesita que nosotros le diseemos? 8- Por qu necesita usted el sistema? 9- Cmo desea que funcione su sistema?
10-Cuntas veces en un semestre usted le calcula el IMC a sus alumnos?

11-Cunto se tarda en realizar el clculo de todos sus alumnos manualmente? 12-Qu tipo de celular usa y cules son sus caractersticas? 13-Quiere que se le muestren informes de cmo va el desarrollo de su programa? 14-Para qu fecha es necesario que le gamos la entrega del sistema?

REFERENCIAS:

Presman, Roger S (2009). Metodologa para el desarrollo de sistemas. Recuperado, Octubre, 02, 2011 desde: Libro titulado: Ingeniera de software un enfoque prctico.

Pelez Snchez, Jos Ignacio (2004/2005). Metodologa para el desarrollo de sistemas. Recuperado, Octubre, 02, 2011 desde: http://www.lcc.uma.es/jignacio/index_archivos/TEMA4.pdf

Cummings, Benjamming (1991), Metodologa del Desarrollo de Sistemas. Recuperado, Octubre, 02, 2011 de: http://manglar.uninorte.edu.co/bitstream/10584/119/1/9288873.pdf

Robert Ligouri, (2010). Qu es NetBeans?, Recuperado Octubre, 05,2011. Desde NetBeans ID Programmer. Estados Unidos: McGrall-Hill.

Ryan Cuprak (2007). Qu es Eclipse?, Recuperado Octubre, 05, 2011.Desde Sun Certified Specialist for Eclipse IDE.

Pelez, Fernando (1999). Pginas web. Recuperado, Octubre, 02, 2011 Desde: http://www.ajaxperu.com/paginas-web/tipos-paginas http://www.informaticamilenium.com.mx/paginas/espanol/sitioweb.htm#dweb Torres, Alberto (2001).Alojamiento Web. Recuperado, Octubre, 25, 201. Desde: http://www.tualojamientoweb.com/