Mostrando entradas con la etiqueta Tutoriales. Mostrar todas las entradas
Mostrando entradas con la etiqueta Tutoriales. Mostrar todas las entradas

miércoles, 10 de enero de 2018

Establecer un proyecto Web MVC para usar SSL

SSL significa "Secure Sockets Layer". Es un protocolo diseñado para permitir a las aplicaciones transmitir información de ida y de manera segura hacia atrás. Las aplicaciones que utilizan el protocolo SSL saben cómo enviar y recibir claves de cifrado con otras aplicaciones, así como la manera de cifrar y descifrar los datos enviados entre los dos.


Funcionamiento de SSL

Algunas aplicaciones que están configurados para ejecutarse en SSL incluyen navegadores web como Internet Explorer y Firefox, los programas de correo como Outlook, Mozilla Thunderbird, Mail.app de Apple, y SFTP (Secure File Transfer Protocol) programas, etc Estos programas son capaces de recibir de forma automática conexiones SSL.

Web Login seguro en ASP.NET MVC 5 (Parte 2 Final)

En este tutorial mostramos cómo crear una aplicación web ASP.NET MVC 5 con registro / inicio de sesión, confirmación de correo electrónico utilizando SMTP Client y Recuperación de contraseña. Al final del tutorial se encuentra el enlace de descarga del código fuente.

Importante: Si no has visto la parte 1 de este tutorial la puedes ver aqui
En la parte 2 explicamos recuperación de contraseña y reenvío de confirmación por correo electrónico.


Recuperación / restablecimiento de contraseña

1. Elimine los caracteres de comentario del método HttpPost ForgotPassword en el controlador de Account:

// POST: /Account/ForgotPassword
[HttpPost]
[AllowAnonymous]
[ValidateAntiForgeryToken]
public async Task ForgotPassword(ForgotPasswordViewModel model)
{
  if (ModelState.IsValid)
  {
    var user = await UserManager.FindByNameAsync(model.Email);
    if (user == null || !(await UserManager.IsEmailConfirmedAsync(user.Id)))
    {
      // Don't reveal that the user does not exist or is not confirmed
      return View("ForgotPasswordConfirmation");
    }

    string code = await UserManager.GeneratePasswordResetTokenAsync(user.Id);
    var callbackUrl = Url.Action("ResetPassword", "Account", new { userId = user.Id, code = code }, protocol: Request.Url.Scheme);
    await UserManager.SendEmailAsync(user.Id, "Restrablecer Contraseña", "Por favor restrablezca su contraseña dando click <a href=\"" + callbackUrl + "\">aquí</a>");
    return RedirectToAction("ForgotPasswordConfirmation", "Account");
  }

  // If we got this far, something failed, redisplay form
  return View(model);
}

2. Elimine los caracteres de comentario del ActionLink ForgotPassword en el archivo la vista Views \ Account \ Login.cshtml:

<p>
    @Html.ActionLink("Olvidó su contraseña?", "ForgotPassword")
</p>

La página de inicio de sesión ahora mostrará un enlace para restablecer la contraseña.


Presione click en "Olvidó su contraseña?"

Web Login seguro en ASP.NET MVC 5 (Parte 1)

En este tutorial mostramos cómo crear una aplicación web ASP.NET MVC 5 con registro / inicio de sesión, confirmación de correo electrónico utilizando SMTP Client y Recuperación de contraseña. Al final del tutorial se encuentra el enlace de descarga del código fuente.

Importante: En la parte 1 explicamos como crear todo el esqueleto de la aplicación web hasta la confirmación por correo electrónico. En la parte 2 mostraremos Recuperación de contraseña y reenvío de confirmación por correo electrónico.


Crear una aplicación ASP.NET MVC

Debes tener instalado Visual Studio 2013 o superior, se recomienda usar la última versión community siempre (2017).
Puedes descargar la última versión de Visual Studio aqui: https://www.visualstudio.com/es/downloads/

1. Cree un nuevo proyecto web ASP.NET y seleccione la plantilla MVC.

jueves, 25 de agosto de 2016

Tutorial: Sistema de login y registro de usuarios (Parte 3 - Final)

En la Entrada anterior desarrollamos gran parte del sistema, pueden ver la entrada aquí:
Parte 2

En la parte 3 desarrollaremos lo restante del sistema. Recuerda que el código fuente descargable se encuentra al final del tutorial.

Capa de Interfaz de Usuario

Se debe realizar referencias de la capa Business e Info.

Crear 4 windows forms como en la imagen:

Winform estructura

FrmLogin.vb

Ventana de login para acceso al sistema. Crear el diseño como en la imagen o a su preferencia:

loginform design

Tenemos:
  • 2 SplitContainer, uno horizontal y otro vertical.
  • 1 PictureBox con una imagen cualquier.
  • 2 TextBox, uno para ingresar nombre de usuario y el otro para la contraseña.
  • 2 Labels.
  • 2 Buttons, Aceptar y Salir

Tutorial: Sistema de login y registro de usuarios VB.NET (Parte 1)

Importante

El código fuente se puede descargar en el enlace que está al final del tutorial.

Objetivos

Mostrar un desarrollo básico de una ventana de login de usuario, usando modelo de desarrollo en capas, Visual Basic.Net, Sql Server, acceso a datos usando Entity framework, Linq, lenguaje de predicados, que permita ingresar a un sistema de restaurante proporcionando un usuario y contraseña válidos.

Alcance

Este desarrollo fue pensado y realizado para poder crecer al punto de hacer un sistema para gestión de restaurante, por lo que este proyecto será reutilizado en futuras entradas del blog, para ir añadiendo funcionalidades como ventas, mesas, inventario y reportes. 

Vista Previa

Ventana de Login
Login

Ventana del Sistema de Restaurante (MDI Form)
MDI Form


miércoles, 10 de agosto de 2016

Tutorial: Gomoku en Java (Parte 2)

En la Entrada anterior desarrollamos gran parte del juego Gomoku, pueden ver la entrada aquí:
Parte 1

En la parte 2 desarrollaremos lo restante del proyecto Gomoku. Recuerda que el código fuente descargable se encuentra al final del tutorial.


gomoku

Game.java

Esta clase sigue la lógica de que en el juego existe una tabla (Board), se puede inciar un nuevo juego, terminarlo, obtener un ganador, etc.

Atributos:
board.- De acceso privado y estático, es la tabla, solo puede haber una.

Tutorial: Gomoku en Java (Parte 1)

Reglas Gomoku

El gomoku o Go-moku o Cinco en líneas es un juego tradicional de origen oriental que tiene como antecedente el juego Go (que se conoce desde hace 4000 años en China) Otros datos dicen que el juego de mesa Gomoku aparece en Japón con el nombre de Kakugo (que significa algo así como "cinco pasos" en japonés), y pronto se convirtió en un pasatiempo nacional. El juego de mesa Gomoku se introdujo en Europa alrededor de 1885 y llegó a ser conocido en Inglaterra con el nombre de Cinco Disfrute.


Objetivo del juego

El objetivo del juego es hacer una línea horizontal, vertical o diagonal con 5 fichas antes que el oponente.


Cómo jugar Gomoku


En este desarrollo se juega el Gomoku en un tablero de 10 x 10 (100 bloques) y fichas Negras y Blancas. El jugador que lleva la ficha Negra empieza el juego; cada jugador hará un movimiento por turno. El movimiento implica poner una ficha en un cuadro libre del tablero. Las piezas colocadas no se pueden mover de nuevo. Gana la partida el jugador que logra alinear 5 fichas consecutivas.

lunes, 11 de julio de 2016

Productor - Consumidor en Java (Parqueadero de Carros)


El patron productor - consumidor es uno de los patrones mas basicos de la sincronizacion de procesos. Lo importante es identificar cuando debe ser usado. Para el siguiente tutorial propongo la siguiente situacion:

En un parqueadero los carros entran constantemente, y existen varias secciones. Sin embargo solo hay un ascensor y pueden entrar uno a la vez y una gran grua los situa en cada seccion.

Este seria un claro ejemplo de productor - consumidor,  productor serian los carros que aparecen constantemente, consumidor la grua que los coloca en cada seccion. Tambien podemos identificar un buffer es decir el numero de secciones. Finalmente el ascensor seria una especie de monitor que controla que existan carros por el productor y el consumidor este libre para colocarlos.

Comencemos con la clase Productor, que es una thread que va a crear nuevos objectos de la clase "Car", los va agregando en una cola y pone el ultimo elemento de la cola en el ascensor.


domingo, 1 de noviembre de 2015

Tutorial: Enviar Emails Transaccionales con Ruby on Rails

Hola! hoy vamos a hacer una pequena aplicacion para enviar emails transaccionales usando la API de Mandrill y Ruby on Rails. Pues basicamente todos los usuarios registrados en la aplicacion van a recibir multiples articulos relacionados a sus intereses. 

Para esto basicamente tengo un modelo: Usuario, y Articulo. Esto puede ser cambiado de acuerdo a sus necesidades. El mail de resultado es el siguiente,q claro puede ser fomateado como uds. prefieran:





martes, 20 de octubre de 2015

Tutorial: Serie de Fibonacci en Java

Qué es La serie de fibonacci?

La forman una serie de números tales que:

El primer término de la serie es el número 1
El segundo término de la serie es el número 1
Los siguientes términos de la serie de fibonacci se obtienen de la suma de los dos anteriores:

1, 1, 2, 3, 5, 8, 13, .....

Cómo programar un algoritmo de la serie Fibonacci en Java?

Lo primero que haremos será crear una clase main, luego crear el método static void main y dentro de este implementar un algoritmo que calcule e imprima los 20 primeros números de la serie fibonacci, de la siguiente manera:


domingo, 18 de octubre de 2015

Tutorial: Números Primos en Java

Qué es un número primo?

Un número primo es aquel número que solo es divisible por si mismo y por la unidad. Por convención solo los números naturales mayores que cero son candidatos a números primos, también por convención sabemos que el número 1 NO es primo. Así, los veinte primeros números primos son: 2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67 y 71.

Veamos como podemos implementar un algoritmo en Java que nos permita saber si dado un número, saber si este es un número primo o no.

Cómo programar un algoritmo de números primos en Java?

Lo primero que haremos será crear una clase main, luego crear el método static void main y dentro de este definir una lista de números enteros, de la siguiente manera:

domingo, 28 de junio de 2015

Tutorial: TCP Copiar archivos de Cliente a Servidor con Java



Hola! En este tutorial les presento un ejemplo de como transmitir archivos de un cliente a un servidor usando una conexion TCP. Para este ejemplo usare como base el codigo de un tutorial previo (Aplicacion simple TCP Cliente - Servidor en Java).

El siguiente programa tomara todos los archivos de una carpeta y los copiara en el servidor, el unico requerimiento es tener la libreria "json-simple-1.1.1.jar".  Comencemos!

Para el cliente crearemos la clase "TCPClient" con los siguientes atributos y constructor:

public class TCPClient {
    
    
    private DataInputStream in;
    private DataOutputStream out;
    private InetAddress ip;
    private int port;
    private Socket socket;
   
    public TCPClient(InetAddress ip, int port) {             
            this.ip = ip;
            this.port = port;
       try {
           //Creamos el socket y los streams de input y output
            this.socket = new Socket(ip, port);                             
            this.in = new DataInputStream(socket.getInputStream());
            this.out = new DataOutputStream(socket.getOutputStream());
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        
    }
}

domingo, 3 de mayo de 2015

Tutorial: Aplicacion simple TCP Cliente - Servidor en Java


Hola! hoy hare un ejemplo que sirve como base para explicar lo que es TCP, y una aplicacion cliente servidor, en Java.

TCP es un protocolo de comunicacion que es bastante confiable en comparacion a UDP por ejemplo, aunque claro cada uno tiene sus usos y sus ventajas. Entre las ventajas de TCP estan las siguientes:

  • Los mensajes no tienen un tamano limite
  • La data enviada por el cliente es encolada hasta que el servidor este listo para consumirla
  • Los mensajes se envian y se reciben en orden
Sin embargo las desventajas aparecen en el rendimiento, en una aplicacion de video juegos, UDP talvez seria mas conveniente. Entre los usos de TCP estan: aplicaciones FTP, telnet etc.

Para establecer la conexion entre cliente y servidor tendremos que crear un socket, que es un "end-point" para la comunicacion entre procesos, vale recalcar que un socket solo puede tener asignado un tipo de protocolo.

jueves, 5 de febrero de 2015

Tutorial: Aplicación CRUD con JPA y JSF en NetBeans (2da Parte)


Hola! en esta segunda parte del tutorial crearemos las paginas web, para el proyecto que dejamos en la primera parte 
  • Ahora crearemos un paquete com.controladores, damos clic derecho y escogemos la opción New/Other.. Se desplegara una ventana como la siguiente:
new file

lunes, 26 de enero de 2015

Tutorial: Crear Data Source y Pool de conexiones en Glass Fish Server


Hola, para este tutorial configuraremos un datasource y un pool de conexiones en GlassFish.

El tiempo estimado de este tutorial es 5 a 10 minutos.

Lo único que usaremos para esto es NetBeans y un explorador.

1. Abrimos el netbeans y en el explorador de servicios, en la opción servers veremos el GlassFish Server. damos clic derecho y si no esta iniciado lo iniciamos con la opción Start

GlassFish

2. Luego una vez iniciado, damos clic derecho  y seleccionamos la opción View Admin Console, inmediatamente se nos abrirá una ventana en el explorador con algo como lo siguiente

domingo, 25 de enero de 2015

Tutorial: Aplicación CRUD con JPA y JSF en NetBeans (1era Parte)


Hola! el día de hoy  haremos un mantenimiento CRUD de productos con JPA y JSF y como Ide usaremos Netbeans, por las características rápidas que ofrece. Bueno basicamente una aplicacion CRUD es la que te permite hacer lo siguiente: CREATE-READ-UPDATE-DELETE, que significaria un mantenimiento basico de cualquier entidad.
.

martes, 2 de diciembre de 2014

Tutorial: Comenzando con Angular JS..(Parte 1: Scope y Data Binding)


Comencemos con una pequeña definicion de Angular JS, pues es un framework de JavaScript de codigo abierto, mantenido por los chicos de Google, y lo que me encanta es que maneja el modelo MVW: Model View Whatever!, asi que como ven maneja lo que sea que funcione para ti, definitivamente hay mucho que leer sobre AngularJS.

Pero bueno el objetivo de este tutorial  es introducirte a como funciona Angular Js y sirve a alguien con un nivel principiante, para esto primero crearemos una pagina simple a la que llamaremos Index.html, usando el siguiente codigo:


<!DOCTYPE html>
<head>
     <title>Aprendiendo AngularJS</title>
</head>
<body>

</body>
</html>


Luego de que tenemos nuestra pagina, nos dirigiremos a la pagina de AngularJs https://angularjs.org/, dando clic en el boton "Download" obtendremos el mas reciente CDN, o podemos usar el siguiente: https://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js


martes, 28 de enero de 2014

Tutorial Widgets Android

Tutorial Widgets Android

En este tutorial construiremos un widget estático muy básico para entender claramente la estructura interna de un componente de este tipo. Consiste en un simple marco rectangular verde con un mensaje de texto predeterminado (“Mi Widget Basico“). La sencillez del ejemplo nos permitirá centrarnos en los pasos principales de la construcción de un widget Android.
widget basico

Los pasos principales para la creación de un widget Android son los siguientes: 

1. Definición de su interfaz gráfica (layout)

Se crea un nuevo layout "miwidget.xml" el cual va a definir la interfaz gráfica del widget:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:orientation="horizontal"
        android:background="#4D4D4D"
        android:padding="10dp" >

        <FrameLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="#A4C639"
            android:padding="5dp" >

            <TextView
                android:id="@+id/txtMensaje"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="Mi WidGet Basico"
                android:textColor="#FFFFFF"
                android:textSize="18sp" />
        </FrameLayout>
</FrameLayout>

sábado, 30 de noviembre de 2013

Consumir Web Services Soap en Android (1/2)

Consumir Web Services Soap en Android (parte 1)

En esta primera parte vamos a construir un Servicio Web en la plataforma .Net el cual utiliza el estándar SOAP como mecanismo de comunicación.

Comencemos definiendo SOAP: Según la Wikipedia, es es un protocolo estándar que define cómo dos objetos en diferentes procesos pueden comunicarse por medio de intercambio de datos XML

consumir web services soap en android-1/2
De esta manera, Un Web-Service hecho en Java, puede ser utilizado y consumido por una aplicación en otro lenguaje como Perl, Visual Basic, etc. Tal como lo muestra la imagen.

Requisitos para realizar este tutorial:

  • Visual Studio 2010
  • Internet Information Services (IIS)
Consideraciones previas:
Empezamos:
1. Agregar un proyecto de tipo Aplicación web vacía de ASP.NET  con nombre "WebServices"  a la solución Visitas_SLN

proyecto webservice

martes, 19 de noviembre de 2013

Tutorial ping pong en .net

Tutorial para programar el clásico juego ping pong en C# .net

En esta ocasión les traigo un pequeño tutorial que me solicitó una persona hace unos días. los pasos son:

1. Crear una nueva solución y agregar un proyecto Windows Form Application en el lenguaje C#

2. Agregar una forma, o usar la que viene por defecto al crear el proyecto. y arrastrar los siguientes controles:

  • 2 Buttons
  • 2 Labels
  • 1 RadioButton
  • 1 Timer
El diseño es el siguiente:
diseño

Explicación del diseño;
  • Los 2 botones serán el player 1 y player 2 respectivamente, darle color con la propiedad backcolor(opcional) y nombres reconocibles "Player1, Player2".
  • Los 2 Labels serán las puntuaciones del player 1 y player 2 respectivamente, darle nombres "PuntajePlayer1 y PuntajePlayer2".
  • El RadioButton será nuestra pelota, dejar en blanco la propiedad text, centrarla y darle nombre "ball".
  • El Timer, establecer la propiedad Interval en 10 (velocidad en que la pantalla se va a refrescar)
3. Crear eventos: 
  • Del formulario: KeyPress, Load, MouseMove
  • Del Timer: Tick
4. Crear métodos:
  • TerminaJuego()
  • IniciaJuego()