Tecnologías de la Información y la Comunicación II - 2º Bachillerato
1 Páginas web. HTML5 y CSS.
- Estándar W3C: www.w3c.es/estandares/
- Desarrollo de páginas web, referencias, tutoriales... por la Mozilla Foundation: developer.mozilla.org
- Desarrollo de páginas web, referencias, tutoriales... por w3schools: https://www.w3schools.com/
- Curso de HTML5 del INTEF:
- Editor de páginas web BlueGriffon: www.bluegriffon.org
- Banco de imágenes, vídeos y sonido: recursostic.educacion.es/bancoimagenes/web/
2 Páginas web dinámicas. php y MySQL.
- Manual y referencia de php: http://www.php.net/manual/es/index.php
- XAMPP, Instalador de un servidor Apache y base de datos MySQL: www.apachefriends.org
- Enlace para descargar la carpeta comprimida del curso de php del INTEF: cursophp.zip
- En primer lugar deberás instalar el servidor XAMPP.
- Modifica el fichero php.ini, busca la linea siguiente para mostrar correctamente caracteres acentuados:
- antes: ;default_charset = "iso-8859-1"
- después: default_charset = "iso-8859-15"
- Otra opción sería utilizar los códigos html cuando utilicemos caracteres especiales: https://ascii.cl/es/codigos-html.htm
- Si queremos utilizar el método abreviado para introducir código php (<? ?>) debemos activar la directiva short_open_tag. Si no lo hacemos deberemos escribir el código dentro de las etiquetas <?php ?>:
- antes: short_open_tag = Off
- después: short_open_tag = On
- Para que no aparezcan avisos de error en la página, desactivamos la directiva también de php.ini:
- antes: display_errors = On
- después: display_errors = Off
- Descomprime la carpeta cursophp.zip dentro de el directorio htdocs que se crearía en donde instalaste XAMPP
- Si arrancas el servidor Apache, y escribes en el navegador http://localhost/cursophp podrás comenzar el curso.
- No son necesarias ninguna de las configuraciones que se indican en los capítulos "Instalación en Windows" e "Instalación en Ubuntu".
- Puede ser útil cambiar la ubicación de la carpeta donde se sirven las páginas web, htdocs por defecto. Para ello edita las siguientes líneas del archivo httpd.conf, sustituyendo C:/xampp/htdocs por el directorio que tu prefieras:
- DocumentRoot "C:/xampp/htdocs"
- <Directory "C:/xampp/htdocs">
- Deberás también copiar todo el contenido que había dentro de la carpeta htdocs dentro de la que vas a utilizar.
- Si quieres también guardar los datos de MySQL en una carpeta diferente a la que se crea por defecto en la instalación deberás modificar el archivo my.ini:
- Sustituye donde aparezca "C:/xampp/mysql" por el directorio que elijas.
- Copia todo el contenido de "C:/xampp/mysql" en ese directorio.
- También puedes crear una carpeta que se llame pruebas, donde ejecutarás tus páginas php. Para ver tus ejercicios deberás:
- Tener activado el servidor Apache desde XAMP
- Escribir en tu navegador cualquiera de las siguientes opciones:
- http://localhost/pruebas/ejercicio.php
- http://127.0.0.1/pruebas/ejercicio.php
- http://(tu_IP)*/pruebas/ejercicio.php
3 Instalando y configurando un CMS. Wordpress.
- Sitio web de referencia de WordPress: https://es.wordpress.org, https://wordpress.org/
- En la instalación te preguntará por un usuario y una base de datos donde instalarse. Deberás haberlos creado previamente con phpMyAdmin.
- Por seguridad se aconseja modificar el prefijo que por defecto asigna a las tablas que crea (wp_).
- En caso de ejecutar wordpress desde un servidor con poca velocidad o una memoria USB puede que necesetimos modificar lo siguiente para no agotar el tiempo máximo de ejecución de scripts: http://www.asnet.es/blog/error-wordpress-maximum/
- A continuación se indican algunos consejos para que el sitio sea seguro:
- Configurar el acceso mediante .htaccess y crear las páginas de error: ejemplo_configuración_htaccess_para_wordpress.zip
- Si estás ejecutando tu web en modo local deberás sustituir donde aparece !^http(s)?://(www\.)?localhost.*$ por !localhost.*$
- Si estás ejecutando tu web en modo local deberás sustituir donde aparece !^http(s)?://(www\.)?localhost.*$ por !localhost.*$
- Activar el plugin Akismet Anti-Spam.
- Utilizar una versión actualizada de WordPress.
- Crear un archivo index.php vacio dentro de las carpetas "/wp-content", "/wp-content/plugins", "/wp-content/themes", "/wp-content/uploads" para prevenir el listado de estos directorios.
- Eliminar o modificar el nombre del archivo readme.html para ocultar la versión de wordpress que estamos utilizando.
- Eliminar el usuario admin si existe y modificar el alias de cada usuario para que no coincida con el nombre de usuario con el que accedes a wordpress.
- Eliminar los archivos innecesarios tras el proceso de instalación "install.php" y "upgrade.php" que están en el directorio "/wp-admin".
- Otros plugins útiles: Acunetix WP Security, EU Cookie Law, Loco Translate, SI Captcha Anti-Spam, WP Cerber Security & Antispam, WP Crontrol, WPDelayCron.
- Configurar el acceso mediante .htaccess y crear las páginas de error: ejemplo_configuración_htaccess_para_wordpress.zip
4 Aplicaciones para móviles. MIT App Inventor.
- Sitio web de referencia de MIT App Inventor: http://appinventor.mit.edu
- Primera práctica: Hola mundo
- Programa resuelto: HolaMundo.aia
- Archivos multimedia: Multimedia_holamundo.zip
- Práctica de ampliación:
- Sustituye el botón por una etiqueta que ponga “Agita el móvil o pulsa en la imagen”
- Añade un campo de texto en el que el usuario introduzca una frase de su elección.
- Añade una lista que permita cambiar el idioma.
- Cuando el usuario agite el móvil o pulse sobre la imagen deberá leer la frase introducida u "Hola mundo" en el idioma seleccionado, si no se modifica el texto.
- Segunda práctica: Arcanoid
- Ficha guión de la práctica: ficha_arcanoid.pdf
- Archivos multimedia: multimedia_arcanoid.zip
- Programa resuelto: Arcanoid.aia
- Práctica de ampliación:
- Los ladrillos deben ir bajando y si llegan a la parte inferior sin ser destruidos también se pierde el juego.
- Si se destruyen todos los ladrillos se gana el juego y aparecerá un mensaje.
- El juego se iniciará cuando se pulse un botón, no al iniciar la aplicación. Este mismo botón permitirá reiniciar el juego cuando se finalice.
- Tercera práctica: App de turismo
- Ficha guión de la práctica: ficha_turismo.pdf
- Archivos multimedia: multimedia_turismo.zip
- Programa resuelto: Zamora.aia
- Práctica de ampliación:
- Haz una app de turismo u otra información de tu localidad, club deportivo, asociación...
- Un menú inicial deberá permitir acceder a todas las secciones de la aplicación.
- Botones para abrir páginas web relacionadas.
- Botones que permitan navegar hacia delante y hacia atrás en la aplicación.
5. Ética y seguridad en la red
- La Oficina de Seguirdad del Internauta (OSI) del INCIBE proporciona información y el soporte necesarios para evitar y resolver los problemas de seguridad que pueden existir al navegar por Internet.
- PantallasAmigas es una iniciativa que tiene como misión la promoción del uso seguro y saludable de las nuevas tecnologías y el fomento de la ciudadanía digital responsable en la infancia y la adolescencia. También dispone de canal en YouTube.
- Internet Segura for Kids (IS4K) es el Centro de Seguridad en Internet para menores de edad en España y tiene por objetivo la promoción del uso seguro y responsable de Internet y las nuevas tecnologías entre los niños y adolescentes:
- Configuración de la privacidad en diversas redes y servicios de Internet:
- El teléfono móvil en nuestras vidas:
6. Diseño 3D
- Software de diseño paramétrico en 3D para diseñar objetos de la vida real de cualquier tamaño: FreeCad
- Enlace para descaragar el instalador: Installing, Download
- Para mostrar los gráficos de dependencias necesitarás instalar GraphViz.
- Tutoriales: wiki oficial, IeaRobotics (1) y IeaRobotics (2) (Por Juán González Gómez).
- También será útil instalar algunos Addons como por ejemplo drawing_dimensioning para acotar planos.
- Software dedicado especialmente al modelado, iluminación, renderizado, animación y creación de gráficos tridimensionales: Blender
- Enlace para descargar el instalador: Download
- Documentación y tutoriales: Support
- Curso completo Blender (CRFPTIC): curso_Blender_animación.zip
- Wikibook (en inglés): Blender_3D:_Noob_to_Pro
- Hacer un dado con Blender: dado_con_Blender.gdoc