viernes, 2 de diciembre de 2016

Primer página Web programada en lenguaje html

Os presento una página web que ha realizado en html. su dirección URL es:
https://thimbleprojects.org/wazowski/142869




El código para realizar la página es:

<html>
  <head>
    <title>Página html de Juan Peña</title>
    <meta charset="utf-8">
    <style>
      body {
        background-color: #A9D0F5;
      }
     
    </style>
  </head>
  <body>
    <p>
      <b>PÁGINA WEB PERSONAL DE JUAN PEÑA</b>
    </p>
    <p>
      Visita la <a href="https://scratch.mit.edu/projects/127771094/">página de un proyecto Scratch</a>, en la que hay una animación que se desplaza por las 4 esquinas del escenario cambiando de disfraz
    </p>
    <p>
      El <b>Fantasma, el murciélago y el mago</b> es el objeto.
    </p>
    <p>
      La<i>mansión</i> es el escenario.
    </p>
    <p>
      Y ahora añadimos una imagen del proyecto:
      <img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2HcPGakbA6UPlXvL1KZ-Cv43gQoZm9Og7_4oVGpKJJjUKUvOkWvhoPY0qqe_GFd-GCwo_eAajhzPU5qm2KdDNDyq3zT0w7aIX_ht3MsoNPvLY2V8ysInIrUDw-azIsIF6E-ZCpRsx-_o/s640/Scratch+Juan.png width="800" height="450" />
    </p>
  </body>
</html>

jueves, 24 de noviembre de 2016

Área del círculo con app inventor

Os voy a mostrar como hacer una aplicación para calcular el área de un círculo,este es el diseño:  


Los bloques son:

viernes, 11 de noviembre de 2016

Iconos para aplicaciones móviles

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

jueves, 10 de noviembre de 2016

Animación Scratch controlando las coordenadas

Os voy a mostrar una animación en la que podreís hacer que un guacamayo rojo vuele por la selva Amazónica por medio de Scratch. ESpero que os guste
Los bloques de programación son:

 Pulsa para ver la animación
Pulsa para ver la animación.

jueves, 3 de noviembre de 2016

Aplicación 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

Animación bilingüe para niños

Os presento una animación de Halloween educativa.
Espero que os guste
Pulsa para ver la animación

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 programación serán: