Cup Coffee

CoverFlow en MonoTouch

2012-02-16T09:31:00.002-08:00

Un cover flow es un software deinterfaz gráfica en tres dimensiones integrado en iTunes,Mac OS X, y otrosproductos AppleInc. Para mover de un tirón a través de imágenes visuales delos documentos, favoritos web, álbumes o fotografías.(Wikipedia,http://es.wikipedia.org/wiki/Cover_Flow).

Es un control muy atractivo a la vistacomo a la vez util, por lo que tener uno de esos controles en nuestraaplicacion, le sumaria puntos a favor. Desafortunadamente el controlusado en las aplicaciones de Apple, no esta disponible para ser usadopor terceros, por lo cual vamos a utilizar un control llamadoOpenFlow (https://github.com/thefaj/OpenFlow) que tiene muchas de lascaracteristicas del control de Apple, pero no todas.

Para poder usar el control enMonoTouch, usaremos un Binding hecho por Miguel de Icaza llamadoOpenFlowSharp (https://github.com/migueldeicaza/OpenFlowSharp).

Nuestro primer paso es obtener la dllde OpenFlowSharp que la pueden obtener aqui o crearla desde el codigofuente.

Nuesro siguiente paso es agregar anuestro proyecto la dll como se muestra en la siguiente imagen:

Despues nos dirigiremos al controladorque deseamos que despliegue el Cover Flow y agregaremos lossiguientes metodos:

privateOpenFlowSharp.OpenFlowView openFlow;

privateAutoResetEvent signal = newAutoResetEvent (false);

private Queue tasks = new Queue ();

#regionIOpenFlowDataSource Implementation

publicvoidRequestImage (OpenFlowView view, intindex)

{

NSActiontask;

task= delegate{

varimg = UIImage.FromFile ("images/"+ index + ".png");

InvokeOnMainThread(delegate{

openFlow[index] = img;

});

};

lock(tasks) {

tasks.Enqueue(task);

}

signal.Set();

}

publicUIImage GetDefaultImage ()

{

returnUIImage.FromFile ("images/not_available.png");

}

#endregion

Nuestro siguiente paso sera que elcontrolador implemente la interfaz IopenFlowDataSource:

publicpartialclassOpenFlowExampleViewController : UIViewController, IOpenFlowDataSource

Luego agregaremos un par de metodosmas, que nos ayudaran a completar la tarea de cargado de lasimagenes:

#regionHelpers

privatevoidLoadAllImages ()

{

//Load images all at once

for(inti = 0; i < 5; i++) {

varimg = UIImage.FromFile ("images/"+ i + ".png");

openFlow[i] = img;

}

openFlow.NumberOfImages= 5;

}

//Async

privatevoidWorker ()

{

//Create the NSAutoreleasePool so that any NSObjects that

//the ObjC runtime creates are disposed using it, otherwise

//ObjC just leaks them.

using(varreleasePool = newNSAutoreleasePool ()) {

while(signal.WaitOne ()) {

while(true){

NSActiontask;

lock(tasks) {

if(tasks.Count > 0)

task= tasks.Dequeue ();

else

break;

}

task();

}

#endregion

Como penultimo paso agregaremos lassiguientes lineas de codigo al contructor de la clase controladora:

openFlow= newOpenFlowView (UIScreen.MainScreen.Bounds, this);

this.View= openFlow;

LoadAllImages();

Threadt = newThread (Worker);

t.Start();

signal.Set();

Y como nuestro ultimo paso agregaremosimagenes en la carpeta “Images” que debemos de crearlapreviamente. Ahora si lanzamos la aplicacion veremos algo asi:

Como aclaracion, les indico que elcargado de las imagenes se lo hace de forma asincronica, muy utilcuando las imagenes son obtenidas desde internet, pero si deseamoshacer la carga de manera sincrona simplemente deberemos de comentarlas siguientes lineas de codigo:

//Threadt = new Thread (Worker);

//t.Start();

//signal.Set();

Suerte.

Source: Aquí.

PD. Las imagenes que se encuentran enel codigo fuente estan ubicadas aqui:http://www.supercars.net/gallery/132868/861/2.html

Ejecutar comandos en el CMD de Windows desde C#

2012-02-15T19:43:00.000-08:00

El ejecutar un proceso desde .NET no es muy complicado (nosolo la consola) gracias a que se tienen las clases de “System.Diagnostics” yen particular la clase “Process”, que permite realizar llamadas a Procesosexternos.

Para este ejemplo voy a crear una aplicación muy simplellamada CMD Executer que su única función es ejecutar comandos CMD.

Primero vamos a crear una clase estática llamada“ExecuteCommand” que recibe como parámetro un comando como cadena de texto:

static void ExecuteCommand(string _Command)

{

//Indicamos que deseamos inicializar el proceso cmd.exe junto a un comando de arranque.

//(/C, le indicamos al proceso cmd que deseamos que cuando termine la tarea asignada se cierre el proceso).

//Para mas informacion consulte la ayuda de la consola con cmd.exe /?

System.Diagnostics.ProcessStartInfo procStartInfo = new System.Diagnostics.ProcessStartInfo("cmd", "/c " + _Command);

// Indicamos que la salida del proceso se redireccione en un Stream

procStartInfo.RedirectStandardOutput = true;

procStartInfo.UseShellExecute = false;

//Indica que el proceso no despliegue una pantalla negra (El proceso se ejecuta en background)

procStartInfo.CreateNoWindow = false;

//Inicializa el proceso

System.Diagnostics.Process proc = new System.Diagnostics.Process();

proc.StartInfo = procStartInfo;

proc.Start();

//Consigue la salida de la Consola(Stream) y devuelve una cadena de texto

string result = proc.StandardOutput.ReadToEnd();

//Muestra en pantalla la salida del Comando

Console.WriteLine(result);

}

Nuestro siguiente paso, para que parezca una consolaverdadera es crear un ciclo while infinito, que se detenga cuando ingresemos elcomando “Salir”:

        static void Main(string[] args)

            string command = "dir";

            Console.WriteLine("CMD Executer V.0.1");

            Console.WriteLine("Last Release 05 - Febraury - 2012");

            while (true)

                Console.Write("#:");

                command = Console.ReadLine();

                if (command == "Salir" || command == "salir")

                    break;

                ExecuteCommand(command);

Ahora cuando hagamos correr nuestro programa tendremos losiguiente:

Suerte!

Uso del PageControl con MonoTouch

2012-02-14T08:20:00.000-08:00

En un post anterior, les mostre comodetectar el gesto Swipe, en una vista, ahora veremos como agregar uncontrol del tipo UIPageControl, que es el que se tienen en lapantalla de inicio de un iphone:

Para resumir el ejemplo, utilizaremosla aplicacion que hicimos en el post que mencione anteriormente.

Nuestro primer paso es agregar unUIPageControl a nuestra vista en Xcode y agregarle un outlet, con elnombre “pageControl”, luego agregaremos las siguientes lineas decodigo para inicializar el control de manera correcta (en el metodo“InitRecognizer”):

pageControl.CurrentPage= currentPositionItem;

pageControl.Pages= numberOfElements;

pageControl.HidesForSinglePage= true;

pageControl.UserInteractionEnabled= true;

pageControl.AddTarget(this,newMonoTouch.ObjCRuntime.Selector ("PageChanged"),UIControlEvent.ValueChanged);

El siguiente paso sera crear un metodoque se ocupe de manejar el comportamiento cuando se toque el control(touch), lo llamaremos “PageChanged”:

[Export("PageChanged")]

publicvirtualvoidPageChanged (UIPageControl page)

{

UIAlertViewalert = newUIAlertView ();

alert.Title= "PageChanged";

alert.Message= "ThePage was Changed";

alert.AddButton("Ok");

alert.Show();

}

Por ultimo agregaremos un par de lineasde codigo en nuestro programa, en los metodos que se ocupan demanejar los eventos Swipe:

pageControl.CurrentPage= currentPositionItem;

Lanzando la aplicacion veremos losiguiente si tocamos el control:

Suerte.
Source: Aqui

Uso de Gestos, Swipe en MonoTouch

2012-02-13T09:45:00.000-08:00

El uso de gestos dentro de la API de iOS no es muy complicado,solo requiere de unos pocos pasos para que funcione a la perfección.

Lo primero que haremos sera crear un proyecto nuevo del tipo vistasimple, a este le agregaremos un control del tipo UILabel en XCODE yagregaremos un outlet a este.
Nuestro siguiente paso sera crear una lista de strings con losnombres de algunos paises junto a un par de contadores, esto ennuestro controlador:

privateintcurrentPositionItem=0;

privateintnumberOfElements;

privateList<string>listCountries;

publicSwipePageControlViewController () : base("SwipePageControlViewController",null)

{

listCountries= newList<string>(){"Bolivia","Argentina","Espania","Mexico","USA","Canada"};

numberOfElements= listCountries.Count;

}

Ya con la lista de Países creada y determinada la posición actualen la que estamos dentro de la lista, procedemos a crear los métodosde reconozimiento de los gestos. Primero crearemos un método deinicializacion:

protectedvoidInitRecognizers ()

{

var_swiperRight = newUISwipeGestureRecognizer ();

_swiperRight.Direction= UISwipeGestureRecognizerDirection.Right;

_swiperRight.AddTarget(this,newMonoTouch.ObjCRuntime.Selector ("SwipeNext"));

this.View.AddGestureRecognizer(_swiperRight);

var_swiperLeft = newUISwipeGestureRecognizer ();

_swiperLeft.Direction= UISwipeGestureRecognizerDirection.Left;

_swiperLeft.AddTarget(this,newMonoTouch.ObjCRuntime.Selector ("SwipePrevious"));

this.View.AddGestureRecognizer(_swiperLeft);

}

Como se puede apreciar aquí, primero instanciamos una variable deltipo UISwipeGestureRecognizer, luego le asignamos la dirección quedeseamos que reconozca , agregamos un selector y por ultimo agregamosel gesto a la vista actual.
Nuestro paso final es crear los métodos que definiran que acciónrealizar cuando se genere el evento del gesto:

[Export("SwipeNext")]

publicvirtualvoidSwipeNext (UIGestureRecognizer rec)

{

if(currentPositionItem == 0) {

currentPositionItem= numberOfElements - 1;

lblNumberPage.Text= CreateFormatingText (listCountries [currentPositionItem]);

} else{

currentPositionItem--;

lblNumberPage.Text= CreateFormatingText (listCountries [currentPositionItem]);

}

[Export("SwipePrevious")]

publicvirtualvoidSwipePrevious (UIGestureRecognizer rec)

{

if(currentPositionItem == numberOfElements - 1) {

currentPositionItem= 0;

lblNumberPage.Text= CreateFormatingText (listCountries [currentPositionItem]);

} else{

currentPositionItem++;

lblNumberPage.Text= CreateFormatingText (listCountries [currentPositionItem]);

}

privatestringCreateFormatingText (string_string)

{

return"Welcometo: "+ _string;

}

Si lanzamos la aplicacion veremos lo siguiente:

Suerte!.

Crear una tabla con grupos con MonoTouch

2012-02-02T11:27:00.000-08:00

La creación de una tabla con grupos, no es muycomplicado ni tampoco muy diferente de hacerlo sin grupos.

Nuestro primer paso es, en una vista vacía agregarun control del tipo Table View, luego en la barra izquierda, en lasección del inspector de atributos, cambiamos la opción style, de“plain” a “grouped” y veremos como la lista cambia:

Luego agregamos un outlet para la tabla con elnombre “groupedTable” y guardamos los cambios. En MonoDevelopcreamos una clase con el nombre “TableViewDataSource”que heredara de la clase “UITableViewSource”,la clase debera de implementar los metodos “RowsInSection”,“UITableViewCell”,”NumberOfSections”y “TitleForHeader”.

Luego vamos a crear una lista de Ciudades para cadapais:

CitiesBolivia= newList (){

newCity{Name="Cochabamba",Country="Bolivia",Population=1000000},

newCity{Name="SantaCruz",Country="Bolivia",Population=1000000},

};

CitiesSpain= newList (){

newCity{Name="Madrid",Country="Spain",Population=1000000},

newCity{Name="Barcelona",Country="Spain",Population=1000000},

newCity{Name="Valencia",Country="Spain",Population=1000000},

};

CitiesMexico= newList (){

newCity{Name="AguasCalientes",Country="Mexico",Population=1000000},

newCity{Name="Chetumal",Country="Mexico",Population=1000000},

newCity{Name="Merida",Country="Mexico",Population=1000000},

};

Y después vamos a llenar los métodos implementados,con sus respectivas acciones:

publicoverrideintRowsInSection (UITableView tableview, intsection)

{

introwsInSection = 0;

switch(section) {

case0:

rowsInSection= 2;

break;

case1:

rowsInSection= 3;

break;

case2:

rowsInSection= 3;

break;

default:

break;

}

returnrowsInSection;

}

publicoverrideUITableViewCell GetCell (UITableView tableView, NSIndexPathindexPath)

{

UITableViewCellcell = tableView.DequeueReusableCell (kCellIdentifier);

if(cell == null){

cell= newUITableViewCell (UITableViewCellStyle.Default, kCellIdentifier);

}

switch(indexPath.Section) {

case0:

cell.TextLabel.Text= CitiesBolivia [indexPath.Row].Name;

break;

case1:

cell.TextLabel.Text= CitiesSpain [indexPath.Row].Name;

break;

case2:

cell.TextLabel.Text= CitiesMexico [indexPath.Row].Name;

break;

default:

break;

}

returncell;

}

publicoverrideintNumberOfSections (UITableView tableView)

{

returnSections;

}

publicoverridestringTitleForHeader (UITableView tableView, intsection)

{

stringsectionHeader = "";

switch(section) {

case0:

sectionHeader= "Bolivia";

break;

case1:

sectionHeader= "Spain";

break;

case2:

sectionHeader= "Mexico";

break;

default:

break;

}

returnsectionHeader;

}

Ahora si vemos la aplicación, tenemos lo siguiente:

El método RowsInSection, realiza la operación seasignar a un numero de filas por sección; el método GetCell,realiza la tarea de en primera instacion agregar o cambiar loselementos de la lista visible ( esto lo realiza IOS, para evitar unuso desmesurado de recursos al momentos de mostrar una tabla conmuchos elementos) y después agregar un texto a la celda.NumberOfSections es un método que se utiliza para indicar el númerode secciones a mostrar (cada sección es un grupo) y el métodoTitleForHeaders asigna un título a cada Grupo.

Suerte.

Expresion Lambda GroupBy

2012-01-18T12:32:00.000-08:00

Las expresiones Lambda son de gran ayuda al momento dehacer consultas tipo SQL, cuando uno programa en .NET y en algunmomento ustedes deben de haber necesitado agrupar registros en base aun parametro determinado y la solucion para esto es la expresionGroupBy.

GroupBy lo que hace es devolver un diccionario de datosdel tipo IGrouping(OfTKey, TElement) donde a cada elemento se le asigna una llave oclave, haciendo de esta manera mucho mas facil de consultar ymanipular los datos.

Para nuestro ejemplo crearemos un tipo llamado City:

publicclassCity

{

publicstringName { get;set;}

publicstringCountry { get;set;}

publicintPopulation { get;set;}

}

Ahora supongamos que tenemos una lista de ciudades comola siguiente:

publicList Cities= newList(){

newCity{Name="Cochabamba",Country="Bolivia",Population=1000000},

newCity{Name="LaPaz",Country="Bolivia",Population=2000000},

newCity{Name="SantaCruz",Country="Bolivia",Population=1000000},

newCity{Name="Madrid",Country="Espaﾃｱa",Population=1000000},

newCity{Name="Barcelona",Country="Espaﾃｱa",Population=1000000},

newCity{Name="Valencia",Country="Espaﾃｱa",Population=1000000},

newCity{Name="AguasCalientes",Country="Mexico",Population=1000000},

newCity{Name="Chetumal",Country="Mexico",Population=1000000},

newCity{Name="Merida",Country="Mexico",Population=1000000},

};

Por ultimo digamos que necesitamos obtener solo losnombres de los paises, para eso usaremos GroupBy, seleccionaremossolo la clave y lo convertiremos en una lista:

vartemporal=Cities.GroupBy(x=>x.Country).Select(g=>g.Key).ToList();

Ahora si vemos los valores de temporal:

Suerte!!

Mostrar Datos en un UITableView con MonoTouch

2012-01-16T10:46:00.000-08:00

El mostrar datos en una tabla es muy necesario para una granmayoría de aplicaciones, por lo cual decidí crear este post, dondeveremos como mostrar los datos en un control UITableView.
El primer paso es crear un repositorio de datos, que lo puedenrealizar leyendo los datos desde una base de datos o como lo haremosen el presente ejemplo desde una lista de nombres de ciudades. De talmanera crearemos una lista que contenga los nombres de las ciudades,esta lista estará declarada en el método ViewDidLoad del controladorde nuestra vista:

List<string>_listaCiudades = newList<string>();

_listaCiudades.Add("Cochabamba");

_listaCiudades.Add("BuenosAires");

_listaCiudades.Add("Paris");

_listaCiudades.Add("NewYork");

_listaCiudades.Add("Tokio");

_listaCiudades.Add("Caracas");

_listaCiudades.Add("CD.Juarez");

_listaCiudades.Add("Moscu");

_listaCiudades.Add("Cupertino");

_listaCiudades.Add("Medellin");

_listaCiudades.Add("Madrid");

Luego abriremos en .xib en Xcode, para crear el control y surespectivo outlet. Para nuestra aplicacion, el nombre de nuestrooutlet sera “tblTableCiudades”:

Después crearemos una clase llamada TableViewDataSource queheredara de la clase UITableViewSource. Esta clase nos proveerá losmétodos y personalización necesaria para llenar nuestros datos en elcontrol. La clase es como sigue:

usingMonoTouch.UIKit;

usingSystem.Drawing;

usingSystem;

usingMonoTouch.Foundation;

usingSystem.Collections.Generic;

usingSystem.Text;

usingSystem.Linq;

namespaceTabla

{

publicclassTableViewDataSource : UITableViewSource

{

staticNSString kCellIdentifier = newNSString ("MyIdentifier");

privateList<string>list;

publicTableViewDataSource (List<string>_list)

{

this.list= _list;

}

publicoverrideintRowsInSection (UITableView tableview, intsection)

{

returnlist.Count;

}

publicoverrideUITableViewCell GetCell (UITableView tableView, NSIndexPathindexPath)

{

UITableViewCellcell = tableView.DequeueReusableCell (kCellIdentifier);

if(cell == null){

cell= newUITableViewCell (UITableViewCellStyle.Default, kCellIdentifier);

}

cell.TextLabel.Text= list [indexPath.Row];

returncell;

}

Ya con la clase creada, en nuestro controlador crearemos el enlacecon los datos, a través de la siguiente linea, que estará ubicadadebajo de la creación de nuestra lista de ciudades en el métodoViewDidLoad:

tblTableCiudades.Source= newTableViewDataSource (_listaCiudades);

Y listo, con eso tenemos una tabla que muestra nuestras ciudades:

Good Luck

Codigo Fuente:Aqui (tabla.zip)

Operaciones de Inserción en una Base de Datos SQLite con MonoTouch

2012-01-09T06:47:00.000-08:00

Para realizar las operaciones estándar enuna base de datos SQLite con MonoTouch, no se necesita nada extra alo ya conocido en .NET para el manejo de Datos. Pero si eres nuevoen este mundo, te sera de mucha ayuda este post.

Nuestro primer paso es crear unabase de datos SQLite idéntica a la que se hace en este post(http://cup-coffe.blogspot.com/2012/01/conectarse-una-base-de-datos-sqlite-con.html)junto con la conexión a la BD, luego crearemos un objeto nuevo quecontenga datos de un campeonato:

Championship_championship = newChampionship ();

_championship.championshipName= "UEFAEURO 2012";

_championship.championshipStartDate= newDateTime (2012, 6, 8);

_championship.championshipEndDate= newDateTime (2012, 7, 1);

_championship.championshipDescription= "UEFA2012 Ukraine - Poland";

_championship.championshipHistory= "Thejoint Poland - Ukraine bid was chosen by a vote of the UEFA ExecutiveCommittee at a meeting in Cardiff on 18 April 2007.";

_championship.championshipHost= "Ukraine- Poland";

_championship.championshipId= 1;

Inserción sin Parámetros

Para este caso, vamos a insertar el elemento enla Base de Datos, pero por una cadena SQL simple sin parámetros deADO.NET:

using(varcmd=connection.CreateCommand()) {

connection.Open();

cmd.CommandText= "INSERTINTO Championship VALUES((SELECT max(championshipId) FROMChampionship)+1,'"

+_championship.championshipName + "','"

+_championship.championshipHost + "','"

+_championship.championshipStartDate.ToShortDateString () + "','"

+_championship.championshipEndDate.ToShortDateString () + "','"

+_championship.championshipDescription + "','"

+_championship.championshipHistory + "')";

intnum = cmd.ExecuteNonQuery ();

connection.Close();

}

Inserción con Parámetros

La inserción con parámetros es un poco mas larga,pero mas limpia en cuanto al manejo de tipos:

using(varcmd=connection.CreateCommand()) {

connection.Open();

cmd.CommandText= "INSERTINTO Championship VALUES((SELECT max(championshipId) FROMChampionship)+1,@Name,@Host,@StarDate,@EndDate,@Description,@History);";

cmd.Parameters.Add(newSqliteParameter ("@Name",DbType.String));

cmd.Parameters.Add(newSqliteParameter ("@Host",DbType.String));

cmd.Parameters.Add(newSqliteParameter ("@StarDate",DbType.DateTime));

cmd.Parameters.Add(newSqliteParameter ("@EndDate",DbType.DateTime));

cmd.Parameters.Add(newSqliteParameter ("@Description",DbType.String));

cmd.Parameters.Add(newSqliteParameter ("@History",DbType.String));

cmd.Parameters[0].Value = _championship.championshipName;

cmd.Parameters[1].Value = _championship.championshipHost;

cmd.Parameters[2].Value = _championship.championshipStartDate;

cmd.Parameters[3].Value = _championship.championshipEndDate;

cmd.Parameters[4].Value = _championship.championshipDescription;

cmd.Parameters[5].Value = _championship.championshipHistory;

intnum = cmd.ExecuteNonQuery ();

connection.Close();

}

Manejo de la llave primaria

Para manejar la llave primaria auto numerable,tenemos 2 formas de hacer, la primera es poniendo NULL:

INSERT INTO t1 VALUES(NULL,123);

En el ejemplo podemos ver que se esta insertando en la Tabla “t1”un valor junto a un NULL que es la llave primaria auto numerable.

La segunda opción(la usada aquí) es consular por elvalor mas alto de la tabla en el campo de la llave primaria y luegosumarle 1:

INSERT INTO t1 VALUES((SELECT max(a) FROM t1)+1,123);

Edición y Eliminación

Para la edición de una fila, no es muy complejo,simplemente hay que cambiar la consulta de Insert a Update y en elcaso de la eliminación es como sigue:

using(varcmd=connection.CreateCommand()) {

connection.Open();

cmd.CommandText= "DELETEFROM Championship";

intnum = cmd.ExecuteNonQuery ();

connection.Close();

}

Suerte y espero que les sirva.

Conectarse a una Base de Datos SQLite con MonoTouch (ADO.NET)

2012-01-05T20:29:00.000-08:00

El conectarse a SQLite conMonoTouch no es muy complejo, además si eres un programador con algunatrayectoria en el acceso de Base de Datos con .NET y, te será fácil derealizarlo.

En el presente post voy amostrarles como se hace el acceso en 2 formas distintas, el primer acceso através de un DataReader y el segundo a través de un DataAdapter.

El primer paso para laconexión es agregar las librerías de acceso a datos proporcionadas porMonoTouch:

using Mono.Data.Sqlite;

usingSystem.Data;

La primera librería nosofrece las clases y objetos necesarios para realizar la conexión a SQLite,mientras la segunda librería nos ofrece lo necesario para trabajar con ADO.NET.

Luego crearemos una clasellamada Championship que tendrá la siguiente estructura:

using System;

namespaceiScoreBoardLibrary

{

//public class Customer : CSObject

public classChampionship

{

public intchampionshipId {get; set;}

public stringchampionshipName {get; set;}

public stringchampionshipHost {get; set;}

publicDateTime championshipStartDate {get; set;}

publicDateTime championshipEndDate {get; set;}

public stringchampionshipDescription {get; set;}

public stringchampionshipHistory {get; set;}

//Constructor

public Championship ()

{

}

Creación de la Base de Datos SQLite

Para crear la base deDatos SQLite, lo más fácil es bajarnos un gestor para este, los 2 querecomiendo son SQLite Studio y SQLite DataBase Browser. Para efectos prácticosdel post usaremos SQLite Studio. Nuestro primer paso es crear una base de datosnueva (icono del folder) con el nombre iScoreBoard:

El siguiente paso es crearuna tabla llamada Championship, que tenga los mismos campos que nuestra claseChampionship:

Como punto a tomar encuenta, es que para la clave principal el tipo de dato debe de ser INTEGER y noINT, si deseamos que sea auto-numérico.

Luego agregamos algunosdatos de prueba.

DataReader

Como un poco de teoría voya poner la definición de un DataReader:

“En ADO.NET, un DataReaderes un amplia categoría de objetos usados generalmente para leer datos de manerasecuencial de una fuente de datos. Un DataReader provee una manera eficiente deacceder a los datos, parseando un Flujo de Datos Tabulares desde SQL Server odesde otra base de datos que tenga un conector con .NET. Un DataReader esusualmente un método de un objeto Command que contiene la consulta SQL con lacual se consultara la fuente de datos, la conexión con la BD y opcionalmentealgunos parámetros de consulta.”.

Bueno, vayamos al código,que es como sigue:

connection = newSqliteConnection ("DataSource=iScoreBoard.sql");

List _Championships = newList ();

//Read a Table from Data Base with DataAdapter

using (var cmd =connection.CreateCommand()) {

connection.Open();

cmd.CommandText= "select championshipId,championshipName from Championship";

using (var reader= cmd.ExecuteReader()) {

while(reader.Read()) {

Championshipc = new Championship ();

c.championshipName= (string)reader ["championshipName"];

_Championships.Add(c);

}

connection.Close();

}

Analizando el código vemosque en la primera sentencia tenemos, la conexión a la Base de Datos de nombre“iScoreBoard” que tiene la terminación .sql (En algunos casos si no funcionacon .sql, podemos probar con .db ó .db3), luego procedemos a crear un comandollamado cmd que será quien ejecute la consulta. Por ultimo creamos unDataReader que se llamara reader e iteraremos a través de los datos con unciclo While.

DataAdapter

La conexión con unDataAdapter es un poco más corta, pero a la vez es un poco más lenta en loreferente a performance, pero cuando se trata de tablas pequeñas no es muysustancial a nuestra percepción la mejor de performance. El código es como sigue:

adapter = new SqliteDataAdapter ();

championshipsTable=new DataTable("Championship");

//Reada Table from Data Base with a DataAdapter

using (varcmd=connection.CreateCommand()) {

connection.Open();

cmd.CommandText= "select championshipId,championshipName from Championship";

adapter.SelectCommand= cmd;

adapter.Fill(championshipsTable);

connection.Close ();

}

Para ese caso es mucho mássencillo, simplemente se abre la conexión, luego se define la consulta SQL arealizarse y se asigna al “adapter”, el comando, para que se haga el llenado dela tabla a través del método Fill.

Suerte.

Entrar a un Linux Protegido con Password (Localmente)

2012-01-05T09:45:00.000-08:00

Este es un truco sencillo que lo aprendi en algun libro o en alguna parte de internet un dia que necesitaba acceder a un servidor Linux Ubuntu 10.04 donde no me acordaba la clave de acceso.

Los pasos son sencillos
Enciende tu PC, y cuando salga el prompt del grub presionas la tecla ESC
•Presiona e para editar
•Desplázate hasta la linea del kernel que usas en caso de que sean 2 o más y presiona e
•Sitúate hasta la linea del final y agrega rw init=/bin/bash
•Presiona Enter y después b para arrancar (boot) tu sistema
•Tu sistema iniciará con el usuario Root y sin contraseña
•Ahora solo teclea:passwd tu_usuario
•Escribe la contraseña
•Reinicia el sistema

Bastante sencillo.

Si en esta escena de la pelicula swordfish, la maquina ubiera tenido Linux, stan ubiera podido disfrutar mas de blowjob!! XD

Hola Mundo en IPhone con Monotouch

2011-12-06T20:50:00.001-08:00

El hola mundo es elprograma básico por excelencia para empezar a programar en un nuevo lenguaje oplataforma. Por lo tanto vamos a crear este ejemplo para el IPhone pero en vezde usar Objective-C vamos a usar C# con Monotouch, un excelente Frameworkprovisto por Xamarin.

Para empezar a trabajarcon Monotouch deberemos de conseguir las siguientes aplicaciones:

– Xcode 4

– Monotouch ensu última versión (http://xamarin.com/trial)

– MonoDevelop 2.8 o superior(http://monodevelop.com/Download)

– MonoFramework 2.6 o Superior(http://download.mono-project.com/archive/2.10.6/macos-10-x86/1/MonoFramework-MDK-2.10.6_1.macos10.xamarin.x86.dmg)

El orden de la instalaciónes la siguiente:

1. Instalar Xcode 4

2. Instalar Mono Framework 2.6

3. Instalar MonoDevelop 2.8

4. Instalar Monotouch

Si no seguimos este ordentendremos algunos problemas más adelante.

Ya instalados todos lospaquetes abrimos el MonoDevelop a través del lanzador de aplicaciones o como enmi caso desde el dock de aplicaciones:

La interfaz de MonoDevelopes muy parecida a la de Visual Studio, por lo que si trabajaste con este IDEantes, MonoDevelop te resultara muy fácil de utilizar.

Nuestro primer paso paracrear nuestra aplicación HolaMundo, es crear una nueva solución y elegir eltipo “Single View Application”:

Luego de crear nuestra solucióncon el nombre IphoneHelloWorld, el IDE nos mostrara la siguiente pantalla:

Si vemos la estructura delproyecto tendremos los siguientes archivos

– Main.cs quees donde se encuentra el punto de inicio de la aplicación

– Info.plistque es un archivo XML (aunque no lo crean) que guarda la configuración denuestra aplicación.

– ViewController.csque contiene los métodos para el manejo de la aplicación.

– ViewController.designer.csque contiene los métodos y propiedades necesarias para la integración de lavista con la vista.

– ViewController.xibes un archivo XML que almacena la información necesaria para la definición delas vistas.

Como una Nota, hay que tomar en cuenta que las aplicacionespara IPhone, IPod Touch y IPad usan el patrón Modelo-Vista-Controlador, por locual si trabajaste con este patron para Web, te sera familiar cómo funcionanlas aplicaciones para estos dispositivos móviles.

Como paso dos, haremosdoble click sobre el archivo viewController.xib, para que se abra el editor deinterfaces de Xcode, como en la siguiente imagen:

Nota, si tienen MonoDevelop en una versión superior a 2.8.2,deberán de tener instalado como mínimo Xcode 4.2, si no tendrán una serie deerrores que no los dejaran trabajar normalmente. Esto es muy importante paralos desarrolladores que trabajan en Snow Leopard ya que la máxima versión deXocde que pueden instalar es la 4.0

Nuestro siguiente paso esagregar un control del tipo Button en nuestra aplicación, que lo arrastraremosdesde la barra izquierda, en la sección objects. El nombre del control es RoundRect Button:

Luego de ponerlo el botónal centro de la aplicación y después de cambiarle de tamaño, hacemos dobleclick sobre este para poder agregarle un texto:

Nuestro próximo paso es ira la vista doble llamada Assistan Editor que se la acciona pulsando sobre sobreel icono del medio de la barra superior:

Con esta vista podremosver el código de la aplicación junto con el diseñador de interfaces, ahora paraagregar un outlet (lo explico en un momento que es) debemos de pulsar control yhacer click sobre el botón y arrastrar hasta la penúltima línea de código justoantes de @end y darle a Connect.

Ahora guardamos elproyecto, cerramos Xcode y volvemos a MonoDevelop y nos dirigimos al archivoViewController.cs y agregamos la siguiente función:

public static Stringpaises()

{

String []vec=newString[6];

vec[0] = "Bolivia";

vec[1] = "Mexico";

vec[2] = "Colombia";

vec[3] = "Espania";

vec[4] = "Argentina";

vec[5] = "Peru";

Random rnd = new Random();

returnvec[rnd.Next(0,5)];

}

Esta función essimplemente para devolver el nombre de un país al azar de una lista de 5 países.Después agregamos en la función ViewDidLoad, las siguientes líneas de código:

base.ViewDidLoad();

//any additional setup after loading the view, typicallyfrom a nib.

this.hola.TouchUpInside+=(sender, e) => {

this.hola.SetTitle("Hola Mundo desde " + paises(),UIControlState.Normal) ;

} ;

Ahora si lo hacemos correrel sistema, se verá así:

Ahora después de haberterminado el ejemplo se estarán preguntando que es un outlet. Pues bueno veránen .NET estamos acostumbrados a que cuando agregamos un control, este estáexpuesto automáticamente en la clase del formulario, pues bueno en Monotouch (enCocoa/CocoaTouch – Objective-C se presenta el mismo escenario) no es así ydeberemos de agregar una propiedad que exponga al control, dentro de la clasede controlador, como lo hicimos hace un rato.

Ahora también existe otramanera de manejar el evento de un control, este se llama Actions que es muyparecido a lo que sería el patrón de comandos para WPF (aquí hay una pequeña guíapara aprender sobre el patrón http://www.codeproject.com/KB/WPF/WpfCommandPatternApplied.aspx). Para usar este método modificaremos nuestrainterface agregando un nuevo botón para que se vea así:

Y agregaremos una accióncomo lo hicimos con el outlet, teniendo en cuenta que cuando nos pregunte porel nombre del control, en la parte superior cambiemos Outlet por Action,:

Después agregamos para elmismo botón un outlet y guardamos, luego volvemos a MonoDevelop y en el mismoarchivo ViewController.cs que modificamos hace un rato agregamos el siguiente código:

partial voidbtnActionHola (MonoTouch.Foundation.NSObject sender)

{

this.btnHolaAction.SetTitle("Hola Mundo desde " + paises(),UIControlState.Normal) ;

}

btnHolaAction es nuestroOutlet y btnActionHola es nuestra acción, esta forma de trabajar es un poco másparecida a la de los eventos de .NET.

Con eso me despidoesperando que les sirva.

Manejar el Evento Move en FullCalendar y ASP.NET MVC 3

2011-11-23T17:34:00.001-08:00

Como vimos en un postanterior FullCalendar es un muy buen plugin hecho con Jquery, no muy difícil deintegrar en nuestro proyecto ASP.NET MVC. Ahora en este post les mostrare comomanejar el evento Move del plugin, para que podamos modificar en nuestra Basede Datos la hora y fecha de nuestro evento con solo moverlo.

Nuestro primer paso esmodificar en nuestra vista el código de llamada al plugin, agregando un nuevoevento llamado eventDrop:

Luego debemos crear unmétodo llamado MoveEvent en nuestro controlador “Home”:

publicJsonResult MoveEvent(double days, double minutes, int id)

{

CalEntries resEvent = (from Event in context.CalEntries

where Event.CalEntriesId == id

select Event).First();

resEvent.StartDateTime = resEvent.StartDateTime.AddDays(days);

resEvent.StartDateTime = resEvent.StartDateTime.AddMinutes(minutes);

resEvent.EndDateTime = resEvent.EndDateTime.AddDays(days);

resEvent.EndDateTime = resEvent.EndDateTime.AddMinutes(minutes);

context.Entry(resEvent).State = EntityState.Modified;

context.SaveChanges();

return Json("Done",JsonRequestBehavior.AllowGet);

}

Ahora si arrastramos unevento de un lugar a otro, este nos indicara cuantos días y minutos se movió ynos mostrara un mensaje de confirmación:

Eso sería todo. Suerte.

Como Integrar Full Calendar a una aplicación ASP.NET MVC 3

2011-11-23T17:07:00.001-08:00

Full Calendar es un pluginhecho con Jquery, bastante completo y con funcionalidades bastante útiles parael manejo de tareas. FullCalendar está bajo doble licencia GPL y MIT por lo quenos puede ser útil cuando deseemos hacer aplicaciones que no sean Open Source.

El proyecto puede serdescargado de su sitio oficial http://arshaw.com/fullcalendar/download/ para el ejemplo vamos a usar la versión 1.5.2, elarchivo que vamos a obtener es un ZIP, que tiene la siguiente estructura:

Para agregarlo a nuestroproyecto MVC 3 debemos de agregar los scripts a nuestra carpeta Script y losarchivos CSS a nuestra carpeta Content:

Luego el próximo paso esagregar a nuestro archivo _Layout, las siguientes líneas de código:

<link href="@Url.Content("~/Content/fullcalendar.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/fullcalendar.js")" type="text/javascript"></script>

Estas líneas de código sonlas referencias necesarias para que FullCalendar funcione correctamente. Elpróximo paso es crear un método llamado “Calendar” en nuestro controlador “Home”,en la vista agregaremos el siguiente código:

ViewBag.Title ="TestFullCal";

Layout ="~/Views/Shared/_Layout.cshtml";

}

<div id="calendar"></div>

<script type="text/javascript">
    $(document).ready(function () {
        $('#calendar').fullCalendar({
            theme: true,
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            } ,
            editable: false,
            events: "/Calendar/GetEvents/"
        } );
    } );
</script>

El último paso es recuperar nuestroseventos de una base de datos, para esto crearemos un método llamado “GetEvents”en nuestro controlador “Home”, que será de la siguiente manera:

/// <summary>

/// Metodo que devuelve un Array deeventos en formato Json

/// summary>

/// <param name="start">Star Dateparam>

/// <param name="end">End Dateparam>

/// <returns>returns>

publicJsonResult GetEvents(double start, double end)

{

varstartDateTime = FromUnixTimestamp(start);

varendDateTime = FromUnixTimestamp(end);

//Conexion a la Base de Datos

var events= from reps in context.CalEntries

where reps.StartDateTime > startDateTime &&reps.EndDateTime < endDateTime

select reps;

varclientList = new List<object>();

foreach (var e inevents)

{

clientList.Add(new

{

id = e.CalEntriesId,

title = e.Description,

description = e.Description,

start = ConvertToTimestamp(e.StartDateTime),

end = ConvertToTimestamp(e.EndDateTime),

allDay = e.isAllDay,

});

} returnJson(clientList.ToArray(), JsonRequestBehavior.AllowGet);

}

Además como se observa en el código dearriba necesitamos un par de métodos para convertir de UnixTimeStamp a DateTime y viceversa, que son algo así:

/// <summary>

/// Convierte de Unix Timestamp a Datetime

/// summary>

/// <param name="timestamp">Date to convertparam>

/// <returns>returns>

private staticDateTime FromUnixTimestamp(double timestamp)

{

var origin= new DateTime(1970, 1, 1, 0, 0, 0, 0);

returnorigin.AddSeconds(timestamp);

}

/// <summary>

/// convierte de DateTime a UNIX Timestamp

/// summary>

/// <param name="value">Date to convertparam>

/// <returns>returns>

private static doubleConvertToTimestamp(DateTime value)

{

//create Timespan by subtracting the value provided from

//the Unix Epoch

TimeSpanspan = (value - new DateTime(1970, 1, 1, 0, 0, 0, 0).ToLocalTime());

//return the total seconds (which is a UNIX timestamp)

return (double)span.TotalSeconds;

}

Y con eso debería de estar funcionandonuestro calendario:

Eso sería todo, suerte.

Recursos Utiles para Bloggers

2011-11-23T12:13:00.001-08:00

Esta una lista que voy a ir actualizando regularmente sobre recursos interesantes que vaya encontrando, que sirvan a los bloggers:

- Aplicacion Online para Convertir HTML en texto plano, muy util cuando deseamos publicar HTML en algun post
http://www.danielfernandez.co/2011/07/conversor-de-html-texto-plano.html
-Tutorial How to, para copiar algun post hecho en Word a nuestro Blog, sin que existan los molestos TAGS de estilo que vienen con WORD.
http://www.ehow.com/how_5226330_copy-paste-word-blogger-tags.html

Usar Log4Net en un proyecto ASP.NET MVC

2011-11-23T11:33:00.001-08:00

Muchas veces es necesariorealizar un archivo de Logs, para realizar esta tarea podemos usarvarias librerías, para mi una de las mas simples de implementar esLog4Net de la Fundación Apache, que tiene una muy buena calidad ycalidad de funciones.

Para conseguir la libreríadiríjanse a la siguiente dirección: http://logging.apache.org/log4net/download.html

Después de descargartendrán un archivo Zip, donde deberán dirigirse al siguientedirectorio:

\log4net-1.2.11\bin\net\4.0\release

Ahi se encuentra elensamblado necesario para utilizar la librería Log4Net en unproyecto ASP.NET MVC con la versión de .NET Framewrok 4.0, parautilizarla en su proyecto descompriman la carpeta en su escritorio uotro sitio que prefieran.

Luego en su proyecto deASP.NET MVC diríjanse a la opción Add Reference:

Se abrirá una ventanapara agregar una referencia, ahí buscamos la opción “browse” yluego en el explorador de archivos nos vamos a la carpeta dondehayamos descomprimido el ensamblado de Log4Net.

Ya con el ensambladoagregado, nos dirigimos al archivo Global.Asax.cs donde buscamos elmetodo Application_Start() y agregamos la siguiente linea comoprimera linea del metodo:

log4net.Config.XmlConfigurator.Configure();

El siguiente paso esdirigirnos al controlador de donde deseamos realizar el Log, para elcaso del ejemplo vamos a usar el controlador “Account”, que vienepor defecto con la plantilla de MVC3. Lo primero es agregamos lasiguiente linea, para definir al manejador de Logs:

publiclog4net.ILoglog;

El siguiente paso es crearun contructor para la clase del Controlador, donde indicamos elnombre del archivo Log:

publicAccountController()

{

log= log4net.LogManager.GetLogger("File");

}

Por ultimo agregamos lasiguiente linea que es la que escribe en el archivo Log:

log.Info("LogON:ModelValid");

El controlador deberia detener la siguiente estructura despues de seguir lo pasos indicados:

publicclass AccountController:Controller

{

publiclog4net.ILoglog;

privateAppContextcontext=newAppContext();

publicAccountController()

{

log=log4net.LogManager.GetLogger("File");

}

//GET:/Account/LogOn

publicActionResultLogOn()

{

returnView();

}

//POST:/Account/LogOn

[HttpPost]

publicActionResultLogOn(LogOnModelmodel,stringreturnUrl)

{

Employeesemployee;

if(ModelState.IsValid)

{

try

{

log.Info("LogON:ModelValid");

employee=context.Employees.First(x=>x.Username==model.UserName&&x.Password==model.Password);

log.Info("Found:Employee");

FormsAuthentication.SetAuthCookie(model.UserName,model.RememberMe);

log.Info("LogON:SetCookieAuthentication");

if(Url.IsLocalUrl(returnUrl)&&returnUrl.Length>1&&returnUrl.StartsWith("/")

&&!returnUrl.StartsWith("//")&&!returnUrl.StartsWith("/\\"))

{

returnRedirect(returnUrl);

}

else

{

returnRedirectToAction("Index","Home");

}

catch(InvalidOperationExceptionex)

{

log.Info("LogON:InvalidOperationExceptionbecausetherearenotanEmployeewithUserName="+model.UserName+"andPassword="+model.Password);

log.Info("LogON:InvalidOperationExceptionMessage:"+ex.Message);

log.Info("LogON:InvalidOperationExceptionStackTrace:"+ex.StackTrace);

log.Info("LogON:InvalidOperationExceptionInnerException:"+ex.InnerException);

ModelState.AddModelError("","Theusernameorpasswordprovidedisincorrect.");

}

catch(Exceptionex)

{

log.Info("LogOn:UnknowException");

log.Info("LogON:UnknowExceptionMessage:"+ex.Message);

log.Info("LogON:UnknowExceptionStackTrace:"+ex.StackTrace);

log.Info("LogON:UnknowExceptionInnerException:"+ex.InnerException);

ModelState.AddModelError("",ex.Message+ex.StackTrace);

}

//Ifwe got this far,some thing failed,redisplay form

returnView(model);

}

Eso seria todo para tenerun archivo Log corriendo en nuestra aplicación MVC3, espero que lessirva.

Reloj en Jquery con Clima en ASP.NET MVC 3

2011-11-23T08:01:00.001-08:00

Buscando algunos pluginsde relojes hechos en Jquery, me topé con estehttp://www.htmldrive.net/items/show/298/Digital-Clock-SlideshowjQuery ,inspirado en la interfaz de HTC, que se puede ver en algunos smartphones conAndroid y Windows Mobile. Posee un reloj digital y además muestra el clima deuna ciudad junto con la predicción de este, los próximos 4 días junto con lastemperaturas probables para cada día.

Después de descargarnos elcomprimido y descomprimirlo, veremos la siguiente estructura:

En el archivoWeatherLocationDatabase, se encuentran las localizaciones de una vasta cantidadde ciudades que soporta en WebService, del gestor de clima, en la carpeta lib,se encuentra el script del plugin, este junto a los css y las imágenes lasdeberemos de agregar a nuestro proyecto:

Ahora en la carpetalib/proxy se encuentra el proxy del web service tanto para ASP.NET como paraPHP, ahora existen 2 opciones, hacer que el proxy que viene por defectofuncione con MVC o modificarlo para adaptarlo a MVC, para el post usaremos laopción 2.

Para lo cual crearemos uncontrolador con el nombre Weather, ahí crearemos un método llamado “GetWeather”y pegaremos el siguiente código, que no es nada más que el código que viene enel proxy del plugin con algunas modificaciones:

[HttpGet]

publicJsonResult GetWeather(string _location = "EUR|BG|BU002|BOURGAS", string _metric = "C")

{

//string _url =string.Format("http://rainmeter.accu-weather.com/widget/rainmeter/weather-data.asp?location={0}&metric={1}",_location, _metric);

string _url =string.Format("http://wwwa.accuweather.com/adcbin/forecastfox/weather_data.asp?location={0}&metric={1}", _location, _metric);

string _xml =DownloadWebPage(_url);

XmlDocument _xmlDocument = new XmlDocument();

_xmlDocument.LoadXml(_xml);

XmlNamespaceManager _mgr = new XmlNamespaceManager(_xmlDocument.NameTable);

_mgr.AddNamespace("pf",_xmlDocument.DocumentElement.NamespaceURI);

Weather _weather = newWeather();

_weather.city =

_xmlDocument.SelectSingleNode("/pf:adc_database/pf:local/pf:city", _mgr).InnerText;

_weather.curr_temp = Convert.ToInt32(

_xmlDocument.SelectSingleNode("/pf:adc_database/pf:currentconditions/pf:temperature", _mgr).InnerText);

_weather.curr_text =

_xmlDocument.SelectSingleNode("/pf:adc_database/pf:currentconditions/pf:weathertext", _mgr).InnerText;

_weather.curr_icon = Convert.ToInt32(

_xmlDocument.SelectSingleNode("/pf:adc_database/pf:currentconditions/pf:weathericon", _mgr).InnerText);

XmlNodeList _xmlNodeList = _xmlDocument.SelectNodes("/pf:adc_database/pf:forecast/pf:day", _mgr);

int _day =_xmlNodeList.Count;

int i = 0;

foreach(XmlNode _dayItem in _xmlNodeList)

{

Forecast _forecast = new Forecast();

_forecast.day_date = _dayItem["obsdate"].InnerXml;

_forecast.day_text = _dayItem.SelectSingleNode("pf:daytime", _mgr)["txtshort"].InnerXml;

_forecast.day_icon =

Convert.ToInt32(_dayItem.SelectSingleNode("pf:daytime", _mgr)["weathericon"].InnerXml);

_forecast.day_htemp =

Convert.ToInt32(_dayItem.SelectSingleNode("pf:daytime", _mgr)["hightemperature"].InnerXml);

_forecast.day_ltemp =

Convert.ToInt32(_dayItem.SelectSingleNode("pf:daytime", _mgr)["lowtemperature"].InnerXml);

_weather.forecast.Add(_forecast);

i++;

// 5 day forecast

if (i == 5) break;

}

returnJson(_weather, JsonRequestBehavior.AllowGet);

}

Luego agregaremos un parde clases y un método al controlador para cumplir con el proxy:

public stringDownloadWebPage(string Url)

{

// Open a connection

HttpWebRequest WebRequestObject =(HttpWebRequest)HttpWebRequest.Create(Url);

// You can also specify additional header values like

// the user agent or the referer:

WebRequestObject.UserAgent = ".NETFramework/2.0";

WebRequestObject.Referer = "http://www.example.com/";

// Request response:

WebResponse Response = WebRequestObject.GetResponse();

// Open data stream:

StreamWebStream = Response.GetResponseStream();

// Create reader object:

StreamReader Reader = new StreamReader(WebStream);

// Read the entire stream content:

stringPageContent = Reader.ReadToEnd();

// Cleanup

Reader.Close();

WebStream.Close();

Response.Close();

returnPageContent;

}

public class Weather

{

public string city;

public intcurr_temp;

public stringcurr_text;

public intcurr_icon;

publicList forecast = new List();

}

public classForecast

{

public stringday_date;

public stringday_text;

public intday_icon;

public intday_htemp;

public int day_ltemp;

}

Por ultimo nos dirigiremosal script “jquery.jdigiclock.js” y buscaremos la línea:

$.getJSON('lib/proxy/' + proxy + '?location=' +el.weatherLocationCode + '&metric=' + el.weatherMetric, function(data) {

Y la reemplazaremos por:

$.getJSON('/home/GetWeather/?_location=' + el.weatherLocationCode + '&_metric='+ el.weatherMetric, function (data) {

Después crearemos elmétodo “Index” en el controlador, y en su vista pondremos el siguiente código:

ViewBag.Title ="Weather Page";

}

<divid="digiclock"></div>

<scripttype="text/javascript">
$(document).ready(function() {
$('#digiclock').jdigiclock({
weatherLocationCode:'SAM|BO|BL002|COCHABAMBA'
} );
} );

</script>
<linkhref="@Url.Content("~/Content/clock/jquery.jdigiclock.css")"rel="stylesheet" type="text/css"/>
<scriptsrc="@Url.Content("~/Scripts/jquery.jdigiclock.js")"type="text/javascript"></script>

Con eso nuestro plugin estaráfuncionando perfectamente:

Crear un Menú con elementos Resaltados en ASP.NET MVC 3

2011-11-23T06:48:00.001-08:00

La mayoría de lostemplates para sitios web que podemos encontrar en internet vienen con barrassuperiores que muestren resaltado la ubicación del usuario en el sitio web, unejemplo de esto se lo puede encontrar en sitios como www.mono-project.com o www.asp.net:

Para el remarcado por logeneral usamos algún estilo CSS como el siguiente:

Home

Donde se puede ver que laclase “current_page_item” crea el efecto de resaltado en nuestro menú, ahorapara poder hacer que nuestro menú sea dinámico, esto quiere decir quedependiendo de la página a la que entremos, el menú debe de reflejar el lugar. Para hacer esto usaremosel siguiente código en nuestro archivo _Layout:

@if(HttpContext.Current.Request.Path == "/home/websearch" ||HttpContext.Current.Request.Path.Contains("/home/websearch"))

{

@Html.ActionLink("Web","websearch", "home", null, new { title = "Search inthe Web" })

}

else

{

@Html.ActionLink("Web","websearch", "home", null, new { title = "Search inthe Web" })

}

En el código se puedeapreciar que obtenemos el path actual de nuestra aplicación, luego en función aeste dato generamos un fragmento de código HTML con o sin resaltado. Y con eso seríatodo para poder crear un menú con resaltado. Como recomendación sugiero que sise va a crear un menú grande, se usen vistas parciales, para tener másorganizado nuestro código.