viernes, 2 de diciembre de 2016

Primera página Web programada en lenguaje html

Os presento una página web que he realizado en html, su dirección URL es:  https://thimbleprojects.org/roberto-cc/142864


Aquí esta el código para realizar la página web:

<html>
  <head>
    <title>Página html de Roberto Castillo</title>
    <meta charset="utf-8">
    <style>
      body {
        background-color: #81F7F3;
      }  
    </style>
  </head>
  <body>
    <p>
      <b>PÁGINA WEB PERSONAL DE ROBERTO CASTILLO</b>
    </p>
    <p>
      Visita la <a href="https://scratch.mit.edu/projects/130110210/">página de un proyecto Scratch</a>, en la que hay una animación educativa sobre Halloween
    </p>
    <p>
      El <b>fantasma, el murciélago y el nano</b> son los objetos.
    </p>
    <p>
      El <i>camino</i> es el escenario.
    </p>
    <p>
      Y ahora añadimos una imagen del proyecto:
    </p>
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8go3BHgFj7uB4kQwOmTIqY2BdQT98z0OdIRCAf9W4hLYgC0153GAdRG3Xm9Q9bg6GeD7gD8daN26nTr5IP1jNr2ZTBM340TxlUtda0DeBbgbDoGX6X6-6tVG8ytQ5vLBxcYeTwY3BZOJB/s640/CAMINO.png" width="800" height="450" />
  </body>
</html>

jueves, 24 de noviembre de 2016

App. Calcula el área del círculo

En esta nueva entrada os enseñare como hacer una aplicación para calcular el área de un círculo:

A continuación pondré el diseño

Y ahora pondré los bloques: 

viernes, 11 de noviembre de 2016

Iconos para aplicaciones móviles

Para realizar iconos en nuestras aplicaciones móviles, debemos realizar los siguiente:
1. Buscar imágenes que nos convenzan.
2. Abrirlas en Microsoft Picture Manager para recortarlas y cambiar el tamaño a 100x100 píxeles (de esta forma ocuparan poco espacio las imágenes.)
3.Abrimos nuestra aplicación en App Inventor y subimos el icono.
Ejemples de iconos:


                                                                   Icono AudioGuía:


Icono VozaTexto:


Icono calculadora:




jueves, 3 de noviembre de 2016

Desarrollo de la App Voz a Texto

Hoy voy a mostraros el desarrollo de una aplicación para dispositivos móviles que nos permitirá convertir nuestra voz a texto, luego el texto podrá ser usado en otras apps.
Pantalla de diseño:
Los bloques de programación son:


viernes, 28 de octubre de 2016

Desarrollo de animación para Halloween

A continuación os mostraré el desarrollo de la animación hecha en Scratch(Pulsa para ver la aplicación):



La programación del fantasma:


La programación del murciélago:


La programación del nano:


Desarrollo de animación para Halloween

A continuación os mostraré el desarrollo de la animación hecha en Scratch(Pulsa para ver la aplicación):



La programación del fantasma:


La programación del murciélago:


La programación del nano:


viernes, 14 de octubre de 2016

Desarrollo de la app texto a voz

A continuación, os mostrare el desarrollo de una aplicación para dispositivos móviles que permite transformar un texto escrito a voz .
La pantalla de diseño es :

                                                   Los bloques de separación serán :