Pàgines

Es mostren els missatges amb l'etiqueta de comentaris widgets. Mostrar tots els missatges
Es mostren els missatges amb l'etiqueta de comentaris widgets. Mostrar tots els missatges

dijous, 21 de maig del 2015

Facebook i widgets

En aquesta última sessió de Facebok aprendrem a crear widgets per a poder mostrar al nostre bloc parts de Facebook o a l'inrevés exportar a FB el que publiquem o què passa al nostre bloc.

Per a realitzar aquestes tasques hem d'anar a la nostra pàgina de Facebook i des d'allí anar a Configuració, al peu de pàgina trobaríem "Desarrolladores" i un cop allí escolliriem "Social Plugins" en concret el de "Page plugin".

També podem accedir directament a aquesta direcció:









Disposem de diversos plugins que podem utilitzar, però nosaltres el que utilitzarem serà el Page plugin, que ara està de moda. Aquest mostrarà l'avatar dels usuaris que els hi agrada la nostra pàgina.


A la URL posarem la nostra direcció de la pàgina de Facebook. Amplada i alçada les que nosaltres vulguem. I ja podem fer click a "GET CODE".

Ara ens apareixerà una pantalla així:


El primer codi, el copiarem i l'enganxarem al nostre bloc. Concretament davall mateix de <body>. Com? Molt fàcil. Accedeix al Bloc> Plantilla i dins trobaràs aquest boto "Editar HTML".

Un cop dins, trobarem aquesta línia:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Just desprès de > enganxarem el nostre codi, però ens donarà error si guardem. A que si?
Per a solucionar-ho hem d'anar a unes línies més abaix on hi posa:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

I aquest &version=v2.3"; el canviarem per &amp;version=v2.3";

Bé, ja hem fet el més difícil. Ara podem tornar a Facebook i copiar el segon codi que enganxarem en un gadget "HTML/JAVASCRIPT" del nostre bloc.

I llestos, a esperar que ens facin molts "me gusta!"


dilluns, 18 de maig del 2015

Comencem Facebook! La xarxa social.


Facebook és una de les xarxes socials més conegudes arreu del món i amb més usuaris actius.

Les pàgines de Facebook ja són una solució corporativa per a totes les empreses que pretenen estar al mercat, "ser competència".

Facebook ofereix crear un perfil, pàgina o grup.
  • Perfil: per a persones només a títol individual. Màxim 5000 amics. 
  • Pàgina: per a institucions, empreses o negocis, celebritats. Es gestionen des d'un o més perfils. 
  • Grup: el grup el crea un usuari i les persones s'afegeixen formant una comunitat reduida amb interessos comuns. 

NOTA: S'ha d'afegir més d'un usuari com a administrador de la pàgina, ja que si un perfil d'usuari s'eliminés encara quedaria un altre perfil per administrar-lo.

Es pot crear un «username» perquè la direcció de Facebook sigui més senzilla de recordar. Per a aquest procés s'han de tenir més de 25 fans:
http://www.facebook.com/username 
Per aconseguir admiradors es poden enviar correus electrònics o anunciar-ho.

Vocabulari de Facebook
  • Mur o timeline: lloc del nostre perfil on es penja tota la informació que vulguem mostrar o que els nostres amics vulguin compartir. 
  • M’agrada: quan alguna cosa ens agrada fem clic a “M’agrada”. Amb aquest mecanisme, Facebook, esbrina què t'agrada per a desprès mostrar-te més contingut acord a les teves preferències. 
  • Missatges privats: enviar un missatge a un altre usuari, en forma de conversa de xat o per missatgeria. 
  • Perfil: lloc del nostre perfil on es penja tota la informació que volem mostrar o que els nostres amics vulguin compartir. 
  • Comentar: es poden comentar actualitzacions, fotos, enllaços, etc. 
  • Etiquetar: quan un amic publica una foto on surts i la marca amb el teu nom d'usuari. Aquestes accions es poden parar o moderar. 
La imatge de la portada
Les imatges de la portada han de tenir almenys 399px d'ample i no poden contenir:
  • Preus ni informació de compra, com "40% de descompte" o "Descarrega-te'l del nostre lloc web". 
  • Informació de contacte, com la adreça d'un lloc web, una adreça postal o de correu electrònic, o dades que s'haurien d'incloure en la secció d'informació de la pàgina. 
  • Referències a elements de la interfície de l'usuari, com "M'agrada" o "Compartir" ni a cap altra funció del lloc de Facebook. 
  • Crides a l'acció, com "Aconsegueix ara" o "Explica-ho als teus amics".
Tasques a realitzar aquesta setmana:
En aquesta sessió entrarem a Facebook amb el perfil d'usuari creativitza2015@gmail.com i la contrasenya que utilitzem a classe. Cada alumne crearà una nova pàgina de FB.

Per a realitzar això anirem al menú desplegable de la dreta i "Administrar pàgines". I allí trobarem un botó per a crear una nova pàgina.


Les pàgines es classifiquen en 6 blocs. 


Escolliu el que més s'adigui amb la vostra pàgina i ompliu les dades que us va demanant. Un cop tingueu la pàgina creada, l'heu de personalitzar amb imatges atractives i començar a escriure comentaris o entrades, entre altres, ah! També podeu crear una "llamada a la acción".

La página la podeu fer sobre el que vulgueu, si voleu seguir amb el tema del bloc, cap problema. 

NOTA: No us oblideu de passar a veure i configurar les preferències i informació al panell de configuració.

Per acabar, creeu un enllaç al vostre bloc que visiti la vostra pàgina de Facebook per a que es pugui relacionar pàgina-bloc.

diumenge, 10 de maig del 2015

Twitter i les seves mil possibilitats


Twitter és una xarxa social de microblogging on els usuaris poden escriure petits textos (140 caràcters) que es publiquen per a tots els altres usuaris que poden seguir a aquest usuari o que ha trobat aquest petit text.

Les publicacions s'anomenen "tweets" en català "piulades", suposo que per allò de "me lo ha dicho un pajarito". El seguir a un usuari i veure tot el que publica s'anomena ser un "follower" o seguidor d'aquest usuari.

Quan publiques qualsevol cosa (ara fotos i vídeos també) pots incloure-hi una etiqueta o "hashtag". Aquestes etiquetes porten sempre el símbol # davant. I serveixen per a classificar aquestes etiquetes i poder mostrar publicacions del mateix àmbit.

Si algun comentari d'un altre usuari t'agrada i el vols publicar a la teva cronologia, pots fer un retweet.

Aquests #hastags si arriben a ser molt populars s'anomenen "Trending topics" o temes d'importància actual. Que el mateix Twitter els ordena com a més importants d'un país o ciutat gran.

Aquests Trending topics solament són importants quan el seu ús creix, quan s'estabilitza aquest ús, deixa de ser important per molts tweets que estigui rebent. Cas que va passar amb el 15M on molta gent va tractar de censura a Twitter perquè no mostrava els tweets. Quan el que passava era que per molt gran que fos el seu ús, els hashtags utilitzats no creixien en número i per tant deixaven de ser Trending.

Aplicacions associades
Donat la gran versalitat de Twitter i les múltiples aplicacions que té van aparèixer molts serveis i webs que aprofitaven aquesta xarxa social.

Com que tan sols podem escriure 140 caràcters, direccions web llargues com:
http://creativitza2014.blogspot.com.es/2014/06/twitter-i-les-seves-mil-possibilitats.html

Gastaríem 89 caràcters en total, cosa que sol ens quedaria 51 caràcters per a escriure text. Twitter ja té el seu propi escoçador i retalla la direcció quedant amb punts suspensius:

Tot i així, per a aquest fet van aparèixer escorçadors d'adreces, com per exemple:

- bitly.com --> http://bit.ly/RTJkdg = 20 caràcters
- Is.gd --> http://is.gd/UimRP7 = 19 caràcters
- Goo.gl --> http://goo.gl/ev02Fg = 20 caràcters

Goo.gl a més a més, pot mostrar les visites o clics que han fet a l'enllaç, un cop vas a "detalls" et mostra quants clics, procedència, entre altra informació.

Funcionament:
L'estructura del tweet:
  • Text + enllaç escurçat + #hashtag 
L'estructura del tweet en cas de retransmissió d'actes en directe:
  • Autor + Cita + # hashtag 
Si es fan re-tweets es respectarà la llengua en què s'hagi escrit. La seva estructura serà la següent:
  • RT + @ nomdelperfilretuitejat + text + enllaç escurçat + # hashtag 
Si el text no s'entén o conté errors lingüístics l'estructura del tweet seria d'aquesta manera:
  • Text + enllaç + # hashtag + / via @ nomdelperfilretuitejat

Tasques a realitzar per a dos sessions:

1- En aquesta primera classe i com que tots ja tenim un compte a Twitter, el que farem serà posar un Widget per a mostrar el Twitter al nostre bloc.

Per a realitzar això, obrirem el nostre compte de Twitter i anirem al símbol de l'engranatge de la dreta i desprès a configuració.

Un cop allí, anirem a crear un nou widget per a mostrar la nostra cronologia, per exemple.

El widget el podeu fer per a que es mostrin tweets per cada vegada que us nombrin, seria Cronologia de usuario i posaríem @nomusuari.

També podeu fer el widget de cada vegada que us facin "favorito" o el que ens interesa a nosaltres que seria "Buscar", que mostraria tweets de cada hashtag # que indiquem nosaltres. En el nostre cas podem posar #creativitza i així veurem tots els mateixos. En podeu posar molts d'aquests widgets.

Un cop fem clic a crear widget, ens apareix un codi, que haurem d'enganxar en un gadget "HTML/Javascript", al format del nostre bloc.

Per a que comencin a aparèixer tweets al nostre nou widget, el que farem sera crear 2 o 3 explicant el que ha passat a classe i si us agraden aquest tipus de classes. També poseu direccions escorçades del vostre bloc utilitzant un dels escorçadors que hem vist.

En aquesta primera sessió també haureu d'escriure un post sobre el que vosaltres vulgueu. Aquest post ha de ser una mica llarg i heu de posar un "moreover" o "ver más", que és la icona següent:

Segona sessió
En aquesta segona sessió, el que haureu de realitzar serà jugar amb Twitter juntament amb els altres companys. A cada twit que fareu haureu d'incloure l'etiqueta #creativitza, ja que desprès en farem un sorteig per a veure qui ha estat el millor.

El primer joc: Acaba el refrany
En aquest joc el que haureu de fer serà acabar 4 d'aquests refranys o frases amb el que vosaltres vulgueu (si les voleu rimar millor que millor).
  • A boca tancada ...
  • A falta de pa ...
  • Qui no vol pols ...
  • Digue'm amb qui vas ...
  • Quan vegis les barbes del teu veí tallar, ...
  • Qui matina, ...
  • On mana patró, ...
  • Reunió de pastors, ...
Exemple: Qui matina, esmorza a la cantina #creativitza

El segon joc: Passa el marrón!

Trieu un company/a de classe i mencioneu a l'usuari al tweet i envieu-li tres paraules. Ell/a amb aquestes paraules n'ha de fer una frase i l'ha de contestar mencionant a l'altre usuari.

Exemple: 
@cgodia gos, panxa, grapadora #creativitza
@crea14 Tant buscar la grapadora i el gos la tenia a la panxa #creativitza 

Votació: 
Heu de votar a la pregunta següent amb si o no. Però al SI = fareu clic a preferit, i NO = en fareu un retweet.

La pregunta la trobareu al Twitter de @Creativitza