• Diseño Web a Medida

    Sabemos que hoy en día estar en Internet es importante no solo para las empresas sino para diferentes profesionales, por lo que el compromiso con nuestros clientes es ofreces un servicio de desarrollo que se ajuste a sus necesidades.

  • Posicionamiento en Buscadores

    Encontrarse entre los primeros resultados de búsquedas es uno de los factores mas importantes en la web de hoy en día, por esto mismo realizamos estrategias de posicionamiento para garantizarle su lugar en los buscadores.

  • Comunicación Estratégica

    Logramos comunicar a diferentes personas un mensaje elaborado estratégicamente para ofrecer como resultado una fidelización pura en sus clientes y atraer a aquellos que antes no estaban comprometidos con usted.

  • Diseño Multimedia

    Estamos acostumbrados a percibir mas las cosas si se nos la presentan de forma visual y grafica por lo que la animación y las presentaciones generan mayor impacto. Nuestro servicio de diseño multimedia pretende brindar esta solución.

  • Diseño Grafico y Publicitario

    Si bien hoy en día las herramientas digitales tienden cada vez mas a separarnos de las formas tradicionales, no podemos dejar de lado, comunicación personal y tangible por eso ofrecemos elementos de diseño grafico y publicitario.

Test de Velocidad con AS

Publicada por Ameva el 29 octubre, 2008 | Sin Comentarios »

Hace tiempo buscando en Internet como poder realizar un Test de Velocidad encontré muy poca información, por no decir nada, solo algunos parámetros en los cuales se realizan las mediciones, etc.

Ameva --> Velocidad

Dado que necesitaba desarrollar esta aplicación aproveche para publicar un tutorial que pudiera servir a varios.

Vamos a dividir el tutorial en dos partes, la parte gráfica y la programación.
Lo primero que vamos a hacer es crear tres capas en flash y cada capa crearle tres fotogramas claves vacíos, excepto la última capa que va a tener un solo fotograma.

Ameva --> Test de Velocidad 1

En la última capa (en mi caso la capa Fondo) vamos a crear los gráficos para nuestro proyecto, yo hice algo así.

Ameva --> Test de Velocidad 2

Una vez que tenemos lista la parte gráfica vamos a crear los objetos que van a actuar en nuestro proyecto, para eso vamos a hacer dos botones: uno que diga Empezar y otro Finalizar.

Al botón Empezar lo colocamos en el primer fotograma de la segunda capa y el botón Finalizar en el último fotograma, también de la segunda capa (en mi caso la capa Objetos).

Luego en el último fotograma de la segunda capa vamos a poner un campo de texto dinámico al que le pondremos como nombre velocidad y nos va a quedar algo como esto.

Ameva --> Test de Velocidad 3

Y en nuestro primer fotograma nos tiene que quedar así.

Ameva --> Test de Velocidad 4

Ahora pasamos a crear las barras de porcentajes, para eso vamos al fotograma 2 en la capa Objetos y creamos una barra que tenga una animación desde el fotograma 1 al 100, en el primer y último fotograma le ponemos stop();

Ameva --> Test de Velocidad 5

En el escenario nos tiene que quedar así.

Ameva --> Test de Velocidad 6

A una de nuestras barras la llamamos grafico y a otra tester.

Terminamos la primera parte ahora pasemos a la programación. A nuestro botón Empezar le agregamos este código.

  1.  on(release){
  2.      gotoAndStop(2);
  3.  }

Y al botón Finalizar este.

  1. on(release){
  2.     gotoAndStop(1);
  3. }

En nuestro primer fotograma de la capa Acciones ponemos.

  1. stop();
  2. Stage.showMenu=false;

Pasemos al segundo fotograma (el mas complicado, pero no se asusten).

  1. _global.Tiempo = new Date();
  2. _global.Minutos = Tiempo.getMinutes();
  3. _global.Segundos = Tiempo.getSeconds();
  4. _global.Tiempo_Inicial = (Minutos*60)+Segundos;
  5.  
  6. var No_Cache:String;
  7. No_Cache = "?nocaching="+random(65000);
  8. Archivo = "archivo.ext";
  9. Carga = new LoadVars();
  10. Carga.load(Archivo+No_Cache);
  11.  
  12. function Obtencion_Tiempo() {
  13.     _global.Tamaño_Archvio = Carga.getBytesTotal();
  14.     _global.Total_Cargado = Carga.getBytesLoaded();
  15.     _global.Porcentaje = Math.floor((Total_Cargado*100)/Tamaño_Archvio);
  16.  
  17.     if (I != 100) {
  18.         _global.Tiempo2 = new Date();
  19.         _global.Minutos2 = Tiempo2.getMinutes();
  20.         _global.Segundos2 = Tiempo2.getSeconds();
  21.         var Tiempo_Medio:Number = ((Minutos2*60)+Segundos2)-Tiempo_Inicial;
  22.         var Velocidad_Media:Number = Math.round(((Total_Cargado/Tiempo_Medio)*9)/1024);
  23.         Redondeo = (Velocidad_Media*100)/1500;
  24.     }
  25.  
  26.     I = +1;
  27.     tester.gotoAndStop(Redondeo);
  28.     grafico.gotoAndStop(Porcentaje);
  29.  
  30.     if (Total_Cargado == Tamaño_Archvio) {
  31.         clearInterval(Intervalo);
  32.         play();
  33.     }
  34. }

Y en el último fotograma ponemos.

  1.  _global.Tiempo = new Date();
  2.  _global.Minutos = Tiempo.getMinutes();
  3.  _global.Segundos = Tiempo.getSeconds();
  4.  
  5.  Tiempo_Obtencion = ((Minutos*60)+Segundos)-Tiempo_Inicial;
  6.  Velocidad_Coneccion = Math.round(((Tamaño_Archvio/Tiempo_Obtencion)*9)/1024);
  7.  
  8.  velocidad.text=Velocidad_Coneccion;
  9.  stop();

Con eso está listo. Ahora si pruebas tu proyecto no va a funcionar porque todavía falta tan solo un paso más

Para poder realizar este paso lo que vamos a hacer es abrir el block de notas y crear un archivo que tenga como tamaño 2.5 Mb ¿cómo hacemos esto?, sólo escribimos un caracter (yo elegí la letra “o”) y lo repetimos 2.500.000 veces para hacer esto recurrimos a Copy and Paste (Ctrl+C y Ctrl+V), los 2.500.000 caracteres equivalen a 2.500.000 bytes, o sea 2.5 Mb.

Lo guardamos como archivo.ext. La extensión del archivo del archivo puede ser cualquiera solo hay que tenerla en cuenta en el momento de escribirlo en nuestro proyecto.

Ahora sólo tenemos que subir los archivos a nuestro servidor.

Descargar Archivos Del Tutorial

Publicada en Tutoriales

Publicar un Comentario

Utilice le siguiente formulario para publicar sus comentarios.

COMENTAR

  • También puede encontrarnos en
  • Artículos Relacionados

  • Subscríbase al boletín de noticias

    Subscríbase al boletín de noticias ingresando su dirección de correo

    OK
  • Categorías

  • Gestionado con Wordpress.
    Puede subscribirse al boletín de noticias o también al boletín de comentarios.

  • Acerca de Ameva

    Con la iniciativa de trabajar, ofreciendo a nuestros clientes herramientas y servicios que sean de beneficio y productividad para sus negocios, nace Ameva Comunicación Digital.
    Con las expectativas de que nuestro trabajo sea aprovechado, dedicamos todo nuestro empeño en desarrollar cada uno de los desafíos propuestos, para lograr... su éxito, nuestra meta.

    Ameva, Creative Commons | ameva [arroba] ameva.com.ar | (0351) 153617751 | Córdoba, Argentina