Aplicació del canvas

Ara us ensenyaré com hem fet la nostra aplicació del nostre negoci. La nostra empresa és una distribuidora de videojocs, i la nostra aplicació servirà com a una demo d'un joc de preguntes.

Aquesta aplicació pot ser llarga, però el procediment és sempre el mateix, pel que jo ficaré com es fa 1 cop, i si ho voleu ficar més preguntes, només fa falta repetir el procés.

A la 1a pantalla presentarem l'aplicació i és on hi haurà el botó per comensar. També hi ficarem una pilota, que quan la arroseguis amb el dit també és mogui.

Després crearem una nova pantalla on hi ficarem les preguntes. És tan fàcil com ficar una etiqueta amb l'enunciat i ficar tres botons amb diferents respostes. És important poder diferenciar els botons quan anem a programar perquè hem poder diferencia la resposta correcta de les incorrectes.

Fent això podem ficar tantes preguntes com vulguem.
Ara ens queden 2 pantalles: la pantalla on vas quan falles i la pantalla on vas quan has respost totes es respostes bé.
A la pantalla que t'envies quan has fallat, hi surt un títol dient que has fallat, i un botó per tornar a l'inici.

I per acabar la pantalla que surt quan ho respons tot bé. Allí hi ficarem un altre títol felicitan-te , una imatge de confeti, i un botó per si vols tornar a jugar. La programació entre aquesta pantalla i l'anterior és la mateixa

Base de dades 2

Ara us ensenyarem com fer una altra base de dades, però aquest cop les dades es guardaran a internet.
Primer crearem el disseny, on hi ficarem tot el que surt en aquesta imatge, més 2 notifiers i un fusion tables

Deprés anirem a programar l'aplicació. On hi haurem de ficar tot això: 

I deprés ja haurem acabat. En un principi, l'aplicació t'ha d'agafar les dades del drive i ficar-les a l'aplicació.

Base de dades

Avui farem una base de dades amb l'appinventor.

Primer farem el disseny. Aqui hem de ficar tres botons, un per afegir, un listpicker per veure i un per mirar la llista del que has guardat.
A sota hi fiquem tres etiquetes sobre el que vulguem, en el meu cas sobre sates d'aniversari, i ficarem textbox al costat de cada etiqueta. A sota hi fiquem un boto per desar.
També hem de ficar un TinyDB, però és un element invisible.

 Ara creem una altra screen i aqui hi fiquem dos botons a dalt, un per afegir i l'altre per veure el llistat. A sota un textbox i al costat un botó per buscar.
A sota fiquem una taula amb 6 etiquetes: Les 3 de la esquerra hi fiquem el mateix que hem ficat a la 1a screen i les de la dreta les deixem en blanc.

 Ara programarem la 1a screen. Aqui ficarem que si cliquem al listpicker, ens surti tot el que hem guardat. itambé farem que si cliquem al botó de veure anem a la screen 2, si cliquem a guardar s'ens guardi tot el que hem escrit, que quan triem un nom de la llista, ens surti i que si fem una foto (si a la screen 1 fiquem camara) la imatge surti a la pantalla.

 A la programació de la screen 2, farem que quan cliquem el botó d'afegir, tornem a la screen1, que quan cliquem  a la llista, s'acpnsegueixi l'informació de la base de dades, i que quan cliquem al botó de buscar, ens busqui el nom que hi haguen ficat i ens mostrarà les dades sobre aquella `persona, i també fem quesi no hi ha cap resultat ens surti un missatge d'error.

Gadgets al bloc

Per ficar alguns gadgets al bloc, hem de seleccionar el bloc i anar a l'apartat de format.

Un cop aqui, cliquem a afegeix un gadget i ens sortirà aquest menú.

Aqui seleccionem el gadget que volem ficar, acceptem i ja tindrem el gadget a la nostra web.

La radio

Ara veurem com fer una aplicació per al mòbil amb el appinventor.

Per fer la radio, hem de ficar  botons, un pel xat, un altre per informació.  També fiquem una etiqueta on fiqui el nom de la emisora, i una llista amb les emisores, tot en una taula horitzontal.
A sota fiquem una imatge sobre la emisora.
Al final de tot, una altra taula horitzontal, on hi fiquem el botó de "back, play, pause i stop".

Ara copiem tot això i ja tindrem la radio feta.

Les fotos vectorials (en svg)

Les fotos vectorials (en svg)

Aquesta és la foto vectorial que jo he fet. Aqui us deixo el codi i el resultat.

<svg width="640" height="600" xmlns="http://www.w3.org/2000/svg">

 <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->

 <g>

  <title>Layer 1</title>

  <path fill="#00ff00" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_2" d="m318,228c0,0 0,0 2,0c2,0 4,0 6,0c2,0 4,0 6,0c2,0 4,0 6,0c2,0 3.386871,-0.917603 6,-2c1.847748,-0.765366 6,0 8,0c4,0 5.386871,2.917603 8,4c1.847748,0.765366 2.917603,1.386871 4,4c0.765381,1.847763 2,2 2,4c0,2 2,4 2,6c0,2 0.585785,2.585785 2,4c1.414215,1.414215 0,4 0,6c0,2 0,4 0,6c0,2 0,4 0,6c0,2 0,4 0,6c0,2 0.765381,4.152252 0,6c-1.082397,2.613129 -4.585785,2.585785 -6,4c-1.414215,1.414215 -2,2 -4,2c-2,0 -3.386871,0.917603 -6,2c-1.847748,0.765381 -2,2 -2,4c0,2 -1.234619,4.152252 -2,6c-1.082397,2.613129 -4.585785,2.585785 -6,4c-1.414215,1.414215 -0.585785,2.585785 -2,4c-1.414215,1.414215 -1.386871,2.917603 -4,4c-1.847748,0.765381 -3.386871,0.917603 -6,2c-1.847748,0.765381 -4,0 -6,0c-2,0 -4,0 -6,0c-4,0 -7.386871,-2.917603 -10,-4c-1.847748,-0.765381 -2.585785,-0.585785 -4,-2c-1.414215,-1.414215 -4.585785,1.414215 -6,0c-1.414215,-1.414215 -2.585785,-0.585785 -4,-2c-1.414215,-1.414215 0,-4 0,-6c0,-2 -0.585785,-2.585785 -2,-4c-1.414215,-1.414215 -0.917603,-3.386871 -2,-6c-0.765381,-1.847748 0,-4 0,-6c0,-2 4,-4 6,-6c2,-2 4,-2 8,-2c2,0 4,0 6,-2c2,-2 4.917603,-3.386871 6,-6c0.765381,-1.847748 1.80423,-5.648865 -2,-8c-1.701294,-1.051468 -4,-2 -4,-4c0,-2 0,-4 0,-6c0,-4 0.948547,-6.298691 2,-8c2.351135,-3.80423 4,-4 4,-6l2,0l0,-2"/>

  <path fill="#ff0000" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_3" d="m310,248c0,0 0,-2 0,-2c2,-4 2.585785,-4.585785 4,-6c1.414215,-1.414215 2,-2 2,-4c0,-2 0,-4 0,-6c0,-2 -2.304474,-3.530731 -6,-2c-2.613129,1.082397 -3.386871,2.917603 -6,4c-1.847748,0.765366 -4.152252,-0.765366 -6,0c-2.613129,1.082397 -6,2 -12,2c-10,0 -14,0 -18,0c-2,0 -2,-2 -4,-2c-2,0 -6,0 -18,0c-6,0 -12,0 -16,0c-2,0 -8,0 -12,0c-2,0 -2,4 -2,10c0,6 -2,16 -2,22c0,6 -0.96109,12.077484 0,18c1.013077,6.242889 1.385101,10.372009 4,14c1.653809,2.294525 4.513,3.593994 6,6c3.325012,5.379974 3.386871,9.082397 6,8c1.847763,-0.765381 0,-4 0,-6c0,-2 0.917603,-3.386871 2,-6c0.765366,-1.847748 2.372009,-3.385101 6,-6c4.589081,-3.307617 6.837723,-2.837708 10,-6c3.162277,-3.162292 3.805649,-4.448395 8,-6c7.734009,-2.860992 15.705475,-4.346191 18,-6c3.627991,-2.614899 5.098297,-7.910339 12,-10c3.828369,-1.159149 9.17157,0.82843 12,-2c1.414215,-1.414215 1.386871,-4.917603 4,-6c1.847748,-0.765366 3.234619,-2.152237 4,-4c1.082397,-2.613129 4,-2 6,-4l2,0"/>

  <path fill="#ff00ff" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_4" d="m282,80c0,0 0.585785,0.585785 2,2c1.414215,1.414215 2.917603,5.386871 4,8c0.765381,1.847755 0,4 0,6c0,2 -2.917603,1.386871 -4,4c-0.765381,1.847755 0,4 0,6c0,2 2,4 2,6c0,2 2,4 2,6c0,2 0,4 0,6c0,2 0,4 0,6c0,2 2.972504,3.647491 4,8c0.459503,1.946503 0,4 0,6c0,2 0,4 0,6c0,2 2,4 2,6c0,2 0,4 0,6c0,2 -0.459503,4.053497 0,6c1.027496,4.352509 2,6 2,8c0,2 -0.765381,4.152237 0,6c1.082397,2.613129 2,4 2,6c0,2 0,4 0,6c0,2 0,4 0,6c0,2 0.917603,3.386871 2,6c0.765381,1.847763 0,4 0,6c0,2 -0.614899,6.372009 2,10c1.653809,2.29454 3.386871,4.917603 6,6c1.847748,0.765366 3.234619,-0.152237 4,-2c1.082397,-2.613129 4,-2 4,-4c0,-2 1.414215,-4.585785 0,-6c-1.414215,-1.414215 -2,-2 -2,-4c0,-2 0.765381,-4.152237 0,-6c-1.082397,-2.613129 -2,-4 -2,-6c0,-2 0,-4 0,-6c0,-2 0,-4 0,-6c0,-2 2,-4 2,-6c0,-2 2,-2 2,-4c0,-2 1.414215,-4.585785 0,-6c-1.414215,-1.414215 -1.234619,-2.152237 -2,-4c-1.082397,-2.613129 -2,-4 -2,-6c0,-2 0,-4 0,-6c0,-2 -2.917603,-3.386871 -4,-6c-0.765381,-1.847763 0,-4 0,-6c0,-2 0,-4 0,-6c0,-2 0,-4 0,-6c0,-2 -0.585785,-2.585785 -2,-4c-1.414215,-1.414215 0,-8 0,-10c0,-2 -2,-2 -2,-4c0,-2 -0.585785,-2.585785 -2,-4c-1.414215,-1.414215 -2,-4 -2,-6c0,-2 -2,-6 -2,-8c0,-2 -2,-4 -2,-6c0,-2 0,-4 0,-6c0,-2 -2,-4 -2,-6c0,-2 -0.917603,-3.386871 -2,-6c-0.765381,-1.847755 -0.585785,-5.414215 -2,-4c-1.414215,1.414215 0,4 -2,6c-2,2 -2,4 -2,6c0,2 0,4 -2,4l0,2"/>

  <path fill="#0000ff" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_5" d="m344,326c0,0 2,0 2,0c2,0 2.152252,-1.234619 4,-2c2.613129,-1.082397 4.585785,-0.585785 6,-2c1.414215,-1.414215 2,-2 4,-2c2,0 6.585785,1.414215 8,0c1.414215,-1.414215 2,-2 2,-4c0,-2 3.414215,-4.585785 2,-6c-1.414215,-1.414215 -4,0 -6,0c-2,0 -4,0 -6,0c-2,0 -4.917603,0.613129 -6,-2c-0.765381,-1.847748 -0.585785,-2.585785 -2,-4c-1.414215,-1.414215 -2.304474,-3.530731 -6,-2c-2.613129,1.082397 -4,4 -6,4c-2,0 -2,2 -4,2c-2,0 -4.025818,-0.320374 -6,0c-6.242889,1.013092 -10,2 -12,2c-4,0 -6,0 -8,0c-4,0 -4.585785,-0.585785 -6,-2c-1.414215,-1.414215 -2.585785,-0.585785 -4,-2c-1.414215,-1.414215 -0.585785,-2.585785 -2,-4c-1.414215,-1.414215 -4,-4 -6,-4c-2,0 -2.585785,0.585785 -4,2c-1.414215,1.414215 -2,2 -2,4c0,2 0,4 0,6c0,2 -2,2 -2,4c0,2 1.386871,4.917603 4,6c1.847748,0.765381 2,2 4,4c2,2 4.152252,1.234619 6,2c2.613129,1.082397 4,2 6,2c2,0 4,0 6,0c2,0 3.234619,-0.152252 4,-2c1.082397,-2.613129 2.585785,-2.585785 4,-4c1.414215,-1.414215 4,0 6,0c2,0 4,0 6,0c2,0 4,0 6,0l0,2l2,2l2,0"/>

  <path fill="#aaffaa" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_6" d="m284,282c-2,2 -4,2 -6,4c-2,2 -6,2 -8,4c-2,2 -4,4 -6,6c-2,2 -2,4 -2,6c0,2 0,4 0,6c0,4 -0.459503,8.053497 0,10c1.027496,4.352509 1.234619,6.152252 2,8c1.082397,2.613129 4,4 6,8c2,4 4,6 6,6c2,0 4.152252,1.234619 6,2c2.613129,1.082397 3.386871,2.917603 6,4c1.847748,0.765381 4,0 6,0c2,0 5.647491,0.972504 10,2c1.946503,0.459503 4,0 6,0c2,0 4,0 6,0c2,0 4.585785,1.414215 6,0c1.414215,-1.414215 0.917603,-3.386871 2,-6c0.765381,-1.847748 0,-4 2,-4c2,0 8,0 10,0c2,0 2,-2 2,-4c0,-2 1.414215,-4.585785 0,-6c-1.414215,-1.414215 -4,0 -6,0c-2,0 -4,0 -6,0c-4,0 -10.053497,-0.459503 -12,0c-4.352509,1.027496 -6,2 -8,2c-2,0 -3.386871,-0.917603 -6,-2c-1.847748,-0.765381 -4.372009,0.614899 -8,-2c-2.294525,-1.653809 -4,-2 -4,-4c0,-6 -0.346191,-7.705475 -2,-10c-2.614899,-3.627991 -4,-4 -4,-6c0,-2 0.585785,-4.585785 2,-6c1.414215,-1.414215 2,-2 2,-4c0,-2 4,-2 4,-4c0,-2 0,-4 -2,-6c-2,-2 -4,-2 -6,-2l-2,0"/>

  <path fill="#7f0000" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_7" d="m250,346c0,0 2.585785,2.585785 4,4c1.414215,1.414215 2,2 4,2c2,0 2,0 4,2c2,2 4,2 6,2c2,0 4.152252,1.234619 6,2c2.613129,1.082397 4,2 6,2c2,0 2,2 4,2c2,0 6,0 8,0c4,0 10,0 12,0c2,0 4.053497,0.459503 6,0c4.352509,-1.027496 6.917603,-1.386871 8,-4c0.765381,-1.847748 2.585785,-0.585785 4,-2c1.414215,-1.414215 2.372009,-1.385101 6,-4c2.294525,-1.653809 4.585785,-2.585785 6,-4c1.414215,-1.414215 2.152252,-3.234619 4,-4c2.613129,-1.082397 2.917603,-3.386871 4,-6c0.765381,-1.847748 2.917603,-1.386871 4,-4c0.765381,-1.847748 0.585785,-2.585785 2,-4c1.414215,-1.414215 3.386871,-2.917603 6,-4c1.847748,-0.765381 4,0 6,0c2,0 4,0 6,0c2,0 4.917603,-0.613129 6,2c0.765381,1.847748 2,2 2,4c0,4 0.972504,5.647491 2,10c0.459503,1.946503 0,4 0,8c0,4 0,6 0,8c0,2 0.765381,4.152252 0,6c-1.082397,2.613129 -2,4 -2,6c0,2 0,6 0,8c0,2 0,4 0,6c0,2 0,6 0,8c0,6 0,8 0,10c0,2 0,4 0,8c0,2 0.585785,6.585785 2,8c1.414215,1.414215 2,2 2,4c0,4 -0.917603,7.386871 -2,10c-1.530731,3.695526 -2.917603,7.386871 -4,10c-0.765381,1.847748 -1.234619,6.152252 -2,8c-1.082397,2.613129 -3.386871,4.917603 -6,6c-1.847748,0.765381 -1.757111,2.986908 -8,4c-1.974182,0.320374 -4.304474,0.469269 -8,2c-2.613129,1.082397 -6,4 -8,4c-2,0 -6,0 -10,0c-2,0 -6.053497,-0.459503 -8,0c-4.352509,1.027496 -6,2 -8,2c-2,0 -5.648865,-1.80423 -8,2c-1.051453,1.701294 0,4 0,6c0,2 0.917603,3.386871 2,6c0.765381,1.847748 0,4 0,6c0,2 -1.234619,2.152252 -2,4c-1.082397,2.613129 -4,2 -6,2c-2,0 -3.234619,-2.152252 -4,-4c-1.082397,-2.613129 -3.540497,-4.053497 -4,-6c-1.027496,-4.352509 -4,-6 -4,-8c0,-2 -1.414215,-4.585785 0,-6c1.414215,-1.414215 2,-2 2,-4c0,-2 0,-4 0,-6c0,-2 2,-4 2,-6c0,-2 0.917603,-3.386871 2,-6c0.765381,-1.847748 0.585785,-2.585785 2,-4c1.414215,-1.414215 2,-4 4,-4c2,0 4,0 6,0c2,0 4,0 6,0c4,0 6,0 8,0c4,0 6,0 10,0c2,0 4,0 6,0c2,0 4,-2 6,-4c2,-2 2.585785,-2.585785 4,-4c1.414215,-1.414215 -0.459503,-6.053497 0,-8c1.027496,-4.352509 2,-6 2,-8c0,-2 0,-6 0,-8c0,-4 0,-6 0,-8c0,-2 -2,-4 -2,-6c0,-2 0,-4 0,-6c0,-2 0,-4 0,-6c0,-2 0,-4 0,-6c0,-2 1.414215,-4.585785 0,-6c-1.414215,-1.414215 -2.585785,2.585785 -4,4c-1.414215,1.414215 -2,2 -4,2c-2,0 -4.053497,-0.459503 -6,0c-4.352509,1.027496 -6,2 -8,2c-2,0 -4,2 -8,2c-2,0 -4.152252,-0.765381 -6,0c-2.613129,1.082397 -4,2 -8,2c-2,0 -4,0 -8,0c-6,0 -8,0 -12,0c-2,0 -6,0 -8,0c-2,0 -4,0 -6,0c-2,0 -4,0 -6,0c-2,0 -3.414215,-3.414215 -2,-2c1.414215,1.414215 0,4 0,6c0,2 2.917603,1.386871 4,4c0.765381,1.847748 0,4 0,6c0,2 -1.414215,4.585785 0,6c1.414215,1.414215 2.917603,3.386871 4,6c0.765381,1.847748 0.585785,2.585785 2,4c1.414215,1.414215 0,4 0,6c0,2 0,4 0,6c0,2 -0.919006,4.106995 0,8c1.027496,4.352509 4,6 4,8c0,2 -0.917603,3.386871 -2,6c-0.765381,1.847748 -3.530731,2.304474 -2,6c1.082397,2.613129 4,4 4,6c0,2 2,4 2,6c0,2 1.414215,4.585785 0,6c-1.414215,1.414215 -2,2 -2,0c0,-2 0,-4 -2,-6c-2,-2 -2,-4 -4,-4c-2,0 -2.585785,-0.585785 -4,-2c-1.414215,-1.414215 0,-4 -2,-4c-2,0 -4,0 -6,0c-2,0 -4,0 -6,0c-2,0 -2.585785,-0.585785 -4,-2c-1.414215,-1.414215 -2,-2 -2,-4c0,-2 0,-4 0,-6c0,-2 0,-4 -2,-6c-2,-2 -4,-4 -4,-6c0,-2 0,-4 0,-6c0,-2 -0.585785,-2.585785 -2,-4c-1.414215,-1.414215 0,-4 0,-6c0,-2 0,-4 0,-6c0,-2 -0.917603,-3.386871 -2,-6c-0.765366,-1.847748 -0.585785,-2.585785 -2,-4c-1.414215,-1.414215 0,-4 0,-6c0,-4 0.459503,-6.053497 0,-8c-1.027481,-4.352509 -4,-8 -4,-10c0,-2 0,-4 0,-6c0,-2 0,-4 0,-6c0,-2 0,-4 0,-6c0,-2 0.585785,-2.585785 2,-4c1.414215,-1.414215 2.152237,-3.234619 4,-4c2.613129,-1.082397 4,-2 6,-2c2,0 4,0 8,0c2,0 3.386871,0.917603 6,2c1.847763,0.765381 2,2 4,2c2,0 4.585785,-1.414215 6,0c1.414215,1.414215 2,4 4,4l0,2l2,0"/>

  <path fill="#007fff" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_9" d="m290,438c0,0 0,0 -2,0c-2,0 -4,0 -6,0c-2,0 -3.386871,-0.917603 -6,-2c-1.847748,-0.765381 -4,-2 -4,-4c0,-2 -2,-6 -2,-8c0,-2 0,-4 2,-4c2,0 3.234619,0.152252 4,2c1.082397,2.613129 4,4 6,4c2,0 4,0 12,0c4,0 10,0 10,-2c0,-2 -0.613129,-4.917603 2,-6c1.847748,-0.765381 4,0 10,0c2,0 6,2 8,2c2,0 3.386871,0.917603 6,2c3.695526,1.530731 5.386871,0.917603 8,2c1.847748,0.765381 4,0 6,0c2,0 2,-2 2,-6c0,-2 -2,-4 -4,-4c-2,0 -4,0 -6,0c-2,0 -4.025818,-0.320374 -6,0c-6.242889,1.013092 -7.386871,2.917603 -10,4c-1.847748,0.765381 -5.17157,2.82843 -8,0c-1.414215,-1.414215 -2,-2 -2,-4c0,-2 0,-4 0,-6c0,-2 -2,-4 -2,-6c0,-2 -0.459503,-4.053497 0,-6c2.054962,-8.705017 4.585785,-8.585785 6,-10c1.414215,-1.414215 1.234619,-2.152252 2,-4c1.082397,-2.613129 3.386871,-2.917603 6,-4c3.695526,-1.530731 7.705475,-0.346191 10,-2c3.627991,-2.614899 8,-2 12,-2c2,0 2,2 2,4c0,2 0,4 -2,4c-2,0 -4,0 -6,0c-2,0 -3.385101,2.372009 -6,6c-3.307617,4.589081 -4.917603,5.386871 -6,8c-0.765381,1.847748 -2,2 -2,4c0,2 -2.585785,5.414215 -4,4c-1.414215,-1.414215 2.346191,-3.705475 4,-6c2.614899,-3.627991 2.585785,-4.585785 4,-6c1.414215,-1.414215 5.098297,-7.910339 12,-10c3.828369,-1.159149 4.917603,1.386871 6,4c1.530731,3.695526 0,6 0,10c0,2 0,4 -2,4c-2,0 -2.917603,1.386871 -4,4c-0.765381,1.847748 -3.414215,6.585785 -2,8c1.414215,1.414215 4.152252,-0.765381 6,0c2.613129,1.082397 0.585785,4.585785 2,6c1.414215,1.414215 2.986908,-1.757111 4,-8c0.640717,-3.948364 0,-10 0,-12c0,-4 -1.234619,-10.152252 -2,-12c-2.164795,-5.226257 -4.917603,-5.386871 -6,-8c-0.765381,-1.847748 -2,-2 -4,-2c-4,0 -8,0 -14,0c-6,0 -10,0 -14,0c-6,0 -8,0 -14,0c-2,0 -10,2 -14,2c-2,0 -6.106995,1.080994 -10,2c-4.352509,1.027496 -6.917603,3.386871 -8,6c-0.765381,1.847748 -1.414215,4.585785 0,6c1.414215,1.414215 4,0 6,0c2,0 4,0 6,0c2,0 4,0 8,0c4,0 8,0 10,0c4,0 6,0 8,0c2,0 5.414215,0.585785 4,2c-1.414215,1.414215 -4.152252,-0.765381 -6,0c-2.613129,1.082397 -4.053497,3.540497 -6,4c-4.352509,1.027496 -6.053497,1.540497 -8,2c-4.352509,1.027496 -6.152252,3.234619 -8,4c-2.613129,1.082397 -2.585785,2.585785 -4,4c-1.414215,1.414215 0,4 0,6c0,2 -1.414215,4.585785 0,6c1.414215,1.414215 4,0 6,-2c2,-2 6.372009,-3.385101 10,-6c2.294525,-1.653809 4,-2 8,-2c4,0 6,0 8,0l2,0l0,-2"/>

  <path fill="#007fff" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_10" d="m268,406c0,-2 0,-4 0,-6c0,-2 -1.234619,-2.152252 -2,-4c-1.082397,-2.613129 0,-2 2,-2c4,0 6,0 8,0c4,0 8,0 10,0c6,0 8,0 12,0c2,0 1.627991,1.385101 -2,4c-2.294525,1.653809 -12,4 -16,4l-4,0l-4,2l-2,2"/>

  <path fill="#007fff" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_11" d="m316,378c0,2 -2.972504,3.647491 -4,8c-0.459503,1.946503 0,4 -2,6c-2,2 -2.917603,3.386871 -4,6c-0.765381,1.847748 0,4 0,6c0,2 -1.414215,4.585785 0,6c1.414215,1.414215 4,2 8,2c2,0 2.585785,0.585785 4,2c1.414215,1.414215 4.152252,0.765381 6,0c2.613129,-1.082397 4.585785,-0.585785 6,-2c1.414215,-1.414215 0.19577,-3.648865 4,-6c1.701294,-1.051453 3.17157,0.82843 6,-2c1.414215,-1.414215 0.585785,-2.585785 2,-4c1.414215,-1.414215 2,-2 2,-4c0,-2 0,-4 0,-6c0,-2 0.613129,-4.917603 -2,-6c-1.847748,-0.765381 -4.585785,-1.414215 -6,0c-1.414215,1.414215 0.459503,4.053497 0,6c-1.027496,4.352509 -2.585785,4.585785 -4,6c-1.414215,1.414215 -5.386871,4.917603 -8,6c-1.847748,0.765381 -2.585785,0.585785 -4,2c-1.414215,1.414215 -2.765381,-2.152252 -2,-4c1.082397,-2.613129 4,-4 6,-6c2,-2 4,-2 6,-4c2,-2 2.765381,-4.152252 2,-6c-1.082397,-2.613129 -3.386871,-2.917603 -6,-4c-1.847748,-0.765381 -6,0 -8,0l-2,0l2,0"/>

  <path fill="#007fff" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_12" d="m296,424c-2,2 -4,2 -6,2c-6,0 -6.585785,-0.585785 -8,-2c-1.414215,-1.414215 -2,-2 -2,-4c0,-2 3.705475,-6.346191 6,-8c3.627991,-2.614899 6,-2 8,-2c2,0 7.540497,2.053497 8,4c1.027496,4.352509 1.847748,5.234619 0,6c-2.613129,1.082397 -4.152252,1.234619 -6,2c-2.613129,1.082397 -4,2 -6,4l-2,0l-4,0l-2,0"/>

  <path fill="#007fff" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_13" d="m292,438c2,0 4.014984,-0.244354 6,0c8.184418,1.007538 16,2 24,2c6,0 11.098297,-1.910339 18,-4c1.914185,-0.579559 2,-2 2,-4c0,-2 0,-4 -2,-6c-2,-2 -4,-2 -6,-2c-4,0 -10.077484,0.96109 -16,0c-6.242889,-1.013092 -8,-4 -10,-4c-4,0 -6.692383,1.410919 -10,6c-2.614899,3.627991 -4,6 -4,8l0,2l-2,0"/>

  <path fill="#007f00" stroke="#000000" stroke-width="5" stroke-dasharray="null" stroke-linejoin="null" stroke-linecap="null" id="svg_14" d="m280,78c-2,0 -4,-2 -4,-4c0,-2 0.917603,-3.386871 2,-6c0.765381,-1.847755 2.765381,-4.152241 2,-6c-1.082397,-2.613125 -4.917603,-3.386875 -6,-6c-0.765381,-1.847759 -3.386871,-2.917606 -6,-4c-1.847748,-0.765366 -4,0 -6,0c-2,0 -4,0 -6,0c-2,0 -4,0 -6,0c-2,0 -4.585785,-1.414215 -6,0c-1.414215,1.414215 0,4 0,6c0,2 0.585785,4.585785 2,6c1.414215,1.414215 2,2 4,2c2,0 0.585785,-2.585785 2,-4c1.414215,-1.414215 4.152252,-0.765366 6,0c2.613129,1.082394 2.917603,3.386871 4,6c0.765381,1.847755 1.414215,4.585785 0,6c-1.414215,1.414215 -2.585785,-2.585785 -4,-4c-1.414215,-1.414215 -2.152237,-3.234634 -4,-4c-2.613129,-1.08239 -4.152237,-1.234634 -6,-2c-2.613129,-1.082394 -4.053497,-1.540493 -6,-2c-4.352509,-1.027485 -6.152237,-1.234634 -8,-2c-2.613129,-1.082394 -4,-2 -4,-4c0,-2 0,-4 0,-6c0,-2 -0.765366,-4.152241 0,-6c1.082397,-2.613125 2,-4 4,-4c2,0 4,0 6,0c2,0 5.386871,0.917606 8,2c3.695511,1.530735 8,0 10,0c2,0 4,0 6,0c2,0 4,0 6,2c2,2 2,0 0,-2c-2,-2 -1.386871,-4.917606 -4,-6c-1.847748,-0.765366 -4,0 -6,0c-2,0 -4,0 -6,0c-2,0 -4,0 -8,0c-2,0 -4,0 -6,0c-2,0 -4,0 -6,0c-2,0 -4,0 -6,0c-2,0 -6,0 -8,-2c-2,-2 -2,-4 -2,-6c0,-2 2,-4 4,-4c2,0 4.585785,-0.585787 6,-2c1.414215,-1.414213 2.585785,-2.585787 4,-4c1.414215,-1.414213 0.585785,-2.585787 2,-4c1.414215,-1.414213 4,-2 6,-4c2,-2 4,-2 6,-2c2,0 4,0 6,0c2,0 4,0 6,0c2,0 4,0 6,2c2,2 4.972504,3.647498 6,8c0.459503,1.946499 2,2 2,4c0,2 0,4 2,4c2,0 4.152252,0.765368 6,0c2.613129,-1.082392 4,-4 6,-4c2,0 4,0 6,0c2,0 2.585785,2.585787 4,4c1.414215,1.414213 2,4 2,8c0,2 0,4 0,6c0,4 0,6 0,8c0,2 -0.585785,2.585785 -2,4c-1.414215,1.414215 -2,2 -4,4c-2,2 -2.585785,2.585785 -4,4c-1.414215,1.414215 -2,2 -4,2l-2,2l-2,0"/>

 </g>

</svg>

la Web

Ara us ensenyaré com fer una pàgina web

El que s'ha de fer és copiar això.
Totes les paraules negres son les paraules que surten a la web.
A la línia on surt "img" es on hi hem inserit una imatge. Hem de ficar la url després de src=.
On hi ha "href" és on hi ha un enllaç, fiqueu el que vulgueu.
On hi ha "iframe" i "src=..." a la mateixa línia és on hi ha un vídeo. Aneu a compartir i a l'apartat de inserir al youtube per copiar el format del video que vulgueu.

En el 2 iframes junts hem ficat uns audios
I al últim hem ficat un mapa.