El blog de Sistemas Computacionales: mayo 2014

jueves, 29 de mayo de 2014

Instalar Whatsapp sobre Android x86 para PC

Si has seguido los tutoriales anteriores ya tendrás Android x86 en tu PC sobre tu Virtual Box.

Ahora bien,

Para instalar Whatsapp hay que hacerlo a través de Aptoide.

Este Aptoide no es más que un programa igual que el de Play Store, con la diferencia que se pueden tener más opciones de descarga y quizás gratuitas.

En el programa de tu tablet busca dentro de los iconos una rueda dentada, que tiene que ver con los ajustes o configuraciones de la tablet.

Busca dentro de la opción Seguridad, la opción Instalar aplicaciones desde orígenes desconocidos.

Luego, entra a tu navegador de la tablet y ve a la página de Aptoide que debe ser esta:

m.aptoide.com/?lang=ES

Ahora ve a la sección descargas en tu simulador de tablet Android x86 e instala desde ahi el archivo .apk

Una vez instalado aptoide busca whatsapp desde la aplicación aptoide y descargarlo. Recuerda descargar la versión más nueva, para tener por lo menos un año de servicio gratuito.

Ahora ve nuevamente a la sección descargas en tu simulador de tablet Android x86 e instala desde ahi el archivo .apk, o bien si te pregunta, permite que Aptoide descargue e instale automáticamente el Whatsapp.

Ahora entra a la aplicación de Whatsapp que aparece en la pantalla principal.

Nota. Para activar whatsapp hay que suministrar un numero de cualquier celular sms que tengas a la mano, aunque dicen que también funciona poniendo un número de casa.

Al celular te llegará un código whatsapp que deberás teclear cuando te lo solicite. En ocasiones es necesario pulsar el botón Llámame y esperar a que llegue el mensaje con el código whatsapp.

El resto es finalizar las configuraciones que te vaya solicitando el asistente de Whatsapp.

Recuerda que solo podrás utilizar el whatsapp con un solo dispositivo, en este caso, solo con tu PC. No se podrá usar el mismo número con el teléfono y la PC. Tienen que ser números diferentes.

Si tienes otro teléfono, aunque este no tenga Android, podrás usar ese número para activar tu whatsapp en la PC.

Espero que este post te haya sido de utilidad!

martes, 13 de mayo de 2014

Primeros pasos con las clases CSS

Alguna vez me hice líos con este tema sencillo de los divs de las CSS.

Voy a intentar explicártelo como hubiera querido que alguien me lo explicara por primera vez.

En este punto supongo que ya sabes algo de html y si no, puedes darle un vistazo a esto:

Intro Html

Guarda el siguiente codigo en un block de notas como tipo de archivo .html

div.html

<html

<head

<title>Mi Primera Web Con DIVs</title>

</head>

<body>

<p>Este es mi primer DIV llamado bartolo</p>

</div>

<p>Este es mi segundo DIV llamado catalina</p>

</div>

<p>Este es mi tercer DIV llamado perico></p>

</div>

</body>

</html>

Luego guarde el siguiente codigo con el nombre estilo-a001.css

body{background-color:yellow; text-align:center}

#global {background-color:#FF9900; margin:0px auto 0px auto; padding:2px 2px 2px 2px; width:800px; border:#000 1px solid}

#bartolo {background-color:#00CC00; margin:0px 2px 0px 0px; width:80px; float:left; border:#000 1px solid; text-align:left}

#catalina {background-color:#00CCFF; margin:0px 0px 0px 0px; width:712px; float:left; border:#000 1px solid; text-align:center}

#perico {background-color:#00CCFF ; margin:2px 0px 0px 0px; width:712px; float:left; border:#000 1px solid; text-align:justify}

p {padding:10px 10px 10px 10px}

La extension .css es obligatoria a menos que use un editor como notepad++ y elija el tipo de archivo al guardar.

Explicación: el código html solo sirve para maquetar o esquematizar el contenido de una página web, mientras que el código css se encarga de dar formato o estilo al contenido.

Dentro del código css verá algo como lo siguiente:

id="bla" -> #bla
class="bla" -> .bla

id es para elementos únicos y class para grupos de elementos.

Veo que cuando se declara en la clase css algo como #mielementounico se manda a llamar desde el html con los parametros id="mielementounico".

Y cuando se declara en la clase css algo que lleve un puntito .miestiloparagrupos se manda a llamar desde el html con los parametros class="miestiloparagrupos"

Si me hubiera tocado explicarlo lo hubiera puesto al revés:

Código en el CSS ---> Código en el HTML

#bla ---> id="bla"

.bla ---> class="bla"

Ejemplo 1:

<!DOCTYPE html>
<html>
<head>
<style>
#para1
{
text-align:center;
color:red;
}
</style>
</head>

<body>
<p id="para1">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>

Ejemplo 2:

<!DOCTYPE html>
<html>
<head>
<style>
.center
{
text-align:center;
}
</style>
</head>

<body>
<h1 class="center">Center-aligned heading</h1>
<p class="center">Center-aligned paragraph.</p>
</body>
</html>

Mas información (Inglés):

CSS Id and Class
3 Formas de insertar las CSS

Hasta la próxima !

Primeros pasos con Javascript

Antes que nada te invito a conseguir un editor de textos como Notepad++ o Sublime Text 2.

Guarda un archivo como tipo de archivo .html y coloca el siguiente código para insertar código Javascript:

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">

document.write("Hola Mundo");

</SCRIPT>

El w3c acerca de estándares web recomienda el uso de type, para la compatibilidad con los diversos navegadores.

http://www.w3.org/

Pero también se podría insertar código javascript así:

Dentro de un html :

<html>

<head>

</head>

<body>

<script language="javascript">

document.write('Mi primer texto en la pantalla con Javascript');

</script>

</body>

</html>

La explicación del código está por aquí:

Explicación Javascript

Conceptos básicos acerca de Javascript:

Conceptos Básicos Javascript

Introducción a Javascript (Inglés)

Cosas a tener en cuenta:

1. Existe un Tutorial Basico Javascript que consta de 32 lecciones en youtube.

Se recomienda ampliamente ese tutorial del youtube, ya que el autor explica las cosas desde 0 y con gran sencillez.

2. En ese tutorial a partir de la lección 21 viene el manejo de programación orientada a objetos con JS.

Por ejemplo, en el hola mundo de arriba vio esta linea:

document.write('Mi primer texto en la pantalla con Javascript');

Document, es un objeto en realidad, y se refiere a la pantalla del navegador, es decir al body de la página html. (Si me equivoco al decir esto, échenle la culpa al tipo que hizo los tutoriales de javascript del youtube, ya que solo repito lo que me pareció mas relevante del tutorial ;-) )

Al hacer document.Write();

Se estaría llamando al método Write(), del objeto document.

3. Según lo que investigué, hasta ahora no existe una documentación oficial de Javascritp... Qué pena.. Pero de que hay documentación sobre JS, sí que la hay..

4. También se puede insertar código JS en el Head, no solo en el body del html.

5. De preferencia, deben ejecutarse las llamadas a las funciones Javascript, después o debajo de la etiqueta de cierre </script>, ya que si van dentro de las etiquetas del script el código puede ejecutarse inmediatamente al cargar la página html.

6. Debes asegurarte de que la opción "Ejecutar javascript" esté habilitada en tu navegador de preferencia.

Espero que pueda ser útil para iniciar con el tema!