lunes, 12 de diciembre de 2016

Widgets HTML para nuestra Web.

Hemos insertado un traductor google con el siguiente código HTML:



<div id="google_translate_element"></div><script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({pageLanguage: 'es', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
    }
    </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


En segundo lugar hemos insertado un Mapa Interactivo con el siguiente código HTML:




 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3041.2260701249697!2d-5.348756052171723!3d40.33733074286828!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd3f97770d3adf99%3A0x443c4b1c80a883a4!2s05631+Angostura+de+Tormes%2C+%C3%81vila!5e0!3m2!1ses!2ses!4v1481547048814" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>


En tercer lugar hemos insertado un video de Youtube, mediante el código:



 <iframe width="854" height="480" src="https://www.youtube.com/embed/DT1Sf7LWxNQ?list=RDDT1Sf7LWxNQ" frameborder="0" allowfullscreen></iframe>


En cuarto lugar hemos insertado un código del tiempo:


<div id="c_c6f0139c8b2672ba505ec958a6691387" class="normal"></div><script type="text/javascript" src="https://www.eltiempo.es/widget/widget_loader/c6f0139c8b2672ba505ec958a6691387"></script>


lunes, 5 de diciembre de 2016

para realizar iconos en nuestras aplicaciones móviles debemos realizar lo siguiente:
1 Buscar imágenes que nos convezcan
2 Abrirlas en Microsoft Picture Manager para recortarlas y cambiar el tamaño a 100x100 pixeles (de esta forma ocuparan poco espacio las imágenes)
3 Abrimos nuestra aplicación en App Inventor y subimos el icono.
Ejemplos de iconos:  
Os presento una pagina web que he realizado en html. Su dirección URL es:
https://thimbleprojects.org/adrii2001/142978
El código para realizar la pagina es:
<html>
  <head>
    <title>Página html de David Lobo</title>
    <meta charset="utf-8">
    <style>
    body {
      background-color: #F3F781;
    }
    </style>
  </head>
  <body>
    <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 que se desplaza por las 4 esquinas del escenario cambiando de disfraz
    </p>
    <p>
      El <b>loro</b> es el objeto.
    </p>
    <p>
      El <i>manglar</i> es el escenario.
    </p>
    <p>
      Y ahora añadimos una imagen del proyecto:
      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZtdK7DuzNDFu2Rhbnbp7ItPxC50fnrzN4nl4EyQ4PWz8RXlrAw_KE6Deh2pbyPSB94A18UsR7bIcrPynELqX2qxo-liidZ-kahkGvz9H2J6tJoImL6PgV-jRBtUQvFRim00ACpLHpxQw/s640/pantallazo+coordenadas.png" width="800" height="450" />
    </p>
  </body>
</html>



jueves, 3 de noviembre de 2016

App Calculo De Área De Un Triangulo

Hoy os voy a presentar el desarrollo de una aplicación para dispositivos móviles que nos permita calcular el área de un triangulo, simplemente introduciendo la base y la altura.
                                                             La pantalla de diseño seria:
                                                                 Los bloques serian:

lunes, 17 de octubre de 2016

APP TEXTO A VOZ SKRRR☻

A continuación os presentare el desarrollo de una aplicación que nos permitirá leer cualquier texto en voz alta.
El diseño en Appinventor  sera:
                                                        Los bloques para la programación consistirá en:

jueves, 13 de octubre de 2016

APP CALCULADORA☺

A continuación, voy a explicaros el desarrollo de una aplicación calculadora para dispositivos móviles, nos permitirá realizar operaciones sencillas.
El diseño seria el siguiente:



los bloques para la programación consistirá en: