Facultad de Ingeniería de
Sistemas Computacionales
Kexy Rodríguez
[email protected]
Desarrollo de Software IX (Comercio Electrónico)
Desarrollo de un Sitio Web de Comercio Electrónico
Mayo 2019
Desarrollo de un Sitio Web de Comercio Electrónico
Objetivos
• Aplicar los conceptos de desarrollo de software y comercio
electrónico para la construcción de un sitio web.
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
Desarrollo de un Sitio Web de Comercio Electrónico
Contenido
• Tipos de variables
• Operadores
• Estructuras de control de flujo
• Entrada y Salida en JavaScript
• Otras estructuras de control
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
Desarrollo de un Sitio Web de Comercio Electrónico
Tipos de variables
Numéricas
• var iva = 16;
Cadenas de texto
• var mensaje = "Bienvenido a Panamá";
Arrays
• var nombreArray = [valor1, valor2, ..., valorN];
Booleanos
• var clienteRegistrado = false;
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
Desarrollo de un Sitio Web de Comercio Electrónico
Operadores
Asignación
var numero1 = 3;
Incremento y decremento
var numero = 5;
++numero;
alert(numero); // numero = 6
Negación
var visible = true;
alert(!visible); // Muestra "false" y no "true"
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
Desarrollo de un Sitio Web de Comercio Electrónico
Operadores
Matemáticos
var numero1 = 10;
var numero2 = 5;
resultado = numero1 / numero2; // resultado = 2
resultado = 3 + numero1; // resultado = 13
resultado = numero2 – 4; // resultado = 1
resultado = numero1 * numero 2; // resultado = 50
Relacionales
var numero1 = 3; var numero2 = 5;
resultado = numero1 > numero2; // resultado = false
resultado = numero1 < numero2; // resultado = true
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
Desarrollo de un Sitio Web de Comercio Electrónico
Estructuras de control de flujo
Estructura if
var mostrarMensaje = true;
if(mostrarMensaje) {
alert("Hola Mundo");
}
Estructura if...else <script type="text/javascript" src="js/file.js"> </script>
var edad = 18;
if(edad >= 18) {
alert("Eres mayor de edad");
}
else {
alert("Todavía eres menor de edad");
}
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
Desarrollo de un Sitio Web de Comercio Electrónico
Estructuras de control de flujo
Estructura for
var veces = 0;
if(veces < 4) {
alert("Mensaje");
veces++;
}
Estructura for...in
var dias = ["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"];
for(i in dias) {
alert(dias[i]);
}
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
Desarrollo de un Sitio Web de Comercio Electrónico
Estructuras de control de flujo
• for - recorre un bloque de código varias veces
• for / in - recorre las propiedades de un objeto
• while : pasa por un bloque de código mientras una condición específica
es verdadera
• do / while : repite un bloque de código una vez, y luego repite el ciclo
mientras una condición específica es verdadera
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
Desarrollo de un Sitio Web de Comercio Electrónico
Entrada y Salida en JavaScript
• var numero = prompt("Introduce un número entero"); Entrada
• var numero = document.getElementById("valor").value;
• Escribir en un elemento HTML, usando innerHTML
• Escribir en el resultado HTML usando document.write () Salida
• Escribir en un cuadro de alerta, usando window.alert ()
• Escribiendo en la consola del navegador, usando console.log ()
<p id=“contenido"></p>
<script type="text/javascript">
document.getElementById(“contenido").innerHTML = ”Bienvenido a Panamá”;
</script>
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
Desarrollo de un Sitio Web de Comercio Electrónico
Otras estructuras de control Estructura switch
while / do...while switch(variable) {
var resultado = 1; case valor_1:
var numero = 5; ...
break;
do {
case valor_2:
resultado *= numero; // resultado = resultado * numero ...
numero--; break;
} while(numero > 0); ...
alert(resultado);} case valor_n:
...
break;
default:
...
break;
}
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
Desarrollo de un Sitio Web de Comercio Electrónico
Funciones
function suma_y_muestra() {
resultado = numero1 + numero2;
alert("El resultado es " + resultado);
}
var resultado;
var numero1 = 3;
var numero2 = 5;
suma_y_muestra();
numero1 = 10;
numero2 = 7;
suma_y_muestra();
numero1 = 5;
numero2 = 8;
suma_y_muestra();
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
Elementos Fundamentales para la Creación de un Sitio E-commerce
Resumen
• Tipos de variables
• Operadores
• Estructuras de control de flujo
• Entrada y Salida en JavaScript
• Otras estructuras de control
Facultad de Ingeniería de Sistemas Computacionales
Kexy Rodríguez
