Emer Daza FASE 2

FASE 2
MANEJO PROGRAMACION BASICA
PRESEMTSDO POR:
EMER ADELMO DAZA CHAVES
PRESENTADO A:
TUTOR: CESAR OSWALDO IBARRA
PROGRAMACION DE SITIOS WEB 301127A_471

GRUPO: 301127_16
UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

ESCUELA DE CIENCIAS BÁSICAS Y TECNOLOGÍA ECBTI
PROGRAMA DE INGENIERIA DE SISTEMAS
CEAD: PASTO
01/03/2018
Propuesta de software.
Tema: “Gestión de inventario”
Se desarrollarla una aplicativo con programación HTML, para le empresa

“MERCAFAMILI” dicha empresa es un supermercado que requiere un software que
le facilite el registro de ventas y manejo de mercancías, tanto ingreso, ventas y
manejo de información de cratera que su propietario lo hace de forma física para lo
cual se requiere este software de forma que funcione como una página web.
OBJETIVO DE LA PROPUESTA.
Crear un programa con funcionalidad de página web que permita gestionar inventario de esta
empresa seleccionada, facilitando así registrar y realizar operaciones básicas que le permitan
manejar de forma optimizada el funcionamiento de esta empresa y su información,
sistematizando procesos que mejoren dicha empresa.
Características
 El programa debe contar con una estructura fácil de implementar y practica a la hora
de que sea utilizada.
 Se basará en programación HTML, con forma de página web.
 Se crearán menús de opciones para que el usuario seleccione lo que sistematizara el
programa.
 Sera un programa fácil de manejar y practico a la hora de implementarlo por el usuario
final.
Finalidad
Optimizar el rendimiento y facilitarle el manejo de gestión de inventario a la empresa
“MERCAFAMILI” e información de forma sistematizada y con la ayuda de un software
practico y eficiente.
DESARROLLO
diseñar la interfaz gráfica del programa con base en el lenguaje de etiquetas HTML
y en el Framework Bootstrap. Puede hacer uso de “Bootstrap Navigation Bar”. El
diseño de la interfaz debe tener bien claro el nombre del aplicativo, una barra de
menús con 6 menús (Administrador, Ingreso de productos, consulta de productos,
actualización de productos, Reportes especiales y Operaciones matemáticas).
Dentro del menú de Operaciones matemáticas debe crear un formulario en HTML

que le permita al usuario ingresar dos números y mediante una estructura “switch
case”, seleccionar entre las siguientes operaciones (suma, resta, multiplicación y
división).
Luego debe crear un script en PHP que permita capturar las variables de los dos
números ingresados por el usuario y realizar la operación que haya seleccionado el
usuario.
Por medio de una estructura “If-else”, debe comparar los dos números e indicar sin
son iguales, cual es mayor o menor.
Por medio de un ciclo “for” debe generar una secuencia de números de 1 hasta su
número de grupo colaborativo.
Ejemplo: si su número de grupo colaborativo es el 16, debe generar una secuencia
de números del 1 al 16.
Solución
Seudocódigo
Index
<!DOCTYPE html>
<html lang="en">
<head>
<title>fase 2 </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.
css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></scri
pt>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
></script>
</head>
<body>
<nav class="navbar navbar-inverse">

<div class="container-fluid">
<div class="navbar-header">
<h1 style="background-color:DodgerBlue;"> GESTIÓN DE
INVENTARIOS </h1>
<div class="container">
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="white">MENU</a></li>
</li>
<li><a href="Gray">Administrador</a></li>
<li><a href="#">Ingreso de productos</a></li>
<li><a href="">Consulta de productos</a></li>
<li><a href="#">Actualización de productos</a></li>
<li><a href="#">Reportes especiales</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-

toggle="dropdown" href="#">Operaciones Matematicas<span
class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="operaciones.html">Suma Resta Multiplicacion Divicion
</a></li>
<li><a href="2numeros.html">Compara dos numeros</a></li>
<li><a href="grupoc.html">Secuencia de grupos colaborativos
</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="container">
<h2>“Gestión de inventarios”</h2>
<p>Debe diseñar la interfaz gráfica del programa con base en el lenguaje
de etiquetas HTML y en el Framework Bootstrap. Puede hacer uso de
“Bootstrap Navigation Bar”. El diseño de la interfaz debe tener bien claro
el nombre del aplicativo, una barra de menús con 6 menús (Administrador,
Ingreso de productos, consulta de productos, actualización de productos,
Reportes especiales y Operaciones matemáticas).</p>
</div>
</body>
</html>
Operaciones
<!DOCTYPE html>
<html>
<head>
<title>operaciones</title>
<style type="text/css">
body{
background-color:#00BBFF;
}
</style>
</head>
<h1>OPERACIONES MATEMATICAS </h1>
<body>
<img src="imagenes/mat.jpg" width="200" height="100">

</form>
<h1>SUMA </h1>
<form method="POST"
oninput="resultado.value=parseInt(valor1.value)+parseInt(valor2.value)">
<input type="number" id="valor1" value="0"> +
<input type="number" id="valor2" value="0"> =
<output name="resultado" for="valor1 valor2"></output>
</form>
</form>
<h1>RESTA </h1>
<form method="POST" oninput="resultado.value=parseInt(valor1.value)-
parseInt(valor2.value)">
<input type="number" id="valor1" value="0"> -
</form>
<h1>MULTIPLICACIÓN </h1>
<form method="POST" oninput="resultado.value=parseInt(valor1.value)*
<input type="number" id="valor1" value="0">*
</form>
<h1>DIVISIÓN</h1>
<form method="POST" oninput="resultado.value=parseInt(valor1.value)/
<input type="number" id="valor1" value="0">/
</form>
</body>
</html>
Validar dos números

<!DOCTYPE html>
<html>
<head>
<title> Validar dos numeros </title>
<script>
window.onload=function() {
var primerValor=prompt("introduce el primer numero ");
var segundoValor=prompt("introduce el segundo numero ");
if(parseInt(primerValor)>parseInt(segundoValor))
{
document.write("El primer numero es mayor que el
segundo numero");
}else if(parseInt(primerValor)<parseInt(segundoValor)){
document.write("El primer numero es menor que el
segundo numero");
}else{
document.write("Son iguales");
}
</script>
</head>
<body>
</body>
<h1>Echo por Emer Daza</h1>
</html>
Imágenes de ejecución
Referencias
Puentes Andradre, O., Robles, Y., Hilarión Novoa, F. y Salazar Zúñiga, J. (2016).
Programación de sitios web - php. Bogotá, Colombia: UNAD. Recuperado de:
http://hdl.handle.net/10596/9083
Río, M. Á. D. (2012). Manual PHP 6.0: formación para el empleo. Madrid, ES:
Editorial CEP, S.L.. Recuperado de:
http://bibliotecavirtual.unad.edu.co:2077/lib/unadsp/reader.action?docID=10
741393&ppg=8
Hilarion Novoa, F. (2016). Formularios Html y Php. [Archivo de video]. Recuperado
de:
http://hdl.handle.net/10596/9079
Vaswani, V. (2010). Fundamentos de PHP. México, D.F., MX: McGraw-Hill
Interamericana. Recuperado de:
http://bibliotecavirtual.unad.edu.co:2077/lib/unadsp/reader.action?docID=10
433843&ppg=10

Emer Daza FASE 2

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Emer Daza FASE 2

Загружено:

Авторское право:

Доступные форматы

FASE 2

MANEJO PROGRAMACION BASICA

PROGRAMACION DE SITIOS WEB 301127A_471

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA UNAD

Tema: “Gestión de inventario”

Se desarrollarla una aplicativo con programación HTML, para le empresa

Dentro del menú de Operaciones matemáticas debe crear un formulario en HTML

<nav class="navbar navbar-inverse">

<li class="dropdown"><a class="dropdown-toggle" data-

<img src="imagenes/mat.jpg" width="200" height="100">

Validar dos números

Вам также может понравиться