Vanguarsoft Developers blog

Ing. Javier Leal -Desarrollador CPANAX C.A / Microsoft Student Partners – VENEZUELA

PHP-logo


Deja un comentario

Serializar JSON resultado de Query MYSQL con PHP

Buenos días amigos hoy les traigo algo bastante sencillo, a veces muchos programadores nos topamos con problemas que parecen ser difíciles pero no lo son y terminan solucionando con algo muy sencillo y como el tiempo de un programador lo vale quiero compartir esto con lo que estuve casi 2 horas lidiando bueno mi fuerte no es php pero no deja de ser un tips que pueda usar yo mismo al pasar del tiempo o simplemente ayudar a algún colega.

El problema que se me presento es el siguiente: hacia una consulta del MYSQL  y quería serializar el resultado y pensé que utilizando mysql_fetch_array podría la consulta convertirse en un arreglo y devolver el valor deseado pero era lo esperado y tampoco tenia los key de los campos por lo que investigue y luego de varias pruebas fallidas soluciones con el siguiente código.

$resultData=mysql_query(“Select * from tableSample”,$conexion);

$rows = array();
while($r = mysql_fetch_assoc($resultData)) {
$rows[] = $r;
}

echo json_encode($rows);

Se utilizo el mysql_fetch_assoc para que devolviera los KEYS de cada campo consultado lo que llamamos un arreglo asociativo y se realizo un bucle while para recorrer cada valor devuelto por la consulta que este era uno de los errores que presentada por crees que ya el arreglo venia completo al consultarlo y al llevarlo todo de los datos utilizar json_encode para serializar en json y devolver el valor a donde desees ya que json lo permite y es un gran estandar

 

Internet-Explorer-9-F12-Developer-tools


Deja un comentario

JSfiddle y Codepen (Tools)

Hola amigos amantes de tecnologías yo otras vez diciendo que volveré y no termino de volver espero que esta si sea la vencida, en mi articulo de hoy les traigo Tools y mas Tools, las herramientas al momento de desarrollar son sumamente importante sobre todo cuando no estar en una pc de manera fija o simplemente quieres probar algo sin afectar el código existente o si tienes talento y quieres mostrarle a al mundo lo que sabes hacer con tecnologías Font and Back del mundo web pues estas son las herramientas necesarias para mostrar y compartir tus habilidades.

Ahora mas allá de todo eso también si simplemente necesitas hacer una funcionalidad y quieres buscar de que manera lo ha hecho otro desarrollador también este termina siento el lugar correcto..

LogoEs un sitio web en el que te puedes registrar para guardar funcionalidad web que hayas hecho construido la herramienta tiene un poder impresionante por que si por ejemplo estas en la pc que no es tuya pero necesitas probar o comprobar una funcionalidad básica que no sea necesario de traer tu código existente puede usar codepen, esta te permitirá agregar otros tools como jquery , bootstrap para hacer tus pruebas directo en la web y a real time donde puedes ver código y resultados en una sola pantalla, codepen es mi favorito cuando deseo buscar un diseño agradable para mis web Sites mucho talento ha compartido sus creaciones aca y son una comunidad bastante grande ademas si eres Teachers puedes usarlo para mostrar a tus alumnos código y resultado de manera que lo entiendan.

Aca te coloco una vista previa para que veas como se veras tus pruebas o lo que hagas con esta herramienta.

codepen

Url: http://codepen.io/

Como todo lo bueno siempre debe seguir y no por ser el segundo en este blog significa que no sea mejor que codepen todo depende del usuario:

jsfiddle.pngAl igual que codepen es una excelente herramienta para compartir, buscar, practicar tus códigos aquí tenemos un área de colaboración bastante interesante para por ejemplo dar tus clases yo les recomiendo que las empiecen a usar y sin mas que explicar les dejo la captura y url del site de JSFiddle.

jsfiddle.jpg

Url: https://jsfiddle.net/


Deja un comentario

Diseñando con código XAML

Para comenzar a desarrollar aplicaciones para la Windows Store es necesarios conocer Principalmente su Plataforma Arquitectónica, sus principios para el diseño de Aplicaciones y luego decidir cual será tu rumbo si vas a querer desarrollar aplicaciones basadas en HTML5 y JavaScrips o Lenguaje C sharp o Visual Basic con XAML.

 

XAML-LOGO

 

En mi caso todos mis post sobre la Windows Store estarán basados en C# ya que es el área donde quiero enfocar, pero antes de comenzar a publicar artículos mas avanzados de diferentes funcionalidades voy a dejarles bien en claro lo básico que es lo que eh estado haciendo en los últimos 3 artículos publicados.

 

Cabe destacar que si cuando se anuncio por primera vez este Lenguaje de Marcado y llegaste ya a conocerlo cuando por primera vez salió Silverlight quiero decirte que se ha mantenido, con esto solo quiero decir que XAML en Silverlight, en Windows Phone, En Windows 8 e incluso en WPF la sintaxys es igual no necesitas aprender algo nuevo.

 

Hace tiempo cree un artículo que les será útil si por primera vez están tocando la Windows Store.

 

https://javierleal.wordpress.com/2011/05/21/conociendo-el-codigo-xaml-parte-1/

 

Hay algo bien importante que recalcar en cuando al XAML y es que cuando hablamos de alguna de las etiquetas estas son clases..  para poder verse visualmente en la pantalla deben heredar de un UI Element.

 

Daré un ejemplo muy sencillo un Botton:

 

En XAML

<Button x:Name="BTNVolverMenu"
        Background="Blue"
        Foreground="White"
        HorizontalAlignment="Right"
        Content=" Volver al Menu "
        Grid.Row="1"
        Margin="0,0,20,0"
        Click="BTNVolverMenu_Click">
</Button>

 

Detrás de este código esta una clase que hereda de UI Element que permite que sea visible al escribir el código o simplemente arrastras el control pero esto que vemos no es muy diferente a hacer esto.

 

Código C sharp

 

Button BTNVolverMenu = new Button();
BTNVolverMenu.Name = "BNVolverMenu";
BTNVolverMenu.Background = new SolidColorBrush(Colors.Blue);
BTNVolverMenu.Foreground = new SolidColorBrush(Colors.White);
BTNVolverMenu.HorizontalAlignment = System.Windows.HorizontalAlignment.Right;
BTNVolverMenu.Content = " Volver al Menu ";
Grid.SetRow(BTNVolverMenu, 1);
BTNVolverMenu.Margin = new Thickness(0, 0, 20, 0);
BTNVolverMenu.Click +=BTNVolverMenu_Click;

 

 

La diferencia entre 2 objetos UI Element tiene una diferencia y es que cuando lo haces por XAML Ya el control se encuentra plasmado en la pantalla mientras que por código debe agregarlo a uno de los contenedores disponibles como:

 

Grid, Canvas o Stackpanela  través de su propiedad Children.


Deja un comentario

Principios de Diseño – Windows Store

 DEV-CENTER-L1-Design_Get-inspired_InvariantCulture_Default_472x300_InvariantCulture_DefaultUna de las principales cosas que debemos tener en cuenta antes de desarrollar aplicaciones para la Windows Store son sus principios de diseño, hare un pequeño resumen de lo que se trata esto y daré un link para que puedan profundizar este tema, a pesar de ser un tema enfocado mas a diseño que a desarrollo es un tema importante que hay que tomar muy en cuenta al momento de desarrollar estas aplicaciones.

 

WSA_Design_L2_1_UniquelyWindows_ModernDesign_702x394px_InvariantCulture_Default

Lo que se quiere lograr con estos principios es darle protagonismo a la información aprovechando la capacidad de los lenguajes universales de todo el mundo.. Por ejemplo: muchos han visto el símbolo que representa un cuarto de baño y cualquier persona sin importar idioma puede entenderlo, básicamente se trata de utilizar este lenguaje universal que fácilmente puedes verlo al ver la imagen principal de este post.

 

Básicamente en esto se basa los principios del fundamento de Microsoft claro es un resumen si quieres saber mas detalle de donde proviene todo esto te recomiendo entres a: http://dev.windows.com/es-es/design/modern-design.

 

Estos fundamentos son primordiales para lograr características interesantes en las aplicaciones están el los siguiente grupos:

 

Ojo: Todo esto no es mas que un resumen de un articulo de MSDN basado en estos principios yo solo quise resumirlo y mostrar mis opiniones, esperare las de ustedes.

Muestra buen hacer

 

La jerarquía y el Equilibrio en la aplicación:

IC730743 IC733868

Jerarquía                                Jerarquía Insuficiente

 

Se puede observar muy fácilmente como una información sin aplicar esta norma la información termina siendo confusa para el usuario final. Importante usar adecuadamente la Tipografía esto te permite agregar a tu aplicación mas personalidad.

 

Haz más con menos

 

Otro de los putos resaltantes es el protagonismo de la información con estos principios, podemos hacer estas dos comparaciones y analizarlas a simple vista.

  IC730745IC729987

Enfoque de contenido                   Contenido que distrae

 

A pesar de que la aplicación de Outlook para Windows Mobile tiene mas imágenes y colorido no podemos negar que estos principios vuelven a tener la razón, es muchísimo mas organizado, serio y presentable la opciones de la interfaz moderna, Ustedes que Opinan espero comentarios.

 

Para continuar es muy imparte dejar que la información fluya en su espacio, no quiere decir no colores imágenes puede usarlas.. pero no le quites el protagonismo y en espacio a la información.

IC733869

 

En muchas aplicaciones siempre la interfaz estaba abarrotada de opciones e imágenes que incluso eran innecesarias y no tenían mucho que ver con el contenido principal en esta aplicación del tiempo se puede ver fácilmente lo que el usuario necesita el estado del tiempo que se ve a través de la imagen de fondo y datos resaltantes como la temperatura.

 

Rápido y fluido

 

IC728119  IC728120 (1)

 

Movimiento y Dinamismo: Es lo que brinda las aplicaciones del Store a través de sus Tiles, la cual permiten mostrar información sin necesidad de acceder a la aplicación, sigue teniendo mas protagonismo la información, si nos basamos en el ejemplo anterior del tiempo acá podemos mostrar ese estado del tiempo sin necesidad de abrir la aplicación y solo acceder si se quiere ir a mas detalle.

 

Verdaderamente digital

El uso de la iconografía es la que resalta en esta área donde la instrucción es se iconográfico no iconográfico.

IC729988 IC729989

Esto sigue dando mas seriedad y rapidez a la aplicación al dejar de usar imágenes y comenzar a usar vectores que puedas construir un excelente mensaje universal con una sola infografía se puede comprender de que se trata la funcionalidad.

 

Gana en equipo

Esto es lo mejor de todo y se trata de unificar tu trabajo para que funciones en diferentes dispositivos manteniendo estos principios, y esto es un chicho muy famoso que dice no vuelvas a inventar la rueda. dedícate a innovar y mostrar la verdadera personalidad y protagonismo de tu solución.

IC728122

 

Como dije anteriormente todo esto no es mas que un resumen de un articulo de MSDN basado en estos principios yo solo quise resumirlo, para ver mas a detalle

https://msdn.microsoft.com/library/windows/apps/hh781237.aspx


Deja un comentario

Windows 8.1 Arquitectura de la plataforma.. lo que hay y lo que viene.

Buenas tardes y feliz año 2015, quiero como introducción anunciarles a los que frecuentan mi blog que desde ahora en adelante este estará totalmente concentrado en el tema de aplicaciones para la Windows Store, este será el primero de muchos artículos donde estarán viendo características útiles que van a poder usar en sus aplicaciones, todas las demostraciones que se vallan a dar de ahora en adelante estarán construidas en base a Visual Studio 2013 y 2015 una vez se haga el lanzamiento Oficial, Enfocado en aplicación Windows 8.1 y Windows Pone 8.1 hasta la llegada de Windows 10 que se convertirá por lo visto en un solo sistema, sin mas preámbulos comencemos primero por lo primero.

6320.image_07C9A1E3

Esta es la arquitectura de la plataforma de Desarrollo de Windows 8.1 tenemos un gran pilar y base que es el Windows Core OS Services que consiste en el núcleo central del Sistema Operativo donde mantiene características comunes para todas las aplicaciones y pueden ser utilizados para programación de bajo nivel.

Luego tenemos toda la WinRT APIs, esta nos permite lograr desde las aplicaciones acceder a características del sistema como el Acceso a datos, comunicación, Audio, Video, Impresión, Dispositivos varios que son necesarios y están basados en las nuevas características de Windows 8.1 donde muchas de ellas están centralizadas para poder acceder y usar a través de cualquier a de los lenguajes disponibles.

Tenemos la Posibilidad de elegir lenguajes de Programación dependiendo de las capacidades que viene desarrollando la persona interesada en iniciar en esa plataforma si tu fuerte en la programación es JavaScrips puedes fácilmente basarte en dicho lenguaje que te permitirá a su vez trabajar en la capa de diseño con HTML y CSS.

También podemos elegir entre lenguajes como C, C++, Visual Basic y C sharp y aprovechar una base de diseño utilizando XAML que es un lenguaje de marcado para aplicaciones que te permitirá crear muy fácilmente interfaz interesantes.

Cabe destacar que con la llegada de Windows 8.1 se esta hablando de Aplicaciones Unificadas donde Windows y Windows Phone posiblemente será uno solo, por lo que quizá próximamente estaremos explicando la arquitectura de desarrollo para Aplicaciones de Windows 10 y esta sola imagen lo dice todo.

Windows-10 

Las dudas que nos quedaran quizá ya estén resueltas para finales del año 2015, y una de esas preguntas es: Como quedara la Arquitectura de la plataforma de desarrollo de Windows 10?, Habrán cambios que afecten la manera en que ya lo estamos haciendo con Windows 8.1?

Yo personalmente les diría que creo que desarrollar en Windows 8.1 será igual que en Windows 10 solo que esta tendrá mas madurez así que serán de provecho muchos de los artículos en los que estaré basando en mi blog con nuevo enfoque.


Deja un comentario

Visual Studio 2013 Update 4

Visual Studio 2013 ha llevado una cantidad de actualizaciones desde su lanzamiento que poco ha poco le han añadido nuevas características que ayudan en la gran diversidad de funcionalidad de este gran ID pueden descargarlo ahora mismo desde acá..

http://www.microsoft.com/es-es/download/details.aspx?id=44921

Adicionalmente le agrego una lista de las características que se han añadido en esta actualización

¿Qué hay de nuevo en el año 2013 de actualización de Visual Studio 4?

Actualizaciones de Visual Studio:

Actualizaciones de Team Foundation Server:

Microsoft SQL Server actualizaciones Herramientas de base de datos:

Otros cambios:

Además, varios de Visual Studio 2013 productos están disponibles para su descarga con la actualización 4, incluyendo las siguientes: