Parse, Terminado el Servicio.

Articulo Restablecido.

Hola a todos. Prosiguiendo con el blog, hoy quiero comentarles de un anuncio sobre Parse.

Este blog realizo dos breves post sobre Parse, un BaaS enfocado para aplicaciones moviles.

BaaS: Parse

Consumiendo Parse desde .NET

A mi parecer, me parecia un servicio bueno, tenia varios modulos enfocado para aplicaciones moviles, lo use en mi trabajo, y le tuve cierto aprecio. Muchos puritanos diran que como no tenia una empresa grande que los respaldara como otros productos en el mercado, ese era su destino, puede que si, pero no por eso le quitaremos que era una buena herramienta.

A todas las personas que lo usaban les llego un correo con la noticia, tambien la pueden leer en el portal, basicamente lo que dicen es el servicio estaba habilitado hasta enero 28 del 2017. Considero que es un buen tiempo para hacer las migraciones requeridas en los productos ya echos.

Tambien ofrecen una herramienta de migración y su servidor lo liberan bajo open source.

Asi que ha trabajar en sus respetivas migraciones.

 

Link del post:

Moving On

Sl2

Romny

React.js en Asp.Net MVC

Hola a todos, hoy quiero hablar de un librería de JavaScript que va a revolucionar el mundo del desarrollo web.

Que es React.js?

React.js es una librería open source de JavaScript, patrocina por facebook y no solo eso, también la utiliza en sus productos. Esta librería esta basada en componentes, la idea es poder reutilizar todos los componentes que se utilizan en el desarrollo web, como botones, barras, etc., también una de sus fortalezas es que mantiene el contenido actualizado en todo momento. React,js utiliza archivos JSX que es un nuevo tipo de archivo que mesclar JavaScript con HTML, también permite compartir código de forma nativa para android y iPhone.

 

Para mas informacion en: https://facebook.github.io/react/

Usando React.js con Asp.Net MVC

Lo primero es crear un proyecto nuevo.

image

image

Procedemos a instalar React.js desde el administrador de paquetes.

image

image

Procedemos a crear una vista básica.

image

 

 

1 @{ 2 Layout = null; 3 } 4 <html> 5 <head> 6 <title>Hello React</title> 7 </head> 8 <body> 9 <div id="content"></div> 10 <script src="http://fb.me/react-0.13.1.js"></script> 11 <script src="@Url.Content("~/Scripts/Tutorial.jsx")"></script> 12 </body> 13 </html>

 

Procedemos a crear nuestro archivos jsx

image

1 var CommentBox = React.createClass({ 2 render: function() { 3 return ( 4 <div className="commentBox"> 5 Hello, world! I am a CommentBox. 6 </div> 7 ); 8 } 9 }); 10 React.render( 11 <CommentBox />, 12 document.getElementById('content') 13 );

Ejecutamos y deberíamos ver algo así.

 

image

El mismo ejemplo anterior lo podemos cambiar a la convension de ReactJS

1 var CommentBox = React.createClass({displayName: 'CommentBox', 2 render: function() { 3 return ( 4 React.createElement('div', {className: "commentBox"}, 5 "Hello, world! I am a CommentBox." 6 ) 7 ); 8 } 9 }); 10 React.render( 11 React.createElement(CommentBox, null), 12 document.getElementById('content') 13 );

 

Hasta este momento, no hemos explotado lo que es ReactJS, en nuestro próximo post, adentraremos en el uso de esta librería.

 

Sl2

Romny

Consumiendo Parse desde .NET

Hola a todos.

Prosiguiendo con el tema de Parse, en el cual en la entrada anterior vimos un poco lo que es este BaaS y algunas generalidades.

Para mas información: http://geeks.ms/blogs/rduarte/archive/2015/02/11/baas-parse.aspx

 

En esta entrada vamos a demostrar como seria consumir nuestra App creada en Parse desde .NET

Crear App MVC

Lo primero será crear un aplicación MVC

image

image

Componentes

Para poder conectarse con Parse debemos instalar el siguiente Nuget que nos proveerá lo necesario.

image

Trabajar con Parse

Después de tener lo necesario para trabajar con Parse, necesitamos la key de identificación, para eso vamos al portal y obtenemos dichas key.

image

En la aplicación en el Global.asax, inicializamos el cliente con Parse, para esto necesitamos las key de Application ID y NET Key.

image

Para este ejemplo me cree una clase books la cual se muestra así.

image

A modo de ejemplo realizare el código lo mas fácil, para no complicarnos.

image

Después de ejecutar el código, revisamos en Parse y se muestra el registro que acabamos de insertar.

image

De esta forma podemos consumir Parse de una forma sencilla y fácil. En próximos post trataremos de afrontar otros temas con Parse.

 

Espero que les haya gustado.

 

Sl2

Romny

BaaS: Parse

Hola a todos, esta noche quiero hablarles de un producto que se ofrece como BaaS para trabajar con desarrollo web y móvil.

 

Que es BaaS

Para hablar de Parse, lo primero que tenemos que saber es el termino BaaS: conocido como Backend como Servicio o Mobile backend como servicio, como tal es un modelo que proporciona a los desarrolladores web y de aplicaciones móviles, una forma de vincular las aplicaciones a cloud storage, servicios de análisis, gestión de usuarios, notificaciones push y la integración con redes sociales.

 

Que es Parse

Parse como tal es un producto que se ajusta al modelo de BaaS, ofrece todos los servicios característicos de un Backend como Servicio y maneja una integración con muchos productos.

image

Costo

Como Parse es una plataforma de pago, cuenta con un plan free el cual es ideal para app pequeñas.

Core

image

Push y Analytics

image

Si desean ajustar su plan en https://www.parse.com/plans se encuentra la respectiva calculadora de precios.

 

Creando una App

Lo primero que hay que hacer es generar una App en Parse, para eso nos registramos y en seguida se nos muestra un formulario para crear nuestra App.

image

Para empezar a trabajar vamos al CORE.

image

Vamos a generar un tabla, Parse utiliza bases de datos NoSql, lo que significa agregar una clase, para el caso de tipo user.

image

image

siendo el resultado este.

image

Para nuestro próximo post, conectaremos esta App con .NET

 

Espero que el post sea de su agrado y nos vemos en el próximo.

 

Sl2

Romny

Ciclo de vida de una aplicación ASP.NET MVC 5

Hola a todos.

Seguro muchos ya tienen el concepto de claro de como es el ciclo de vida de una aplicación MVC, pero este post es para dejarles un link del sitio oficial de ASP.NET, donde se muestra como es el ciclo de vida de dichas aplicaciones.

Para detallarlo bien lo pueden ubicar en: Lifecycle of an ASP.NET MVC 5 Application

  • Primera parte:
  • Muestra el ciclo de vida de todas las aplicaciones ASP.NET MVC, a partir de la recepción de la solicitud HTTP desde el cliente para enviar la respuesta HTTP de vuelta al cliente.

    Se muestra todos los componentes que actúan, desde la petición, pasando por el sistema de routing, luego el handler de mvc se encargara de procesar el controlador, pasar por el sistema de autorización y autenticación e invocar las acciones apropiadas de bindear, para retornar al cliente.

    image

  • Segunda Parte:

Muestra con mas detalle el ciclo que efectúa una petición.

image

Revisen el link echadle un vistazo.

S@ludos.

Romny

Conociendo el Dashboard de Orchard

Hola a todos. Después de conocer un poco como instalar, como ejecutar Orchard, vamos a conocer poco a poco lo que este CMS puede ofrecernos. Si quieren conocer nuestros previos post no olviden pasar por este link. http://geeks.ms/blogs/rduarte/archive/tags/Orchard/default.aspx

 

El Dashboard de Orchard le permite administrar el sitio web, cambiar su apariencia, añadir contenido, y habilitar y deshabilitar características de Orchard features. Cuando se inicia sesión el sitio web, se puede acceder al panel de control haciendo clic en el enlace en la parte inferior de su página de inicio por defecto.

image

image

Al abrir el panel de control, verá una lista de funciones de la aplicación y los ajustes en el lado izquierdo de la página. Esta lista se divide en secciones de características relacionadas. Cada sección expandible puede plegarse para mostrar solamente el título de la sección. Si hace clic en un título de la sección, se selecciona la primera función en esa sección. Esta lista cambia a medida que habilitar y deshabilitar características de la huerta. Por ejemplo, la sección del blog tendrá un conjunto de elementos plegables adicionales en virtud del mismo (como se muestra) después de crear realmente un blog. La nueva sección permite crear nuevas instancias de tipos de contenido por defecto, así como cualquier tipo de contenido personalizado que usted defina. El lado derecho de la página muestra los ajustes disponibles para la función seleccionada. La siguiente imagen muestra el contenido del tablero de instrumentos.

image

 

Ajustes de las características disponibles en el Dashboard

La siguiente tabla muestra cada una de las secciones del tablero de instrumentos y se describen brevemente los ajustes disponibles.

Titulo de Sección Descripción
Dashboard Contiene el Dashboard y muestra el ("Bienvenido a Orchard") en la página principal. Esta página contiene una serie de enlaces útiles para trabajar con Orchard. La página también muestra la versión Orchard que ejecuta y muestra avisos de http://orchardproject.net (cuando la advertencia se encuentre disponible) que se le notifique cuando una nueva versión está disponible o cuando una actualización importante necesita ser aplicada.
New Permite crear nuevas instancias de tipos de contenido predeterminados o de los tipos de contenido personalizados que se definen en la pantalla de definición de contenidos.
Content Permite gestionar las instancias de los tipos de contenido. Por ejemplo, te permite crear páginas, editar o eliminar las páginas existentes, y publicar páginas.
Content Definition Permite gestionar tipos de contenido existentes, así como la creación de su propia.
Blog Le permite añadir un blog a su sitio web, crear nuevas entradas del blog, y administrar su blog.
Queries Le permite agregar nuevas consultas y editar o eliminar queries. Queries existentes son utilizados después para visualización de listas de elementos de contenido a través del sitio.
Comments Si su sitio web está configurado para permitir a los usuarios publicar comentarios, le permite gestionar los comentarios publicados.
Taxonomies Permite gestionar términos de la taxonomía. Más adelante se puede utilizar para clasificar los elementos de contenido y mostrar u ocultar en diferentes formas de acuerdo con su taxonomía.
Widgets Permite gestionar los widgets que aparecen en las páginas de su sitio.
Media Le permite agregar o eliminar las carpetas que contienen los medios de comunicación.
Navigation Le permite agregar o quitar elementos en el menú principal y definir los menús de navegación adicionales.
Tags Le permite agregar o quitar etiquetas de contenido para su sitio.
Modules Le permite descargar, instalar y administrar módulos y características en su sitio.
Themes Permite instalar nuevos temas y aplicar temas a su sitio.
Workflows Le permite administrar sus flujos de trabajo. A través de flujos de trabajo de su sitio puede realizar tareas simples o complejas basadas en los eventos del sistema o la interacción del usuario.
Users Permite gestionar usuarios y funciones para su sitio.
Reports Permite administrar y ver informes que Orchard genera para su sitio.
Settings Permite configurar una variedad de ajustes del sitio, tales como el nombre del sitio y la cultura, el número predeterminado de elementos por página, URLs para Gallery feeds, si los comentarios agregados por el usuario deben ser aprobados, los tipos de archivos multimedia que se pueden cargar, y la configuración de registro de usuario.

Esta breve descripción es lo que a través del Dashboard se puede lograr.

Saludos.

Romny

Crear un WebSite Orchard desde Windows Azure

Hola  a todos, hoy vamos a crear un WebSite de Orchard desde Windows Azure.

Lo primero es ir a https://manage.windowsazure.com, y loguearnos con nuestras respectivas credenciales, vamos a crear un nuevo proceso –> Sitio Web

image

Buscamos en el tag de CMS –> Orchard CMS

image

Definimos la configuración del sitio

image

Luego aparecerá la tarea de configuración

image

Procedemos a la dirección que definimos

image

Luego configuramos el sitio.

image

Así generamos un WebSite de Orchard usando la galería desde Windows Azure.

image

Aquí vemos los datos respectivos de uso del sitio desde la administración de Windows Azure.

image

Espero que este post les sea de utilidad, ya vimos su instalación desde los posibles frentes que puede tener.

Saludos.

Romny

Instalación Manual de Orchard

Hola a todos. Siguiendo con el tema de instalación procedemos ver como instalar Orchard de forma manual. Para ver los post previos sigue estos links.

Descargando el el archivo

Navegar hasta la sección de descargas de Orchard en Codeplex.

Usted encontrará dos archivos para descargar.

  • Orchard.Web.1.x.xx.zip: En este archivo el sitio ya se ha construido y se puede ejecutar sin compilación adicional. No incluye todo el código fuente.
  • Orchard.Source.1.x.xx.zip: Este archivo incluye el código fuente. Si usted planea desarrollar módulos probablemente prefiera éste. Es más fácil de usar con Visual Studio y usted tiene un montón de archivos de código fuente para ver cómo se hace todo.

Ejecutando el Sitio usando IIS

Lo primero es tener instalado el servidor de IIS.

Buscar “Programas y características” y ejecutarlo.

image

luego ir a la opción “Activar o desactivar características”

image

Click en Internetnet Information Services y luego en ASP.NET 4.5.

image

Después de tener el servidor de IIS con la característica recomendada, procedemos a descomprimir el archivo Orchard.Web.1.x.xx.zip la carpeta C:inetpubwwwroot

Buscamos la carpeta App_Data y le damos privilegio al usuario de IIS_IUSR de modificación. Este proceso lo repetimos para las carpetas Modules, Themes y Media, ya que estas necesitan ser modificadas por el Sitio Web.

image

Ahora procedemos a crear un sitio web, lanzamos la consola de Internet Information Services.

image

Click en Default Web Site y paramos el servicio para liberar el puerto 80

image

Click en Sitios y Agregar sitio web

image

Colocamos los datos requeridos.

image

damos click en el cuadro de dialogo

image

El sitio ya esta corriendo, procedemos a navegar por el.

image

Bueno de esta forma, se configura Orchard, espero les sirva este breve articulo.

Saludos.

Romny

Trabajar con Orchard en WebMatrix Parte II

Hola a todos, proseguimos con este tema de trabajar Orchard con WebMatrix, si se perdió la primera entrega pase por este post.

Ejecutanto su SitioWeb desde Webmatrix

En cualquier punto en el tiempo, puede ejecutar su sitio web desde WebMatrix seleccionando el nodo del proyecto y haga clic en Ejecutar.

image

Trabajar con archivos

Puede utilizar WebMatrix para editar los archivos en su instalación Orchard. WebMatrix ofrece un sencillo editor que incluye la colorización para HTML, CSS, JavaScript, y los archivos de código.
Aunque WebMatrix no proporciona un sistema de compilación para compilar archivos de código, en sí Orchard ofrece la compilación dinámica de archivos de código cuando se editan. Para obtener más información, consulte Orchard compilación dinámica.

Trabajando con la Base de Datos

Si ha seleccionado SQL Server Compact para la opción de base de datos en la configuración Orchard, puede abrir la base de datos Orchard.sdf en WebMatrix seleccionando Bases de datos.

Una vez abierta la ventana de la base de datos, puede ver el contenido de una tabla mediante la selección de la tabla en el panel explorador.

(Si ya estabas en el espacio de trabajo de bases de datos, es posible que tenga que hacer clic derecho en el nodo Orchard y luego haga clic en Actualizar para mostrar la base de datos y tablas.)

Publicando su Sitio Web

Cuando esté listo para cargar la copia local de su web a la Internet, haga clic en el botón Publicar en la cinta de WebMatrix.

La primera vez que se publique, se muestra el cuadro de diálogo Publicar su sitio.

Para publicar un sitio web, debe tener una cuenta con un proveedor de alojamiento web. Si no tienes uno, puedes seleccionar Introducción a Windows Azure o Encontrar de Windows Web Hosting. Si selecciona Windows Azure, usted tendrá la opción de crear su sitio web, ya sea un Azure WebStie o Azure Web Role.

Después de que hayas creado una cuenta con un proveedor de hosting, el proveedor por lo general le enviará un correo electrónico con su nombre de usuario, nombre del servidor, y otra información. Para ahorrarte el paso adicional de introducir esta información manualmente, el proveedor puede enviarle un archivo "Perfil XML" (nombrado con la extensión .publishsettings) que contiene esta información. Usted puede utilizar estos ajustes seleccionando Importar perfil de publicación y luego seleccionar el archivo proporcionada por su proveedor de alojamiento. De lo contrario, puede introducir los ajustes manualmente.

Después de haber publicado su sitio, es posible que desee realizar cambios en él y volver a publicarla. Cuando posteriormente se seleccione Publicar, WebMatrix listará los archivos locales que se han cambiado desde la última vez que el sitio local se publicó. En este punto usted puede seleccionar los archivos que desea cargar en el stie distancia y seleccione Continuar o cancelar.

Una vez que haya publicado su sitio web, usted puede ver los archivos en el sitio remoto mediante la apertura de la vista remota.

Con esto terminamos esta entrega de trabajando Orchard con WebMatrix. Se extendió un poco, pero era necesario.

 

Espero les haya gustado.

Saludos.

Romny

Trabajar con Orchard en WebMatrix

Hola a todos. Procediendo con el tema de Instalación de Orchard, el tema de hoy será de instalar Orchard usando WebMatrix.

WebMatrix, es una herramienta de desarrollo web de Microsoft, la cual le permite crear, editar y publicar sitios web con facilidad sin precedentes. WebMatrix incluye un servidor web incorporado (IIS Express), junto con un sencillo editor para la edición y personalización de aplicaciones como Orchard. Al instalar Orchard utilizando el Instalador de plataforma web, usted tiene la opción de instalar a WebMatrix en lugar de IIS.

 

Instalación e inicio de WebMatrix

Descargar e iniciar Microsoft Web Platform Installer luego click el botón Add para Microsoft WebMatrix y click Install.

image

Acepte los términos de licencia y ejecute WebMatrix cuando finalice la instalación.

Usando WebMatrix para crear un WebSite Orchard

Para crear un WebSite de Orchard usando WebMatrix, click en Nuevo y luego en Galería de Aplicaciones en la pagina de inicio.

image

Desplácese hacia abajo y seleccione Orchard CMS. Introduzca un nombre para ser utilizado como el nombre de la carpeta para su sitio. Por ejemplo, si se introduce el nombre del sitio “Orchard CMS”, la carpeta "Documents/My Websites/Orchard CMS" sera creada. click Siguiente.

image

Saldrá una explicación de lo que es Orchard. click Siguiente.

image

Click Acepto para aceptar el acuerdo CLUFT.

image

Se procederá a descargar los archivos requeridos.

image

Posteriormente se muestran los productos instalados. click Aceptar

image

Una nueva carpeta has sido creada en “My Web Sites” con el nombre de “Orchard CMS”. Su sitio web ha sido abierto en WebMatrix y una ventana de internet ha sido abierta.

image

Después de que la ventana de internet se lanzo, esta presento un error.

image

Para solucionar esto, se debe ir a la configuración del Sitio Web y deshabilitar el uso de PHP.

image

Introduzca la información básica sobre su sitio en la página de configuración Orchard. Específicamente: el nombre del sitio, el nombre de un usuario del sitio, la contraseña del usuario, el tipo de base de datos a usar para los datos del sitio, y el Orchard recipe.

Si usted está empezando a utilizar Orchard, le recomendamos que seleccione SQL Compact Server para la base de datos y por defecto el recipe. Introduzca la información y haga clic en Finalizar configuración.

image

image

Orchard establece su sitio inicial y luego se abre una ventana del navegador con la página principal del sitio. Automáticamente se le ha identificado con el nombre de usuario que ha especificado en la configuración (en este caso, admin). En este punto, al hacer clic en Dashboard te llevará a la Orchard Dashboard, donde se pueden hacer cambios de sitios web.

image

Después de estos pasos ya podemos empezar a usar Orchard.

 

En nuestra próxima entrega veremos como trabajar Orchard con WebMatrix.

Espero les haya gustado esta entrega.

 

Saludos.

Romny