Actividad 1.11: Crear un aviso a las 9.00 con un para el primer domingo de cada mes que recuerde que abren los centros comerciales.

Transcripción

1 Actividad1.1: Qué aplicaciones web que ofrece Microsoft en OneDrive? Basta con acceder a y registrarse, tendremos las siguientes aplicaciones: Actividad 1.2: Qué aplicaciones web que ofrece Google? Al igual que con Microsoft basta con crearse una cuenta para acceder a las diferentes aplicaciones, inicialmente aparecen las más habituales pero hay bastantes más. Actividad 1.3: Un profesor sospecha que un alumno ha copiado una tarea de internet Cómo podría conocer la fuente? En concreto la frase que le llama la atención es "Con la versión que propongo intento conseguir que todas las recetas" Lo más fácil para encontrar si está frase se ha sacado de internet es ponerla en el buscador de Google entre comillas. Actividad 1.4: Buscar información reciente (último año) sobre actividades de esta asignatura en español. Evita libros y cursos gratuitos. Podemos realizar la siguiente búsqueda avanzada en google, desde la dirección se facilita la cumplimentación: Con OR le indicamos que nos es indiferente ejercicios o actividades, al entrar entre comillas el nombre de la asignatura obligamos a que salga el nombre exacto, los menos delante de las palabras indican que no queremos esas palabras. Además debemos marcar idioma y fecha. Actividad 1.5: Redactar un correo destinado a trabajador1@gmail.com trabajador2@gmail.com, copia oculta a jefe@gmail.com enviando un fichero adjunto. Cuando enviamos un mensaje a varias personas y deseamos que uno de ellos pase desapercibido para el resto lo indicamos en Cco. Para adjuntar ficheros normalmente el icono es un clic. 1

2 Actividad 1.6: Queremos compartir un documento Word con varias personas y que todos puedan ir añadiendo datos, teniendo una única copia actualizada. Creamos el archivo Word en OneDrive y lo compartimos Ponemos nombre al fichero en la zona central y desde compartir enviamos un enlace a los correos de las personas que deseemos y podemos activarle la edición. Actividad 1.7: Deseamos enviar un fichero de 1Giga a un compañero pero a través de correo electrónico supera el límite admitido. Nos creamos una cuenta para almacenamiento en la nube: Dropbox, Google Drive, Jumpshare, etc. Subimos el fichero, lo compartimos y enviamos el enlace por correo, whatsapp, etc. 2

3 Actividad 1.8: Deseamos tener una copia actualizada de nuestros archivos de IAW en la nube. Es un servicio adicional que tiene la mayoría de los almacenamientos en la nube, instalamos una aplicación (en el caso de dropbox en este enlace) que sincroniza la carpeta de nuestro equipo con una carpeta almacenada en la nube, de forma que si nuestro PC sufre algún daño en los datos siempre disponemos de la copia de la nube), evidentemente el PC debe tener conexión a internet. Actividad 1.9: Retocar imagen con alguna aplicación web. Por ejemplo, en Google Drive podemos añadir, además de las aplicaciones habituales (Documentos, Hojas de cálculo, etc), otras aplicaciones web. Para ello seleccionamos archivo nuevo y conectar más aplicaciones, buscamos por ejemplo fotos, una de las aplicaciones que aparece es Pixeffect, desde esta aplicación podemos añadir efectos, poner bordes, etc a nuestras fotos. Actividad 1.10: Comenta el funcionamiento de una red social Twitter es una red social que centra su funcionamiento en mensajes de no más de 140 caracteres para comunicarnos con otros usuarios y compartir información. Estos mensajes cortos son conocidos como tweets y van apareciendo cronológicamente en tu perfil de usuario a medida que los vas publicando. Además de poder publicar tweets, también puedes hacer seguidor de otras personas y de este modo poder ver sus publicaciones. Por lo tanto, a cuantas más personas sigas en twitter, más mensajes van a aparecer en tu página de twitter. Para organizar los mensajes se pueden usar hashtags o etiquetas. Es una palabra precedida por una almohadilla (#) que cuando introducimos esta etiqueta en un mensaje se convierte en enlace que conecta con otros mensajes relacionados.tienen una finalidad principal, que es tratar de ordenar la gran cantidad de contenidos que se comparten en las redes sociales. Dada la limitación de los 140 caracteres, en Twitter los acortadores de URLS son habituales, con ellos conseguimos expresar una misma URL con menos caracteres. Actividad 1.11: Crear un aviso a las 9.00 con un para el primer domingo de cada mes que recuerde que abren los centros comerciales. Otra aplicación web que se suele sincronizar con el móvil y que es bastante usada es el calendario, en la siguiente pantalla se muestra como configurar el aviso anterior. Actividad 1.12: Crear una página HTML5 básica con un Cloud-IDE (Entorno de desarrollo en la nube). Hay multitud aplicaciones web que nos permiten crear nuestras páginas web en la nube, no necesitamos instalar un entorno de desarrollo (IDE) en nuestro PC. Vamos a crear una cuenta en uno de los Cloud-IDE más conocidos, Cloud9. El primer paso una vez estemos en la web es crear un espacio de trabajo HTML5 como se muestra: 3

4 El espacio de trabajo aparece con un fichero hello-world.html, que podemos visualizar directamente con preview. 4

5 Pero Cloud9 es algo más que un editor de HTML, es un servidor virtual basado en Ubuntu en la nube (en la parte inferior podemos observar el símbolo del sistema). Subimos o creamos un fichero index.html y el fichero de estilos asociado (estilos.css) Dividir la pantalla en varias zonas desde View Layout. Crear ficheros File New FromTemplate (mejor esta opción porque nos ayuda a la hora de escribir el código) En la zona inferior podemos ejecutar comandos del sistema. Por último para probar nuestra web pulsamos el botón Run, esto ejecutará el servidor apache y nos ofrecerá la posibilidad de ver nuestra web en internet, en modo real, desde el vínculo que aparece. Actividad 1.13: Instalar XAMPP y probar el funcionamiento de un servidor web en modo local Una alternativa a trabajar en un cloud-ide es hacerlo en modo local, una vez tengamos diseñado nuestro sitio web podemos subir a la nube nuestro sitio y publicarlo en internet. Dentro de las múltiples posibilidades tenemos XAMPP, para ello, desde la web descargamos el instalador. Durante la instalación nos avisa que nuestro antivirus puede bloquear algún puerto, recordemos que un servidor web escucha por el puerto 80, pero no solamente tenemos que considerar este puerto, XAMPP es un conjunto de servidores (FTP, correo, base de datos), a nosotros nos interesa (para esta asignatura) apache y mysql (puerto 3306). Por tanto en nuestra instalación bastaría con marcar las opciones: 5

6 Desde el panel de control de XAMPP podemos arrancar o parar los servicios que nos interesen, en nuestro caso Apache y MySQL Para probar que XAMPP (servidor) funciona perfectamente tecleamos en nuestro navegador (cliente) o o (en Windows): 6

7 Ahora, para probar nuestro servidor web local con nuestras propias páginas, debemos guardar nuestros diseños en c:\xampp\htdocs. Si por ejemplo guardamos nuestro diseño en c:\xampp\htdocs\iaw en el navegador tecleamos: Pero XAMPP es un conjunto de servicios de fácil instalación, NO incluye el editor de páginas, para editar nuestras páginas tenemos desde software propietario como Dreamweaver (se puede descargar una versión de prueba para un mes) o software gratuito comokompozer. Estos editores suelen tener características similares, entre otras: Edición de código HTML, PHP, javascript, etc. con ayuda para su escritura Edición de página de forma visual (generan el código asociado) WYSIWYG (lo que ves es lo que tienes), es decir, vemos la página tal como quedará al visualizarla en el navegador Cliente FTP para subir a la nube las páginas realizadas En encontrar un buen curso para aprender a utilizar DW 7

8 Actividad 1.14: Descargar y probar el IDENetbeans para diseño en local de páginas web Otra posibilidad para diseñar en local es descargar Netbeans este incluye el servidor apache, la base de datos y el editor. Para más comodidad podemos elegir la última versión en español, 8.0.1, para esta asignatura además nos basta con la opción PHP: Una vez instalado lo primero es crear un nuevo proyecto: En la versión PHP que hemos descargado nos ofrece la posibilidad de diseñar páginas HTML5 (si observas esto incluye CSS y javascript) o páginas PHP. En esta ocasión elegiremos HTML5, en las siguientes pantallas nos pide un nombre para el proyecto, si deseamos usar una plantilla (no, de momento), si deseamos usar una librería de javascript (no, de momento). Nos aparece una primera página sobre la que podemos trabajar, también podemos añadir ficheros a nuestro sitio como hojas de estilos, otras páginas html, etc. Para verla en funcionamiento pulsamos en el icono de la flecha verde (en Chrome nos pedirá instalar la extensión Netbeansconnector) 8