Ir al contenido principal

Ejemplos de paginas web dinámica con ASP

Bienvenidos a programacionparatodos.com


Esta semana vamos a conocer otro lenguaje de programación que es ASP (Active Server Pages ) que es de la familia de Microsoft es plataforma Cliente/Servidor y que permite crear páginas WEB dinámicas, utiliza un servicio conocido como IIS o (Internet Information Services) fue creado en 1996.
Cuando ven paginas WEB que terminan en .aspx es que están desarrolladas con este lenguaje.

Páginas  que por ejemplo utilizan ASP


Igual hay mucho trabajo para este software por ejemplo les dejó las siguientes vacantes 



Para seguir con el formato del blog, les quiero compartir un programa de ejemplo, pero he de decirles que es la primera vez que programo en ASP , ya que no lo había hecho antes, me tomo 1 semana terminar el ejemplo porque primero no entendía muy bien la generación del proyecto en Visual Studio y como hacer la invocación de los programas, como enviar los datos, esto porque existen muchas formas de hacerlo:

Como dice el dicho cada quien decide como matar a una mosca, si con un periódico o con un cañón. 
Yo trate con todos esos casos, hasta que decidí irme por lo más simple para mi que fue hacer el programa como el ejemplo de PHP del calculo de la Hipotenusa, utilizando un FORM y un programa ASP que me devolviera el resultado. 
Les comparto mi experiencia cuando inicio con un nuevo lenguaje de programación:
  1. Primero leer acerca del lenguaje a utilizar: saber cual es su arquitectura, que software se requiere para programarlo, hacer un ejemplo sencillo, como escribir en pantalla "HOLA MUNDO" que es el clásico en la programación. En este caso entre a la documentación oficial de Microsoft https://dotnet.microsoft.com/apps/aspnet.
  2. Aprender como llamar funciones o utilizar librerías, operaciones matemáticas es lo primero que busco. Por ejemplo vi la pagina https://www.w3schools.com/asp.
  3. Saber como introducir datos al programa, saber como enviar datos a otro programa o como compartir variables
  4. Como hacer la conversión de tipos de datos, por ejemplo de carácter a entero o viceversa, ver el manejo de fechas
  5. En mi caso busco similitudes con algún otro lenguaje que ya conozca para que mi cerebro comience a entender la lógica
No es una guía documentada o un estándar, pero es lo que me ha funcionado por 20 años, espero a ustedes les sea de utilidad. La programación es como hablar otro idioma entre mas sofisticado le queramos hablar a las computadoras, mas sofisticada sera la respuesta, cuando hablan otro idioma mientras adquieren vocabulario lo que hacemos es hablar lo más simple, bueno en la programación hagan siempre eso, busquen las soluciones más simples 

Ejemplo de ASP 

Para hacer un ejemplo , necesitamos instalar Visual Studio Comunity 2019 (gratuito) y seleccionamos create a new project ASP



El objetivo de nuestro ejemplo sera calcular el apotema de un polígono regular, este dato nos sirve para calcular el área de dicho polígono regular (los lados tiene la misma medida)

Para este ejercicio vamos a crear 2 archivos, 1 que es la página principal donde ingresaremos los datos y enviaremos por medio de un formulario los valores ingresados por los usuarios, este programa es el HTMLPag1.html y las variables son Num1 y Num2.
El segundo programa Apotemamaind.cshtml es el que hace el calculo matemático y muestra el resultado por medio de la función apotema, para ello utilice las funciones SQRT  que es la raíz cuadrada y POW que es la potencia.

Programas

HTMLPag1.html


<!DOCTYPE html>


<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>"Calcular Apotema"</title>
</head>
<body>
    <p>Es un segmento donde los extremos son el centro del polígono regular y el punto medio de cualquiera de sus lados.</p>
    <p><img src="Apotema.jpg">
    <p>La apotema de un polígono regular es la menor distancia entre el centro y uno de sus lados.</p>
    Largo
    <form action="Apotemaind.cshtml" method="post">
        <p><input id="Text1" type="text" title="Radio" name="Num1" value="10" /></p>
        Numero de Lados
        <p><input id="Text2" type="text" title="Numero de Lados del Poligono" name="Num2" value="6" /></p>
        <input id="Button1" type="submit" value="submit" />
    </form>
    <div>
    </div>
</body>
</html>


Apotemamaind.cshtml


@Model Class1
@{
    Layout = null;
}
@functions{
    public string apotema()
    {
        string number = Request.Form["Num1"];
        string number2 = Request.Form["Num2"];
        double resultado = Math.Sqrt(Math.Pow(Convert.ToDouble(number), 2) - Math.Pow((Convert.ToDouble(number2) / 2), 2));
        return "Apotema = " + resultado;
    }
    public string texto() { return "hola"; }

}

<!DOCTYPE html>

<html>
<body>
    <p>Es un segmento donde los extremos son el centro del polígono regular y el punto medio de cualquiera de sus lados.</p>
    <p><img src="Apotema.jpg" /></p>
    
    @apotema()
</body>
</html>




Cuando probemos nuestra aplicación iremos a la siguiente ruta, https://localhost:44393/  , que quizá hayan oído chistes o visto en memes, no hay lugar como localhost , esto es porque muchas veces probamos en nuestros equipos y todo funciona a la maravilla, pero al publicarlos en Internet podemos tener fallas por por ejemplo llamar a una imagen dentro de la ruta de nuestra PC, la cual no existe en el servidor donde publiquemos los programas.
Les comparto algunos memes. 



Como se ve nuestro sitio




Configuraciones Previas


Colocar en el archivo Webconfig la bandera 

 <add key="webpages:Enabled" value="true"/>


Indicar cual es el home de nuestro proyecto o la pagina inicial



Ejecución del programa

En esta pantalla después de ingresar los datos nos despliega el resultado de calcular el apotema.



Comparación ASP vs PHP


ASP es como PHP , desde mi punto de vistas la principal diferencia es que para uno hay que pagar licencia y para el otro no, ASP al ser de Microsoft tiene un costo y PHP es gratuito al igual que la instalación del servidor ya que utiliza LAMP  o XAMP (Servidores Linux o Unix) lo que también hace más rápido a PHP, la portabilidad de PHP es mejor, porque ASP solo pude utilizarse en plataforma Windows. Claro habrá quien difiera en esto, estaría bien que alguien nos diera su punto de vista acerca de esta comparación.



Dejen sus comentarios, dudas,sugerencias y comparta-nos :=)

No olvide compartirnos y seguirnos en este blog o en Facebook.

Comentarios

Entradas más populares de este blog

Graficar funciones en Python con dataframes

Bienvenidos a un nuevo post, en esta semana, en esta ocasión les quiero platicar acerca de una librería en Python que se llama  matplotlib  que nos sirve para gráfica funciones de  matemáticas. Habitualmente en Python existen muchas librerías, lo que hay que hacer es primero investigar si ya existe alguna que nos ayude y entenderla antes de inventar el hilo negro, en mi caso encontré la librería  Matplotlib Para instalar deben utilizar el comando PIP en 2.7 Instalando en Python 3.7 Si tienen Python 2.7 deben realizar la ejecución de estos 2 comandos desde consola python -m pip install -U pip python -m pip install -U matplotlib Aunque lo más recomendable es utilizar la versión 3.7 o superior de Python. Programa para graficar en Python import matplotlib.pyplot as plt import numpy as np import math as mt def move_spines():     """Esta funcion divide pone al eje y en el valor      0 de x para dividir claramente los valores positivos y     negativos.&quo

Ejemplo Macro en Word

Hola: ¿Sabían que no solo en Excel pueden hacer Macros?  ¡¡¡También en Outlook, Word, Power Point,Access  es posible hacer Macros!!!  ☺️ Ya que Word, Excel, Power Point,Access son de familia Microsoft y Visual Basic también es que podemos programar nuestras macros en esta paquetería. Como hemos visto antes, para poder programar nuestras macros, necesitamos primero configurar la Barra de tareas de Developer o Desarrollador Seleccionan el Menu File>Options>Customize Ribbon o en Español Archivo>Opciones>barra de tareas Despues la parte de seguridad de las macros Menu File>Options>Trus Center o Archivo>Opciones>Centro de Seguridad y marcamos como se ve en la imagen, la cuarta opción y el combo Ejemplo Vamos hacer un ejemplo donde, tengamos que generar varios diplomas de fin de curso, pero con una lista de Nombres , entonces vamos a crear un nuevo archivo en Word y le vamos a guardar como tipo Macro  Tenemos una plantill

Ejemplo Python para leer imagen y transformarla en una matriz

Como hemos visto en otros post, Python nos permite hacer programas de manera más rápida, en esta ocasión quiero compartirles un ejemplo para leer un archivo de imagen y como convertirlo en una matriz o un arreglo. Aplicaciones Poder hacer ingeniería de datos, es decir poder convertir una misma imagen en diferentes todos y utilizarlos para machine learning para reconocimiento de gatos, para ello hay que mostrar muchas imágenes a nuestro modelo es decir entrenarlo, para ello hay que colocarle imágenes claras y imagenes que no sean tan claras por ejemplo, se pone la imagen original y se agrega "ruido" para que se vea en rojos, grises, verdes. Se pudo utilizar para un mapa , para poder ver datos a detalle Se puede aplicar para manipular imágenes, por ejemplo agregar efectos  Seguramente a ustedes se les pueden ocurrir más aplicaciones Les comparto el ejemplo de como hacerlo en Jupiter y para hacer el ejemplo voy a utilizar el logo del blog es una imagen de 500x500 pixeles Los Pas