App inventor: primeros pasos

Veamos los siguientes vídeos:

1. Paleta Interfaz usuario.
2. Paleta Disposición.
3. Paleta medios.
4. Paleta sensores.

Realizad la practica guiada:

1. Practica guiada 1

En este enlace encontráis los vídeos y documentos para poder descargárlos

App inventor: introducción

Guía rápida de app inventor:

https://intef.es/wp-content/uploads/2019/03/MIT-App-Inventor-2.pdf

Veamos los siguientes vídeos que nos permiten conocer la plataforma con la que vamos a trabajar:

1. Acceso a appinventor.
2. Diseñador y pantalla de bloques.
3. Menú proyectos.
4. AICompanion.
5. Conectar emulador.
6. Menú generador.
7. Menú ayuda.
8. Menú derecha.

HTML: Publicar la web

Buenos días, hemos creado la página web, ahora debemos publicarla. Para ello la subiremos a un servidor gratuito.
En estos dos enlaces os dejo artículos bastantes actuales de servidores gratuitos:

• Top 5: los mejores servidores gratuitos de España 2017
• Mejor hosting gratuito: 8 alternativas
• Recomendación de Diego Hoya https://x10hosting.com/

En mi caso he utilizado 000wewbhost.

Una vez dentro debemos pinchar arriba a la izquierda para ver mis web (sólo permite 2 gratis).

después en una da las web si ya tengo creada o pincho en crear

después en Manager website

En subir archivos

Y nos sale la pantalla para subirlos. tenemos que mantener la misma estructura y debe aparecer la página principal con el nombre de index.html que el servidor la pilla como página de inicio

Encargos Weru

Buenos días,
nuestro compañero Weruaga nos ha pedido que diseñemos e imprimamos los siguiente objetos:

• Excalibur, bifaz de Atapuerca
• Miguelón, craneo 5 Atapuerca
• Vasos canopos, huecos y que se les pueda quitar la cabeza
• Astrolabio
• Medidas astrolabio
• Cuadrante
• cuadrante de navegación
•  Hay que seleccionar uno, diseñarlo e imprimirlo en 3D 

Web contactar impresión 3D

1. http://limbs.earth/
2. http://www.antena3.com/liopardo/sniff/chemobox-cajas-quimioterapia-superheroes-ninos-enfermos-creadas-impresoras_201804265ae1b07f0cf2ade571701a79.html

Html: trabajo final

Buenos días,
tenemos ya los conocimientos suficientes para empezar a defendernos con el html y realizar una página web, por lo que vamos con el trabajo final.

TRABAJO FINAL:

Realizar y PUBLICAR una página sobre la netiqueta o uso responsable del móvil. Tened en cuenta que lo vamos a subir a la red, de manera que lo podrá ver cualquier persona:

• Deberemos aplicar todo lo aprendido. 
• Deberá de constar de 4 páginas html. 
• Abriremos con una portada (con foto y título identificativo del tema) en el marco central, y a la izquierda un índice, donde cada punto del índice es un enlace a una página.
• El tema será de la guía "uso seguro y responsable de internet por los menores" o un tema de clase/interés.
• Deberemos utilizar fotografías de fondo, utizando varias para las diferentes páginas.
• Deberá haber cambios de color de fondo, de foto de fondo, de tipos de letra, de colores en las letras.
• Es importante la presentación de la página, pero no influye sólo lo bonito que hagan el sitio web, sino la información que contenga, no solo copy/paste. 
• Deberemos meter música de fondo.manual
• Deberemos incrustar vídeos, pueden ser de alguna plataforma para que no pesen.
• No abusar de muchas fotos ni de mucha información, que intercalen. 
• También no deben abusar de muchos vídeos, ni que sean vídeos chorras que no aportan nada al trabajo....
• Ojo con el peso de los elementos multimedia que nos pueden complicar la subida a los servidores gratuitos. Para imágenes tenemos http://webresizer.com/
• Importante  la organización de las páginas (en árbol bien puestas), todas las páginas deben tener enlace para ir a la página anterior, cuidado con las faltas de ortografía y las ñ y los acentos, debe ser amigable a la vista, no saturada.
• Importante la organización de los archivos, a la hora de hacer funcionar los enlaces. Debemos subirlos con la misma estructura.

Para usar marcos o meter tablas, que no lo hemos visto en el manual os dejo los siguientes enlaces:

• Marcos
• Tablas

Si los acentos y las ñ nos dan problemas y no salen bien en nuestro navegador deberemos utilizar lo siguiente:

• Para la ñ : ñ
• Para acentos:  Á en caso de acentuar la A mayuscula
• Otro ejemplo: ó La letra que se acentuará será la o minúscula
• ARAÑA; ARA%Ntilde;A
• musaraña: musaraña9:16
• cañón: ca˜ón

Un saludo 

Html5: Organización de la información

Tema 6: organización de la información.

Otro modo de organizar la información es mediante frames.
Los frames si los soporta el html, pero no html5. Os dejo un enlace donde se explica:

frames