A következő címkéjű bejegyzések mutatása: widget. Összes bejegyzés megjelenítése
A következő címkéjű bejegyzések mutatása: widget. Összes bejegyzés megjelenítése

2010. szeptember 16.

HTC Home for Windows widget asztali gépre

A PDA gyártó által készített népszerű, és jellegzetes lapozós óra és időjárás képernyő elkészült Windows alapú asztali számítógépekre is. Akár WinXP alatt is kitehető ez a kellemes widget, még telepíteni sem kell. Ráadásul mindez ingyen van. Készítettem hozzá egy magyarítást.


A HTC Home for Windows három fő funkcióval bír jelenleg:
  • Lapozós óra
  • Időjárás előrejelzés
  • Háttérkép lapozás (2.0 alpha esetén időjárástól függően)
Számos beállítás segíti a finomhangolást:
  • Automatikus indítás a Windows-zal
  • Időjárás szolgáltató választás (Accuweather vagy MSN)
  • Előrejelzés frissítési időköz
  • Megjelenítés mérete és helyzet
  • Ha nem megállapítható a helyzeted IP cím alapján, akkor település szabad megadása
Videó a még korábbi HTC Home for Windows 1.5 működéséről:


Jelenleg az 1.8 változat használatát javaslom, a 2.0 alpha grafikája egyes gépeken hibás, és belekerült egy hírolvasó is, mely akkor is felugrik gépinduláskor, ha nem szeretnénk.

Az 1.8 változathoz készített magyarítást egyszerűen másold be a "..HTC Home\Localization" mappa alá, majd a beállításokban válaszd ki. Nem igényel újraindítást a használata.
A HTC Home weboldala és a szoftver letöltése innen lehetséges:

2010. július 1.

Megosztás ikonok mérése Google Analytics segítségével

Egy korábbi bejegyzésemben felsorolt saját megosztás ikonok témakört tovább bővítettem. Azaz a script-be belekerültek olyan címék, melyek segítenek az ikonokra kattintást mérni a Google Analytics segítségével. Így idővel el tudjuk dönteni, hogy hol vannak jobb helyen, vagy melyikre nincsen szükség, mert nincsenek használatban.

Az eljárás egyszerű, az ikonra kattintáskor az "onclick" meghív egy javascript-et, mely "elküld" a Googel Analytics mérésünkbe egy címkét, mely a tartalmi elemek közül lekérhető. Így egy kifelé indított kattintást mérünk belső tartalmi elemként, mely nem mutatja meg, hogy valóban megtörtént-e a megosztás, hiszen azt nem tudjuk ezzel vizsgálni.

Lássuk, hogyan is dolgozik. Az alábbi Twitter megosztó ikon html kódban kiemeltem sárgával azt a részt, ami a mérésért felelős.
<a target="_blank" href="http://www.twitter.com/" onclick="javascript:pageTracker._trackPageview('/share/twitter');window.open('http://twitter.com/home?status='+encodeURIComponent(document.title)+' '+encodeURIComponent(location.href));return false;" title="Add a Twitter-hez"><img border="0" width="16" alt="Add a Twitter-hez" src="http://sancho.hu/files/blog/content/shareicons/twitter.png" height="16" /></a>

Ha saját script-et szerkesztesz, figyelj arra, hogy a legelső "onclick" parancs a sárga rész legyen, különben nem kerül végrehajtásra. A Google Analytics-ben a Content menü alatt 1-2 nap elteltével jelennek meg az ikonok használata esetén a mérési eredmények. Ott kérd le a "/share/" kulcsszót, és megjelennek a megosztások.


A statisztikában ez esetben, ennél a soroknál megjelenőoldalon eltöltött idő vagy visszapattanási arány, vagy kilépés számai értelmezhetetlenek. ami számodra érdekes, az az első oszlop, ahol a kattintások számai látszanak. Mint látod, én ezzel mérem az RSS ikonok elérését is, melyek a weblapon vannak. A böngésző url sorban lévő RSS ikon ezzel nem mérhető.

Ha arra vagy kíváncsi, hogy honnan jöttek a weboldaladra azok a látogatók, akik Facebook gombot használták, akkor szűrd le a "Top Content" alatt a "/share/facebook" statját így:

Ha az érdekel, hogy melyik oldalon nyomták meg a gombot, akkor kérd le a "Landing page"-eket, és ott szűrd le azokat, melyek tartalmazzák a "/share/facebook" szűrőt, így:


Arra figyelj minden lekérdezésnél, hogy kifelé mutató linket belső tartalmi elemként kezelsz, holott valójában az semmi más, mint egy kattintás. Így könnyen belezavarodhatsz a számokba, ha nem veszed figyelembe ezt a fordított logikát.

Ha tetszenek a megosztás ikonjaim, és érdekel a Google Analytics mérőkóddal felruházott változat, kattints ide a script-ért:
A megosztás ikonok közé egyébként felkerült egy új is, kitettem a CitroMail gombját is, melyről több infót itt olvashatsz:

2009. október 29.

Megosztás ikonok a blogodba

A weboldal tartalmának továbbosztását segítik az úgynevezett bookmarklet ikonok. Számos ilyen szolgáltató létezik már a weben, melyek egyszerű widget beillesztéssel segítik a blogger és az olvasók életét, hogy az éppen látott tartalom továbbküldhető legyen Facebook, Twitter, iWiW és Startlap irányba, vagy akár CitroMail segítségével továbbküldve. A kész dolgoknak megvan a maga hátránya, sajátot készíteni pedig macerás. Ezért megosztom a sajátomat, ha már megdolgoztam vele. Minden blog bejegyzésem mellett/felett látsz pár kis ikont, ezek az alábbi kód beszúrásával kerültek ki a helyükre.
<a target="_blank" href="http://www.twitter.com/" onclick="javascript:pageTracker._trackPageview('/share/twitter');window.open('http://twitter.com/home?status='+encodeURIComponent(document.title)+' '+encodeURIComponent(location.href));return false;" title="Add a Twitter-hez"><img border="0" width="16" alt="Add a Twitter-hez" src="http://sancho.hu/files/blog/content/shareicons/twitter.png" height="16" /></a>

<a target="_blank" href="http://www.facebook.com/" onclick="javascript:pageTracker._trackPageview('/share/facebook');window.open('http://www.facebook.com/share.php?u='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;" title="Add a Facebook-hoz"><img border="0" width="16" alt="Add a Facebook-hoz" src="http://sancho.hu/files/blog/content/shareicons/facebook.png" height="16" /></a>

<a target="_blank" href="http://www.startlap.hu/" onclick="javascript:pageTracker._trackPageview('/share/startlap');window.open('http://www.startlap.hu/sajat_linkek/addlink.php?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;" title="Add a Startlaphoz"><img border="0" width="16" alt="Add a Startlaphoz" src="http://sancho.hu/files/blog/content/shareicons/startlap.png" / height="16" /></a>

<a onclick="javascript:pageTracker._trackPageview('/share/citromail');" style="border: 0px!important;" href="javascript:(function(){S='';D=document;W=window;if(D.selection) {Q=D.selection.createRange().text;} else if (W.getSelection) {Q=W.getSelection();} else if (W.getSelection) {Q=W.getSelection();}; var url=W.top.location.href;var title=window.top.document.title||'';var wn=title.replace(/[^a-zA-Z0-9]/gi,'_');window.open('http://citromail.hu/share/?url='+encodeURIComponent(url)+'&amp;subject='+encodeURIComponent(title)+'&amp;body='+escape(Q),wn,'width=490,height=395,toolbar=0,resizable=no,location=0,status=0,menubar=0,directories=0');})();"><img style="border: 0px!important;" src="http://img.citromail.hu/2.0/img/share/kek_4.png" alt="Oszd meg a Citromail-lel!" title="Oszd meg a Citromail-lel!" /></a>

<a target="_blank" href="http://www.iwiw.hu/" onclick="javascript:pageTracker._trackPageview('/share/iwiw');window.open('http://iwiw.hu/pages/share/share.jsp?u='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title));return false;" title="Add az iWiW-hez"><img border="0" width="16" alt="Add az iWiW-hez" src="http://sancho.hu/files/blog/content/shareicons/iwiw.png" height="16" /></a>

<a class="google-share" href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain='http://www.google.com';if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement('script'));void(z.src='http://www.google.com/reader/ui/link-bookmarklet.js');void(b.appendChild(z));}else{}" title="Add a Google Reader-hez" onclick="javascript:pageTracker._trackPageview('/share/greader');"><img border="0" width="16" alt="Add a Google Reader-hez" src="http://sancho.hu/files/blog/content/shareicons/greader.png" height="16" /></a>

<a target="_blank" href="http://feeds.feedburner.com/SanchoBlogja" rel="alternate" title="Add az RSS olvasódhoz" type="application/rss+xml" onclick="javascript:pageTracker._trackPageview('/share/rss');"><img border="0" width="16" alt="Add az RSS olvasódhoz" src="http://sancho.hu/files/blog/content/shareicons/rss.png" height="16" /></a>

A kódot a weboldalad azon részébe kell beilleszteni, ahová ki szeretnéd tenni az ikonokat. A sárgával kiemelt részre figyelj, mert oda a saját weboldalad RSS Feed linkjét kell beilleszteni. A többi weboldal és webmotor független, elvileg mindenhol működik. Amennyiben másik ikonképeket szeretnél alkalmazni, mindössze a kódokban a .png képek linkjeit kell kicserélned másra.

Update 2010-07-01
Bekerült a kódba egy kicsi kód, mely lehetővé teszi, hogy a Google Analytics statisztika rendszerben mérhesd, hányan kattintják le a megosztás ikonokat. Erről bővebben itt írok:
Bekerült egy új megosztás ikon, mely a CitroMail levelezőt használóknak segít a könnyű tartalom továbbküldésben. Erről itt olvashatsz bővebben: http://webmester.citromail.hu

2009. április 21.

Spb Mobile Shell 3.0 már hivatalosan is letölthető

Tegnap írtam az Spb Mobile Shell 3 tapasztalataimról a kiszivárgott trial verzió kapcsán. Mára azonban már hivatalosan is letölthető a 15 napos változat, sőt meg is vásárolható, és az upgrade is él.


A két fő újdonság: widget- és szuper 3D-támogatás

Hivatalos demó videó:



Megéri frissíteni erre a változatra, mert a builde verzió már nagyobb, mint a rapidos. A szoftverkörnyezet ára 29,95 USD, az upgrade a 2.x változatról 3.0 verzióra 14,97 USD. Ha 90 napon belül vetted meg a régit, akkor persze ingyen frissítheted.

A pocketnow.com tesztvideója:



Az Spb Mobile Shell 3 hivatalos weboldala:
Előző bejegyzésem a szoftverrel kapcsolatos első tapasztalataimról:

2009. április 20.

Spb Mobile Shell 3.0 teszt (videó és képek)

Még meg sem jelent, és már tesztelhető a Windows Mobile gépekre írt kezelőfelület új változata. Az Spb Mobile Shell 3.0 működése nagyon, a felülete nagyon szép, az alakíthatósága nagyon üt. Egyszerűen megéri megvenni. Már ha tényleg megjelenik. Készítettem egy halom képernyőmentést, a videók azonban nem sajátok, cserbe látványosak.





A Technet.hu oldalon írt Sanciman róla egy szép kerek írást, nem veszem el Tőle a szót. Annyit fűznék hozzá személyes tapasztalatként, hogy a HTC Kaiser-en semmi nem működött még ilyen gyorsan, ami ilyen sokat tud. Kiverte az első öt percben a biztosítékot nálam a Spb Mobile Shell 3.0. Van tizenöt napja a gyártónak, hogy megvehetővé tegye, mert addig tart az Xda-Developers oldalon megjelent Rapidshare-rel megosztott SpbMobileShell.cab telepítő. Nem, nem béta, ez a 3.0.0 build 6362 verzió.



A HTC Kaiser-ről köztudott, hogy a grafikai képességei a rossz gyári driver miatt siralmasak. Kérem szépen, ez a szoftverkörnyezet elfeledteti velünk, hogy mennyit szívtunk a géppel eddig. Akkor hogy futhat ez a 3D gyorsítós PDA-kon? Az elsőre túl sok fajta képernyő előnye, hogy az átszabhatóság mellett lehetőséget biztosít arra, hogy azt használjuk, ami nekünk tetszik. Van tetszetős és irodai munkához jobb főképernyő. Van 2-3 féle telefonkönyv, kezdve a sima listástól a 3D csiliviliig.



A 3D repülő menük azzal a sebességben száguldanak, ahogy húzzuk az ujjunkkal. Teszik ezt akkor is, ha az ActiveSync éppen leterheli a PDA-t a naptár szinkronizálással. Nagyon látványos, ahogy az úgynevezett Lifestyle kezdőképernyő bal és jobb oldalára ellapozva az elmozgó menük mögött egy másik sebességgel mozog a háttér. Ugyanezen a képernyőhármason úgy pakolgathatjuk a widget-eket, mintha egy Samsung Omnia lenne a kezünkben. Az eredeti Today is előhívható, de minek?



A szoftver memóriahasználata is meglepően jó, nem véletlenül ilyen gyors. A szabad memória mérete a gépemen az Spb Mobile Shell 3 futása nélkül 54 MB. Az Spb indítása után 51 MB-ra csökkent, majd kis ujjtologatás után is 49 MB marad. Microsoft ActiveSync szinkronizálás közben a szabad memória 45 MB felett maradt. Szóval nem evett meg 10 MB-t sem a memóriából.



A fektetett mód is jól fekszik neki, és könnyen skin-elhető ez is. A Facebook kontaktok integrálhatósága is érdekes, átvehetünk teljes névjegyeket, vagy pótolhatjuk onnan a profilképeket akár.



A magyarítás máris elérhető egy lelkes hazai felhasználónak köszönhetően. Ha elárulja valaki, hogyan tüntethető el a WinMo Start menü is, akkor aztán végkép elfelejtem, hogy vinfos fut a gépen. :-)









A végleges megjelenésig a kapcsolódó linkek:
A warez verzió, szériaszám nem érdekel, ne írj ezzel kapcsolatban!

2009. április 14.

Nexus - jobb, mint az iPhone kezelőfelülete (videó)

A TAT Nexus egy szuper-animált kezelőfelület-koncepció. A fejlesztők egy Samsung Omnia PDA telefonon mutogatják az alábbi videóban a működést. A widget koncepció elfeledteti a kezelővel teljesen, hogy számítógép van a kezében. Mindamellett, hogy szép, még gyors is, és szerintem ütősebb, mint az iPhone amúgy jól eltalált kezelőfelülete. Persze, nem tudni semmit róla, hogy mennyire testre szabható, vagy más gépeken hogyan fut, vagy egyáltalán Windows Mobile van-e azon az Omnián, vagy sem. Várom a folytatást, de addig is marad ez a videó:



Egy előző videó a fejlesztőktől, melyből még nem derült ki, hogy mi is akar lenni a felület:



További információk a fejlesztők weboldalán:

2009. március 27.

Netvibes - már több, mint RSS olvasó

A Netvibes olyan újdonságokkal jött ki, melyek teljesen elfeledtetik velünk, hogy a befűzött RSS Feed egy xml halmaz. Az új dobozok kialakítása olyan, mintha egy portált néznénk. Ki mondaná meg az alábbi dobozokról, hogy ezek sima RSS Feed-ekből jönnek létre? Hasonló, mint a Facebook-ban is meglévő linkből képes ajánlót generáló kis stuff, de itt automatikusak.

Kijöttek új theme-ekkel is, érdemes lekattintani párat:
Külön öröm számomra, hogy kijavították a korábban el nem ismert thumbnail kezelési bug-t. Ugyanis a Yahoo! Pipes-szal generált, és egyes RSS Feed-ekben lévő anyagokhoz kapcsolódó kis leading képek nem jelentek meg néha, olykor meg igen. Sokat leveleztem velük, mindig azt válaszolták, hogy bizonyára nem szabványos az adott RSS csatorna. Úgy néz ki, sokan jelezhették a hibát, mert már szuper zsír, működik és megjelenik a cím és dátum, illetve kis szöveg mellé a kis képecske is.


Nem új, de jópofa és szép is a közösségi oldalakat támogató widget-ek közül a Facebook-os widget, továbbá ezen blogom jobb oldalán is lévő Netvibes ablak, amit Netvibes-szal készítettem, és a Google Reader-emből megosztott hírek mennek benne. Ez utóbbit Te is létrehozhatod a Create widget menüvel.


A saját publikus Netvibes oldalam így néz ki éppen (a nem publikust nem mutatom meg, azért nem publikus):

Szerk.: adriankoooo emlékeztetett egy fontos dologra; sok RSS olvasásához webes kliensként jobb a Google Reader, mint a Netvibes. És tényleg! :)

2008. október 21.

Letölthető az Opera Mobile 9.5 beta

Widget-eket is rakott az Opera Mobile 9.5 beta verzióba a fejlesztőcsapat! A NetFront Mobile-ra adott válasz gyorsan megérkezett, tegnap óta letölthető a Windows Mobile és Symbian alapú gépekre telepíthető böngésző új, és végre publikus béta-változata, mely stabilabb, mint a korábbi változat. Továbbra is csak érintőképernyős gépeken megy az alternatív böngésző, de mit is kezdenénk egy widget-tel érintés nélkül, csak gombokkal?

Fontosabb újdonságok a szoftverben:
  • Gyorsabb, mint valaha (tesztelni, tesztelni!!!)
  • Pan and Zoom navigációt segítő funkció
  • Letisztult felhasználói felület
  • AJAX-támogatás
  • Jelszó-menedszer
  • Előzmények és könvyjelzők kezelése
  • Widget-témogatás
Ez utóbbi funkcióról két videó jelent meg rövid időn belül a YouTube-on. Az első kitér az Opera Mobile 9.5 beta újdonságaira is, a második kifejezetten a Widget-eket (http://my.opera.com/widgets/blog/) mutogatja meg kicsit elbénázva a szoftverrel.




2008. augusztus 27.

Kezdőoldalak: a Netvibes, jobb mint az iGoogle!

Kinek mi a kezdőoldala? Nekem sokáig az iGoogle volt, sok kollégámnak szakmai elkötelezettségből a Startlap, aki meg nem ért az internethez, éppen az, amit egy aktuális oldal bement erőszakosan.Mostantól azonban egy darabig biztosan Netvibes-mániás leszek!

A böngészők megnyitásakor, ha csak nem köti az embert az erőszakos vállalati poliszi, és nem egy a HR által üzemeltetett intranet fut, valami mindig megnyílik legtöbbünknél. Ez vagy egy egyszerű Google-sor (emiatt vannak, akik azt hiszik, az internet böngésző beviteli sora a Google), vagy akár egy komoly linktár. ELtekintve egy sima, házilag készített html oldaltól vannak tényleg hasznos megoldások.

iGoogle.com

Mióta magyarul egyre többet beszél a Google, az iGoogle egy nagyon praktikus megoldás arra, hogy kipakoljunk magunknak RSS Feed-eket (értsd hírdobozok), aktuális vagy/és előrejelzett időjárást, Gmail vagy egyéb POP3 levelezőértesítő dobozt,netes játékokat, linkgyükteményeket, Picasa és Flickr fotóalbum lapozót, a NASA kedvenc képeit, speciális keresődobozokat (Google képkereső, YouTube, Flickr, stb...), és ki tudja mit. Sajátokat is gyárthatunk, ha jártasak vagyunk a HTML és az XML nyelvekben, melyhez a Google nagy segítséget ad.

A szenzációs az egészben az, hogy bárhol vagyunk, belépünk a Google-be saját loginunkkal, és máris a megszokott asztal fogad minket. Sőt, ugyanezt viszonylag tűrhetően mobilról, akár egy Opera Mini alól is elérhetjük.

A kinézetét is kipofozhatjuk, így nem csak a csúnya fehér lapot látjuk majd. Bár nekem nagyon szépet nem sikerült kihozni belőle, olyan kezdő HTML-oldal érzésem volt tőle. Továbbá nem találtam hozzá igazán jó link-tárt, amit könnyű szerkeszteni. Így akadtam a következőre. Mindenesetre ajánlom azoknak, akiknek legalább egy Google-hozzáférésük már van. :)

Netvibes.com

Elsőre látásra szép, második érzésre lassúnak tűnik. Bár rá lehet lassulni. :) Valamivel nagyobb a processzorigénye, cserébe sokkal könnyebb dobozokat kipakolni, szerkeszteni. Ami nehézkes és csúnya az iGoogle-ben, az egyszerű és szép a Netvibes-ban. Itt már eleve gyárilag készen van a saját linkeket gyűjtő modul, van flash ablak, sőt sima HTML ablak is. A modulok közötti tallózás sokkal könnyebb. Cserébe a Google-doboz nem ismeri a magyar lokációt, így nem elsősorban a hazai netet preferálja a keresésnél sajnos. De ide is lehet fejleszteni házilag. Talán könnyebb a modulmegosztás a nagyvilággal.

Amiért a Netvibes-ot kerestem, az a könyvjelzők doboza. A FireFox linkeket könnyen beimportáltam, feltettem rájuk tag-eket, így könnyen kattinthatóak, szűrhetőek, de sajnos a sorrendjük nem variálható még. A Gmail-nek természetesen itt is van doboza. Itt is lehet sok fület feltenni, és akár komplett weboldalakat, kedvenc fórumokat is kitehetünk külön felsőfülek alá.

Ami pedig kiverte nálam a biztosítékot, az a mobile verzió! Az m.netvibes.com alatt egyszerűsített, AJAX és WEB2.0 mentesen érhetjük el akár egy Java böngészőn át mobilról a link-tárunkat, és szinte mindent. Így egy vacak mobilon át lekattintható a Gmail, látjuk az időjárás előrejelzést, és elérjük kedvenc fórum-linkjeinket is. A Netvibes kötelező a webfejlesztőknek!

Startlap.hu

Folyamatosan fejlődő Best Practice a Startlap kezdőoldala. Nekem keveset nyújt, de ez betudható a hardcore felhasználói igényeimnek. Azonban van pár feature, ami nagyon tetszik. Itt is importálhatunk saját linkeket, sőt akár több száz linkünk elérhető így bárhol, melyek között könnyen kereshetünk. A kezdőlapról beléphetünk egy halom ismert szolgáltatásba, és kiválaszthatjuk, melyek ezek. Így a Hotdogtól kezdve az iWiW-en át a Gmail-ig minden van. A keresés ugyanígy bővített, még a Wikipédia is lehetőség. Sajnos, a dobozokat nem lehet kézzel áthuzogatni.

Annak ellenére, hogy sok rajta a reklám, szerintem gyors a motorja, még a Netvibes is elbújhat mellette, pedig itt is van aztán animáció bucsus csicsamicsa. A hazai készítők elmondták, még van benne tartalék, és szeretnék mégjobban kezdőoldallá tenni. Annak a felhasználói körnek ajánlom a Startlapot, akik kezdők, nem szeretnek programozni, és teljesen magyar tartalomra vágynak. A használatához nem kell regisztráció, de a testreszabásához igen. Ja, és olvashattunk róla, hogy iPhone-kompatibilis. :)