NETWORKING - INNOVACIÓ I EMPRESA A SANTA PERPÈTUA

Avui, al web de l'Ajuntament podíem llegir la següent noticia:

"L'Ajuntament organitza una jornada de cooperació empresarial. L'objectiu és donar suport a les empreses del municipi"

"En el marc d'un conjunt de mesures per donar suport a les empreses del municipi, l'Ajuntament de Santa Perpètua de Mogoda organitza la 1a jornada de Cooperació Empresarial. L'objectiu de l'esdeveniment és contribuir a que les empreses del nostre municipi es coneguin entre elles i estableixin nexes de col·laboració, reduint costos o augmentant vendes en poder trobar proveïdors o clients en l'entorn més proper. L'acte se celebrarà el dia 30 de juny al Restaurant Castell de Santiga i la inscripció és gratuïta. Per formalitzar la inscripció, cal registrar-se a la web de Gettingcontacts! i omplir el formulari."

Es tracta d'una jornada de trobades entre empresaris del municipi per fomentar les relacions empresarials i els contactes i s'utilitza un servei de NETWORKING per portar-la a terme. La jornada ha estat organitzada per l'àrea d'empreses del departament de Promoció Econòmica de l'ajuntament.

I què és això del NETWORKING?

Segons Alfonso Alcántara, el networking és un concepte que inclou qualsevol pràctica, aplicació o esdeveniment que pretengui facilitar l'establiment de relacions, contactes i col·laboracions entre persones amb diferents objectius, des dels més professionals de recerca de feina o emprenedors, fins als més personals relacionats amb el lleure, l'amistat i les relacions de parella.

Per descomptat aquest nou model de relacions s'ha estès al món dels blocs i a la web social en general en la qual Twitter, YouAre, Facebook, Tuenti, Plaxo, Wasabi, LinkedIn i Xing apareixen com les eines de networking per definició, les primeres amb més matisos socials i personals, i les dues últimes amb vocació professional i de negocis, encara que en la pràctica aquests aspectes tendeixen a combinar cada dia més.
Aquest "mercat relacional" està facilitant el desenvolupament de negocis i idees empresarials.

A més, són moltes les empreses que es dediquen a facilitar aquests contactes. De fet, a Santa Perpètua, la jornada està organitzada per Gettingcontacts.

El networking és sens dubte la millor tècnica de recerca de feina i una eina que han d'aplicar de forma contínua dels emprenedors i aquelles persones que volen ser i estar en el món dels negocis i de la consultoria. Segons les dades, entre un 50% i un 75% de les persones en el mercat laboral van trobar la seva darrera feina a través dels seus contactes. Es tracta d'una dada prou significativa com per obviar-la.

Així doncs, aquesta iniciativa de l’ajuntament és un gran pas cap a la innovació, allò que alguns experts veuen com la sortida a aquesta situació de crisi que ens afecta a tots.

En els següents enllaços, trobareu més informació sore la jornada de cooperació empresarial:

Tríptic de la jornada

Programa de la jornada

I per tal que conegueu més sobre aquest fenomen, us passem alguns enllaços d’utilitat sobre el networking:

Networking: cómo hacer un buen contacto (David Bomzer)

El networking es inevitable. Guía de optimización para el empleo y los emprendedores (Alfonso Alcántara)

Las mujeres, networkers innatas

El bloc de Ràdio Santa Perpètua

Hola a tothom!

Navegant per Internet, ens hem trobat amb això...

És el bloc de la Ràdio (http://www.staperpetua.org/blog_radio/index.php), un espai que recull les experiències de la gent que fa Ràdio Santa Perpètua. En ell es pot consultar la programació de l'emissora, saber de què parlen i què fan en cada programa i posar-se en contacte amb ells a través dels enllaços i dels comentaris.

Quina bona idea!

A més, també podeu consultar la pàgina web, http://www.staperpetua.org/index.php, per fer una passejada virtual, mirar la webcam instal·lada en el locutori, escoltar la ràdio en directe via streaming o, si ho prefereixes, descarregar-te els podcast i escoltar-los on i quan vulguis.

Si la ràdio per sí mateixa és immediatesa i espontaneitat, amb un bloc i aquestes eines, ho és per partida doble.

Aquesta sí que és una ràdio 2.0!

Sortida a "el triangle de la informàtica" de Barcelona

Hola, gent d'internet!

Avui parlarem sobre l'excursió de demá (divendres 26 de juny) a "el triangle de la informàtica" de BCN.

I, què és el triangle de la informàtica?

És un sector imaginari que es crea unint plaça Catalunya, Ronda de Sant Antoni i el carrer de Sepúlveda en Barcelona. En ell, ens trobem la major concentració de botigues d'informàtica per metre quadrat en aquesta ciutat (més per a PC que per a MAC ).

Aquí trobarem establiments com Pc Green, El Corte Inglés, Fnac, Pricoinsa, Jump, PcCity, Beep, Bazar El Regalo, Pista Cero, ...

La sortida está pensada perquè aprenem de manera pràctica a muntar un ordinador per peces (amb una bona relació qualitat preu o simplement d'alta qualitat) en comptes de comprar-nos el primer "kit" o "pack" que ens vingui fet i que per simple vaguessa no ens quedem ell millors components pel preu que estem pagant. A més d'informar-nos sobre la mitjana actual del preu d'una pantalla, d'una torre o de qualsevol component ...

La casa d'oficis ens proporciona un bus que ens portarà i tornarà de Barcelona. És una sortida bastant pràtica, espero aprendre coses noves a més de passar un bon dia amb els companys.

Ja us informarem sobre com ens ha anat i què hem vist de nou.

Què vagi bé!

Ruben.

AMB ELS ORDINADORS DELS CENTRES CÍVICS

Aquí ens teniu, anant per feina amb els equips informàtics dels Centres Cívics.

Ja portem dues setmanes dedicant-nos a la reparació i posta a punt dels equips d'accés públic de la Xarxa de Centres Cívics de Santa Perpètua i la cosa va molt bé.

En una entrada anterior, us explicàvem en què consistia aquesta acció, que podríem dir que és un avanç del que ens espera a partir del juliol amb les pràctiques. De fet, aquesta feina és, en sí, una pràctica.

Si la setmana passada, vam treballar amb La Florida, La Creueta i El Vapor, avui ens toca Mas Costa i els ordinadors de l'espai jove de Can Taió.

I recordeu, si voleu provar com han quedat els equips després del nostre treball, visiteu-los a partir d’aquesta setmana i feu-nos arribar les vostres impressions, opinions, etc. a través d’aquest bloc o de la nostra adreça electrònica: staperpetua.co@gmail.com

A CLASSE DE SEGURETAT LABORAL...

Fa uns quants dies, us comentàvem que vam començar a fer un mòdul de Prevenció de Riscos Laborals i Salut i Higiene en el Treball. També dèiem que, a més de ser matèria d'obligat compliment tant per la nostra part com a treballadors com per les empreses, la prevenció s'ha demostrat com el mitjà més efectiu per evitar molèsties, malalties i d'altres problemes en el futur.

Doncs ja estem acabant el mòdul. Al llarg de 30 hores de classe, hem après quins són els riscos laborals més habituals davant dels quals ens podem trobar i quines són les tècniques de prevenció que hem d'aplicar per tal d'evitar-los.

Dit així, sembla fàcil, però la prevenció de riscos és una matèria que hem de tenir present en tot moment: quan carreguem un equip, quan manipulem instruments i eines per a la reparació, quan seiem durant hores davant de l'ordinador... És més una actitud que altra cosa i estem disposats a tenir-la durant tot el període de pràctiques que, en breu, encetarem.

I si hi ha algú que no es cregui que hem rebut aquesta preparació, aquí ens teniu, a classe, compartint temps i conversa amb el nostre professor...

Que vagi bé! I, com diu la campanya, "a la feina, cap risc"

COL•LABORACIÓ AMB LA XARXA DE CENTRES CÍVICS DE SANTA PERPÈTUA

Aquesta setmana comencem a treballar…

Sí, sí, com ho sentiu… comencem a treballar.

Què farem?

La Xarxa de Centres Cívics de Santa Perpètua ens ha demanat que l’ajudem en la supervisió i manteniment dels seus equips informàtics amb l’objectiu d’actualitzar-los i deixar-los a punt perquè donin un millor servei als usuaris de la Xarxa.

Els ordinadors destinats a l’accés lliure i/o a l’ús públic solen patir molt. S’utilitzen per a moltes coses i no sempre es tenen en compte criteris d’ús com ara la correcta instal•lació de programes, l’organització de la informació, la descàrrega d’arxius, etc.

La Xarxa de Centres Cívics disposa d’equips d’aquest tipus en tots els centres i aprofitarem l’avinentesa d’estar aquí (quina casualitat!) per fer-ne un manteniment dels equips informàtics i deixar-los en òptimes condicions. Així, de pas, posem en pràctica tot allò que hem estat veient al llarg del curs.

En què consistirà la nostra actuació?

La nostra feina com a tècnics en sistemes microinformàtics consistirà en:

1. Fer diagnosi de l’estat actual dels equips informàtics dels diferents Centres Cívics del municipi.
2. Recollir el material per realitzar-ne el manteniment i/o la reparació.
3. Revisió i posta a punt, tant a nivell de maquinari com de programari (substitució de components, actualització i instal·lació de programes, etc.)
4. Devolució dels equips revisats als centres cívics d’origen.
5. Comprovació in situ de l’estat i bon funcionament dels equips.

D’altra banda, durant el segon semestre de l’any, també farem tasques de manteniment periòdic i revisió dels equips per tal que es conservin en bon estat i així puguin perllongar la seva vida útil.

Així, com us dèiem, comencem a treballar en entorns reals, la qual cosa ens obliga a ser curosos amb la nostra feina i tenir en compte tots aquells aspectes bàsics pel bon funcionament d’un ordinador.

Els primers centres on treballarem seran la Florida, la Creueta i el Vapor. Si voleu provar com han quedat els equips després del nostre treball, visiteu-los a partir d’aquesta setmana i feu-nos arribar les vostres impressions, opinions, etc. a través d’aquest bloc o de la nostra adreça electrònica: staperpetua.co@gmail.com

Sintaxi CSS

Un full d'estil es compon de regles de visualització

La sintaxi del CSS difereix completament de la sintaxi de l'XHTML. Enlloc d'un nombre d'etiquetes que estructuren la informació, en CSS es troba un conjunt de regles formades per selectors, propietats i valors. Aquestes regles determinen l'estil del document. El model que defineix una regla CSS sería:

SELECTORS {
PROPIETAT : VALOR;
}


Cada regla consta d'un SELECTOR, que és el qual indica quin element o part de la pàgina s'aplica l'estil. Normalment els selectors són etiquetes HTML (h1 seria un selector que permetria aplicar estils a les capçaleres ).

A cada selector ha de seguir una DECLARACIÓ de l'estil que ha de ser-li aplicat (p.e. color:blue). Tota declaració té dues parts: PROPIETAT (per exemple, color) i VALOR (per exemple, blue).

L'enunciat de regles constitueix la forma usual de declarar estils i han d'ajustar-se a la sintaxi definida per l'especificació CSS; si el navegador troba un selector que no entén, ignorarà sencera la declaració. Si troba dintre de la declaració una propietat o valor que no comprèn ignorarà aquesta part de la declaració, però haurà de processar la resta.

Els selectors disponibles són, com queda dit, totes les etiquetes HTML. A qualsevol etiqueta HTML se li pot assignar un estil. A més, pots crear selectors propis.

Conflictes i Herències

En el standard CSS està previst que pugui aplicar-se de forma simultània mes d'un full d'estil. Si aquestes definicions d'estil no estan en conflicte, totes elles són aplicades. Si per contra, dues o més regles regulen de forma diferent la mateixa propietat o element, sorgeix un conflicte d'estils que serà resolt en l'ordre jeràrquic predeterminat en el standard.

La regla general és que els estils declarats per l'autor del document prevalen sobre els estils declarats per l'usuari, i tant els dissenyats per l'autor com per l'usuari prevalen sobre els estils per defecte del navegador. Els fulls d'estil enllaçades o importades prevalen unes sobre unes altres, en cascada, en l'ordre que són cridades.

La resolució de conflictes d'estil mitjançant regles jeràrquiques predeterminades possibilita que l'autor busqui aquests conflictes per a controlar en detall la visualització del document.

CSS (Fulls d'estil en cascada)

Molt bones, internautes d'aquí i d'allà!

Sabeu què és una "CSS"? No n'heu sentit a parlar mai?

El terme CSS ve de l'anglès "Cascade Style Sheets" i traduït literalment seria " fulls d'estil en cascada".

CSS és un llenguatge creat per controlar l'aspecte o presentació dels documents electrònics definits amb HTML i XHTML. CSS és la millor forma de separar els continguts i la seva presentació i és imprescindible per crear pàgines web complexes.

Separar la definició dels continguts i la definició del seu aspecte presenta nombrosos avantatges, ja que obliga a crear documents HTML / XHTML ben definits i amb significat complet (també anomenats "documents semàntics"). A més, millora l'accessibilitat del document, redueix la complexitat del seu manteniment i permet visualitzar el mateix document en infinitat de dispositius diferents.

En crear una pàgina web, s'utilitza en primer lloc el llenguatge HTML / XHTML per marcar els continguts, és a dir, per designar la funció de cada element dins de la pàgina: paràgraf, titular, text destacat, taula, llista d'elements, etc .

Una vegada creats els continguts, s'utilitza el llenguatge CSS per definir l'aspecte de cada element: color, mida i tipus de lletra del text, separació horitzontal i vertical entre elements, posició de cada element dins la pàgina, etc.

Les CSS serien una cosa semblant encara que molt diferent del html. De fet, és el millor complement per al disseny de pàgines web amb HTML.

En què s'assemblen i en què no?

S'asembla en que la CSS no deixa de ser un full ple de codis i enllaços, etc. que està preparat per interpretar-se en un navegador d'internet.

I no s'assembla en què el lleguantge i l'organització són diferents. A part, les CSS serien com una part més de disseny i d'organització i deixaria de banda el que és la introducció d'elements per centrar-se exclusivament en la manipulació de dits elements que ja estan inserits a la pàgina.

Espero haver fet que us entri la curiositat i ara busqueu informació més concreta... Per començar, aquí teniu una bona introducció:

Introducción a CSS (Javier Eguíluz)

Fins una altra i moltes més.

Ruben

TIPUS DE DOCUMENT I DECLARACIÓ D'IDIOMA EN XHTML

A la primera línia d'un document XHTML ha d'aparèixer sempre la declaració del tipus de document (DTD), dins de l'etiqueta :

1- < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

És un requisit obligatori. Sense aquesta declaració un document XHTML no és vàlid, ja que el navegador o dispositiu desconeixerà quines són les regles que l'han d'ajudar a interpretar-lo correctament.

Element arrel i idioma

Un document XHTML ha de tenir sempre un element arrel. Aquest element arrel s'obre amb l'etiqueta <HTML> i es tanca amb </HTML> posant-la sempre al final del tot del document. Fixeu-vos en la plantilla de l'inici: immediatament després de la declaració del tipus de document s'obre l'element, que ha de contenir els atributs que fan referència a l'espai de noms i a l'idioma.

< xmlns="http://www.w3.org/1999/xhtml" lang="ca" lang="ca">

L'atribut que fa referència a l'espai de noms de l'XHTML (xml namespace), informa al navegador del que significa cada etiqueta i atribut del llenguatge XHTML. El segon atribut correspon a l'idioma. No especificar l'idioma del contingut del document va en detriment de l'accessiblitat i d'una correcta interpretació dels continguts.

D'altra banda, els lectors de pantalles, que fan servir les persones amb discapacitats visuals, pronunciaran el contingut del document segons la declaració de l'idioma principal. Si aquest idioma no està declarat es poden produir situacions no desitjades quan el lector de pantalles pronunciï les paraules en anglès d'un text que està redactat en català.

Es pot donar la situació, però, que en un text apareguin paraules en un idioma diferent al principal. Veieu el següent exemple:

<p>llegirem a <em>Shakespeare< /em> aquest trimestre< /p>

Assegurar-se que un lector de pantalles pronunciarà correctament el nom del famós dramaturg, poeta i actor és tan senzill com afegir l'atribut xml:lang="..." a l'etiqueta que obre el terme:

<p>llegirem a <em lang="en">Shakespeare</em> aquest trimestre</p>

Sintaxi correcta XHTML

Avui parlarem sobre com escriure correctament les etiquetes de XHTML.

Els errors en el marcatge són molt comuns al crear una plana web i és el primer que s'ha de revisar quan finalitzes una pàgina.

1.- Per començar, en un document XHTML el primer que s'ha d'especificar és el tipus de document (DOCTYPE) Aquesta declaració es coneix com a DTD i sempre es posa abans de l'etiqueta d'inici de l'HTML.

Exemple:

[!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd].

És molt important posar això abans de començar ja que sino no serà una pàgina válida perquè el navegador o dispositiu desconeixerà quines són les regles que l'han d'ajudar a interpretar-lo correctament.

2.- En XHTML s'ha de posar tot en minúscules perquè diferencia les majúscules de les minúscules. En canvi en l'HTML no les diferencia. A això, se l'anomena ser case sensitive.

3.- També altra diferencia que hi ha és que en XHTML és obligatori l'ús de l'etiqueta [html] amb els atributs xmlns, xml:lang i lang, que será la primera etiqueta que es posará després d'afegir el doctype.

L'atribut xlmns conté el valor: http://www.w3.org/1999/xhtml

L'atribut xml:lang i lang: indiquen l'idioma que s'utilitzará, xml:lang="ca" lang="ca". El codi del catalá es "ca".

4.- Totes les etiquetes que abans en html no feia falta tancar-les, ara en xhtml VAN TANCADES!!. És un altre error molt comú el no tancar una etiqueta.

Exemples:

[br/] ; [pr/] ; [img src="..."/> i moltes més.

5.- Els elements del document XHTML han d'estar nidats correctament, és a dir les etiquetes que obren i tanquen els diferents elements han d'estar en l'ordre correcte.

Exemple:

[p]Lorem ipsum dolor sit amet, [em]consectetuer adipiscing elit [/em].[/p]

I després d'això, ja posariem la capçalera i el cos igual que a l'HTML. En això, la cosa no canvia.

Amb aquesta breu explicació espero que hagi resolt algun dubte.

A fer moltes planes webs!!!

P.D: En totes les etiquetes que he posat, he susbtituït < > per [ ] , ja que sino no es veien.

Elements, etiquetes i atributs d'XHTML

El pas del HTML a XHTML suposa l'acceptació d'uns requisists bàsics quant a l'estructuració i definició del document web que assegurin que aquest document, al respectar els estàndards, resulta llegible per qualsevol dispositiu present o futur.

Quan treballem amb el llenguatge XHTML, ho farem amb:

1. Elements


2. Etiquetes


3. Atributs
   

Elements:

• Un element en XHTML és un component del document que està dotat d'un significat semàntic (un paràgraf, una capçalera, una llista d'ítems,...). Un element està format, com a mínim, per dues etiquetes i un contingut, podent contenir també un o més atributs.

Etiquetes:

• Les etiquetes són fragments de text tancats entre els signes menor que (<) i major que (>). Marquen l'inici i el final d'un element. Un exemple seria l'etiqueta <>.

Atributs:

• Dins dels signes < > que formen part d'una etiqueta que obre un element, es troba el nom d'aquesta etiqueta i els possibles atributs. El nom de l'etiqueta determina el tipus d'element, i els atributs donen més informació d'aquest element, encara que no necessàriament una etiqueta ha de tenir atributs. Aquesta etiqueta d'obertura es posa davant del contingut de l'element.

A continuació, us posem un exemple d'etiquetes:

Què és XHTML?

XHTML (eXtensible Hypertext Markup Language)

Segons xtec: és una revisió o millora de les especificacions de l'estàtic HTML. Aquest llenguatge ha sorgit de la necessitat de permetre una correcta interpretació de la informació independentment del dispositiu des del que s'accedeix a ella, segons paraules de la W3C.

Segons el Web Consortium (W3C) XHTML és una versió més estricta i neta del HTML , que neix precisament amb l'objectiu de reemplaçar-lo. XHTML estèn HTML 4.0 combinant la sintaxi de HTML, dissenyat per mostrar dades, amb la de XML, dissenyada per descriure les dades.

Totes dues definicions coincideixen en què XHTML és donar un pas endavant al html 4.0. i que per compendre XHTML és d'obligació comprendre HTML.

Nosaltres ja hem donat aquest pas. Ara, ens endisem en XHTML i, d'aquí poc, en les CSS (Fulls d'estil)

El test de l’Àcid (Acid Test)

Hola gent d'internet!

Avui parlarem, entre d'altres, sobre la compatibilitat dels navegadors d'internet amb els estàndards plantejats pel W3C, que garanteixen la universalització de l'accés a Internet.

Internet, per explicar-ho molt simplificadament, és una eina per llegir uns tipus concrets de codis i intrepretar-los.

Diguem que una persona fa una pàgina web (la dissenya, etc.). Haurà de descriure-la mitjançant codis escrits (html, per exemple) i quan acabi passarà a penjar-la a la "xarxa". Però, què passaria si els codis amb què ha escrit aquesta pàgina no coincideixen amb els codis que acceptats pels diferents navegador? Seria molt complicat si cadascú fes la seva.

Per això hi ha un conjunt de codis o unes "normes" estandaritzades que hem de seguir si volem que el màxim de gent possible vegi la nostra web sense problemes i amb un mateix resultat.

Però quin es el veritable problema? Que hi ha més d'un navegador a Internet i no tots respecten els estàndards al peu de la lletra.

Una manera de saber en quin grau els navegadors respecten els estándars és la prova de l'Àcid.

L’Acid2 és una prova que consisteix en una imatge (veure il·lustració a sota) basada en la icona "àcida" de l’Acid Music, creada pel Web Standards Project, per mostrar les mancances dels navegadors web actuals a l’hora de complir amb els estàndards.

El test de l’Àcid (Acid Test)

Si un navegador suporta correctament els estàndards HTML i CSS 2.0, en obrir la imatge s’ha de poder veure una cara somrient. Malgrat la simplicitat del dibuix, cada línia està codificada de manera que la seva correcta visualització depen de l’exacta implementació de vàries exigències imposades pels estàndards. En el moment en què es va publicar aquesta prova, cap dels navegadors existents podia mostrar correctament la imatge.

Cal dir que cada vegada s'estan estandaritzant més els navegadors, per demanda del client per dir-ho així també.

Espero que el vostre navegador sigui del estàndards ; ) Penseu qye encara no hi cap que en superi el Test al 100%

I que vagi bé!

Ruben

Els estàndards web

Els estàndards web són un conjunt de recomanacions donades pel W3C i d’altres organitzacions internacionals sobre com crear i interpretar documents web.

L’objectiu d’aquests estàndards és crear llocs web accessibles per a un major nombre d’usuaris, independentment de la seva habilitat física o mental, la llengua, cultura o localització geogràfica, la infraestructura de xarxa, del maquinari (hardware) o del programari (software) de què disposin; als que s’hi pugui accedir des dels diferents dispositius que tenen possibilitats d’accés a internet: no només PC o portàtils, sinó també telèfons mòbils, PDA, sistemes de televisió interactiva, etc.

Beneficis dels usos d’estàndards web

Un lloc basat en els estàndards web, permet:

• Compatibilitat: És compatible amb tots els navegadors actuals, i ho serà també en versions futures.
• Independència del dispositiu: Funcionarà de la mateixa manera en un navegador d’un ordinador, d’un telèfon mòbil, etc.
• Control centralitzat: Permet amb molta més eficiència futurs canvis de la presentació d’un projecte web, al tenir la presentació centralitzada en fulls d’estils, independents de l’estructura del document. Per tant, és més fàcil de mantenir i actualitzar.
• Facilita la feina als cercadors: Als motors de cerca com Google, Yahoo!, Ask, etc. els hi agrada un document ben estructurat semànticament. Ja no només consulten i avaluen les metadades, sinó que analitzen cada vegada amb molta més precisió el contingut en si mateix.
• Pàgines més lleugeres: Si es compara el pes d’una pàgina maquetada amb taules amb una altra que fa servir fulls d’estil es veurà que la diferència, en funció de la complexitat del disseny, pot fer que la segona sigui entre un 60% i un 70% més lleugera que la primera. Els documents que separen l’aparença del contingut utilitzen menys codi, per la qual cosa els llocs basats en els estàndards utilitzen menys amplada de banda i es mostren més ràpidament als usuaris.
• Accessibilitat: El desenvolupament d’un espai web accessible implica l’optimització tant del contingut com del codi, per facilitar l’accés al contingut del web a persones amb discapacitats, així com diferents entorns incloent programari i maquinari (per exemple navegadors d’ordinadors, navegadors per veu, navegadors de text, telèfons mòbils, ordinadors personals portàtils (PDA), connexions a Internet, etc.) i altres dificultats o constriccions sota les quals poden estar operant, tals com voltants sorollosos, habitacions poc o excessivament il•luminades, etc.

ACCESSIBILITAT WEB

Aquesta informació l'he trobat a:

• http://accesibilidadweb.dlsi.ua.es/
• http://es.wikipwdia.org/Accesibilidad_web

Qué ès l'Accessibilitat web?

Nomalment, l'accessibilitat web s'associa com una idea de desenvolupament d'una web que pot ser utilitzada per persones com discapacitats, tal i com podem llegir en les següents definicions:

L'accessibilitat web significa que persones amb algun tipus de discapacitat podran fer uú de la web. En concret, al parlar l'accessibilitat web s'està fent referencia a un disseny web que permetrà que aquestes persones puguin percebre, entendre, navegar i interactuar amb la web, fent aportació de contingut.

L'accessibilitat web també beneficia a unes altres persones,, com ara les d'edats avançades que han vist mermades les seves habilitats a conseqüència del pas del temps.

D'altra banda, l'accessibilitat web es referiex a la capacitat d'accés a la web i als seus continguts per totes les persones idependentment de les seves capacitats Aquesta qualitat està íntimament relacionada amb l'usabilitat. Quan els llocs webs estan dissenyats pensant en l'accessibilitat, tots els usuaris poden accedir en condicions d'igualtat als continguts.

Per exemple, quan un lloc té un codi XHTML correcte, es propocionen un text equivalent alternatiu a les imatges i als enllaços, li donem un nom significatiu, això permet reconèixer els contiguts. Quan els vídeos disposen de subtítols, els usuaris amb dificultats auditives podran entendre-ho plenament Si els continguts estan escrits en un llengutge senzill e il·lustrat amb diagrames i animacions, els usuaris amb dislèxia o problemes d'aprenentatge estan en millors condicions de entendre-ho.

Si la mida del text és suficientment gran, els usuaris amb problemes visuals poden llegir-ho sense dificultat. Si es poden evitar les accions que depenen d'un sol dispositiu concret (fer clic amb el ratolí ) els usuaris podran escollir els dispositius que més li convinguin.

PAUTES D'ACCESSIBILITAT WEB

El màxim orgamisme que s'encarrega de promoure l'accessibilitat és el World Wide Web Consortium (W3C), en especial el seu grup de treball Web Accessibility Initiative (WAI). En 1999, el WAI va publicar la versió 1.0 de les seves pautes d'accesibilitat web. Amb el pas del temps s'han convertit en un referent internacionalment acceptada. El desembre de 2008 les Pautes d'Accesibilitat al Contingut en la Web (WCAG) van ser aprovades amb recomanació oficial.

Les Directrius d’Accessibilitat de Contingut d’un Web 1.0, com a referència del W3C, presenta uns principis d’accessibilitat i idees de disseny. Està organitzat en catorze principis i tot un seguit de controls i enllaços a diferents seccions de tècniques per la implementació dels tres nivells de prioritat. Cada control té un nivell de prioritat assignat pel grup de treball basant-se en el control d’impacte en l’accessibilitat.

Podeu llegir la traducció al català del document al següent enllaç.

D'altra banda, aquestes pautes es divideixen en tres blogs:

Pautes d'Accesibilitat al contingut a la web (WCAG): Estan dirigides a webmasters i indiquen com fer que els continguts del lloc Web siguin accesibles.

Pautes d'Accesibilitat per a eines d'Autor (ATAG): Estan dirigides a desenvolupadors de software perquè els seus programes facilitin la creació de llocs accessibles.

Pauta d'Accesibilitat per Agents d'Usuari (UAAG): Estan dirigides als desenvolupadors dels agents d'usuaris perquè aquests programes facilitin a tots els usuaris l'accés als llocs web.

Més informació a:

• http://www.w3c.es/Divulgacion/accesibilidad

El W3C

Què signifiquen les sigles W3C?

World Wide Web Consortium

És un consorci internacional que treballa per desenvolupar i promocionar estàndards per al Web. El dirigeix Tim Berners-Lee, creador del WWW i autor de les especificacions de l'URL, l'HTTP i l'HTML, que són les seves principals tecnologies d'aquesta xarxa.

El consorci s'administra de forma conjunta entre el MIT (als Estats Units), l'ERCIM (a Europa) i la Universitat de Keio (al Japó). Per altra banda, el W3C també té distribuïdes oficines arreu del món.

Aquest consorci fou creat inicialment per garantir una major compatibilitat i acord entre els diferents membres de la indústria a l'hora d'adoptar noves tecnologies web. Abans de la seva creació, per exemple, ja existien problemes de compatibilitat per culpa de diferents versions d'HTML específiques de cada venedor. Cal dir que aquests problemes encara perduren.

Pastilla del W3C de recomanacions d'accessibilitat

Un document del W3C segueix diferents etapes de "maduració" abans d'esdevenir una recomanació pròpiament dita: Working Draft (WD) (esborrany de treball), Candidate Recommendation (CR) (recomanació candidata), Proposed Recommendation (PR) (proposta de recomanació), i finalment una W3C Recommendation (REC) (Recomanació). Les recomanacions poden actualitzar-se de forma separada en documents d'Errata, fins al moment que hi hagi suficients canvis significatius com per a produir una nova edició de la recomanació. Aquest és el cas de l'XML, que es troba actualment en la tercera edició. Per altra banda, el W3C també publica diferents tipus de notes informatives, que en principi no caldria considerar com a estàndards.

A diferència de l'Organització Internacional de Normalització, o altres organismes d'estandardització internacionals, el W3C no té cap programa de certificació. Aquest va considerar que, ara per ara, no era aconsellable començar-ne un. No obstant, sense que el consorci ho comprovi i se'n faci responsable, es permet que tothom qui respecti les recomanacions pugui demostrar-ho, per exemple, amb una pastilla que ho indiqui a llurs llocs web.

Una pagina on podeu trobar informació també i està feta seguint les recomanacions del W3C és: http://www.drauta.com/estandards-web-w3c/




By: David

El bus de les professions

En el marc de les activitats educatives de la Programació Estable, els propers dies 27, 28 i 29 de maig, Santa Perpètua comptarà amb la visita del Bus de les Professions. Aquesta unitat mòbil s’instal·larà davant de l’Ajuntament, a la plaça de la Vila.

L’objectiu d’aquest Bus és la de portar arreu de Catalunya tota la informació i orientació sobre les possibilitats que ofereix el sistema educatiu, sobretot pel que fa a la formació professional (cicles formatiu de grau mitjà i de grau superior). Aquest bus està adreçat als alumnes tant dels centres educatius del nostre municipi com de poblacions properes que prèviament ho hagin sol·licitat. Romandrà obert al públic en general entre les 18 i 19 hores dels dies 27 i 28 de maig.


L'equip de la Casa d'Oficis de Noves Tecnologies visitarem el bus el dijous 28 de maig per obtenir informació sobre les sortides formatives i professionals un cop hagi acabat. Tot i que encara en queden uns mesos, mai és tard per decidir el futur...

D'altra banda, el dia 27 de maig de 18 a 19 hores, tindrà lloc una xerrada informativa adreçada als pares i a les mares dels alumnes per tal d’informar-los sobre l’estructura de la formació professional i les diferents famílies. La xerrada informativa tindrà lloc a la Sala de Plens de l'Ajuntament de Santa Perpètua de Mogoda.

Aquesta sessió informativa corre a càrrec de les orientadores del mateix Bus de les Professions.

Active X

La denominada tecnologia ActiveX desenvolupada per Microsoft va fer la seva aparició en Internet amb el navegador Internet Explorer 3.0. El seu objectiu és similar al dels plug-ins: inserir objectes de diferent tipus en una pàgina Web.

ActiveX està composat per dos tipus d'objectes: controls Actius (Active controls) i documents actius (Active documents). Aquests últims permeten inserir documents amb format PDF, DOC etc. La tecnologia ActiveX funciona d'una manera similar al mecanisme de Microsoft OLE (Object Linking and Embedding, Enllaçat i incrustació d'objectes) que usa el seu sistema operatiu Windows.

Els controls ActiveX tenen semblança amb els objectes per a plug-ins i amb els applets Java, encara que presenta algunes millores pel que fa a ambdós. Com passa amb els plug-ins, els controls i documents de ActiveX poden ser inserits en una pàgina Web, no obstant això no requereixen un petit programa per a cada tipus d'objecte ActiveX, aquesta nova tecnologia ha estat denominada com auto-continguda perquè cada objecte té suficient informació per a executar-se ell mateix sense l'ajuda de cap aplicació.

Tal i com passa amb els applets, podem crear els nostres propis controls o usar els creats per altres programadors que ens els venen o distribuïxen gratuïtament.

Inserció d'un control ActiveX:

El codi HTML necessari per a inserir un control o document ActiveX en una pàgina Web va ser desenvolupat per Microsoft en col•laboració amb el Web Consortium, amb el que es va acordar l'ús de l'estàndard OBJECT.

Exemple:

Passem a explicar aquest codi:

El valor de l'atribut CLASSID és el qual identifica el tipus de control ActiveX que estem inserint.

• Caption: És el text que ha d'inserir-se amb les característiques que s'indiquen amb la resta de paràmetres.
• Angle: És l'angle del text amb l'horitzontal en graus. Si li donem el valor 90 el control mostrarà el text en vertical
• FontSize: És la grandària del text.
• FontName: És el tipus de lletra.
• Backcolor i Forecolor: Són el color del fons i el color del text respectivament.

Més informació sobre els ActiveX:

• ¿Qué es ActiveX?
• Seguridad en ActiveX
• Descargas ActiveX

Adrià Victòria

Applet de java

Com us explicàvem en una entrada anterior, el llenguatge Java, desenvolupat per Sun Microsystems, és un llenguatge de programació orientat a objectes de propòsit general. La importància del llenguatge Java s'ha fet patent des que els browsers són capaços d'executar programes Java per incorporar audio, vídeo i animació de forma directa a les pàgines HTML.

Des de la primera versió de Java, existeix la possibilitat de desenvolupar petites aplicacions (Applets) que després poden ser incrustades en un pàgina HTML perquè siguin descarregades i executades pel navegador. Aquestes miniaplicacions s'executen en una Màquina Virtual de Java (JVM) que el navegador té configurada com a extensió (plug-in) en un context de seguretat restringit.

Amb aquesta entrada, no pretenem cobrir la implementació d'applets en Java. L'objectiu és mostrar la incorporació d'applets ja dissenyats a les nostres pàgines Web mitjançant l'etiqueta APPLET.

L'etiqueta APPLET

L'etiqueta APPLET ens permet incorporar applets Java a les nostres pàgines web. La sintaxi completa és la següent:

&ltapplet code="x" heigth="x" codebase="]" alt="]" name="]" vspace="]" width="x" align="]" hspace="]">
< name="x" value="x">


Atributs obligatoris:

• CODE="nom_executable": Indica el nom del fitxer executable (extensió .class). No s'admet un URL absolut encara que pot ser relatiu a l'atribut opcional CODEBASE.
• WIDTH="valor": Indica l'amplada inicial en píxels que el browser ha de reservar per a l'applet.
• HEIGHT="valor: Indica l'alçada inicial en píxels que el browser ha de reservar per a l'applet.

Atributs opcionals:

• CODEBASE="adreça": S'utilitza per especificar el URL base de l'applet. Si no s'especifica s'utilitza el mateix que té el document.
• ALT="descripció": L'utilitzaria un browser que interpretés la marca APPLET però que per alguna raó no pogués executar l'applet (per exemple, un applet que necessita accedir a un recurs protegit).
• NAME="nom": Assigna un nom simbòlic a l'applet dins de la pàgina. Un mateix applet pot ser carregat molts cops en una mateixa pàgina amb noms simbòlics diferents.
• ALING="valor_predefinit": Igual que amb l'etiqueta , l'atribut ALING permet alinear un applet respecte el text. Els valors que pot prendre són els següents: LEFT, RIGHT, TOP, TEXTTOP, MIDDLE, ABSMIDDLE, BASELINE, BOTTOM y ABSBOTTOM.
• VSPACE="valor": Indica, en píxels, l'espai vertical entre el text i l'applet. Només està actiu si l'atribut ALIGN s'ha fixat a LEFT o RIGHT.
• HSPACE="valor"Indica, en pixels, l'espai horitzontal entre el text i l'applet. Només està actiu si l'atribut ALIGN s'ha fixat a LEFT o RIGHT.

On trobar Applets de Java

El coneixement de Java és cada vegada més important pels programadors d'Internet. En canvi, no és necessari conèixer Java per aprofitar les seves característiques a les nostres pàgines web. Existeixen gran quantitat d'applets gratuïts que es distribueixen a través de la WWW i que poden ser utilitzats lliurement a les nostres webs. A continuació, en teniu una mostra de pàgines on trobar-ne:

• http://anfyteam.com
• http://www.htmlpoint.com/java/
• http://www.gamarod.com.ar/recursos/applets
• http://java.sun.com/applets/jdk/1.4/index.html
• http://www.webtaller.com/utilidades/

Java

Java és un llenguatge de programació orientat a objectes, desenvolupat per Sun Microsystem, a començaments dels anys 90.

Originalment, va ser dissenyat per tal de ser software de dispositius electrònics (tot això abans que comenci la World Wide Web) com microones, calculadores i televisions interactives. Va intentar introduir-se al mercat de la electrònica de consum. Desprès d'uns anys, i amb l´expansió d Internet, va prendre un altre camí.

El llenguatge parteix de la base de C y C++, però té un model d'objectes més simple i suprimeix eines de baix nivell que indueixen a errors per tal de treballar de manera molt més fàcil i còmoda.

És un llenguatge flexible i potent per la facilitat amb què es programa i els resultats que ofereix. Un dels trets que el caracteritza, i que fa que sigui una eina molt valorada a l'hora de desenvolupar aplicacions, és el fet que sigui un llenguatge multi-plataforma.

Actualment, Sun Microsystems s'encarrega, amb d'altres empreses associades, del desenvolupament del llenguatge. A la pàgina Java.sun.com podem trobar gran quantitat de recursos relacionats amb Java: tutorials, llibres, codi, alguns dels quals es distribueixen gratuïtament.

A més, entre novembre de 2006 i maig de 2007, Sun Microsystems va alliberar la major part de les seves tecnologies Java sota la llicència GNU/GPL, d'acord amb les especificacions del Java Community Process, de tal forma que pràcticament tot el Java de Sun és ara Software lliure.

Més endavant en parlarem, però podem dir que els programes de Java es divideixen principalment en dues categories:

• Aplicacions: son programes autònoms independents( standalone )
• Applets: els applets Java son programes incrustats (embedded) en una pagina HTML i s'executen en l'entorn d'un navegador Web.

D'altra banda, si voleu obtenir-ne més informació sobre aquest llenguatge de programació, podeu consultar el següent enllaç:

Lenguaje de programación Java en Wikipedia