Post on 13-Jun-2015
transcript
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
PARTE I
INFORMACIÓN DEL (IMC) INDICE DE MASA CORPORAL
Según la (OMS) Organización Mundial de la salud Establece El índice de masa corporal (IMC) se obtiene al operar - el peso en kilogramos dividido por el
cuadrado de la talla en metros (kg/m2) El Índice de masa corporal es un método bastante fiable para estimar el peso corporal.
La fórmula es IMC = Peso / talla al cuadrado (Peso en kg y talla en m) Tras obtener el Resultado el OMS establece que. Que si el resultado final es: Menos de 20
Bajo peso, De 20 a 25 Peso Ideal, De 25 a 30 Sobre peso, Más de 30 Obesidad.
CON LA INFORMACIÓN NECESARIA SE DEFINE EL PROBLEMA:
“Desarrollar la Aplicación en Visual Studio.NET que permita Calcular el Índice de Masa Corporal de una persona Utilizado los datos que Establece la
OMS incluyendo los las unidades en Peso: Kilogramo y libras en Talla: Metros y pies. Partir de estos datos muestre un mensaje y el Resultado del
IMC. ”
DESARROLLO DE LA APLICACIÓN:
1- Crear un nuevo Proyecto “Solución en Blanco ” nombre el nombre de: IMC
2- Agregar un nuevo proyecto a la solución “Aplicación de Windows forms” nombre : IMCMDI
3- Cambiar el nombre del formulario por defecto por “frmcontain.vb” el cual queda como formulario padre
4- Agregar 5 formulario de Windows forms al proyecto IMCMDI con los nombres de:
Frmincio.vb
Frmmj1.vb
Frmmj2.vb los cuales son los formularios hijos
Frmmj3.vb
Frmmj4.vb
5- Agregar 2 formuarios adicioneles con los nombres de:
Frmhelp.vb
Frmabout.vb
6- Quedaria de la Siguiente como se ilustra en la siguiente imagen:´
Si no sabes cómo Agregar un nuevo Proyecto, Nuevo formulario
Revisa la Guía Nº 2 Escrita por Lic. Marvin Romero
CLICK GUIA Nº2
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
Después de tener Desarrollado lo que indica en la parte I
7- Clic en el formulario frmcontain.vb
8- Modificar las propiedades:
Text - IMC-- Indice de Masa Corporal Tendremos algo así
Size - 405, 430
IsMdiContainer- True
9- Doble Clic sobre el fomurio
Dentro del evento load del formulario frmcontain
Esto nos permite invocar a través la instancia
El formulario frmincio y así poder ser mostrado
Dentro del frmcontain a la hora de Cargar
HOY QUE YA TENEMOS CREADA LA INSTANCIA Y YA PODEMOS MOSTRAR EL FRMINICIO DENTRO DE FRMCONTAIN
9
7
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
Procedemos a Crear el entorno Grafico:
10- Clic en frmincio.vb
11- Modificamos las propiedades del formulario
Size - 379, 351
FormBorderStyler – None
StarPotition – CenterScreen
BackgraundImage- “Seleccionas la imagen que deseas utilizar de
Fondo ”
12- Agregamos los Siguientes controles con el cuadro de Herramientas:
4 label
2 ComboBox
2 TexBox
2 Button
3 GroupBox
COMO RESULTADO:
Cada ComboBox Agregarles dos items
Cmbaltura – metros y pies
Cmbpeso – kg y libras
CONTROL PROPIEDAD AVALOR ASIGNADO POR EL IDE
NUEVO VALOR
Etiquetas (Name)
Label1 Label2 Label3 Label4
Lblinfo Lblhi Lbl1 Lbl2
(Text) Label1 Label2 Label3 Label4
Bienvenido…… “” ALTURA : PESO :
Cuadros de Texto (Name) TexBox1 TexBos2
Txtaltura Txtpeso
Cuadro de combinación
(Name) ComboBox1 ComboBox2
Cmbaltura cmbpeso
Botón de Acción (Name)
Button1 Button2 Button3
Btnname Btncalcular btnreini
(Text) Button1 Button2 Button3
Su Nombre CALCULAR REINICIAR
Caja de Agrupamiento
(Name) GroupBox1 GroupBox2
Gpbinfo gpbportada
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
CON EL ENTORNO GRAFICO YA DISEÑADO
13- Agregar un nuevo elemento a la solución
14- Agregar un módulo para declarar Variables Globales de las cual podremos acceder de cualquier formulario de la solución nombre: dat.vb
15- Dentro del módulo Declara dos Variables
Una tipo string Y otra tipo Single para almacenar
Valores que se podrán mostrar en cualquier
Formulario de la solución
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
16- Doble clic sobre formulario y Codificar
17- Doble clic sobre el botón “Su Nombre” y Codificar
18- Doble Clic en txtpeso y Codificar
17
18
16
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
19- Doble clic en Botón “REINICIAR” y codificar
Después de haber asignado las instrucciones correspondientes a los elementos antes
Antes mencionado nos queda codificar los procedimientos que deseamos que el botón
“CALCULAR” ejecute; pero antes de todo vamos a diseñar los formularios hijos
Que contiene la solución los cuales son frmmj1, frmmj2, frmm3, frmm4
LOS CUALES TIENEN QUE TENER UN DISEÑO SIMILAR CON LA UNICA DIFERENCIA
QUE EL MENSAJE QUE CONTENGAN SERA DIFERENTE.
19
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
PARTE II
20- Modificar formulario por formulario
21- Modificar las propiedades de cada formulario:
Size - 384, 362
FormBorderStyler – None
StarPotition – CenterScreen
BackgraundImage- “Seleccionas la imagen
que deseas utilizar de Fondo ”
22- Agregar :
3 label
2button
EN LOS 4 FORMULARIOS TODO TIENDE HACER IGUAL SOLO
LA INFORMACIÓN CENTRAL DEL LBLRESUL ES DIFERENTE EN CADA UNO
23- Doble clic en cada formulario y codificar en el evento load
Control Propiedad V. por el IDE
Nuevo Valor
Etiquetas Name Label1 Label2 Label3
Lblnom Lblimc Lblresul
Text Label1 Label2 Label3
Muestra el nom. Muestra el imc.. Información…….
Botones de Acción
Name Button1 Button2
Btnclose Btnatras
Text Button1 Button2
Cerrar Reiniciar
Frmmj1.vb
Frmmj2.vb
Frmmj3.vb
Frmmj4.vb
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
24- Escribir el mensaje que contendrá la Etiqueta lblresul de la siguiente forma
FORMULARIO ETIQUETA PROPIEDAD INFORMACIÓN
Frmmj1 lblresul Text RESULTADO:
Tiene bajo peso
INFORMACIÓN:
Necesita agregar calorías a una dieta balanceada,
Aumente el consumo de proteínas y grasas saludables
Frmmj2 lblresul Text RESULTADO:
Su peso es acorde
INFORMACIÓN :
Siga asi Su categoria esta entre lo normal, su riesgo
de enfermedades es bajo. Frmmj3 lblresul text RESULTADO:
Tiene Sobre peso
INFORMACIÓN:
Su riesgo de enfermedades es moderado,
introduzca cambios en su dieta y visite un
nutricionista para que lo oriente y así evitar enfermedades
Frmmj4 lblresul text RESULTADO:
Su IMC indica Obesidad
INFORMACIÓN :
Corre un riesgo extremo a enfermedades
cardiovasculares, diabetes y cancer; aumente
el comsumo de frutas y verduras, reduzca la indigesta
de calorias y aumente la actividad fisica
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
AHORA BIEN YA CON LA INFORMACIÓN EN CADA FORMULARIO PROCEDEMOS CON LOS BOTONES. REINICIAR Y CANCELAR
¡Lo que se le aplica a cada control se repite en los demás formularios similares!
25- Doble clic en el botón Cerrar y codificar
26- Doble clic en el botón Reiniciar y codificar
ESTO NOS PERMITIRA BOTON CERRAR. CERRARA EL PROCESO
DE LA APLICACIÓN. EL BOTON RENICIAR ATRAVES DE LA
INSTANCIA MOSTRARA EL FORMULARIO FRMINCIAL
25 26
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
PARTE III
DESPUES DE YA TENER DISEÑADOS LOS FORMULARIOS HIJOS. Y HABER CODIFICADO LO CORRESPONDIENTE EN CADA CONTROL
27- Agregar un Nuevo Proyecto una
Biblioteca de Clases. Nombre: cdatos
TENDRIAMOS COMOS EN EL EXPLORADOR DE
SOLUCIONES DE LA SIGUIENTE FORMA
28- Cambiar el nombre de clase Class1.vb por miclase.vb
Como Resultado tendríamos en el explorador .
cdatos
27
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
29- Codificar la Clase.
30- Generar la Biblioteca de Clases
31- Agregar Referencia de la clase a el proyecto IMCMDI
SINO TIENES NI IDEA DE COMO HACER ESTO CONSULATA LA GUIA N2
PARTE I
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
DESPUÉS DE YA TENER LA BIBLIOTECA DE CLASES. YA PODEMOS CODIFICAR LOS PROCEDIMIENTO DEL BOTÓN CALCULAR DEL FRMINICIO
32- Doble clic en frmincio.vb
33- Doble clic en botón Calcular
CODIFICAR….
33
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
CODIFICAR LA INSTRUCCIONES CORRESPONDIENTES DENTRO DEL BTNCALCULAR
End select
CONTINUACIÓN DEL CODIGO EN LA SIGUIENTE PAGINA
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
YA CON CODIFICADA LA ESTRUCTURA DE CONTROL SELECT CASE PARA CADA
COMBOX Y OBTENIDO EL RESULTADO DE LA OPERACIÓN DE AMBOS YA PODEMOS
UTILIZAR EL RESULTADO FINAL DEL IMC PARA PODER DETERMINAR LAS CONDICIONES
QUE MOSTRARAN LAS CATEGORÍAS CORRESPONDIENTES SEGÚN EL RESULTADO
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
CONTINUACIÓN DEL CODIGO.. SIEMPE DENTRO DE EVENTO CLIC DE BTNCALCULAR
YA HEMOS TERMINADO DE CODIFICAR LOS PROCEDIMIENTO, E INSTRUCCIONES DEL BTNCALCULCULAR- “CALCULAR”
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
PARTE V
PARA FINALIZAR AGREGAREMOS UN MENUSTRIP AL FRMCONTAIN.VB
34- Agregar un MenuStrip al frmcontain.vb con el nombre de abrir
Si no sabes cómo hacerlo consulta
La Guía Nº2
35- Agregar 3 sub menú
Acerca de IMC -->> Desarrolladores
Ayuda -->> Forma de uso
36- Doble clic en el ítems “Desarrolladores” del menústrip
Para llamar y mostrar el frmabout
PROPIEDAD DEL ITEMS :
Name –mstdesa
Text- Desarrolladores
37- Doble clic ítems “forma de uso” y codificar
PROPIEDAD DEL ITEMS :
Name –msthelp
Text- Forma de uso
38- Doble clic Cerrar y codificar - close()
34 36
35
36
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
DISEÑO DE LOS FORMULARIOS QUE SE MOSTRARAN CUANDO SE DE CLIC EN LOS ITEMS DEL MENU STRIP
39- Seleccionar frmabout dobel clic y modificar las propiedades.
MODIFICAR PROPIEDADES POR:
Name- frmabout
Text- .:Acerca de IMC:.
Size - 376, 319
FormBorderStyler – sizable
StarPotition – CenterScreen
BackgraundImage- “Seleccionas la imagen
que deseas utilizar de Fondo ”
-Agregar un label
Para la información que contendrá.
-Codificar y establecer el evento formclosed.
-Agregar un linklabel y ejecutar el link.
36
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
40- Selecciona frmhelp y modificar las propiedades y codificar
TENDRIAMOS ALGO ASÍ:
Name- frmhelp
Text- Forma de uso IMC
Size - 429, 279
FormBorderStyler – sizable
BackgraundImage- “Seleccionas la imagen
que deseas utilizar de Fondo ”
- Agregar un label
Para agregar la información que mostrara.
-Agregar el evento al formulario formClosed
HEMOS TERMINADO…….
AHORA YA PUEDES MEDIR TÚ IDICE DE MASA CORPORAL.
40
www.miceminfo.com San Miguel 2010
Programación Computacional I Índice de masa corporal
RESULALTADO FINAL
DESCARGA EL PROYECTO
NUNCA TE CONFORMES CON LO POCO QUE SABES, LUCHA CADA DÍA POR SER MEJOR..