Walter A. Rodriguez - Developer

Browser ID

2012-02-23T06:23:00.001-08:00

Está interesante ahora porque Mozilla ya lo comenzó a usar en "Mozilla Persona" y eso le da seriedad al asunto.

Browser ID es como "Facebook Connect" o "Twitter Connect" o "Google Connect", pero la ventaja es que no necesitas un usuario en ninguna red social para identificarte en un sitio... Solamente el usuario que tenga una cuenta en BrowserId.org se puede validar en un sitio (o aplicación mobile) que lo soporte.

Para desarrolladores es súper fácil. Basta con enviar un query al sitio (con un token que te devuelve BrowserId al momento de validarte) y te responde un JSON con los datos del mismo, si es que existe realmente.

https://github.com/mozilla/browserid/wiki/How-to-Use-BrowserID-on-Your-Site

Me parece piola para recomendar a los clientes, como para no andar luchando con tanto login de red social.
Además, tal vez hasta lo implementen las redes sociales, si es que los desarrolladores hacemos puja para que eso pase ;-)

https://browserid.org/about

BlackBerry code for a rounded rectangle with gradient fill

2012-02-22T11:12:00.000-08:00

This article includes sample Java code that creates a gradient-filled rounded rectangle on a BlackBerry device. Big Deal you say. Before I actually tried to do this, I wouldn't have rubbed two brain cells together worrying about it. But then I spent days trying to figure out how RIM'sGraphics.drawShadedFilledPath() method works so that I could make a good-looking button.

What it looks like

Here's what the example code below ends up looking like:

Here's the entire code example for your cuttage/pastage. I'll explain the important parts after you skim through.

import net.rim.device.api.ui.*; import net.rim.device.api.ui.container.*; import net.rim.device.api.ui.component.*; import net.rim.device.api.ui.decor.*;  // Our application. public class RoundedRectWithGradient extends UiApplication {    // Entry point.   public static void main(String[] args) {     RoundedRectWithGradient theApp = new RoundedRectWithGradient();     theApp.enterEventDispatcher();   }     // Display the rounded rect demo screen when the app starts.   public RoundedRectWithGradient() {     pushScreen(new DemoScreen());   }     // Simple demo screen with a title and a rounded rectangle with gradient.   class DemoScreen extends MainScreen {      public DemoScreen() {       super(DEFAULT_CLOSE | DEFAULT_MENU);           setTitle("Rounded Rectangle with Gradient");           VerticalFieldManager vfm = (VerticalFieldManager) getMainManager();       vfm.setBackground(BackgroundFactory.createSolidBackground(0xFFFFFF));           LabelField spacer = new LabelField("", USE_ALL_WIDTH);       vfm.add(spacer);           RoundedRectField rrField = new RoundedRectField();       vfm.add(rrField);     }   } }  // Extending field to display a rounded rectangle with a gradient. class RoundedRectField extends Field {    // Layout values   private static final int CURVE_X = 12; // X-axis inset of curve   private static final int CURVE_Y = 12; // Y-axis inset of curve   private static final int MARGIN = 2;   // Space within component boundary     // Static colors   private static final int TEXT_COLOR = 0xFFFFFF;   // White   private static final int BORDER_COLOR = 0x4A4A4A; // dark gray   private static final int BACKGROUND_COLOR = 0xFFFFFF; // White     // Point types array for rounded rectangle. Each point type   // corresponds to one of the colors in the colors array. The   // space marks the division between points on the top half of   // the rectangle and those on the bottom.   private static final byte[] PATH_POINT_TYPES = {     Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT,     Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT,     Graphics.CURVEDPATH_END_POINT,         Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT,     Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT,     Graphics.CURVEDPATH_END_POINT,    };     // Colors array for rounded rectangle gradient. Each color corresponds   // to one of the points in the point types array. Top light, bottom black.   private static final int[] PATH_GRADIENT = {     0xAAAAAA, 0xAAAAAA, 0xAAAAAA, 0xAAAAAA, 0xAAAAAA, 0xAAAAAA,        0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000   };     // Center our readonly field in the space we're given.   public RoundedRectField() {     super(FIELD_HCENTER | FIELD_VCENTER | READONLY);   }     // This field in this demo has a fixed height.   public int getPreferredHeight() { return 70; }     // This field in this demo has a fixed width.   public int getPreferredWidth() { return 240; }     // When layout is requested, return our height and width.   protected void layout (int width, int height) {     setExtent(getPreferredWidth(), getPreferredHeight());   }     // When painting is requested, do it ourselves.   protected void paint(Graphics g) {     // Clear this area to white background, fully opaque.     g.clear();     g.setGlobalAlpha(255);     g.setBackgroundColor(BACKGROUND_COLOR);        // Drawing within our margin.     int width = getPreferredWidth() - (MARGIN * 2);     int height = getPreferredHeight() - (MARGIN * 2);        // Compute paths for the rounded rectangle. The 1st point (0) is on the left     // side, right where the curve in the top left corner starts. So the top left     // corner is point 1. These points correspond to our static arrays.     int[] xPts = {       0, 0, CURVE_X, width - CURVE_X, width, width,       width, width, width - CURVE_X, CURVE_X, 0, 0     };     int[] yPts = {       CURVE_Y, 0, 0, 0, 0, CURVE_Y,       height - CURVE_Y, height, height, height, height, height - CURVE_Y     };        // Draw the gradient fill.     g.drawShadedFilledPath(xPts, yPts, PATH_POINT_TYPES, PATH_GRADIENT, null);        // Draw a rounded rectangle for the outline.     // I think that drawRoundRect looks better than drawPathOutline.     g.setColor(BORDER_COLOR);     g.drawRoundRect(0, 0, width, height, CURVE_X * 2, CURVE_Y * 2);        // Place some text in the center.     String someText = "Some Text";     Font font = Font.getDefault().derive(Font.PLAIN, 9, Ui.UNITS_pt);     int textWidth = font.getAdvance(someText);     int textHeight = font.getHeight();     g.setColor(TEXT_COLOR);     g.setFont(font);     g.drawText(someText,        (width / 2) - (textWidth / 2) - MARGIN,       (height / 2) - (textHeight / 2) - MARGIN);   } }

Once over lightly

Ok there's a lot of code here. BlackBerry programmers will recognize the first bit as a standard screen, without much going on. The RoundedRectField class is the bit we want to pay attention to. This extends the Field class from the BlackBerry API.

The RoundedRectField starts out with some strange-looking arrays. We'll come back to them in a minute; they're the really weird stuff here. The constructor sets a couple of simple styles to center the field in the available space. We give the field a fixed height and width for this example. Then comes a low-level paint function; this draws the rounded gradient-filled rectangle into the current Graphics context, then outlines it, and finally paints some text in the middle.

My rectangle has twelve points

I kept trying and failing to get what I wanted out of drawShadedFilledPath() because I thought that, since rectangles had four corners, I needed to feed the method an array of four points. Ah, but little did I know that in Ottawa, where the BlackBerry comes from, rounded gradient-filled rectangles have twelve points. I'll have to visit someday just to check the place out and see what it looks like; maybe their stop signs have 24 corners. This illustration shows where the points are found:

Since this is Java programming, we start counting at 0. You'll notice that point zero starts on the side, right where the curve begins. Why don't we start where point 1 is, in the upper left corner? Because if we do, the drawShadedFilledPath() call will fail. We need to use a point type for the corners (where we're not even going to draw anything) that can't be at the beginning or end of the point types array. So my convention has become to start just below the upper left corner, where the point type permits starting and ending.

Let's take another look at the point types array now. The four instances of Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT indicate the four corners (points 1, 4, 7, and 10). The rectangle is drawn beginning with the Graphics.CURVEDPATH_END_POINT at point 0. And no, I haven't the faintest clue what aCURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT is. I just work here.

  private static final byte[] PATH_POINT_TYPES = {     Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT,     Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT,     Graphics.CURVEDPATH_END_POINT,         Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT,     Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_END_POINT,      Graphics.CURVEDPATH_QUADRATIC_BEZIER_CONTROL_POINT,     Graphics.CURVEDPATH_END_POINT,    };

Another little convention of mine is to leave a blank link between the top and bottom halves of the array, so I won't have to take my shoes off to count when I'm trying to fix something.

More twelve-pointed stuff

Our drawShadedFilledPath() method takes some other array based arguments too. These need to contain the exact same number of points as the Ottawa Rectangle of point types does. So here's the twelve-pointed array of colors in our gradient. The color at point 0 in this array is applied to the point type at point 0 in the array we just looked at.

  private static final int[] PATH_GRADIENT = {     0xAAAAAA, 0xAAAAAA, 0xAAAAAA, 0xAAAAAA, 0xAAAAAA, 0xAAAAAA,        0x000000, 0x000000, 0x000000, 0x000000, 0x000000, 0x000000   };

There are two more twelve-pointed arrays we need, one for points on the X-axis, the other for points on the Y-axis. Trying to keep X,Y points straight when broken off into separate arrays drove me right round the bend, maybe you're better at this sort of thing than I am. What I did to make things a little more flexible was to rely on a couple of layout constants to help me shape the curve:

  private static final int CURVE_X = 12; // X-axis inset of curve   private static final int CURVE_Y = 12; // Y-axis inset of curve   private static final int MARGIN = 2;   // Space within component boundary

The X-axis array also starts at point 0 in our diagram. The width variable is set at the top of the paint function to give us a bit of margin on the sides. The top line of thexPts array below defines the X-axis location of points 0 through 5, the bottom, points 6 through 11.

    int[] xPts = {       0, 0, CURVE_X, width - CURVE_X, width, width,       width, width, width - CURVE_X, CURVE_X, 0, 0     };

The Y-axis array works the same way. The height variable is set at the top of the paint function to incorporate a little bit of margin. Again, start with point 0 in the diagram and work your way around:

    int[] yPts = {       CURVE_Y, 0, 0, 0, 0, CURVE_Y,       height - CURVE_Y, height, height, height, height, height - CURVE_Y     };

Big anticlimax

So we now have arrays containing X-axis locations, Y-axis locations, point types, and colors at each point. Each of these arrays has the exact same number of members; add an extra or leave one out and Bad Things happen, and you'll go crazy trying to figure out just what. So, at last, here's how to draw a gradient filled rounded rectangle on a BlackBerry screen:

    g.drawShadedFilledPath(xPts, yPts, PATH_POINT_TYPES, PATH_GRADIENT, null);

There's one more argument that also takes an array of something or other, but I wasn't able to figure that one out and didn't seem to need it. I'll leave it as an exercise for you.

Final notes

I tried using a drawPathOutline() call to create a border around the rounded rectangle, but it didn't look very good to my eyes. I used drawRoundRect instead. Try them both and see what you think.

If you want a peek at what I did with this hard-won knowledge, check out the WAVE Mobile Communicator for BlackBerry. At the moment, it's featured on theTwisted Pair homepage. I used this same sort of drawing code for the big green (or red, or gray, depending) Talk button in the center of the screen when I prototyped the user interface.

Ok, hope this helps somebody. Have fun, and say hi to any twelve-pointed Ottawa Rectangles you run across.

deep gray sea - BlackBerry code for a rounded rectangle with gradient fill

Customize Android Fonts

2012-02-22T06:32:00.000-08:00

Every Android device comes with a collection of standard fonts: Droid Sans, Droid Sans Mono and Droid Serif. They were designed to be optimal for mobile displays, so these are the three fonts you will be working with most of the time and they can be styled using a handful of XML attributes. You might, however, see the need to use custom fonts for special purposes. We’ll be taking a look at that as well in this quick tip.

Font Style Attributes

In the following section we’re going to examine the different XML attributes that you can use to style components with text. If you wish to follow along, then setup a new Android project in your IDE of choice and open up your main.xml layout file.

Typeface

As stated in the overview, there are three different default typefaces which are known as the Droid family of fonts: sans, monospace and serif. You can specify any one of them as the value for the android:typefaceattribute in the XML declaration of a component that supports text styling, such as TextView. Here’s an example of all three typefaces in action:

view plaincopy to clipboardprint?
xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
              android:orientation="vertical"  
              android:layout_width="fill_parent"  
              android:layout_height="fill_parent"  
        >  
    <TextView  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:text="This is a 'sans' demo!"  
            android:typeface="sans"  
            />  
     <TextView  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:text="This is a 'serif' demo!"  
            android:typeface="serif"  
            />  
     <TextView  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:text="This is a 'monospace' demo!"  
            android:typeface="monospace"  
            />  
  
LinearLayout>  

In addition to the above, there is another attribute value named “normal” which defaults to the sans typeface.

Text Style

The android:textStyle attribute can be used to put emphasis on text. The possible values are: normal, bold, italic. You can also specify bold|italic.

view plaincopy to clipboardprint?
<TextView  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:text="This is bold!"  
        android:textStyle="bold"  
        />  

android:textSize specifies the font size. Its value must consist of two parts: a floating-point number followed by a unit. Available units are: sp (scaled pixels), px (pixels), dp (density-independent pixels), in (inches), mm (millimeters). It is generally a good practice to use the sp unit so the size can scale depending on user settings.

view plaincopy to clipboardprint?
<TextView  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:text="15sp is the 'normal' size."  
        android:textSize="15sp"  
        />  

Text Color

The android:textColor attribute’s value is a hexadecimal RGB value with an optional alpha channel, similar to what’s found in CSS and can be in one of the following formats:

#RGB
#ARGB
#RRGGBB
#AARRGGBB

You can also reference a color declaration using @color/color_name.

view plaincopy to clipboardprint?
<TextView  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:text="A light blue color."  
        android:textColor="#00ccff"  
        />  

Text Shadow

You can use three different attributes to customize the appearance of your text shadow:

android:shadowColor Shadow color in the same format as textColor.
android:shadowRadius Radius of the shadow specified as a floating point number.
android:shadowDx The shadow’s horizontal offset specified as a floating point number.
android:shadowDy The shadow’s vertical offset specified as a floating point number.

The floating point numbers don’t have a specific unit – they are merely arbitrary factors.

view plaincopy to clipboardprint?
<TextView  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:text="A light blue shadow."  
        android:shadowColor="#00ccff"  
        android:shadowRadius="1.5"  
        android:shadowDx="1"  
        android:shadowDy="1"  
        />  

Using Custom Fonts

Lastly we’re going to examine the process of using custom fonts. We’ll use this font for demonstration purposes. Download it and place the TTF file in the ./assets directory (create it if it doesn’t exist yet).

We’re going to use a basic layout file with a TextView, marked with an id of “custom_font” so we can access it in our code.

view plaincopy to clipboardprint?
xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
              android:orientation="vertical"  
              android:layout_width="fill_parent"  
              android:layout_height="fill_parent"  
        >  
  
    <TextView  
            android:id="@+id/custom_font"  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:text="This is the Chantelli Antiqua font."  
            />  
  
LinearLayout>  

Open your main activity file and insert this into the onCreate() method:

view plaincopy to clipboardprint?
TextView txt = (TextView) findViewById(R.id.custom_font);  
Typeface font = Typeface.createFromAsset(getAssets(), "Chantelli_Antiqua.ttf");  
txt.setTypeface(font);  

The Typeface class contains a static builder method createFromAsset, which takes an AssetManager as its first parameter and a path to the file in the second argument. We’re handing it the default asset manager and the name of the font file because it’s located in the root of the “assets” folder. Once we’ve got an instance of our custom typeface, all that’s left is a call to TextView’s setTypeface() method. Simple, huh? It might also be wise to organize your fonts into a subdirectory if your assets directory is packed with other files.

There are a few potential problems that custom typefaces come with, though. Ellipsizing might not work correctly if the font doesn’t have a glyph for the special ellipsis character and internationalization might not be supported, as your font would have to handle any language that users might input. You’ll also want to keep an eye on the total size of your custom fonts, as this can grow quite large if you’re using a lot of different typefaces.

Conclusion

This quick tip has shown you the different options that are available to you for customizing default Droid fonts. You have also learned how to include and use custom typefaces in your application. Just remember to ensure that any custom font you may be using has a license that grants you permission to use it for these purposes!

Quick Tip: Customize Android Fonts

Ubuntu in your Android device

2012-02-22T05:45:00.000-08:00

Great news! Now you can carry your Ubuntu in your Android device and use it whenever you need it.

Great start (and strategic move) for Linux on devices as a full OS support!

Homepage | Ubuntu

reCaptcha Bug

2011-12-16T16:28:00.000-08:00

This is happening with reCaptcha - I guess is a kind of Bug. Otherwise, they may be having wrong information for using with the OCR software.

Youtube link

Estuve escuchando la charla de Luis von Ahn (creador de reCaptcha) y ahora proyecto de Google.

http://www.ted.com/talks/luis_von_ahn_massive_scale_online_collaboration.html

Donde explica algo que muchos sabemos y es que se usa este famoso sistema para poder ayudar en la digitalización de libros (de la biblioteca digital de Google)

Cómo se hace? Fácil: cuando ingresamos un código, vemos 2 palabras. Una de esas palabras no pudo ser reconocida por el software OCR de Google entonces nos pide ayuda para que la interpretemos nosotros.

La otra palabra está puesta para que el sitio sepa que hay un humano detrás del monitor y no un robot programado para hacer spam o descargar automáticamente, etc.

Bueno, entonces cuando vi esto me pregunté: Qué pasa si yo se cual es la palabra que necesita Google interpretar? Si el software de OCR no supo cuál es, entonces cómo podrá saber que la estoy ingresando bien? Si sabemos esto, entonces podemos terminar haciendo que las digitalizaciones de libros en Google terminen diciendo cualquier cosa!

Y el problema es que es muy fácil saber cuál de las dos palabras es la que no sabe reCaptcha... ¡Es la que está tachada! Porque ellos pueden colocar ese tachón de forma dinámica. La otra palabra es la que el software no pudo interpretar.

Sabiendo esto, me fui a probar lo siguiente: Ingreso cualquier cosa en el lugar de la palabra que no detectó el programa OCR y entonces no solo que me dejará pasar para el paso siguiente sino que le meto basura a la base de datos de Google!

Algunas capturas de eso. Al día de hoy persistía el error. Informé a reCaptcha mediante el email de prensa de Google pero no he recibido respuesta.

Yo creo que es un asunto a tener en cuenta...

Cacique - Testeo de Sitios

2011-12-15T04:57:00.000-08:00

La verdad es que muy pocas veces me siento alegremente sorprendido por una noticia como esta. Y es que un producto argentino se anuncia como Open Source, siendo una herramienta muy potente y de mucho uso (y lo principal, que no esconde ninguna venta detrás)

No digo "argentino" en un sentido de orgullo, sino porque nosotros en este país no acostumbramos a regalar cosas. Somos una sociedad tan castigada por la mala administración económica y por el ejemplo que nos dan los políticos (robando todo el tiempo frente a nuestras narices sin ir preso o enjuiciado siquiera), que no es raro entender nuestra forma de ser. No la justifico, sino que la trato de entender para saber por qué lado debe venir el cambio.

Bueno, pero regresando a la noticia... Se trata de "Cacique", una aplicación desarrollada por MercadoLibre para testear su propio sitio web.

Este "movimiento" de lanzar semejante herramienta como Open Source creo que se debe a razones de promoción. No se olviden que desde hace un tiempo, MercadoLibre dejó de poner tantas trabas para la compra-venta y creación de nuevas cuentas (recuerdo que tenías que poner tu DNI y debía ser válido, sino no te creaban la cuenta. También tenías que esperar que te llamaran por teléfono y vaya a saber qué otras cosas más) Ahora abrir una cuenta es cosa de todos los días.

Todo esto es porque cada vez tenía menos movimiento (supongo), sino, por qué modificarían algo que les funciona bien?

También veo que si MercadoLibre está siendo asesorado (o por conocimiento propio) de cómo mover una empresa hacia el futuro. Y es un movimiento que funciona: Colocar código Open Source (les suena a Google?)

Y se están asegurando de tener presencia en el mundo. Porque ya las cosas van cambiando y quien no se adapta, muere. Así de simple. Y sino, pregúntenle a los grandes dinosaurios que van muriendo de a poco (BlockBuster, el video club, las disqueras que todavía venden CDs como principal ingreso, etc)

Entiendan que el mundo que se nos viene no tiene lugar para el dinero. Estamos apuntando más para el lado de una Economía Basada en Recursos y no en papel moneda.

Felicitaciones a Mercado Libre y aprovecho para darles las gracias por esta estupenda herramienta!

Cacique

Blackberry: Getting Info from the App World

2011-12-13T04:10:00.001-08:00

Third-party applications can interface with the BlackBerry App World™ storefront. Using this feature, your application can obtain information about itself, such as the current version that is available and the license key it uses. This is useful for keeping the application current and making sure that it runs on a specific BlackBerry smartphone model. You can also launch the BlackBerry App World and point it directly to the web page for a specific application, making it easier to sell other applications or upgrades to the current application.

To test functionality that is dependent on accessing these properties (such as license validation) before your application is available on BlackBerry App World, you may load values into the properties yourself as part of a wireless installation. For more informationt, see this article.

The following example demonstrates how to interface to the BlackBerry App World. The complete project for this sample can be downloaded here .

package com.rim.samples.AppWorld;

import java.io.*;
import javax.microedition.content.*;
import net.rim.device.api.system.*;
import net.rim.device.api.ui.*;
import net.rim.device.api.ui.component.*;
import net.rim.device.api.ui.container.*;

/**
 * SampleApplication.java
 *
 * Sample application that shows how an application can
 * interface with BlackBerry App World.
 *
 * Note: For the sake of simplicity, this sample application may
 * not leverage resource bundles and resource strings. However,
 * it is STRONGLY recommended that application developers make
 * use of the localization features available within the
 * BlackBerry development platform to ensure a seamless application
 * experience across a variety of languages and geographies. For more
 * information on localizing your application, please refer to
 * the BlackBerry Java Development Environment Development Guide
 * associated with this release.
 *
 */
public class SampleApplication extends UiApplication {
    /**
     * The App World specific ID of this application.
     */
    private static final String RIM_APP_WORLD_ID = "RIM_APP_WORLD_ID";
    /**
     * A flag (true or false) that specifies whether there is
     * currently an update for this app available.
     */
    private static final String RIM_APP_WORLD_UPDATE_AVAIL = "RIM_APP_WORLD_UPDATE_AVAIL";
    /**
     * The license key for this application, as specified by the
     * App World purchase.
     */
    private static final String RIM_APP_WORLD_LICENSE_KEY = "RIM_APP_WORLD_LICENSE_KEY";
    /**
     * The name of the application, as specified in the App World
     * ISV Portal.
     */
    public static final String RIM_APP_WORLD_NAME = "RIM_APP_WORLD_NAME";
    /**
     * The email address of the purchaser. This will be their
     * PayPal email address.
     */
    public static final String RIM_APP_WORLD_EMAIL = "RIM_APP_WORLD_EMAIL";
    /**
     * The PIN of the purchaser.
     */
    public static final String RIM_APP_WORLD_PIN = "RIM_APP_WORLD_PIN";
    /**
     * The version of the application, as specified in the App
     * World ISV Portal.
     */
    public static final String RIM_APP_WORLD_VERSION = "RIM_APP_WORLD_VERSION";

    private MainScreen screen;
    private BasicEditField contentIdField;
    public SampleApplication() {

        // Get name of your app
        String myAppName = ApplicationDescriptor.currentApplicationDescriptor().getName();
        // It must be exact name of your application as
        // registered with the App World ISV portal
        //String myAppName = "AppName:Vendor";

        // If you are targeting 4.3+, use this:
        CodeModuleGroup group = CodeModuleGroupManager.load( myAppName );

        // On 4.2 you would need to use the following:
        /*
        CodeModuleGroup group = null;
        if( myAppName != null ) {
            CodeModuleGroup[] groups = CodeModuleGroupManager.loadAll();
            if( groups != null ) {
                for( int i = 0; i < groups.length; ++i ) {
                    if( groups[ i ].containsModule( myAppName ) ) {
                        group = groups[ i ];
                        break;
                    }
                }
            }
        } else {
            myAppName = "unknown";
        }
        */

        // Pull out the App World data from the CodeModuleGroup
        final String key = group == null ? "unknown" : group.getProperty( RIM_APP_WORLD_LICENSE_KEY );
        final String update = group == null ? "unknown" : group.getProperty( RIM_APP_WORLD_UPDATE_AVAIL );
        final String myContentId = group == null ? "" : group.getProperty( RIM_APP_WORLD_ID );
        final String name = group == null ? "unknown" : group.getProperty( RIM_APP_WORLD_NAME );
        final String email = group == null ? "unknown" : group.getProperty( RIM_APP_WORLD_EMAIL );
        final String pin = group == null ? "unknown" : group.getProperty( RIM_APP_WORLD_PIN );
        final String version = group == null ? "unknown" : group.getProperty( RIM_APP_WORLD_VERSION );
        screen = new MainScreen() {
            public boolean isDirty() {
                return false;
            }
        };

        //Display the data on the screen
        VerticalFieldManager manager = new VerticalFieldManager();
        screen.add( manager );
        manager.add( new BasicEditField( "App Name : ", myAppName, 100, Field.READONLY ) );
        manager.add( new BasicEditField( "License Key : ", key, 100, Field.READONLY ) );
        manager.add( new BasicEditField( "Update Available : ", update, 100, Field.READONLY ) );
        manager.add( new BasicEditField( "Name : ", name, 100, Field.READONLY ) );
        manager.add( new BasicEditField( "Email : ", email, 100, Field.READONLY ) );
        manager.add( new BasicEditField( "PIN : ", pin, 100, Field.READONLY ) );
         manager.add( new BasicEditField( "Version : ", version, 100, Field.READONLY ) );
        manager.add( new SeparatorField() );

        //Create the resources needed to launch the App World
        //pointing at our app's page
        contentIdField = new BasicEditField( "Content ID : ", myContentId );
        manager.add( contentIdField );
        ButtonField button = new ButtonField( "Open BlackBerry App World", ButtonField.CONSUME_CLICK );
        button.setChangeListener( new FieldChangeListener() {
            public void fieldChanged( Field field, int context ) {
                try {
                    openAppWorld( contentIdField.getText() );
                } catch( final Exception e ) {
                    SampleApplication.this.invokeLater( new Runnable() {
                        public void run() {
                            Dialog.alert( "Problems opening App World: " + e.getMessage() );
                        }
                    } );
                }
            }
        } );
        manager.add( button );
        pushScreen( screen );
    }

    /***
     * openAppWorld
     * <p>
     * Opens the App World pointing to a specific application. <p>
     * Note: This method takes advantage of
     * javax.microedition.content, which was introduced in 4.3.
     * There is no way to open the BlackBerry App World on an older OS.
     * <p>
     * @param myContentId App World ID of application to open.
     * @throws IllegalArgumentException if myContentId is invalid
     * @throws ContentHandlerException if App World is not installed
     * @throws SecurityException if access is not permitted
     * @throws IOException if access to the registry fails
     */

    protected void openAppWorld( String myContentId ) throws IllegalArgumentException, ContentHandlerException,
            SecurityException, IOException {
        Registry registry = Registry.getRegistry( SampleApplication.class.getName() );
        Invocation invocation = new Invocation( null, null, "net.rim.bb.appworld.Content", true, ContentHandler.ACTION_OPEN );
        invocation.setArgs( new String[] { myContentId } );
        boolean mustExit = registry.invoke( invocation );
        if( mustExit ) // For strict compliance - this should never happen on a BlackBerry
            screen.close();

        // Please note that this response won't be generated
        // until the BlackBerry App World exits
        // This method will block until that time
        Invocation response = registry.getResponse( true );
        if( response.getStatus() != Invocation.OK )
            Dialog.alert( "Problem invoking BlackBerry App World. Error code " + response.getStatus() );
        else
            Dialog.inform( "BlackBerry App World successfully opened." );
    }

    public static void main( String[] args ) {
        new SampleApplication().enterEventDispatcher();
    }
}

Conditional Loading for Responsive Designs

2011-12-03T12:35:00.000-08:00

Loading content on small devices is something you must consider for giving a great user experience on your site.

So, this "24 ways" entry explains how you can handle that by checking the screen width > 640 and stopping excessive data. You should only put a link to do the job.

24 ways: Conditional Loading for Responsive Designs

RIM - BlackBerry - COD size

2011-12-02T05:04:00.001-08:00

http://supportforums.blackberry.com/t5/Java-Development/The-maximum-size-of-a-BlackBerry-smartphone-application/ta-p/502534

Extracto:

"The limit for the number of sibling COD files that can exist within a single application is 127. This means that the maximum theoretical size limit for an application would be 16256 KB, which consists of 8128 KB of application data and 8128 KB of resource data. "

Guía ilustrada para un doctorado

2011-11-05T07:09:00.000-07:00

ICTlogy » SociedadRed » Guía ilustrada para un doctorado

Tooltips in BlackBerry

2011-11-03T11:08:00.000-07:00

I don't know yet if there's a Manager for this (please let me know as a comment if you do) tooltips I want to do.

So, if you want to have in your BlackBerry application something like the stuff I'm showing on the following captures, well, keep reading...

Obviously, the design is very simple. What I want to give you is the functionality, very open so you can put your design there (even with the tooltips, which are simple PNG images)

For getting the code, just go here: http://pastebin.com/ynDmk5pc

Create a new project and paste that. That's all.

Hope you like it ;-)

BlackBerry ApplicationIndicator class

2011-10-13T11:07:00.000-07:00

In RIM Blackberry OS 4.6+ there is a feature - ability to show notification icon in statusbar. Integrated application use it to give quick and informative information for user: Dealler - missed calls, Messages - unread messages etc.

Possible use of notification icon:

missed events
RSS updates
object status (ex. weather/app activity/gps signal strength)
other

To add/modify/remove notification icon we can use ApplicationIndicator class:

Represents an application indicator that consists of an icon and optional numeric value.
The icon is placed in indicators area along with others such as new mail counter, calendar reminders, missed calls counter, security status and others.

Application can register only one indicator and has to register it every time the phone starts.
All indicators are cleared upon phone restart.
Indicators may be not visible if there will be no space on statusbar
Indicator dimensions depend on current theme and phone screen size.
The icon size varies from 10x10 up to 24x24.
If indicator is initialized with a big icon then an exception is thrown.
Indicator can have optional numeric value that usually serves as a counter.
The value can be negative, 0 or positive.
If indicator is used as a counter it's better to hide it when its value is equal to 0.
If indicator value is too big, it will display '99+' or '999+'

Add notification icon

For this we should create instance of ApplicationIcon:

Application icon class is used in conjunction with application indicator and application messages.
It incapsulates image and its painting properties.

EncodedImage mImage = EncodedImage.getEncodedImageResource("indicator_icon.png");
ApplicationIcon mIcon = new ApplicationIcon(mImage);

Then we should register ApplicationIndicator with ApplicationIndicatorRegistry:

ApplicationIndicatorRegistry.register(icon, iconOnly, visible)
icon - an icon to be displayed in the indicators area
iconOnly - specifies if indicator should have icon representation only and no value
visible - specifies whether indicator has to be visible initially

ApplicationIndicatorRegistry reg = ApplicationIndicatorRegistry.getInstance();
ApplicationIndicator indicator = reg.register(mIcon, false, true);

Modify indicator icon and value

To modify icon, use ApplicationIndicator.setIcon method:

ApplicationIndicatorRegistry reg = ApplicationIndicatorRegistry.getInstance();
ApplicationIndicator appIndicator = reg.getApplicationIndicator();
appIndicator.setIcon(icon);

To modify number value, use ApplicationIndicator.setValue method:

ApplicationIndicatorRegistry reg = ApplicationIndicatorRegistry.getInstance();
ApplicationIndicator appIndicator = reg.getApplicationIndicator();
appIndicator.setValue(value);

If very big value is provided then indicator will display '99+' or '999+'.

To hide or show indicator, use ApplicationIndicator.setVisible

Unregister ApplicationIndicator

Most likely you don't want your app indicator to stay in statusbar, it's better to ApplicationIndicatorRegistry.unregister() it on app close.

Sample application

Icons:

Code:

import net.rim.blackberry.api.messagelist.ApplicationIcon;
import net.rim.blackberry.api.messagelist.ApplicationIndicator;
import net.rim.blackberry.api.messagelist.ApplicationIndicatorRegistry;
import net.rim.device.api.system.EncodedImage;
import net.rim.device.api.ui.MenuItem;
import net.rim.device.api.ui.component.LabelField;
import net.rim.device.api.ui.component.Menu;
import net.rim.device.api.ui.container.MainScreen;

class Scr extends MainScreen {
    EncodedImage mImageGreen = EncodedImage
      .getEncodedImageResource("bb_icon_green.png");
    ApplicationIcon mIconGreen = new ApplicationIcon(mImageGreen);
    EncodedImage mImageRed = EncodedImage
      .getEncodedImageResource("bb_icon_red.png");
    ApplicationIcon mIconRed = new ApplicationIcon(mImageRed);

    ApplicationIcon mIcon = mIconGreen;

    public Scr() {
     add(new LabelField("Use menu to:"));
     add(new LabelField("Register indicator"));
     add(new LabelField("Increment value"));
     add(new LabelField("Decrement value"));
     add(new LabelField("Switch icon"));
     add(new LabelField("Unregister indicator"));
    }

    MenuItem menuRegister = new MenuItem("register", 0, 0) {
     public void run() {
      registerIndicator();
     };
    };
    protected int mValue = 0;
    MenuItem menuIncrement = new MenuItem("increment", 0, 0) {
     public void run() {
      mValue++;
      updateValue(mValue);
     };
    };
    MenuItem menuDecrement = new MenuItem("decrement", 0, 0) {
     public void run() {
      mValue--;
      updateValue(mValue);
     };
    };
    MenuItem menuSwitchIcon = new MenuItem("icon", 0, 0) {
     public void run() {
      mIcon = (mIcon == mIconGreen) ? mIconRed : mIconGreen;
      updateIcon(mIcon);
     };
    };
    MenuItem menuUnregister = new MenuItem("unregister", 0, 0) {
     public void run() {
      unregisterIndicator();
     };
    };

    protected void makeMenu(Menu menu, int instance) {
     super.makeMenu(menu, instance);
     menu.add(menuRegister);
     menu.add(menuIncrement);
     menu.add(menuDecrement);
     menu.add(menuSwitchIcon);
     menu.add(menuUnregister);
    }

    private void registerIndicator() {
     try {
      ApplicationIndicatorRegistry reg = ApplicationIndicatorRegistry
        .getInstance();
      ApplicationIndicator indicator = 
        reg.register(mIcon, false, true);
     } catch (Exception e) {
     }
    }

    private void unregisterIndicator() {
     try {
      ApplicationIndicatorRegistry reg = ApplicationIndicatorRegistry
        .getInstance();
      reg.unregister();
     } catch (Exception e) {
     }
    }

    void updateValue(int value) {
     try {
      ApplicationIndicatorRegistry reg = ApplicationIndicatorRegistry
        .getInstance();
      ApplicationIndicator appIndicator = 
        reg.getApplicationIndicator();
      appIndicator.setValue(value);
     } catch (Exception e) {
     }
    }

    void updateIcon(ApplicationIcon icon) {
     try {
      ApplicationIndicatorRegistry reg = ApplicationIndicatorRegistry
        .getInstance();
      ApplicationIndicator appIndicator = 
        reg.getApplicationIndicator();
      appIndicator.setIcon(icon);
     } catch (Exception e) {
     }
    }
}

Dart : Structured web programming

2011-10-12T07:26:00.000-07:00

Hace par de días Google anunció su rumoreado lenguaje de programación del cual les había informado en eliax, y lo ha bautizado Dart (como "Dardo"), y he estado estudiándolo y hoy les doy mis primeras breves impresiones.

Noten antes de continuar que Dart está en una etapa muy temprana de su desarrollo. Google lo considera un "Technology Preview" (un avance sobre lo que será), y no una versión final, destacando explícitamente que muchas cosas podría cambiar de aquí a la primera versión oficial.

Lo primero a destacar de Dart es la razón de su existencia, las razones son potencialmente las siguientes:

1. Javascript, el lenguaje por defecto para programar aplicaciones web en navegadores está fuera de control. Inició como algo sencillo, pero se ha vuelto toda una bestia, y al no tener estructura promueve demasiado la producción de "código spagetti" en donde al programa le falta estructura y en donde todo se vuelve difícil de mantener, en particular en proyectos grandes (algo que he vivido en carne propia).

2. Con HTML5, es complicado y tedioso cambiar contextos con distintos lenguajes de programación y declarativos, siendo la norma el combinar en un solo código fuente a Javascript, HTML, CSS, y algún otro lenguaje de servidor (como puede ser PHP, JSP, ASP, etc). Esto es algo que los que programamos con frecuencia aplicaciones web nos enfrentamos constantemente.

3. Siguiendo el punto anterior, otro problema es que la aplicación web típica por lo general se divide en dos lenguajes de programación distintos. Uno para el cliente (Javascript) que se ejecuta localmente en el navegador, y otro para servidores (PHP, JSP, ASP, etc). En vez de uno poder programar todo en un solo lenguaje.

4. Lenguajes como Javascript y PHP no fueron diseñados para escalar masivamente de forma horizontal.

Dart promete resolver todo esto, con un lenguaje super sencillo y que resultará familiar para toda persona que tenga al menos un conocimiento básico de Java, C#, o similares.

Dart parece un cruce entre Java y Javascript, por un lado soportando las estructuras de Java (Classes, Interfaces), pero por otro permitiendo opcionalmente la declaración de variables sin tipos explícitos (de forma similar a Javascript, Visual Basic o ColdFusion).

Dart además fue pensado para escalar masivamente, de modo que aplicaciones creadas en Dart para ambientes de servidores podrían por ejemplo comportarse como las de Google en sus inmensas granjas de servidores, tomando ventaja de patrones de alta escalabilidad.

Por ejemplo, algo que noté curioso sobre Dart es que intencionalmente es single-threaded (es decir, soporta un solo hilo de ejecución), lo que a primera vista aparenta una gran restricción, pero al leer la especificación técnica se hace evidente que reemplazaron el concepto de multi-threading por el concepto de Isolates (popularizado por el lenguaje Erlang).

Isolates en esencia es bastante similar a programar Processes en C bajo ambientes UNIX. Es decir, es como hacer un fork (o bifurcación de código) de un nuevo programa, en esencia separando el Isolate de tu programa por completo.

Esto tiene como gran beneficio que ahora tanto tu programa como los que desprendas de él en forma de Isolates se pueden paralizar de forma sencilla y altamente escalable.

Obviamente es necesario poder uno comunicarse entre el programa principal y los Isolates desprendidos, y para eso se adoptó un sistema de mensajería por queue.

Según Google, estas facilidades de Dart permitirán crear desde pequeños programas por un solo desarrollador, hasta complejos mega-sistemas con grandes equipos de desarrolladores, programando desde aplicaciones móviles hasta aplicaciones en la nube para millones de usuarios, todas con un solo lenguaje y entorno de ejecución.

Por si no lo han notado, Dart entonces apunta no solo a ser un reemplazo de Javascript en navegadores web al largo plazo, sino que además un reemplazo de Java, .Net, Metro, Objective-C, PHP y todo otro lenguaje que se puedan imaginar.

Esa es una meta bastante ambiciosa, pero creo que dado que Dart es apoyado por Google (lo que significa que no tardaremos en ver entornos de ejecución nativos de Dart en Google Chrome y Android OS), y que Dart intrínsecamente es un lenguaje sencillo de rápido aprendizaje y con una sintaxis que resultará familiar a muchos, que tiene buenas posibilidades de tener éxito.

Y hablando de entornos de ejecución, Dart funciona de dos maneras: La primera y más obvia es en una máquina virtual Dart, similar a como ejecuta Java, lo que podemos llamar la forma "nativa" de ejecutar aplicaciones Dart.

La otra manera es con un convertidor que convierte programas Dart a Javascript, lo que permitiría a desarrolladores ir trabajando con Dart mientras migran de Javascript y esperan que los proveedores de navegadores web adopten el lenguaje.

Por el momento el convertidor funciona con versiones recientes de Chrome, Firefox y Safari (todavía no con Internet Explorer). Lo ideal obviamente sería que Mozilla, Apple y Microsoft implementaran la máquina virtual de Dart en sus navegadores, pero habrá que esperar a ver si estas instituciones y empresas no se sienten amenazadas por Dart y están dispuestas a adoptarlo.

Una buena noticia es que Google ha hecho a Dart 100% Open Source, con la esperanza sin duda de que Dart se convierta en un estándar por-defecto, y que quizás sea adoptado por competidores bajo la promesa que al igual que HTML5, la industria sería quien defina su futuro (aunque bajo la tutela de Google, muy posiblemente).

Personalmente, este es el primer lenguaje de programación que verdaderamente me emociona desde los días del inicio de Java, pues con su simpleza se presta mucho a uno ser muy productivo rápidamente.

En nota relacionada, les traigo lo que para muchos quizás sea una primicia relacionada a Dart: Todos los rumores apuntan a que Google está desarrollando también un IDE (un entorno de programación visual integrado) que se ejecutará como un servicio "en la nube" al cual internamente llaman "Brightly" ("Brillante").

La idea de Brightly sería una que he mencionado varias veces en muchas de mis charlas en vivo: El desarrollo de un IDE que funciona al 100% dentro de tu navegador Web, con todos tus archivos fuentes archivados en la nube, lo que significa que podrás trabajar desde cualquier lugar, a cualquier hora, en cualquier máquina que tenga un navegador web moderno, y quizás con un simple clic arrancar la aplicación en un ambiente de prueba o producción (como bien podría ser el Google App Engine).

Una nota final que quiero agregar es que no se apresuren a declarar la muerte prematura de Javascript. Javascript estará con nosotros por mucho tiempo más, en particular dada las millones de páginas web que dependen de ese lenguaje en la actualidad, y del hecho que Dart aun está en etapa de desarrollo, por lo que aun si se convierte en todo un éxito su impacto no se empezará a sentir por al menos 2 años más.

Sin embargo, si tienen un tiempo libre, no estaría mal que le dieran una repasadita a los documentos técnicos de Dart, e incluso que prueben crear un par de programas en el lenguaje, o hasta sugerir cambios a Google en esta etapa abierta para comentarios. Este bien podría ser parte del futuro de la web...

Dart : Structured web programming

Bluestacks :: App Player for Windows :: Run apps fast on your PC or tablet

2011-10-12T07:25:00.000-07:00

This application lets you run Android applications in your PC (Mac soon)

Check this video on Youtube: http://youtu.be/Nus9-Tu_J9k

Bluestacks :: App Player for Windows :: Run apps fast on your PC or tablet

Utilizing the HTML5 File API to choose, upload, preview and see progress for multiple files

2011-10-05T06:03:00.000-07:00

Excelente código para subir archivos usando AJAX. Lo nuevo es que permite el famoso "drag & drop" (al mejor estilo Gmail) para arrastrar tu archivo hasta el browser y luego subirlo.

Lo probé en Firefox y Chrome, dando excelentes resultados!

Utilizing the HTML5 File API to choose, upload, preview and see progress for multiple files - Robert's talk

Steve and Bill having fun - LOLBIN.net

2011-10-02T16:12:00.000-07:00

Steve and Bill having fun - LOLBIN.net

Microsoft desarrolló un software para teletrabajo

2011-09-27T14:10:00.000-07:00

Microsoft desarrolló un software para teletrabajo

La empresa se unió con Jobing y Datco para realizar las aplicación especialmente diseñada para esta práctica laboral. Se puede acceder a la plataforma desde PC, tablet y teléfonos, y está basada en las herramientas Sharepoint y Lync.

[ 1 ]

Jobing un software exclusivo para teletrabajo.

El programa se llama Jobing y permitirá a los empleados cumplir sus funciones desde cualquier lugar y acceder desde dispositivos como unaPC, notebooks, tablets o smartphone a las aplicaciones corporativasen forma segura.

Con esta alianza, Microsoft buscó fortalecer sus conocimientos en el sector y así desarrollar la aplicación especialmente diseñada para empresas que aplican el trabajo a distancia. Actualmente con más de 700 compañías están considerando la posibilidad de implementarlo en el país, mientras que el 15 por ciento ya está transitando un proceso de implementación concreto.

El software permitirá que el teletrabajador y su jefe estén comunicados utilizando todos los medios existentes: teléfono, mail, video conferencia, Chat, blog o muro, para realizar su tarea de manera segura y productiva.

Además, permite que navegue por toda la información que necesita, comparta documentos en línea, realice búsquedas y trabaje en equipo. Otra ventaja es que el empleado pueda recibir asistencia permanente y cuenta con todos los recursos que necesita.

Fabio Boggino, director de Jobing, explicó que está unión permite a las organizaciones contar con la herramienta indispensable para que los teletrabajadores y telesupervisores puedan realizar sus tareas desde cualquier lugar sin necesidad de concurrir a los edificios laborales, “mejorando su calidad de vida y productividad”, dijo.

"Una vez que una empresa decide aplicar teletrabajo con sus trabajadores, el software se instala en los servidores de la organización para que los empleados accedan luego de manera remota", agregó Boggino.

Por su parte, Fernando Jaime, gerente de servicios profesionales de Datco, sostuvo que no se trata sólo de tecnología sino de una solución que permite acceder al ambiente de trabajo tal como en la oficina. “La solución se basa en herramientas de productividad de Microsoft como Sharepoint y Lync”, remarcó.

En tanto, Agustina Seiguer, directora de Negocios de la división de productividad de Microsoft Argentina y Uruguay, consignó que “Lync unifica todas las formas de comunicación empresarial para brindar a los usuarios una experiencia mucho más conectada, facilitando el teletrabajo, a través del uso de la PC, la Web y el celular”.

El software fue diseñado por tres expertos en la materia: Jobing se ocupó del asesoramiento relacionado con el trabajo a distancia, Microsoft aportó las herramientas de desarrollo, mientras que Datco diseñó la solución y será la encargada de comercializarlo e implementarlo.

Microsoft desarrolló un software para teletrabajo - CanalAR

AnythingSlider | CSS-Tricks

2011-09-16T04:51:00.000-07:00

Anything Slider is a jQuery plugin which allows you to show any website or HTML code as slider.... Trully fantastic and easy to use. Good work they've done.

Download latest: http://github.com/ProLoser/AnythingSlider/downloads

AnythingSlider | CSS-Tricks:

PHP - Getting coordinates based on address

2011-09-15T20:36:00.000-07:00

I have attached here the class and a test file so you can see how it works.
I plan to develop this class in the future that’s why it requires a Google Maps API key.

Here is the test file for it, just to make an impression on how it looks like :

PHP [Show Plain Code]:

<?php
 
//include our class
require_once(dirname(__FILE__) . ‘/class.googleHelper.php’);
 
//your Google Maps API key (you can get one for free from http://code.google.com/apis/maps/signup.html)
$apiKey = ‘API_KEY_HERE’;
 
//init our object
$obj = new googleHelper($apiKey);
 
//get coordinates and print the debug info
$address = ‘Danmark, Sjælland, Hørve, Dragsholm Alle 4534′;
print ‘For our "’ . $address . ‘" we have these data : ‘;
print ‘<pre>’;
print_r($obj->getCoordinates($address ));
 
?>

PHP Examples: Calculate distance between 2 sets of longitude / latitude coordinates.

2011-09-15T08:15:00.000-07:00

= 46.2341938036161;
$lon1 = -63.124778021257015;

$lat2 = 46.4141938036161;
$lon2 = -63.118571124705284;

$distance = (3958*3.1415926*sqrt(($lat2-$lat1)*($lat2-$lat1) + cos($lat2/57.29578)*cos($lat1/57.29578)*($lon2-$lon1)*($lon2-$lon1))/180);

print($distance);

?>

PHP Examples: Calculate distance between 2 sets of longitude / latitude coordinates.:

Walter A. Rodriguez - Developer

Browser ID

BlackBerry code for a rounded rectangle with gradient fill

What it looks like

Once over lightly

My rectangle has twelve points

More twelve-pointed stuff

Big anticlimax

Final notes

Customize Android Fonts

Font Style Attributes

Typeface

Text Style

Text Size

Text Color

Text Shadow

Using Custom Fonts

Conclusion

Ubuntu in your Android device

reCaptcha Bug

Cacique - Testeo de Sitios

Blackberry: Getting Info from the App World

Conditional Loading for Responsive Designs

RIM - BlackBerry - COD size

Guía ilustrada para un doctorado

Tooltips in BlackBerry

BlackBerry ApplicationIndicator class

Add notification icon

Modify indicator icon and value

Unregister ApplicationIndicator

Sample application

Dart : Structured web programming

Bluestacks :: App Player for Windows :: Run apps fast on your PC or tablet

Utilizing the HTML5 File API to choose, upload, preview and see progress for multiple files

Steve and Bill having fun - LOLBIN.net

Microsoft desarrolló un software para teletrabajo

Microsoft desarrolló un software para teletrabajo

La empresa se unió con Jobing y Datco para realizar las aplicación especialmente diseñada para esta práctica laboral. Se puede acceder a la plataforma desde PC, tablet y teléfonos, y está basada en las herramientas Sharepoint y Lync.

AnythingSlider | CSS-Tricks

PHP - Getting coordinates based on address

PHP Examples: Calculate distance between 2 sets of longitude / latitude coordinates.