SlideShare una empresa de Scribd logo
1 de 15
Trabajo De las 4 fases principales de un proyecto




                      Presentado por:
              Brayan Andrés fortaleche polania




                  Programa de formación:
Tecnólogo en análisis y desarrollo de sistemas de información
                          (ADSI).




                       SENA (CIES).
                           HUILA
                            2013
Taxímetro
un taxista desea un aplicativo para saber el valor de una carrera según el kilometraje
recorrido, y que al final del día le muestre el valor total de las carreras realizadas y el
kilometraje recorrido.


                               Identificación de Requerimientos
En este problema se aplicó una técnica de recolección de información la cual fue la
entrevista, se definieron los aspectos del problema. Se pregunto al cliente como desea su
aplicativo, que funciones debe llevar el aplicativo, como quiere que el aplicativo almacene
la información. El cliente simplemente dice que quiere un aplicativo sencillo, que según el
kilometraje recorrido le muestre el valor de la carrera, y además que este le muestre al
final del día el valor total de las carreras realizadasy el kilometraje recorrido.


                                  Análisis de Requerimientos
Principalmente para esta fase debemos organizar y definir cuáles van a ser los pasos a
realizar con el fin de obtener un aplicativo jerárquico en su proceso de ejecución.
Para la solución de este problema, vamos a necesitar principalmente un campo de texto
en el cual vamos a ingresar el kilometraje recorrido en la trayecto de la carrera, dos
botones; uno para que ingrese el kilometraje recorrido y a la vez me muestre el valor de
la carrera, el otro botón para que me vaya almacenando las carreas del día y al final me
muestre el recorrido del día y el valor total de todas las carreras realizadas


Variables:
Kilometro:de tipo entero; esta variable es para almacenar el kilometraje recorrido.
Tpagar: de tipo entero; esta variable es para almacenar el valor a pagar de la carrera
Contador: de tipo entero; esta variable es para acumular el valor de cada carrera.
Cont: de tipo de entero; esta variable es para acumular cada kilometraje recorrido.
Diagrama De Caso de uso.




Diagrama de flujo.


                                 inicio


                           Kilometro,tpagar,c
                              ontado,contr
                              kilometro
Kilometro<=5
                                                         Tpagar=5000

                                                             tpagar

                                                          kilometro>=6 &&
                                                          kilometro<=12

                                                                              tpagar=10000

                                                                                  tpagar

                                                                            kilometro>12

                                                                                             tpagar=15000

                                                                                               tpagar




                                               tpagar

                                                fin




                                                      Diseño




Vamos a crear funciones como:
1. función llamada kilometraje ()en la cual llevaremos a cabo el proceso y las condiciones
con las cuales debe cumplir el sistema para la ejecución, según la condición que se
cumpla, así mismo imprimirá en pantalla la respuesta.
2. función llamada totalcarreras () para acumular e imprimir el kilometraje recorrido y el
valor total de las carreras del día.
Llamaremos la función kilometraje () por medio del botón (ingresar kilometraje y mostrar el
valor total de la carrera).Luego en al final llamaremos la función totalcarreras () a través
del botón (valor total de las carreras del día).




                                                 Desarrollo


(<html>
<head></head>
<body bgcolor="yellow" align="center">
<script type="text/javascript">
var kilometro;
vartpagar=0;
var contador=0;
varcont=0;
function kilometraje(){
kilometro=document.getElementById('cuantos kilometros se recorrieron en la carrera').value;
if(kilometro<=5)
    {
          tpagar=5000;
          alert("el valor total de la carrera es:"+tpagar)
    }
if(kilometro>=6 && kilometro<=12)
    {
          tpagar=10000;
          alert("el valor total de la carrera es:"+tpagar)
    }
if(kilometro>12)
    {
          tpagar=15000;
          alert("el valor total de la carrera es:"+tpagar)
    }
    document.getElementById('cuantos kilometros se recorrieron en la carrera').value="";
}
functiontotalcarreras(){
    contador=contador+tpagar;
    alert("el valor total de las carreras del dia"+contador);
    cont=cont+parseInt(kilometro);
    alert("el kilometraje del dia fue: "+cont+"km");
}
</script>
<form>
<h1>taximetro,sabercuanto es el total a pagar segun el kilometraje recorrido</h1>
<br>
kilometraje
<input type= "text" id="cuantos kilometros se recorrieron en la carrera"><br>
<input type= "button" value="ingresar kilometraje y mostrar el valor total de la carrera"
onClick="kilometraje()"><br>
<input type= "button" value="valor total de las carreras del dia" onClick="totalcarreras()">
</form>
</body>
</html>




                                         Almacén de zapatos
                                    Identificación de Requerimientos
En este problema se aplicó una técnica de recolección de información la cual fue la
entrevista, se definieron los aspectos del problema. Se pregunto al cliente como desea su
aplicativo, que funciones debe llevar el aplicativo, como quiere que el aplicativo almacene
la información. El cliente responde diciendo que desea un aplicativo en el cual pueda
almacenar cada venta realizada en el día, y que al final del muestre un total de las ventas
del día.
Análisis de Requerimientos
Para esta fase debemos organizar y definir cuáles van a ser los pasos a realizar con el fin
de obtener un aplicativo jerárquico en su proceso de ejecución.
Para la solución de este problema, vamos a necesitar principalmente un campo de texto
en el cual vamos a ingresar el valor de la venta, tres botones; uno para que almacene el
valor de la venta realizada, el segundo botón para que vaya almacenando las ventas del
día y al final muestre el valor total de las ventas del día, el tercero es para que al final del
día reinicie el programa para volver a realizar la misma secuencia al día siguiente.




Variables:
Necesitamos variables como
Venta: de tipo entero; esta variable es para almacenar el valor de la venta realizada.
Suma: de tipo entero; esta variable es para que vaya almacenando y a la vez sumando
cada venta realizada
DIAGRAMA DE CASO DE USO


                            Ingresar venta


                            Consultar total
   Usuario                  de ventas


                              Reiniciar
                              programa


                                                       Sumar venta


                                                       Mostrar total
                                                       de ventas
                                                                                  Sistema

                                                         Reiniciar
                                                         programa




                                              Diseño
Vamos a crear funciones como:
1. función llamada ventas () en el cual vamos a pedir que se ingrese el valor de la venta,
en esta también llevaremos la sumatoria de todas las ventas realizadas.
2. función llamada total () para imprimir el valor total de las ventas realizadas en el día.
3. función llamada reiniciar() para reiniciar el programa al final del dia.
Llamaremos la función ventas() por medio del botón (ingresar venta).Luego llamaremos la
función total() a través del botón (la suma total de ventas).




                                          DESARROLLO

<html>
>
          <head></head>
          <body bgcolor="pink" align="center">
          <script type="text/javascript">
          var venta;
          var suma=0;
          function ventas(){
          venta=document.getElementById('ingrese el valor de la venta').value;
          suma=suma+parseInt(venta);
          document.getElementById('ingrese el valor de la venta').value="";
          }
          function total(){
          alert("la suma total de las ventas es"+ suma);
          }
          function reiniciar(){
          suma=0;
          }
          </script>
          <form>
          <h1>zapateria,sumar las ventas del dia y al final mostrar un resultado total de
          ventas</h1>
<br>
         valor de la venta
         <input type= "text" id="ingrese el valor de la venta"><br>
         <input type= "button" value="ingresar venta" onClick="ventas()"><br>
         <input type= "button" value="la suma total de ventas" onClick="total()">
         <input type= "reset" value="reinicio del programa" onClick="reiniciar()">
         </form>
         </body>
         </html>




                                     CALCULADORA
                               Identificación de Requerimientos
En este problema se aplicóespecificamente una técnica de recolecciónde informacióncon
el cliente, el cual fue la entrevista, se definieron los aspectos del problema. Se preguntó al
cliente como desea su aplicativo, que funciones debe llevar el aplicativo, como quiere que
el aplicativo almacene la información. El cliente responde diciendo que desea una
calculadora el cual le realice las operaciones básicas ( suma, resta, multiplicación, división
).


                                 Análisis de Requerimientos
Para la solución de este problema, vamos a necesitar principalmente un campo de texto
en el cual vamos a ingresar los números a operar, necesitamos 17 botones; dies para la
digitación de los números del 0 al 9, un botón para el igual(=) y que este muestre el
resultado, dos botones para los signos de borrar y de reiniciar programa, los cuatro
botones restantes son para las operaciones básicas(+,-,*,/).
Variables:
Necesitamos variables como
Punto; para la cifra decimal
numeroAnterior; ; para identificar los números que operaron anteriormente.
numeroActual; para identificar los números que se encuentran operando en ese momento
ultimaTecla; para identificar las operaciones de borrar.
operación; para saber que tipo de operación selecciono el usuario
DIAGRAMA DE CASO DE USO

                                 Ingresar
                                 números


                               Realizar
    Usuario                  operaciones


                                 Reiniciar
                                 programa
                                                    Registrar números
                                                       ingresados


                                                   Mostrar resultado
                                                   de operación
                                                                          Sistema


                                                    Reiniciar programa

                                               Diseño




Vamos a crear funciones para llenar el campo de texto y para las acciones de cada botón
en específico con sus respectivasfunciones.




                                             DESARROLLO

Codigo del ejercicio

<html>

<head>

<script language="JavaScript">

var punto;
varnumeroAnterior;

varnumeroActual;

varultimaTecla;

varoperacion;

function Borrar()

{

punto=0;

numeroActual="";

document.teclado.resultado.value="0.";

}

functioniniprograma()

{

numeroAnterior=0;

ultimaTecla="num";

operacion="igu";

Borrar();

}

functionNumcalculadora(valor)

{

if (ultimaTecla!="num"){

        Borrar();

        ultimaTecla="num";

}

if (valor || numeroActual!=""){

        numeroActual+=valor;

        document.teclado.resultado.value=numeroActual;

        if (!punto) document.teclado.resultado.value+=".";

}

}
functionBoton(bot)

{

if (operacion=="sum")

        numeroAnterior+=parseFloat(numeroActual);

if (operacion=="res")

        numeroAnterior-=parseFloat(numeroActual);

if (operacion=="mul")

        numeroAnterior*=parseFloat(numeroActual);

if (operacion=="div")

        numeroAnterior/=parseFloat(numeroActual);

if (operacion!="igu" || ultimaTecla=="igu"){

        document.teclado.resultado.value=numeroAnterior;

        if (parseFloat(numeroAnterior)==

                 parseInt(numeroAnterior))

                 document.teclado.resultado.value+=".";

}

else{

        numeroAnterior=parseFloat(numeroActual);

}

ultimaTecla=bot;

window.status=numeroAnterior;

if (bot=="sum") window.status=numeroAnterior+" + ...";

if (bot=="res") window.status=numeroAnterior+" - ...";

if (bot=="mul") window.status=numeroAnterior+" * ...";

if (bot=="div") window.status=numeroAnterior+" / ...";

operacion=bot;

}

</script>

</head>
<body bgColor="coffee" OnLoad="Inicio()">

<h1 align="center">calculadora sencilla</h1>

<hr>

<form name="teclado">

<center>

<table border="10">

<tr>

<td align="center">

<input type="text" name="resultado" size="25" align="center">

</td>

</tr>

<tr>

<td>

<table align="center" width="90%">

<tr>

<td align="center"><input type="button" value=" 1 " width="100"
OnClick="Numcalculadora(1)"></td>

<td align="center"><input type="button" value=" 2 " width="100"
OnClick="Numcalculadora(2)"></td>

<td align="center"><input type="button" value=" 3 " width="100"
OnClick="Numcalculadora(3)"></td>

</tr>

<tr>

<td align="center"><input type="button" value=" 4 " width="100"
OnClick="Numcalculadora(4)"></td>

<td align="center"><input type="button" value=" 5 " width="100"
OnClick="Numcalculadora(5)"></td>

<td align="center"><input type="button" value=" 6 " width="100"
OnClick="Numcalculadora(6)"></td>

</tr>

<tr>
<td align="center"><input type="button" value=" 7 " width="100"
OnClick="Numcalculadora(7)"></td>

<td align="center"><input type="button" value=" 8 " width="100"
OnClick="Numcalculadora(8)"></td>

<td align="center"><input type="button" value=" 9 " width="100"
OnClick="Numcalculadora(9)"></td>

</tr>

<tr>

<td align="center"><input type="button" value=" 0 " width="100"
OnClick="Numcalculadora(0)"></td>

<td align="center"><input type="button" value=" = " width="100"
OnClick="Boton('igu')"></td>

<td align="center"><input type="button" value=" AC " width="100"
OnClick="iniprograma()"></td>

<td align="center"><input type="button" value=" / " width="100"
OnClick="Boton('div')"></td>

</tr>

<tr>

<td align="center"><input type="button" value=" - " width="100"
OnClick="Boton('res')"></td>

<td align="center"><input type="button" value=" <- " width="100" OnClick="Borrar()"></td>

<td align="center"><input type="button" value=" + " width="100"
OnClick="Boton('sum')"></td>

<td align="center"><input type="button" value=" * " width="100"
OnClick="Boton('mul')"></td>

</tr>

</table>

</td>

</tr>

</table>

</form>

</body>
</html>

Más contenido relacionado

Similar a Brayan

Ejercicios de programacion word
Ejercicios de programacion wordEjercicios de programacion word
Ejercicios de programacion wordMarcela Palencia
 
Ensayo de matematica
Ensayo de matematicaEnsayo de matematica
Ensayo de matematicaronald ladino
 
Alix analisisderequerimientosaplicados
Alix analisisderequerimientosaplicadosAlix analisisderequerimientosaplicados
Alix analisisderequerimientosaplicadosheideryxiomara
 
Ejercicio secuenciales
Ejercicio secuencialesEjercicio secuenciales
Ejercicio secuencialesmaribelduran
 
Material de Clases TP 03 - Programación Computacional
Material de Clases TP 03 - Programación ComputacionalMaterial de Clases TP 03 - Programación Computacional
Material de Clases TP 03 - Programación Computacionalmnllorente
 
Fundamentos de Programación - Unidad III Control de Flujo
Fundamentos de Programación - Unidad III Control de FlujoFundamentos de Programación - Unidad III Control de Flujo
Fundamentos de Programación - Unidad III Control de FlujoJosé Antonio Sandoval Acosta
 
Estructuras basicas
Estructuras basicasEstructuras basicas
Estructuras basicassofiagp23
 
Estructuras basicas
Estructuras basicasEstructuras basicas
Estructuras basicasMarianaM18
 
Diagrama de Flujo y Pseudocodigo.pptx
Diagrama de Flujo y Pseudocodigo.pptxDiagrama de Flujo y Pseudocodigo.pptx
Diagrama de Flujo y Pseudocodigo.pptxNaidalyRincn
 
Definición y análisis de un problema
Definición y análisis de un problemaDefinición y análisis de un problema
Definición y análisis de un problemaJoaquin Lara Sierra
 
Ejercicios secuenciales
Ejercicios secuencialesEjercicios secuenciales
Ejercicios secuencialesmantruvic
 
Guía didáctica estructura secuenciales
Guía didáctica estructura secuencialesGuía didáctica estructura secuenciales
Guía didáctica estructura secuencialesLeany González
 
Practica 10 Laboratorio de Computación para Ingenieros FI
Practica 10 Laboratorio de Computación para Ingenieros FIPractica 10 Laboratorio de Computación para Ingenieros FI
Practica 10 Laboratorio de Computación para Ingenieros FIJorge Iván Alba Hernández
 

Similar a Brayan (20)

Ejercicios de programacion word
Ejercicios de programacion wordEjercicios de programacion word
Ejercicios de programacion word
 
Ensayo de matematica
Ensayo de matematicaEnsayo de matematica
Ensayo de matematica
 
Parametrizacion co
Parametrizacion coParametrizacion co
Parametrizacion co
 
Alix analisisderequerimientosaplicados
Alix analisisderequerimientosaplicadosAlix analisisderequerimientosaplicados
Alix analisisderequerimientosaplicados
 
2.introducción a las aplicaciones en c++
2.introducción a las aplicaciones en c++2.introducción a las aplicaciones en c++
2.introducción a las aplicaciones en c++
 
Ejercicio secuenciales
Ejercicio secuencialesEjercicio secuenciales
Ejercicio secuenciales
 
Material de Clases TP 03 - Programación Computacional
Material de Clases TP 03 - Programación ComputacionalMaterial de Clases TP 03 - Programación Computacional
Material de Clases TP 03 - Programación Computacional
 
Fundamentos de Programación - Unidad III Control de Flujo
Fundamentos de Programación - Unidad III Control de FlujoFundamentos de Programación - Unidad III Control de Flujo
Fundamentos de Programación - Unidad III Control de Flujo
 
Calculadora
CalculadoraCalculadora
Calculadora
 
Controles Telerik {Rate App Reminder}
Controles Telerik {Rate App Reminder}Controles Telerik {Rate App Reminder}
Controles Telerik {Rate App Reminder}
 
Estructuras basicas
Estructuras basicasEstructuras basicas
Estructuras basicas
 
Estructuras basicas
Estructuras basicasEstructuras basicas
Estructuras basicas
 
Estructuras basicas
Estructuras basicasEstructuras basicas
Estructuras basicas
 
Diagrama de Flujo y Pseudocodigo.pptx
Diagrama de Flujo y Pseudocodigo.pptxDiagrama de Flujo y Pseudocodigo.pptx
Diagrama de Flujo y Pseudocodigo.pptx
 
Algoritmo en informática
Algoritmo en informáticaAlgoritmo en informática
Algoritmo en informática
 
Definición y análisis de un problema
Definición y análisis de un problemaDefinición y análisis de un problema
Definición y análisis de un problema
 
Ejercicios secuenciales
Ejercicios secuencialesEjercicios secuenciales
Ejercicios secuenciales
 
R ecuperacion estructura dedatos
R ecuperacion estructura dedatosR ecuperacion estructura dedatos
R ecuperacion estructura dedatos
 
Guía didáctica estructura secuenciales
Guía didáctica estructura secuencialesGuía didáctica estructura secuenciales
Guía didáctica estructura secuenciales
 
Practica 10 Laboratorio de Computación para Ingenieros FI
Practica 10 Laboratorio de Computación para Ingenieros FIPractica 10 Laboratorio de Computación para Ingenieros FI
Practica 10 Laboratorio de Computación para Ingenieros FI
 

Más de brayanfp

Informe analisis
Informe analisisInforme analisis
Informe analisisbrayanfp
 
Plantillas softpyme
Plantillas softpymePlantillas softpyme
Plantillas softpymebrayanfp
 
Srs softpyme inventario 404463
Srs softpyme   inventario 404463Srs softpyme   inventario 404463
Srs softpyme inventario 404463brayanfp
 
Listado3arreglos
Listado3arreglosListado3arreglos
Listado3arreglosbrayanfp
 
Adsi c02-iev1-uml(1)
Adsi c02-iev1-uml(1)Adsi c02-iev1-uml(1)
Adsi c02-iev1-uml(1)brayanfp
 
Modelo dominio y secuencia
Modelo dominio y secuenciaModelo dominio y secuencia
Modelo dominio y secuenciabrayanfp
 
Adsi c02-gd01 guia solucion de algoritmos
Adsi c02-gd01 guia solucion de algoritmosAdsi c02-gd01 guia solucion de algoritmos
Adsi c02-gd01 guia solucion de algoritmosbrayanfp
 
2 f004 p006 gfpi guìa de aprendizaje-3_v2
2 f004 p006 gfpi guìa de aprendizaje-3_v22 f004 p006 gfpi guìa de aprendizaje-3_v2
2 f004 p006 gfpi guìa de aprendizaje-3_v2brayanfp
 
F004 p006 gfpi guìa de aprendizaje 3
F004 p006 gfpi guìa de aprendizaje 3F004 p006 gfpi guìa de aprendizaje 3
F004 p006 gfpi guìa de aprendizaje 3brayanfp
 
Reglamento aprendiz
Reglamento aprendizReglamento aprendiz
Reglamento aprendizbrayanfp
 

Más de brayanfp (11)

Informe analisis
Informe analisisInforme analisis
Informe analisis
 
Plantillas softpyme
Plantillas softpymePlantillas softpyme
Plantillas softpyme
 
Srs softpyme inventario 404463
Srs softpyme   inventario 404463Srs softpyme   inventario 404463
Srs softpyme inventario 404463
 
Listado3arreglos
Listado3arreglosListado3arreglos
Listado3arreglos
 
B05
B05B05
B05
 
Adsi c02-iev1-uml(1)
Adsi c02-iev1-uml(1)Adsi c02-iev1-uml(1)
Adsi c02-iev1-uml(1)
 
Modelo dominio y secuencia
Modelo dominio y secuenciaModelo dominio y secuencia
Modelo dominio y secuencia
 
Adsi c02-gd01 guia solucion de algoritmos
Adsi c02-gd01 guia solucion de algoritmosAdsi c02-gd01 guia solucion de algoritmos
Adsi c02-gd01 guia solucion de algoritmos
 
2 f004 p006 gfpi guìa de aprendizaje-3_v2
2 f004 p006 gfpi guìa de aprendizaje-3_v22 f004 p006 gfpi guìa de aprendizaje-3_v2
2 f004 p006 gfpi guìa de aprendizaje-3_v2
 
F004 p006 gfpi guìa de aprendizaje 3
F004 p006 gfpi guìa de aprendizaje 3F004 p006 gfpi guìa de aprendizaje 3
F004 p006 gfpi guìa de aprendizaje 3
 
Reglamento aprendiz
Reglamento aprendizReglamento aprendiz
Reglamento aprendiz
 

Brayan

  • 1. Trabajo De las 4 fases principales de un proyecto Presentado por: Brayan Andrés fortaleche polania Programa de formación: Tecnólogo en análisis y desarrollo de sistemas de información (ADSI). SENA (CIES). HUILA 2013
  • 2. Taxímetro un taxista desea un aplicativo para saber el valor de una carrera según el kilometraje recorrido, y que al final del día le muestre el valor total de las carreras realizadas y el kilometraje recorrido. Identificación de Requerimientos En este problema se aplicó una técnica de recolección de información la cual fue la entrevista, se definieron los aspectos del problema. Se pregunto al cliente como desea su aplicativo, que funciones debe llevar el aplicativo, como quiere que el aplicativo almacene la información. El cliente simplemente dice que quiere un aplicativo sencillo, que según el kilometraje recorrido le muestre el valor de la carrera, y además que este le muestre al final del día el valor total de las carreras realizadasy el kilometraje recorrido. Análisis de Requerimientos Principalmente para esta fase debemos organizar y definir cuáles van a ser los pasos a realizar con el fin de obtener un aplicativo jerárquico en su proceso de ejecución. Para la solución de este problema, vamos a necesitar principalmente un campo de texto en el cual vamos a ingresar el kilometraje recorrido en la trayecto de la carrera, dos botones; uno para que ingrese el kilometraje recorrido y a la vez me muestre el valor de la carrera, el otro botón para que me vaya almacenando las carreas del día y al final me muestre el recorrido del día y el valor total de todas las carreras realizadas Variables: Kilometro:de tipo entero; esta variable es para almacenar el kilometraje recorrido. Tpagar: de tipo entero; esta variable es para almacenar el valor a pagar de la carrera Contador: de tipo entero; esta variable es para acumular el valor de cada carrera. Cont: de tipo de entero; esta variable es para acumular cada kilometraje recorrido.
  • 3. Diagrama De Caso de uso. Diagrama de flujo. inicio Kilometro,tpagar,c ontado,contr kilometro
  • 4. Kilometro<=5 Tpagar=5000 tpagar kilometro>=6 && kilometro<=12 tpagar=10000 tpagar kilometro>12 tpagar=15000 tpagar tpagar fin Diseño Vamos a crear funciones como: 1. función llamada kilometraje ()en la cual llevaremos a cabo el proceso y las condiciones con las cuales debe cumplir el sistema para la ejecución, según la condición que se cumpla, así mismo imprimirá en pantalla la respuesta. 2. función llamada totalcarreras () para acumular e imprimir el kilometraje recorrido y el valor total de las carreras del día.
  • 5. Llamaremos la función kilometraje () por medio del botón (ingresar kilometraje y mostrar el valor total de la carrera).Luego en al final llamaremos la función totalcarreras () a través del botón (valor total de las carreras del día). Desarrollo (<html> <head></head> <body bgcolor="yellow" align="center"> <script type="text/javascript"> var kilometro; vartpagar=0; var contador=0; varcont=0; function kilometraje(){ kilometro=document.getElementById('cuantos kilometros se recorrieron en la carrera').value; if(kilometro<=5) { tpagar=5000; alert("el valor total de la carrera es:"+tpagar) } if(kilometro>=6 && kilometro<=12) { tpagar=10000; alert("el valor total de la carrera es:"+tpagar) }
  • 6. if(kilometro>12) { tpagar=15000; alert("el valor total de la carrera es:"+tpagar) } document.getElementById('cuantos kilometros se recorrieron en la carrera').value=""; } functiontotalcarreras(){ contador=contador+tpagar; alert("el valor total de las carreras del dia"+contador); cont=cont+parseInt(kilometro); alert("el kilometraje del dia fue: "+cont+"km"); } </script> <form> <h1>taximetro,sabercuanto es el total a pagar segun el kilometraje recorrido</h1> <br> kilometraje <input type= "text" id="cuantos kilometros se recorrieron en la carrera"><br> <input type= "button" value="ingresar kilometraje y mostrar el valor total de la carrera" onClick="kilometraje()"><br> <input type= "button" value="valor total de las carreras del dia" onClick="totalcarreras()"> </form> </body> </html> Almacén de zapatos Identificación de Requerimientos En este problema se aplicó una técnica de recolección de información la cual fue la entrevista, se definieron los aspectos del problema. Se pregunto al cliente como desea su aplicativo, que funciones debe llevar el aplicativo, como quiere que el aplicativo almacene la información. El cliente responde diciendo que desea un aplicativo en el cual pueda almacenar cada venta realizada en el día, y que al final del muestre un total de las ventas del día.
  • 7. Análisis de Requerimientos Para esta fase debemos organizar y definir cuáles van a ser los pasos a realizar con el fin de obtener un aplicativo jerárquico en su proceso de ejecución. Para la solución de este problema, vamos a necesitar principalmente un campo de texto en el cual vamos a ingresar el valor de la venta, tres botones; uno para que almacene el valor de la venta realizada, el segundo botón para que vaya almacenando las ventas del día y al final muestre el valor total de las ventas del día, el tercero es para que al final del día reinicie el programa para volver a realizar la misma secuencia al día siguiente. Variables: Necesitamos variables como Venta: de tipo entero; esta variable es para almacenar el valor de la venta realizada. Suma: de tipo entero; esta variable es para que vaya almacenando y a la vez sumando cada venta realizada DIAGRAMA DE CASO DE USO Ingresar venta Consultar total Usuario de ventas Reiniciar programa Sumar venta Mostrar total de ventas Sistema Reiniciar programa Diseño
  • 8. Vamos a crear funciones como: 1. función llamada ventas () en el cual vamos a pedir que se ingrese el valor de la venta, en esta también llevaremos la sumatoria de todas las ventas realizadas. 2. función llamada total () para imprimir el valor total de las ventas realizadas en el día. 3. función llamada reiniciar() para reiniciar el programa al final del dia. Llamaremos la función ventas() por medio del botón (ingresar venta).Luego llamaremos la función total() a través del botón (la suma total de ventas). DESARROLLO <html> > <head></head> <body bgcolor="pink" align="center"> <script type="text/javascript"> var venta; var suma=0; function ventas(){ venta=document.getElementById('ingrese el valor de la venta').value; suma=suma+parseInt(venta); document.getElementById('ingrese el valor de la venta').value=""; } function total(){ alert("la suma total de las ventas es"+ suma); } function reiniciar(){ suma=0; } </script> <form> <h1>zapateria,sumar las ventas del dia y al final mostrar un resultado total de ventas</h1>
  • 9. <br> valor de la venta <input type= "text" id="ingrese el valor de la venta"><br> <input type= "button" value="ingresar venta" onClick="ventas()"><br> <input type= "button" value="la suma total de ventas" onClick="total()"> <input type= "reset" value="reinicio del programa" onClick="reiniciar()"> </form> </body> </html> CALCULADORA Identificación de Requerimientos En este problema se aplicóespecificamente una técnica de recolecciónde informacióncon el cliente, el cual fue la entrevista, se definieron los aspectos del problema. Se preguntó al cliente como desea su aplicativo, que funciones debe llevar el aplicativo, como quiere que el aplicativo almacene la información. El cliente responde diciendo que desea una calculadora el cual le realice las operaciones básicas ( suma, resta, multiplicación, división ). Análisis de Requerimientos Para la solución de este problema, vamos a necesitar principalmente un campo de texto en el cual vamos a ingresar los números a operar, necesitamos 17 botones; dies para la digitación de los números del 0 al 9, un botón para el igual(=) y que este muestre el resultado, dos botones para los signos de borrar y de reiniciar programa, los cuatro botones restantes son para las operaciones básicas(+,-,*,/). Variables: Necesitamos variables como Punto; para la cifra decimal numeroAnterior; ; para identificar los números que operaron anteriormente. numeroActual; para identificar los números que se encuentran operando en ese momento
  • 10. ultimaTecla; para identificar las operaciones de borrar. operación; para saber que tipo de operación selecciono el usuario DIAGRAMA DE CASO DE USO Ingresar números Realizar Usuario operaciones Reiniciar programa Registrar números ingresados Mostrar resultado de operación Sistema Reiniciar programa Diseño Vamos a crear funciones para llenar el campo de texto y para las acciones de cada botón en específico con sus respectivasfunciones. DESARROLLO Codigo del ejercicio <html> <head> <script language="JavaScript"> var punto;
  • 12. functionBoton(bot) { if (operacion=="sum") numeroAnterior+=parseFloat(numeroActual); if (operacion=="res") numeroAnterior-=parseFloat(numeroActual); if (operacion=="mul") numeroAnterior*=parseFloat(numeroActual); if (operacion=="div") numeroAnterior/=parseFloat(numeroActual); if (operacion!="igu" || ultimaTecla=="igu"){ document.teclado.resultado.value=numeroAnterior; if (parseFloat(numeroAnterior)== parseInt(numeroAnterior)) document.teclado.resultado.value+="."; } else{ numeroAnterior=parseFloat(numeroActual); } ultimaTecla=bot; window.status=numeroAnterior; if (bot=="sum") window.status=numeroAnterior+" + ..."; if (bot=="res") window.status=numeroAnterior+" - ..."; if (bot=="mul") window.status=numeroAnterior+" * ..."; if (bot=="div") window.status=numeroAnterior+" / ..."; operacion=bot; } </script> </head>
  • 13. <body bgColor="coffee" OnLoad="Inicio()"> <h1 align="center">calculadora sencilla</h1> <hr> <form name="teclado"> <center> <table border="10"> <tr> <td align="center"> <input type="text" name="resultado" size="25" align="center"> </td> </tr> <tr> <td> <table align="center" width="90%"> <tr> <td align="center"><input type="button" value=" 1 " width="100" OnClick="Numcalculadora(1)"></td> <td align="center"><input type="button" value=" 2 " width="100" OnClick="Numcalculadora(2)"></td> <td align="center"><input type="button" value=" 3 " width="100" OnClick="Numcalculadora(3)"></td> </tr> <tr> <td align="center"><input type="button" value=" 4 " width="100" OnClick="Numcalculadora(4)"></td> <td align="center"><input type="button" value=" 5 " width="100" OnClick="Numcalculadora(5)"></td> <td align="center"><input type="button" value=" 6 " width="100" OnClick="Numcalculadora(6)"></td> </tr> <tr>
  • 14. <td align="center"><input type="button" value=" 7 " width="100" OnClick="Numcalculadora(7)"></td> <td align="center"><input type="button" value=" 8 " width="100" OnClick="Numcalculadora(8)"></td> <td align="center"><input type="button" value=" 9 " width="100" OnClick="Numcalculadora(9)"></td> </tr> <tr> <td align="center"><input type="button" value=" 0 " width="100" OnClick="Numcalculadora(0)"></td> <td align="center"><input type="button" value=" = " width="100" OnClick="Boton('igu')"></td> <td align="center"><input type="button" value=" AC " width="100" OnClick="iniprograma()"></td> <td align="center"><input type="button" value=" / " width="100" OnClick="Boton('div')"></td> </tr> <tr> <td align="center"><input type="button" value=" - " width="100" OnClick="Boton('res')"></td> <td align="center"><input type="button" value=" <- " width="100" OnClick="Borrar()"></td> <td align="center"><input type="button" value=" + " width="100" OnClick="Boton('sum')"></td> <td align="center"><input type="button" value=" * " width="100" OnClick="Boton('mul')"></td> </tr> </table> </td> </tr> </table> </form> </body>