Guia 1 - Programacion Javascript.pdf
11
Resolución de problemas de Programación La resolución de un problema mediante un ordenador consiste en el proceso que a partir de la descripción de un problema, expresado habitualmente en lenguaje natural y en términos propios del dominio del problema, permite desarrollar un programa que resuelva dicho problema. Este proceso exige los siguientes pasos: Análisis del problema. Diseño o desarrollo de un algoritmo. Transformación del algoritmo en un programa (codificación). Ejecución y validación del programa. Los dos primeros pasos son los más difíciles del proceso. Una vez analizado el problema y obtenido un algoritmo que lo resuelva, su transformación a un programa de ordenador es una tarea de mera traducción al lenguaje de programación deseado. Análisis del problema informático Cuando un usuario plantea a un programador un problema que resolver mediante su ordenador, por lo general ese usuario tendrá conocimientos más o menos amplios sobre el dominio del problema, pero no es habitual que tenga conocimientos de informática. Por ejemplo, un contable que necesita un programa para llevar la contabilidad de una empresa será un experto en contabilidad (dominio del problema), pero no tiene por qué ser experto en programación.
-
Upload
jose-fredy-vargas-martinez -
Category
Documents
-
view
15 -
download
0
Transcript of Guia 1 - Programacion Javascript.pdf
Resolución de problemas
de Programación
La resolución de un problema mediante un ordenador consiste en el proceso
que a partir de la descripción de un problema, expresado habitualmente en
lenguaje natural y en términos propios del dominio del problema, permite
desarrollar un programa que resuelva dicho problema.
Este proceso exige los siguientes pasos:
Análisis del problema.
Diseño o desarrollo de un algoritmo.
Transformación del algoritmo en un programa (codificación).
Ejecución y validación del programa.
Los dos primeros pasos son los más difíciles del proceso. Una vez analizado el
problema y obtenido un algoritmo que lo resuelva, su transformación a un
programa de ordenador es una tarea de mera traducción al lenguaje de
programación deseado.
Análisis del problema informático
Cuando un usuario plantea a un programador un problema que resolver
mediante su ordenador, por lo general ese usuario tendrá conocimientos
más o menos amplios sobre el dominio del problema, pero no es habitual
que tenga conocimientos de informática. Por ejemplo, un contable que
necesita un programa para llevar la contabilidad de una empresa será un
experto en contabilidad (dominio del problema), pero no tiene por qué ser
experto en programación.
Del mismo modo, el informático que va a resolver un determinado problema
puede ser un experto programador, pero en principio no tiene por qué
conocer el dominio del problema; siguiendo el ejemplo anterior, el
informático que hace un programa no tiene por qué ser un experto en
contabilidad.
Por ello, al abordar un problema que se quiere resolver mediante un
ordenador, el programador necesita de la experiencia del experto del
dominio para entender el problema. Al final, si se quiere llegar a una solución
satisfactoria es necesario que:
El problema esté bien definido con el máximo detalle
Las especificaciones de las entradas y salidas del problema, deben ser
descritas también en detalle:
¿Qué datos son necesarios para resolver el problema? Estos datos los debe pedir el programa al usuario. ¿Qué información debe proporcionar la resolución del problema? Esto constituye las operaciones que resuelven el problema.
¿Cuales son los resultados o salidas que el programa debe mostrar? Es el resultado o resultados que el progama debe mostrar al final del proceso.
Por lo tanto todo programa de ordenador que
resuelve problemas debe tener:
- Entrada de datos
- Proceso de Datos
- Salida de Datos
COMO CREAR UN ALGORITMO
EN JAVASCRIPT
Realizaremos el siguiente ejemplo:
1- CREAR UN PROGRAMA EN JAVASCRIPT QUE PIDA DOS NUMEROS, LOS
SUME Y MUESTRE EL RESULTADO
- Todo problema para resolver en un computador requiere pedir al usuario
los datos necesarios que resuelven el problema, en este caso los dos
números que se van a sumar:
En Javascript lo haremos mediante un formulario que se crea dentro del
body.
Cree el anterior formulario de la siguiente manera:
Continua….
Escriba este código dentro del <body>. Observe que todos los
campos tienen un ID.
1- Codigo del formulario:
Creación del programa en javascript
2- Dentro del <head></head> cree una función en javascript como
se ve en la figura: (nota: cualquier código de javascript va dentro de
el comando function nomb_funcion { } ).
Guarde la pagina como sumar_números.html y abra la
pagina en google crhome y pruebe el programa.
Continua….
Dentro del <head> se cree una
sección script y dentro escriba el
siguiente codigo.
De aquí en adelante cualquier programa de
javascript que haremos constara de:
1. Un formulario que pida los datos y
muestre la salida
2. Un código dentro de la sección <script>
</script> que resuleva el problema.
EXPLICACION DE LA FUNCION SUMA
DE JAVASCRIPT
Explicaremos la función javascript que suma los dos
números:
1- Toda función javascript tiene la siguiente estructura:
<script>
function Nombre_ de_la_Funcion () {
}
</script>
2- Todo programa de javascript por lo general
debe crear variables para capturar los datos
que el usuario ingresa al programa:
Una variable es una sección de memoria designada con un nombre
cualquiera, que se crea durante la ejecución del programa y que puede
asignársele cualquier valor.
Una variable se crea con la palabra var y puede llamársele con cualquier
nombre siempre y cuando no hayan espacios en blanco.
Ejemplo:
<script>
function Nombre_ de_la_Funcion () {
var n1, n2 , resultado
}
</script>
Nota: Crear una variable es crear una sección de memoria vacia con un
nombre. A esta sección de memoria se le puede asignar cualquier valor
durante el desarrollo del programa utilizando el signo igual “ = “. En el
ejemplo anterior se dentro de la memoria ram se crearían tress
secciones de memoria asi:
Aquí se crean las variables n1, n2 y resultado
que contendrán los datos que el usuario digito
en el formulario
N1 N2 Resultado
MEMORIA RAM
3 -Luego debemos insertar los datos de entrada dentro de las variables
para poder manipularlas fácilmente dentro del programa. Veamos:
<script>
function Nombre_ de_la_Funcion () {
var n1, n2 , resultado
n1=document.getElementById("numero1").value;
n2=document.getElementById("numero2").value;
}
</script>
Nota:
Explicacion de esta instrucción:
n1=document.getElementById("numero1").value;
Esta instrucción busca en el body un campo de texto llamado numero1 y
le asigna a la variable n1 el valor que la persona digito en ese campo.Por eso la propiedad .value .
4.Luego realizamos la operación que se nos pide debe realizar el
programa que es sumar los dos números que quedaron dentro de las
variables n1 y n2 y el resultado lo guardamos en una variable llamada
resultado. Veamos
<script>
function Nombre_ de_la_Funcion () {
var n1, n2 , resultado
n1=document.getElementById("numero1").value; n2=document.getElementById("numero2").value;
resultado = parseInt(n1) + parseInt(n2);
} </script>
Aquí asignamos a las variables los datos que el
usuario ingreso en el formulario de entrada.
Explicacion de la instrucción:
resultado = parseInt(n1) + parseInt(n2);
Se suma el contenido de las variables n1 y n2 y el resultado se coloca dentro de la variable resultado.
Nota: la instrucción parseInt(n1) convierte el contenido de la
variable n1 en un valor numérico que se puede sumar, restar u operar
con cualquier operación matemática. Esto debido a que cuando el
usuario digita un numero en el formulario el computador lo sigue
tomando como un texto.
5- Imprimimos el resultado de la suma en el formulario en su debido
campo de texto:
<script>
function Nombre_ de_la_Funcion () {
var n1, n2 , resultado
n1=document.getElementById("numero1").value; n2=document.getElementById("numero2").value;
resultado = parseInt(n1) + parseInt(n2); document.getElementById("resultado").value = resultado;
} </script>
Explicacion de la instrucción:
document.getElementById("resultado").value = resultado;
Esta instrucción coloca en la caja de texto del formulario llamada
“resultado” el resultado de la suma de n1 y n2.
Continua…..
Para finalizar tenemos:
<script>
function Nombre_ de_la_Funcion () {
var n1, n2 , resultado;
n1=document.getElementById("numero1").value;
n2=document.getElementById("numero2").value;
resultado = parseInt(n1) + parseInt(n2);
document.getElementById("resultado").value = resultado;
}
</script>
Nota: todas las instrucciones debe terminar en punto y coma.
Taller Practico #1
Siguiendo el mismo esquema de resolución de problemas
utilizando javascript desarrolle los siguientes algoritmos:
1 -Hacer un programa en javascript que pida dos números, los
multiplique y muestre el resultado.
2. Desarrollar un algoritmo que pida tres números y calcule y muestre
el promedio .
Creacion de variables
Entrada de Datos al
programa
Proceso que resuelve el problema
Salida los
resultados al
usuario.
3. Realizar un algoritmo para imprimir el área de un triangulo.
4- Hacer un algoritmo que lea un producto, su precio unitario y la
cantidad a comprar. El programa deberá mostrar el costo total de la compra.
5- Dada una cantidad en kilómetros, el programa deberá mostrar su
equivalente en metros y en centímetros.
6- Desarrolle un algoritmo que permita determinar el área y volumen de un cilindro dado su radio (R) y altura (H).
7- Desarrolle un programa en javascript que pida el nombre de un empleado, su sueldo básico, el numero de días trabajados, el numero de
horas extras diurnas trabajadas y el numero de horas extras nocturnas trabajadas. El programa deberá imprimir:
-El pago por las horas extras diurnas trabajadas
-El pago por las horas extras nocturnas trabajadas
-El pago total del mes.
Tenga en cuenta que:
El valor de la hora extra diurna se calcula asi:
Vlr_hora_extra_diurna =(((sueldobasico/30)/8) +((((sueldobasico/30)/8) /100)*25)) * numero_de_horas_extras_diurnas;
Vlr_hora_extra_nocturna =(((sueldobasico/30)/8) +((((sueldobasico/30)/8) /100)*75)) * numero_de_horas_extras_nocturnas;
Y sueldo básico se calcula asi:
Sueldobasico = ((sueldobasico/30) * numero de días trabajados) + vlr_hora_extra_diurna +
vlr_hora_extra_nocturna.
EXITOS!!
