domingo, 30 de octubre de 2011

Instalando MojoPortal un CMS ASP.NET para pruebas locales

Saludos

Aprovechando que me encuentro montando MojoPortal, mi CMS (Content Management System) Open Source favorito (Si, si Open Source y en .NET), les dejo aquí las instrucciones para instalarlo y trataré de enseñarles algunas cositas en post futuros.

1. Lo primero es entrar a la página de MojoPortal oficial y descargar el software, se van a encontrar que pueden descargarlo desde CodePlex o que pueden usar el WebInstaller


2. Yo en este caso descargaré desde el CodePlex, ya que el WebInstaller es más fácil y los va llevando. Deben descargar la versión que corresponda con el .NET Framework que soporte su hosting, eso es muy importante. Para saber cual archivo descargar miran el nombre:

mojoportal-2-3-7-0-mssql-net40-deploymentfiles.zip

El nombre indica la base de datos y la versión del framework. Además si desean probar skins adicionales, en la parte inferior hay algunos.


3. Luego proceden a descomprimir los archivos de despliegue y ubicarlos en la ruta de su máquina que deseen.


4. Creamos un grupo de aplicaciones en nuestro Internet Information Services


5. Configuramos la carpeta donde descargamos los archivos de despliegue como un sitio web usando el grupo de aplicaciones que configuramos.


6. Asignamos permisos al usuario del grupo de aplicaciones en la carpeta App_Data y Data que están dentro de la carpeta principal de archivos que descargamos. Ten presente que el usuario al que le debes dar permisos es IIS AppPool\"Nombre del Grupo de Aplicaciones"

7. Podemos probar que el sitio quedó bien colocando la url que configuramos en el explorados, debe salir un error de instalación de MojoPortal, ya que no hemos creado nuestra base de datos.


8. Vamos a SQL Server y creamos la base de datos, en mi caso es SQL Server Express R2, así que aún vamos con todo gratuito.


9. Ahora debemos configurar 2 archivos Web.config y user.config.sample. Al segundo lo renombramos y le quitamos la extensión sample, quedando unicamente user.config.


10. Debemos abrir los dos archivos y configurarles la cadena de conexión a la base de datos, dependiendo de la base de datos que vamos a usar, les dejo los ejemplos para SQL Server



Si no saben como obtener esta cadena de conexión, les recomiendo este par de fáciles opciones:

a) Creen un archivo de texto


b) Cambien su extensión a .UDL


c) Después de confirmar que se renombró ejecutenlo y dirijanse a la primera pestaña, seleccionando el proveedor para SQL Sever


d) Ingresen los datos de conexión a su base de datos, si todo está bien en la lista de bases de datos verán todas las que tienen instaladas.


e) Hagan el test de conexión


f) Diríjanse nuevamente a su archivo .udl y ábranlo con un editor de texto simple como Notepad o Notepad ++ que es el que yo uso.


g) Adentro encontrarán el string de conexión que deben configurar.


Otra opción la más fácil y sencilla para mi es usar Visual Studio, en mi caso Visual Studio Web Developer, en el Explorador de Servidores para conectarse a la base de datos y obtener la cadena de conexión de la pestaña de propiedades como ven aquí:


11. Volvemos al explorador usando la url que configuradmos en IIS y si todo salió bien MojoPortal comienza a instalarse.


12. Aquí podemos ver ya a MojoPortal funcionando :)


Espero que les sea de utilidad, si quieren ver un sitio montado con esta herramienta visiten Avanet y todos sus proyectos asociados.

Si tienes problemas con la instalación hay más detalles en el tutorial de instalación del portal oficial

Sorey ;)

jueves, 20 de octubre de 2011

Primeros elementos gráficos para tu aplicación Windows Phone

Saludos

Como ya saben me gusta mucho compartir con ustedes las aventuras que vivo en esto de aprender Windows Phone, pues bien, un poco cansada de enseñarlo y no aplicarlo empecé a hacer ya mi propia aplicación, algo sencilla pero espero usarla para enseñarles cosas y por que no subirla un día al Marketplace.

Hoy quiero entonces hablarles de por donde empecé yo, no se si sea lo primero o lo último que se deba hacer, a mi me gusta eso de trabajar viendo las apps lindas de una vez.

Mi aplicación se llama Viajero Móvil y tiene por objeto permitir que las personas que viajan mucho conserven el historial de sus viáticos en el celular, tediosa tarea que hay que hacer cada que se llega al trabajo a informar los gastos de viaje. Así es como planee que se viera:


Pues bien, tenemos 3 imagenes básicas de todas nuestras aplicaciones, si bien podemos nombrarlas como queramos cambiando la configuración de la aplicación por defecto encontraremos 3 imagenes nombradas por defecto, así que vamos a aprender para que se usan.

La primera imagen es SplashscreenImage.jpg sus dimensiones son 480 x 800. Esta es la primera pantalla que ve el usuario cuando abre nuestra aplicación, por mucho duraría unos 10 segundos así que no es recomendable colocar texto, más bien una buena imagen que de contexto y recordación a nuestra aplicación.



La segunda imagen corresponde al ícono que aparecerá en el Menú General de aplicaciones, por defecto se encuentra nombrada como ApplicationIcon.png y sus dimensiones son 62 x 62. Como ven es muy pequeño y debe llevar un icono que identifique nuestra aplicación, tenemos 2 opciones, colocar un fondo transparente y un icono blanco preferiblemente dejando que el fondo sea el color de "acento" que el usuario tenga seleccionado como tema de su telefono, o bien, colocarle colores propios, quizá asociados a nuestra marca o la imagen reconocida de la aplicación en otros contextos, sin olvidar su pequeño tamaño y que debe ser claro.


La segunda imagen se llama Background.png, sus dimensiones son 173 x 173 y se usa cuándo el usuario decide colocar nuestra aplicación como favorita en la pantalla inicial del teléfono, aquí debemos tener las mismas consideraciones con respecto a los colores, y algo más, típicamente configuraremos el nombre de nuestra aplicación para que aparezca aquí, es el caso en la imagen del "Internet Explorer". El nombre de la aplicación aparecerá en esa posición si nosotros lo configuramos en el Manifiesto (no se impacienten que ya aprenderemos que es). En mi caso, yo quería colocarle mi propio letrero y quite de la configuración el nombre para que no se viera mal, ando investigando si esto es o no recomendado y les cuento, por que todas las aplicaciones que veo en mi móvil hasta el momento lo tienen.


Bien, para contarles un poquito donde voy, mi aplicación iniciará con un panorama, insisto se que voy de a pasitos pero tranquilos ya les enseñaré acerca de Pivots y Panoramas, por el momento les muestro la vista inicial de mi panorama.


Tengo que decirles que la verdad, elegí trabajar con mis propios colores para la aplicación y no usar los colores por defecto, por que actuando como usuario cambiaba los temas del dispositivo y se me hace laborioso lograr que la aplicación se vea bien en todos los temas, así que al ver como funcionaban algunas de las aplicaciones que he descargado opté por tener una gama controlada de colores, recordando que un usuario puede usar fondo blanco y fondo negro y varios colores de acento.

Por el momento es todo, les puedo decir de acuerdo a algunas cosas que he leido acerca de por que puede ser rechazada nuestra aplicación en el App Hub es la estética, así que sabiendo que como desarrolladores no somos muy buenos para el tema, yo recomendaría o buscar un diseñador que nos ayude o bien optar por escenarios controlados o básicos ofrecidos por el mismo Expression Blend.

Les recomiendo ver los recursos de diseño de MSDN para Windows Phone y la colección de íconos de http://thenounproject.com

Espero poder hacerles pronto un video para que vean como va quedando mi aplicación.

Sorey ;)

jueves, 13 de octubre de 2011

Avanet Radio - Windows Phone 7

Ayer estuve con @PavelEspitia y @WarNov en el programa "Somos Móviles" de @Avanet con @mteheran, @ingyesid y @shontauro, los invito a escucharlo y enterarse sobre más detalles de Windows Phone 7