L’ACCESSIBILITAT ALS ESPAIS WEB.

El disseny de webs està cada dia més  a l’abast de tothom. Es creen blocs i llocs web amb informacions de tot tipus, però molts desconeixem quines són les normes bàsiques per fer que aquests espais siguin al màxim de normalitzadors possibles i que permetin l’accessibilitat de tots els usuaris de la xarxa.

La diversitat no només s’ha de tenir en compte a les aules i en les metodologies docents, sinó també en els materials que utilitzem i posem a l’abast dels nostres alumnes. Fins i tot hem de tenir en compte de quina manera obrim l’atenció a la diversitat a tota la societat.

w3cEl World Wide Web Consortim (W3C) es va fundar l’any 1994  com a un organisme internacional independent que té l’objectiu de promoure uns estandards de web que promoguin un alt grau d’accessibilitat per les persones amb discapacitat. Des d’aquest organisme es defineixen alguns criteris que podem tenir en compte a l’hora de crear els nostres espais web amb la voluntat de que siguin el màxim d’inclusius possible.

Alguns dels criteris i consells que es donen des del W3C són:

  • Imatges i animacions: utilitzar “alt” per afegir la descripció de la funció de cada element visual.
  • Multimedia: usar subtítols, transcripció de sons i descripcions dels vídeos.
  • Enllaços amb hipertext: Utilitzar textos que tinguin sentit llegits fora de context (per exemple evitar “clicar aquí”). Posar el mínim d’enllaços possibles i tenint molt en compte la usabilitat i comprensió del que ofereixen.
  • Organització de pàgines: Utilitzar encapçalaments, llistes i una estructura consistent.
  • Figures i diagrames: Descriure breument a la pàgina o en la descripció de la mateixa manera que les imatges.
  • Scripts, applets i plugguins: Cal oferir un contingut alternatiu si les funcions noves no són accessibles.
  • Macros: Utilitzar l’element “noframes” i títols amb sentit.
  • Taules: Facilitar la lectura línia a línia. Resumir.
  • Evitar frases amb dobles sentits o sentits figurals a no ser que s’expliquin en el mateix text.
  • Utilitzar un paràgraf per cada idea.
  • Utilitzar el llenguatge dels usuaris als que va destinat.
  • Donar un asepcte homogeni al disseny de totes les pàgines del mateix lloc.
  • No posar massa elements que es moguin. Sobretot no posar un enllaç en un element que no sigui estàtic.
  • Revisar el treball fet: verificar.

Es poden utilizar algunes eines per la comprovació de l’accessibilitat del web. a http://www.tawdis.net/ podem fer una comprovació de l’accessibilitat en els seus tres nivells.

Més informació sobre el tema en aquesta web: http://webposible.com/articulos/recursos_accesibilidad.html

 

 

 

Photoshop, una eina útil per la creació de materials digitals o en paper

Tot i que el programa Photshop està pensat per el disseny i retoc digital d’imatges a  nivell professional, pot ser una eina molt útil de dominar i conèixer per part dels docents.

En un primer moment sembla que les opcions que ofereix són massa complexes o que les pretensions de la majoria de tutorials són tant grans, que queden fora del nostre abast. Tot i això, algunes de les funcions que aquest programa ens ofereix són molt útils per poder fer petites modificacions a certs materials per tal d’adaptar-los a la diversitat del nostre alumnat.  En altres ocasions ens trobem amb imatges que ens resulten interessants però en les que ens caldria fer alguns retocs o modificacions (d’idioma, de contingut, etc.).

Tenir un domini bàsic d’algunes funcions del programa ens permeten arribar  fàcilment a resultats  molt acurats i ajustats a les nostres necessitats.

Agraïm que hi hagi alguns professionals del món del disseny digital que ens donin accés a bons tutorials.  En aquest cas voldria facilitar-vos els vídeos de GOV3dSTUDIO que ens ensenyen pas a pas la utilitat de cada eina confegint un curs sencer i gratuït del programa.

A la seva web ens permet l’accés al curs a partir d’un registre gratuït (http://gov3dstudio.com/photoshop-cs6-introductorio/) però podem trobar els mateixos vídeo-tutorials al youtube sense haver-nos de registrar.

Aquí hi ha el primer vídeo-tutorial del curs. A partir d’aquest es pot anar seguint tota la seqüència per ordre.

L’explicació de les diferents funcions és molt clara i senzilla i ens permet, a més, descarregar els materials que s’utilitzen en el curs per poder fer una pràctica sistemàtica del que es va explicant al llarg de les diferents sessions.

 

Com fer servir “llegir selecció” del text a l’iPad

Malauradament el nou sistema operatiu de l’ipad iOS 9, presentat fa unes setmanes, no ens ha incorporat la veu del català. Ja amb iOS 8 es va aconseguir que el ipad ens “entengui” i li poguem dictar en català, però ell encara no ens hi parla… 🙂
És una llàstima, doncs encara no el podem emprar amb aquells alumnes que els seria un gran recurs la lectura del text en pantalla.
Però, per moltes altres llengües (espanyol, anglès, francès…) si que existeix, i per tant també es presenta una bona eina per l’aprenentatge d’aquestes llengües.
El següent article us explica el seu funcionament.

Jonathan Wylie

text to speech on the ipad title

The iPad is a great device for assistive technology and text to speech is one of the most often used accessibility feature by teachers in special education and general education classrooms. Many teachers are not aware that it exists, but it does, and it has evolved to become a very usable solution with lots of valuable options to customize it to meet your needs. Here’s what you need to know to get started with text to speech functionality on your iPad.

How to Enable Text to Speech on the iPad

  1. Go to Settings > General > Accessibility > Speech and turn on Speak Selection and Speak Screen by sliding the toggle switch to the right.
  2. Next, adjust the speed of the speech by sliding the speaking rate slider to the right (or the left) until the voice reads at an acceptable pace for your needs.
  3. Turn on Highlight Content

View original post 574 more words

Sayonara WordPress – Com deixar de contribuir en un blog

Sayonara_WordPress

Sovint m’he trobat amb alumnes i docents que al llarg de l’escolaritat van acumulant un nombre important de blogs associats al seu compte d’usuari de WordPress. Són espais web on en algun moment han estat convidats a participar amb els rols que permet la plataforma. Estudiants i docents, molts cops creuen que per “aprimar” la llista dels seus blogs, i deixar de contribuir en alguns que ja no fan sevir, han d’esperar que l’Administrador del blog els elimini, sense tenir present que un mateix pot decidir-ho, i per tant eliminar-lo de la llista de “Els meus llocs“.
Així és com es fa:
1- Amb la nostra sessió oberta de WordPress i dintre de la pantalla d’administració d’algun dels nostres blogs, al menú Tauler > anem a Els meus Blogs.
2- Ens apareixerà un llistat amb tots els blogs que participem, com a creadors o convidats.

3- A la segona columna, sota l’URL del blog, ens apareix en passar-hi el cursor (en els blogs que no som els creadors) l’opció Leave Blog (Deixa el Blog) > fem-hi un clic.

4- Ens apareixerà el següent missatge d’alerta:
“Avís Important! Deixaràs el blog XXXXX.wordpress.com i ja no podràs escriure més missatges al mateix. No s’enviarà cap e-mail de confirmació, si us plau, assegurat que això és el que vols fer abans de continuar!
Ho he entès, vull continuar”

5- Un cop marcada la casella de confirmació del missatge i fet clic a Leave blog, eliminarem per sempre aquest blog del nostre compte de WordPress.

Editar i sincronitzar arxius d’Office al dropbox amb dispositius mòbils

dropbox office

Una de les coses que hem trobat a faltar els que treballem amb Dropbox és que des d’un dispositiu mòbil no es pogués editar un arxiu d’Office i sincronitzar-lo directament. Ara ja és possible si et descarregues gratuïtament les aplicacions d’Office,Word, Excel, powerpoint, one note….

FullSizeRender

Si no esteu registrats a office, caldrà fer-ho, podeu utilitzar qualsevol correu que tingueu, és molt ràpid i senzill

La primera vegada que s’accedeix a cadascuna de les aplicacions d’office, caldrà afegir-li el dropbox:

IMG_2174

IMG_2175

IMG_2170

Una vegada ja es pot accedir al dropbox, es pot:

– Editar arxius d’Office des de l’aplicació de Dropbox per a mòbils i sincronitzar canvis en tots els teus dispositius

– Accedir a arxius de dropbox desde les noves aplicacions d’Office i guardar arxius nous al Dropbox

– Compartir enllaços de Dropbox des de l’Office quan hagis fet canvis

Així doncs ara ja no cal descarregar els documents d’office i llavors tornar-los a carregar, automàticament es sincronitzen els canvis com quan treballem en local amb l’ordinador.

Format condicional per valorar un formulari

En una entrada prèvia d’aquest blog (Formularis de Google) el James ja ens va presentar exemples de la utilitat d’aquesta aplicació disponible des del Google Drive i en Jordi B,, des d’una entrada del seu blog Innovasak, a més d’afegir exemples d’utilitat, ens va donar pistes sobre com crear aquests formularis (una tasca que, realment, no té major dificultat). AVui la meva intenció és complementar aquestes entrades comentant com fem servir aquest formularis des de les classes de Matemàtiques i com podem complementar la facilitat que ofereixen de recollir múltiples respostes amb el fet de poder fer una primera valoració d’aquestes respostes a cop d’ull.

Cada cop que creem un formulari de nom “X” al nostre Drive apareix un full de càlcul de nom “X (respostes)” on es van abocant les respostes que donen al qüestionari els alumnes als que el proposem.

Un exemple, mentre treballàvem la Mesura de Temps a 5è vam proposar aquest formulari:

.

I al full de respostes vam rebre això:

Mesurem_el_temps__respostes__-_Fulls_de_càlcul_de_Google

En realitat vam rebre aquest mateix full de càlcul però sense colors. La manera d’aconseguir que apareguessin pintades de verd les cel·les que contenien respostes correctes i que ens donen la primera impressió de com va anar la tasca, és a partir del “format condicional”.

El procediment per aconseguir-ho és el següent:

  • triem una columna, per exemple, la columna on s’han abocat les respostes de la pregunta “Quants dies té una setmana?”, despleguem les opcions que ens ofereix el botó triangular que hi ha al costat de la lletra D de la columna en qüestió i triem “Format condicional”

Pantalla_completa_04_03_15_23_06

  • triem quina condició han de complir les cel·les perquè quedin acolorides de verd. En aquest cas:

Mesurem_el_temps__respostes__-_Fulls_de_càlcul_de_GooglePerò l’anterior és únicament un exemple dels formats condicionals que puc triar. A continuació, altres exemples:

llibreta_notes_mates_-_Fulls_de_càlcul_de_Google 2 llibreta_notes_mates_-_Fulls_de_càlcul_de_Google

Activar la “Versió d’ordinador” al navegador de l’iPad

En aquest article:Actualment són moltes les pàgines i plataformes web que adapten el disseny de la pàgina al tipus de dispositiu amb el qual estem visualitzant els seus continguts. Generalment quan naveguem amb una tauleta la visió d’aquestes pàgines web s’adapta eliminant elements secundaris, centrant la visió amb l’element principal i alhora també facilitant la interacció tàctil amb la web. I encara és una situació més accentuada si aquesta visualització la fem des d’un smartphone.

Sens dubte que això afavoreix el “consum” d’aquests continguts i inclús la interacció amb els mateixos. Però d’altra banda aquesta adaptació provoca quasi sempre perdre utilitats de la plataforma o programa web. Mireu per exemple la visió d’un arxiu Full de càlcul del Drive amb una versió i l’altra. Totes les utilitats del menú superior desapareixen a la versió mòbil.

És cert que moltes plataformes i serveis ja tenen la seva app específica per poder interactuar millor des dels dispositius mòbils, però aquestes també mostren mancances respecte a les versions web. Això de mica en mica va millorant, i els desenvolupadors van sumant funcionalitats a les versions mòbils, i segur que arribarà un moment que podrem fer el mateix des d’un mòbil com ho faríem amb l’ordinador.

Però fins que això no arribi, tenim l’opció d’obrir la Versió d’ordinador al navegador del nostre iPad (Safari), i així visualitzar el mateix que faríem des de la pantalla d’un ordinador, i el que és millor, també optar a totes les funcionalitats, encara que sigui d’una manera menys òptima (més petit, retard tàctil…). Això permet accedir a característiques d’edició, configuració… de la plataforma, que d’altra manera sols podríem amb un ordinador.

Tenim dues formes per activar aquesta opció:

– Cercar a la mateixa web un comandament que digui: Ordenador, Escriptori, Desktop… generalment el trobarem a una columna desplegable a l’esquerra (el cas de YouTube, Drive…), o al peu de la pàgina (WordPress, Wikipedia…). Fent un tap sobre aquest comandament passarem a la versió ordinador.

 

– Sempre que tinguem la versió iOS8 al nostre iPad, podrem demanar la versió ordinador des de la mateixa barra URL del navegador, per fer-ho ens caldrà:

1- Fer un tap sobre la barra del navegador

2- Lliscar avall el quadre emergent

3- Fer un tap sobre l’opció “Sol·licitar versió d’ordinador

Recordeu que cal tenir instal·lada la versió iOS8 a l’iPad per poder fer aquesta última opció.

A escola, on estem treballant en entorns 1×1 amb iPad, ens ha calgut emprar aquesta opció en casos com:

– Poder accedir a utilitats de l’ofimàtica dels arxius de Drive, que la seva app no proporciona.

– Treballar de forma col·laborativa amb arxius de iWork (a l’estil de Drive) des de l’app no és possible, però si des del navegador amb l’opció ordinadors activada.

– Accedir a elements avançats, com el codi HTML en vídeos de YouTube

– Accedir a paràmetres de configuració de comptes i plataformes web.

– etc.

En el moment que l’iPad es converteix amb una eina de creació i gestió potent, el fet de poder accedir amb el navegador a les versions d’ordinadors de les diferents plataformes i programes, sens dubte ens ajuda a obtenir un major profit de l’eina.

 

 

 

Corrector ortogràfic i iPad

correctoripad

A aquest article: configuració de teclats, corrector ortogràfic/gramatical català

Ara farà dos anys que vam publicar una entrada sobre com optimitzar l’escriptura amb un iPad, des de llavors les actualitzacions del sistema operatiu ens han portat algunes novetats relacionades, com el dictat per veu en català, utilitzar teclats de tercers, etc. Però el que no ha millorat gaire més, és el corrector que porta el sistema operatiu.

Com sabeu, el teclat de l’iPad permet incorporar diferents idiomes al mateix (Configuració > General > Teclat > Teclats > Afegir teclat nou…). Això ens permetrà activar funcions com l’Autocorrecció del text que corregeix automàticament les errades que detecti de l’idioma seleccionat; o l’opció Predictiu, que ens suggereix la paraula que estem escrivint, i així guanyar agilitat. A l’idioma català, no disposem de moment, ni del menú predictiu avançat, amb tres opcions suggerides a la capçalera del teclat, ni l’opció Revisar ortografia un cop escrit el text. A més com us deia a l’inici, aquest corrector en català és força justet… Sí que és cert que aprèn de la nostra escriptura, la qual cosa tant pot ser bona com fatal si no som prou curosos. M’explico, quan escrivim i l’iPad ens senyala una paraula com errònia i nosaltres la descartem donant-la com a bona, l’iPad acaba incorporant-la al diccionari com a correcte. Cal fer atenció per tant a no acceptar paraules mal escrites, o utilitzar un idioma de teclat diferent del qual realment estem escrivint. Així i tot, sempre es pot reiniciar els diccionaris del teclat anant a Configuració < General > Reiniciar > Reiniciar el diccionari del teclat. Això tornarà TOTS els diccionaris a la configuració inicial.

Donada aquesta capacitat minsa de la correcció ortogràfica en català a l’iPad, el millor serà cercar la funcionalitat fora del mateix sistema operatiu del dispositiu. Una opció seria emprar alguna app amb aquesta finalitat, jo no en conec cap i per tant us agrairé si en sabeu d’alguna… L’opció que jo us proposo és utilitzar el “Corrector ortogràfic i gramatical” de Softcatalà. És una plataforma web i per tant l’executarem des del navegador com faríem amb un ordinador, amb l’app SafariChrome… L’inconvenient és que us caldrà disposar de connexió a internet, i tenir present que el seu ús tàctil no és tant òptim com fer servir el ratolí, però el resultat final serà el mateix; una excel·lent correcció ortogràfica i gramatical, així com recomanacions d’estil.

El seu ús és molt senzill, un cop a la pàgina web enganxeu el text a corregir i feu tap a Revisar, us mostrarà el text subratllant les possibles correccions en tres colors en funció del seu tipus:

Per visualitzar les opcions suggerides de correcció, caldrà fer un tap a la paraula subratllada, i podrem escollir l’opció correcte fent-hi també un tap, i ATENCIÓ, per visualitzar una nova correcció del text caldrà abans lliscar el teclat avall, en cas contrari no s’activarà de nou el quadre de correcció.

En finalitzar la correcció podrem copiar tot el text i enganxar-lo de nou a l’aplicació d’origen (Pages, Mail, entrada al blog…). Cal tenir present que en aquest procès de “copiar i enganxar” no es manté el format (negreta, mides, justificació…), per tant sempre el recomanable és escriure primer el text pla, sense format, i un cop realitzada la correcció donar-li el format desitjat a l’aplicació de destí.

Per tant si voleu utilitzar aquest recurs, recordeu de tenir sempre a mà l’enllaç del corrector de Softcatalà, en aquesta entrada ús explicàvem com fer-ho.

Enllaç al Corrector ortogràfic i gramatical

Organitzar els Favorits d’internet a l’iPad

Aquests dies una mestra em demanava una manera àgil i fàcil per emmagatzemar i organitzar enllaços a l'iPad per emprar amb els alumnes a l'aula: espais de consulta, eines d'ús freqüent, selecció de continguts… I la manera més senzilla és fent servir la mateixa utilitat que el navegador de Safari ens proporciona, o bé crear accessos directes a la pantalla d'inici de l'iPad, com si d'una app més es tractés. Sens dubte que hi ha eines molt més sofisticades per fer aquesta tasca, però també més complexes d'aprendre i fer servir. Per tant si el que cerquem és una classificació elemental i d'accés ràpid, a continuació us mostro com fer-ho.

Favorits a Safari

Safari, ens permet com tots els navegadors, d'emmagatzemar i classificar en carpetes i subcarpetes tots aquells indrets d'internet que ens interessi arxivar per poder-hi accedir posteriorment de forma immediata, sense necessitat de memoritzar ni cercar de nou la URL. Aquests són els passos:

A la pantalla de Safari:

  1. Tap al símbol compartir/enviar
  2. Al menú despleglable, tap a “Afegir marcador

1

A la nova finestra:

  1. Si vols, canviar el nom del web
  2. Decideix en quin indret classificar-lo (carpeta, subcarpeta…)
  3. Tap a “Desar” per guardar

2

Ara ja està emmagatzemat l'enllaç als teus Favorits de Safari, i per accedir-hi quan o necessitis:

  1. Tap al símbol del llibre
  2. S'obre el desplegable amb tots els nostres Favorits classificats amb carpetes, subcarpetes… (si no els veieu, assegureu-vos que teniu seleccionada la icona del llibre, del desplegable)

3

Si voleu, eliminar/ordenar Favorits, o crear modificar carpetes… podreu fer-ho fent un tap a “Editar” a la part inferior del despleglable.

Favorits a la pantalla de l'iPad

Una altra manera d'organitzar espais web per accedir-hi amb facilitat, és afegir-los directament a la pantalla del iPad en forma d'icona com una app més, que en obrir-la ens llençarà directament a la pàgina web enllaçada. Així és com es fa:

A la pantalla de Safari:

  1. Tap al símbol compartir/enviar
  2. Al menú despleglable, tap a “A pantalla d'inici

A la nova finestra:

  1. Si vols, canviar el nom del web
  2. Tap a “Afegir

A continuació veuràs l'enllaç com es mostra en format app a la pantalla de l'iPad. El disseny de l'app coincidirà amb el del Favicon de la pàgina web, en cas que en tingui, si no reproduirà una mini captura de pantalla de la mateixa.

I recorda, que de la mateixa manera que les apps, podràs agrupar els enllaços en carpetes i anomenar-les amb el nom que vulguis…

 

Cerca avançada a WordPress. Filtre per categories i etiquetes combinades

Aquest article mostra diferents formes de combinar els criteris de cerca en WordPress per tal de facilitar el treball a l’hora de localitzar els articles que t’interessen dins d’un blog. Especialment interessant el darrer punt on s’explica com fer un filtre de les entrades d’un blog que tenen una categoria  i una etiqueta concretes de manera simultània.

 

1-Introducció

Les categories i etiquetes dels blogs de WordPress ens permeten establir criteris de cerca per tal de poder filtrar les que tenen un distintiu concret de la resta de publicacions.

Si ens fixem en com es formen les URL quan fem clic a una categoria o a una etiqueta, podem observar que sempre tenen la mateixa estructura:

Però, sabries com filtrar el contingut d’un blog utilitzant diverses etiquetes o categories al mateix temps?

Sabries combinar el filtre anterior amb la possibilitat de buscar qualsevol paraula en el contingut de l’article?

 

2-Cerques bàsiques

Comencem pel principi: distingir els diferents elements (cerques, etiquetes i categories)

Suposem que volem trobar:

  • Articles sota una determinada categoria. Usarem URL del tipus:

https://ticasak.wordpress.com/category/trucs/

  • Publicacions amb certa etiqueta. La URL serà:

https://ticasak.wordpress.com/tag/evernote/

  • Entrades que continguin cert text (cerca). Usarem:

https://ticasak.wordpress.com/?s=drive

 

3-Cerques múltiples

Per buscar articles que pertanyin a diversos tipus al mateix temps no tenim mes que separar els termes entre si utilitzant el signe +

D’aquesta manera busquem

  • Múltiples categories:

https://ticasak.wordpress.com/category/trucs+eines-tic

  • Múltiples Etiquetes

https://ticasak.wordpress.com/tag/evernote+dropbox

  • Cert text:

https://ticasak.wordpress.com/?s=drive+dropbox

.
4-Cerques combinades

Si volem buscar articles que continguin determinat text i es trobin catalogats amb diverses categories o etiquetes haurem de compondre l’adreça web de la següent manera

https://ticasak.wordpress.com/category/trucs+eines-tic/?s=drive

 

5- Cerques combinades amb articles d’una categoria i etiqueta determinades

Aquesta opción només la contemplen sistemas de bases relacionals que realitzen una seqüencia de dos filtres consecutivamente, o alguns pluggins de WordPress.org, com  per exemple:

1- Post by Tag.
2- Multiple category selection.

La pregunta que jo em feia, la qual ha provocat aquesta investigació, és…

hi ha alguna manera de fer aquesta doble sel.lecció a un blog gratuït de Worpress.com?

Doncs sí. Hi ha un truc que afecta al disseny inicial de les categories i etiquetes que assignem a les publicacions que ens permet realitzar aquest darrer filtre:

Si afegim a cada entrada del blog, a més de les etiquetes que li corresponguin pel tema o paraula clau, la paraula que descriu la seva categoria, podrem fer un filtre de doble etiqueta tal i com s’explica en el punt 4 en el que un dels noms és el de la categoria (també etiqueta) i l’altre el de l’etiqueta en qüestió. El resultat serà que ens mostrarà només les publicacions d’una categoria determinada amb una etiqueta concreta. És a dir, haurem fet un filtre seqüencial que només es pot fer de manera directa a worpress.org.

Utilitat?

Us posaré un exemple:

Si jo faig un blog en què les categories són les etapes educatives, i entre les etiquetes estan les àrees, podrem construir una URL que ens mostri, per exemple, només les entrades d’Educació Primària que siguin de l’àrea de matemàtiques.  Penseu que amb els filtres directes de categories o  d’etiquetes de WordPress.com, només podríem veuve, o bé totes les entrades d’EP, o bé totes les entrades de matemàtiques, però mai la intersecció de totes dues.

Bona feina!

%d bloggers like this: