Arxiu de l'autor "Sílvia Vila Brustenga "

  • Dijous 6 juny 2013 per

    Google Glass

    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:

    , ,

  • Dilluns 25 febrer 2013 per

    iOS vs Android

    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.

    , , , , , ,

  • Dimecres 30 gener 2013 per

    Recursos web: Google Penguin i el posicionament

    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
    • Variació negativa del PageRank

    Si creiem que Google ha penalitzat una pàgina per error, podem contactar a través del formulari que ofereixen.

    , ,

  • Dimecres 23 gener 2013 per

    Recursos web: Tutorials per al disseny web

    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.

    Tutorials per al disseny web

    , , , , , ,

  • Dimarts 8 gener 2013 per

    Recursos web: jQuery, els 50 millors plugins del 2012

    Els 50 millors plugins de jQuery del 2012

    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.
    • Turn.js: efecte de llibre animat en HTML5,
    • Responsive Measure: ajusta la mida de la letra de manera que compleixi el Disseny web adaptatiu (en anglès, Responsive Web Design).
    • Scrollpath: permet definir la trajectòria de l’scroll (desplaçament).

    Navegació

    • HorizontalNav: aquest connector ens ajusta automàticament l’amplada del menú.
    • Stickymojo: afegeix el menú a la barra lateral en una posició fixa.
    • ddSlick: ens crea un menú desplegable on podem incloure imatges i descripcions.
    • jQuery Collapse: creació de menús originals que podem personalitzar.
    • jQuery Akordeon: podem crear panells plegables amb qualsevol tipus de contingut.

    Formularis

    • jQuery Complexify: determina la complexitat de la contrasenya.
    • jQuery File Upload: manera senzilla de visualitzar i editar la pujada d’arxius en un formulari.
    • Credit Card Validator: detecta i valida automàticament els números de la targeta de crèdit.
    • Filtrify: cerca i navega fàcilment a través de les etiquetes.
    • Mailcheck: suggereix el domini adequat quan els usuaris han introduït una adreça de correu incorrecta.

    Marquesines i carrusels

    • Responsive Carousel: carrusel que compleix el Disseny web adaptatiu i permet també personalitzar-lo.
    • iosSlider: desplaçament d’imatges d’una manera fàcil i també personalitzable.
    • RSlider: permet el desplaçament d’imatges en pantalla completa. També compleix el Disseny web adaptatiu.
    • Fresco: plugin d’ampliació d’imatges.
    • 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.

    I a més a més…

     

    Via: Speckyboy

    , , , , , ,

  • Dimecres 19 desembre 2012 per

    Recursos web: Recull de tooltips en jQuery

    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

    , , , , ,

Disseny web - Antaviana

Truca’ns +34 973 143 481

Envia’ns un correu informacio@(ELIMINAR)antaviana.cat

Piula’ns a @canantaviana

o Vine a visitar-nos