Fa unes poques setmanes vaig estar a Chelsea Market (Manhattan) i vaig veure uns turistes que estaven provant unes ulleres molt peculiars. Vaig adonar-me que aquestes eren les Google Glass. Em va cridar molt l’atenció les reaccions que tenien aquestes persones, que, tenint les ulleres posades, no tancaven la boca en cap moment i miraven cap a tots els costats. I, com que em va interessar molt el tema, avui parlarem d’aquesta nova aposta de Google.
Fa poc més d’un any la companyia Google va presentar el prototip del seu nou projecte futurista, Glass. Aquest projecte té la idea d’implementar totes les funcionalitat d’un Smartphone en unes ulleres de, en principi, realitat augmentada, és a dir, afegir informació virtual en un entorn físic real, tot i que algunes empreses que ho han provat no ho reconeixen com a tal, doncs per poder veure la pantalla s’ha de mirar amunt, pel que es perd momentàniament la vista física real.
Llistarem les principals característiques de Google Glass.
Es componen de tres parts: bateria i so, zona tàctil i prisma per la pantalla.
S’utilitza el Sistema Operatiu Android
Consta d’un sistema de reconeixement de veu en anglès
Ja s’estan començant a crear aplicacions
Permet: connectar-se a internet, fer una fotografia, gravar un vídeo, demanar indicacions de com arribar a un determinar lloc, enviar missatges…
De moment aquest projecte és un prototip, però es creu que l’any vinent ja podria començar a comercialitzar-se.
Us deixo un vídeo on es veu tot el que Glass pot fer:
Si a més, aquest projecte t’ha interessat tant com a mi, pots consultar l’article següent on es parla de com començar a desenvolupar aplicacions per Google Glass:
iOS (d’Apple) i Android (de Google) són els sistemes operatius per a mòbils actualment més importants del sector. Degut als seus objectius aparentment semblants, mantenen una guerra recíproca per guanyar mercat. Les comunitats d’ambdòs sistemes operatius defensen els avantatges de cadascun i evadeixen les crítiques destructives. Així doncs, analitzarem de manera general i objectiva els avantatges i inconvenients d’aquests dos grans motors de la tecnologia mòbil.
Segons la companyia d’anàlisis IDC indica que al quart quatrimestre del 2012, iOS estava present en un 21’0% dels smartphones, mentre que Android estava a un 70’1% del total, pel que l’ús d’Android és molt més superior que iOS.
Aquestes dades són el resultat del fet que iOS només està disponible per als seus productes d’Apple, mentre que Android està obert a multitud de marques.
Semblances i diferències en termes generals
iOS: ja compta amb més de 700.000 aplicacions disponibles a l’App Store.
Android: al setembre de 2012 iguala la xifra de 700.000 aplicacions disponibles a Google Play.
Android: a Google Play hi ha un 30% més que l’App Store d’aplicacions gratuïtes.
iOS: compta amb eines de reconeixement de veu per a persones amb discapacitat.
iOS: Siri ha rebut crítiques per no funcionar correctament bé.
Android: Google Voice inclou diversos idiomes i ha obtingut crítiques positives per part dels usuaris.
iOS: gran polèmica en el llançament de la nova aplicació de plànols per obtenir contínus errors.
Android: conté Google Maps, l’aplicació per excel·lència de mapes i imatges reals.
Android: permet personalitzar gairebé tots els aspectes del sistema operatiu.
iOS: és més tancat en aquest aspecte visual, i permet modificar la imatge de fons de pantalla, alguns tons i poca cosa més.
iOS: compta amb iCloud i un excel·lent sistema de sincronització amb dispositius d’Apple.
Tot i que l’ús d’Android és clarament superior, iOS marca la diferència en filosofia d’empresa i marca i es centra també en innovar en el Disseny Centrat en l’Usuari. Apple conté una filosofia de màrqueting que la diferencia clarament de la competència, pel que és molt propera a l’usuari, mentre que Google es centra en realitzar el seu sistema operatiu Android per a diverses marques fent que hi hagi usuaris que no sabrien dir quin SO tenen instal·lat al seu telèfon mòbil.
Per altra part, iOS és un sistema operatiu “tancat” que no permet descàrrega d’arxius de tercers fora de l’App Store, ni mitjançant Bluetooth, cosa que Android sí que ho permet.
Per concloure, podem utilitzar la famosa frase “per gustos, colors” i escollir el dispositiu que més s’adapta a nosaltres segons la necessitat i preferències de cadascú.
Actualització 25/02/2013
Per recomanació de l’Albert Ràfols (@albertrafols) afegirem també el tipus de llicència d’aquests dos sistemes operatius.
iOS: té les llicències APSL i EULA. Es pot considerar llicència semi robusta la qual és lliure, però sota contracte i amb les condicions que demana Apple.
Android: sota llicència de programari lliure Apache. Permet al programador plena llibertat d’ús del codi per qualsevol propòsit.
Crea contingut per als usuaris, no per als robots de cerca
Google Penguin és un algoritme actualitzat que va treure l’empresa Google a l’abril del 2012. S’utilitza per optimitzar les webs en el posicionament SEO (Search Engine Optimization) i penalitzar aquelles pàgines que utilitzen trucs per millorar el posicionament.
Què podem fer per posicionar correctament la pàgina web i complir amb els requisits de Google Penguin?
Seguir les directrius per Webmasters que el propi Google ens proporciona i evitar les tècniques següents:
repetir les paraules clau de forma exagerada
duplicar contingut
utilitzar redireccionaments enganyosos
utilitzar continguts d’altres pàgines web
fer enllaços que portin a pàgines de publicitat
utilitzar diferents dominis o subdominis amb el mateix contingut
Com podem saber si Google Penguin ha penalitzat la pàgina web?
Indicis de la possible penalització:
Descens d’una manera significativa del tràfic cap al lloc web
Pèrdua de posicions en els SERPs (resultats de cerca) de forma notable
Hem comentat diverses vegades que no és gens fàcil començar el disseny d’un web. Aquest procès és totalment creatiu i és necessari conèixer diverses eines per poder obtenir un bon resultat final. Cal també, anar més enllà i pensar en Responsive Design.
Per crear aquesta primera fase d’un web s’utilitzen diversos programes. En aquest cas, oferirem un llistat de tutorials fets amb el programa Adobe Photoshop.
En aquesta primera entrada de l’any 2013 de Recursos web farem un repàs de què s’ha creat l’any anterior. La web de Speckyboy ha realitzat un bon recull dels 50 millors connectors (plugins, en anglès) jQuery de l’any 2012, separats en diverses categories que mostrem a continuació:
Estructura de la pàgina (layout)
Equalize: ens ajuda a igualar l’amplada i l’alçada dels elements.
Freetile: organitza els elements de la pàgina fent que tingui un disseny més eficient i dinàmic.
Gridster: utilització de drag-and-drop que permet arrossegar els elements de la pàgina.
Zoomooz: genial plugin per fer zoom als elements que desitgem.
Wookmark: organitza els elements en format de columna dinàmica.
HiddenPosition: ens permet treballar amb elements ocults.
Stellar: es juga amb les imatges de fons i l’alineació. Efectes genials en passar de pàgina.
BookBlock: passa pàgines d’imatges com si fos un llibre.
Adaptor: transicions de desplaçament d’imatges en 2D i 3D.
RCarousel: un complet carrusel amb moltes característiques personalitzables.
Rhinoslider: també una marquesina personalitzable que a més inclou un generador.
Sequencejs: utilitza transicions avançades de CSS3.
Glisse: galeria que permet ampliació d’imatges a pantalla completa.
µslider: marquesina on es pot afegir tot tipus de contingut.
Responsive Slides: aquesta marquesina també compleix el Disseny web adaptatiu.
Realització de gràfics i organigrames
Morris: ens ajuda a dibuixar tot tipus de gràfics d’una forma senzilla.
jQuery Org Chart: augmenta el disseny i dinamisme en els organigrames.
Tipografia
Bacon: permet ajustar el text seguint una forma de corba Bezier o línia.
Textualizer: realitza diferents efectes en els caràcters i text sencer.
slabText: per crear títols grans i seguint el Disseny web adaptatiu.
trunk8: connector que, en un paràgraf, talla d’una forma més eficient el text (per aplicar per exemple en les entrades que s’aplica el “llegeix-ne més”).
Efectes en imatges
tiltShift: utilitza els filtres d’imatges de CSS3 (únicament funciona en Chrome i Safari 6).
jQuery Picture: ens ajuda a implementar les imatges en el Disseny web adaptatiu.
ImageMapster: realització de mapes d’imatges d’una forma més còmoda.
Responsive Img: també ens facilita la visualització de les imatges en el Disseny web adaptatiu.
Backstretch: permet afegir una imatge de fons dinàmicament a qualsevol pàgina.
Un tooltip, o descripció emergent, és el que ens dóna informació addicional sobre l’element que estem clicant o passant el ratolí per damunt. Es mostra en forma de finestra al costat del ratolí. En el disseny web es comença a utilitzar molt, doncs és útil a l’hora de mostrar la descripció d’una paraula, mostrar una imatge més gran o aclarar algun concepte.
Un bon exemple és quan afegim a l’etiqueta de vincle, l’atribut title. Passa el ratolí per damunt de “Exemple de tooltip bàsic” i en veuràs el resultat. Aquest és el codi:
<a href="#" title="Estem creant un tooltip bàsic">Exemple de tooltip bàsic</a>
Sempre hem dit que a Can Antaviana tenim cura del disseny web, és per això que utilitzem elements per millorar visualment els tooltips. A continuació, us deixem un llistat amb pluguins de jQuery que ens ajudaran a millorar molt el disseny d’aquestes descripcions emergents.
Tooltips: 10 pluguins jQuery per millorar-ne el disseny