Frameworks de Front-end en MVC

Un framework de Front-end tiene la finalidad de proporcionar los estilos, fuentes, iconos y recursos visuales para ser utilizados en las paginas web. Por ejemplo si se quiere cambiar el estilo de los botones tradicionales en una pagina web se puede hacer una referencia a bootstrap y el botón de la pagina cambia su estilo y presentación de acuerdo a los estilos definidos.

La idea de este proyecto (https://github.com/mariobot/UiFrameworks) es buscar entusiastas y personas que quieran participar para seguir aportando buenas practicas al momento de desarrollar un proyecto ASP MVC con frameworks de presentación.

El proyecto esta dividido en diferentes subproyectos, nombrados con el framework de presentación que se va a aplicar. (Por ejemplo) El proyecto Materialized utiliza el framework Materialized y se muestra como aplicar desde un botón, una tarjeta, un panel, etc en un proyecto MVC. A continuación adjunto la pagina con los proyectos que se encuentran en el repositorio:

Arquitectura

Cada uno de los proyectos se maneja en un puerto diferente con la finalidad de poder instalar los paquetes de nuget necesarios para cada framework, como también con la finalidad de poder manipular cada proyecto desde una aplicación diferente.

El proyecto HOME es el que hace referencia a todos los proyectos.

Home (bootstrap)

Home

El proyecto Materialized utiliza este framework de material design y hace la referencia a como se puede implementar en un proyecto ASP.Net MVC

Materialized

Materialized

El proyecto HTML5 utiliza solamente etiquetas html5 y una referencia a una cascada de estilos.

HTML5

HTML5

El proyecto Skeleton utiliza este framework, el cual destaca por su sencillez y minimalismo.

Skeleton

Skeleton

Sean todos bienvenidos a descargar el repositorio en https://github.com/mariobot/UiFrameworks y empezar a hacer sus aportes y subirlos a este git.
Anuncios

Enviar mensajes de texto con Twilio

Twilio

El dia de hoy quiero compartirles este recurso para enviar mensajes de texto con Twilio. Esta es una plataforma que nos permite enviar mensajes de texto, hacer llamadas, gestionar llamadas. integrar procesos de autenticacion entre otras funcionalidad. Lo bueno de esta herramienta es que ofrece una integrqacion muy facil con tus proyectos, ya sea implementando las librerias que tienen diseñadas para .Net como otras plataformas como PHP, Ruby, Phyton, Java, Node.js.

A continuación explicare el proceso para enviar los mensajes desde un proycto en asp.net mvc.

Primero necesitamos crear una cuenta en Twilio en la siguiente direccion https://www.twilio.com/try-twilio . Recuerda que debes adicionar tu telefono con el indicativo +57 (para el caso de Colombia) para hacer el proceso de validación de tu cuenta.

Una vez registrada tu linea podrás hacer todas las pruebas que quieras con la linea celular registrada. La versión free no permite registrar números de terceros. para esto es necesario comprar el paquete de mensajes.
Una vez registrado entramos a la siguiente dirección para consultar nuestras credenciales que utilizaremos en la API https://www.twilio.com/user/account/settings  (Hacer clic en el candadito para mostrar el Token)
La sección de documentación de la api de Twilio la puedes encontrar en la siguiente dirección https://www.twilio.com/user/account/developer-tools/api-explorer/message-create En esta se encuentra todo el instructivo para utilizar la api.
En la siguiente dirección encontraras el paquete en nuget para adicionarlo al proyecto en . Net https://www.nuget.org/packages/Twilio
Hay que tener en cuenta que Twilio asigna un teléfono a tu cuenta. este teléfono asignado se tiene que utilizar al momento de enviar el mensaje, si no se utiliza la api no permite enviar mensajes. el teléfono que te asignan lo puedes encontrar en la siguiente dirección https://www.twilio.com/user/account/voice-sms-mms
Con todo listo para utilizar la api creamos un nuevo proyecto MVC en Visual studio y adicionamos el paquete de twilio. Una vez adicionado ya podremos utilizar la librería. recordar hacer la referencia a la librería en tu controlador. using Twilio;

// Download the twilio-csharp library from twilio.com/docs/csharp/install
using System;
using Twilio;
class Example
{
static void Main(string[] args)
{
// Find your Account Sid and Auth Token at twilio.com/user/account
string AccountSid = "yourAccountSid";
string AuthToken = "yourToken";
var twilio = new TwilioRestClient(AccountSid, AuthToken);
var message = twilio.SendMessage("el numero asignado por Twilio", "+57 Tu   telefono el que esta registrado", "Aqui va el mensaje de texto", null, null);
Console.WriteLine(message.Sid);
}
}

Entrevista MVC preguntas y respuestas

Que es MVC?

MVC es un patrón de programación que esta dividido en tres capas, El Modelo, La Vista, y El Controlador. A continuación la función principal de cada uno
  • La “Vista” es responsable del aspecto visual.
  • El “Modelo” representa el mundo real a partir de objetos que son pasados a la vista.
  • El “Controlador” es responsable de tomar la petición del usuario y cargar la correspondiente Vista y Modelo.
Puedes explicar el flujo completo de MVC?
A continuación el flujo en MVC (Modelo-Vista-Controlador) Arquitectura
  • El usuario realiza el request al controlador.
  • El controlador dependiendo del request, decide que modelo cargar, El controlador carga el modelo y adjunta el modelo a la vista apropiada.
  • Al final la vista con el modelo de datos envía el request al usuario final al navegador.
MVC es apropiado para aplicaciones windows y web?
La arquitectura MVC es apropiada tanto para aplicaciones web como para aplicaciones Windows, pero para aplicaciones Windows es mas recomendable utilizar patrones como MVP Modelo Vista presentación o el patron MVVM.
Cual es el beneficio de utilizar MVC?

Sigue leyendo