AE ~ blogokosság » szakma

Notch kódol

eMeM — Sun, 21 Aug 2011 14:13:17 +0000

Corporate környezetben meg sem említhetnéd mivel foglalkozol, de ha szabadlándzsás vagy, akkor azt is megteheted, hogy két napon keresztül a kamerába fejlesztesz…egészen elképesztő.

Watch live video from realnotch on www.twitch.tv

Plastik poszt: http://plastik.hu/2011/08/22/prelude-of-the-chambered/

Hasonló írások

Elemek rangsorolása a lájkok számával

eMeM — Tue, 02 Aug 2011 06:57:21 +0000

Ha már mindenki felszállt a facebook vonatra, akkor úgy gondolom ideje kidobni a csillagos értékelést. Ez egyszerűbb is a usereknek, mivel nem kell gondolkodni az 1-5-ös skálán, a like egy nagyon egyszerű valami, vagy jó, vagy nem, vagy tetszik vagy nem. Boolen.

Ha pl van egy webshopod és a termékeid rendelkezni egyedi url-lel (márpedig miért ne rendelkezne) akkor kiteszel mindegyikhez egy like buttont. Ha jó belájkolják, ha nem akkor nem. A legjobb terméked kapja a legtöbb lájkot.

A lájkok száma egyszerűen kinyerhető a Graph API-val egy sima url kéréssel valahogy így:

http://graph.facebook.com/http://atewebshopod.com/id/12345

Ezt egy JSON dekódolóval megetetve máris megvan a lájkok száma. Vagyis nem pont a lájkok száma, mert a lájkbutton countere egy aggregált értéket mutat, amibe a megosztások és a kommentek is beleszámítanak, de kiindulási alapnak jó.

Hasonló írások

#pecsiwebdizajner

eMeM — Sat, 30 Apr 2011 10:39:45 +0000

Hihetetlenül őrült ötletem támadt hirtelen csak úgy a semmiből.

Twitteren szeretnék egy ilyen listát. Node nem csak ennyi a tervem. Ha összegyűlik egy masszívabb tábor, akkor természetesen a twittertali mintájára nem csak közös sörözések lehetnének, hanem egy önszerveződő workshop bandában gondolkodom. Lehet el tudnám intézni, hogy kulturált helyen (szép légkondis terem, laptopokkal és projektorral) összeüljünk és megosszuk egymással az éppen számunkra aktuálisan érdekes szakmai dolgokat/trendeket/tanultakat.

Ha valaki valami szuper dologgal ismerkedik meg vagy csinál valami jó dolgot, és van kedve ezt megosztani, akkor egy rövid előadás keretében bemutatja ezt egy baráti körben… szerintem tök jó poén kiszakadni a monitor mögül és kiállni mesélni valami szakmai jellegű dologról. Én jelenleg pl szívesen mesélnék a fb alkalmazásfejlesztés első lépéseiről.

Természetesen ezek az alkalmak jó lehetőségek lennének sikeres közös munkák létrejöttére is.

Hasonló írások

Az iWiW esélye

eMeM — Mon, 10 Jan 2011 17:01:05 +0000

Nem lövöm le a poént ha azt mondom, hogy a facebook legyűrte itthon az iwiwet is. Viszont egy valahol még nyerhet a háztáji hálózat, mégpedig az idősebbek közt.

Van egy estis osztályom akiknek alap számítástechnikát és szövegszerkesztést tanítok. Ha azt mondom, hogy nem éppen heavy userek, akkor finoman fejeztem ki magam. Csináltam egy gyors közvélemény-kutatást és az jött ki, hogy akik használnak ebből a korosztályból valamilyen közösségi hálózatot, azok vagy csak az iwiwet nyüstölik, vagy az iwiwet és a facebookot együtt. A lényeg, hogy olyan nem volt, hogy csak a facebook.

Márpedig a fiatalabbak közt már ez a jellemző.

Szóval meg kell nézni ennek a korosztálynak a szokásait, mik azok a funkciók amiket nagyon tolnak a wiwen és annak kellene egy kis fókuszt adni.

Hasonló írások

Így készült: IdegenvezetőPécs.com

eMeM — Sat, 08 Jan 2011 13:53:09 +0000

Éva letette az idegenvezető vizsgát, kellett neki egy profi weboldal. Engem ért a megtiszteltetés, hogy elkészíthettem. A projekt minden mozzanatát rögzítettem, így most teljesen az elejétől a végéig bemutatom nektek, hogyan készül el egy weboldal, milyen munkafolyamatokból áll össze.

Ezt azért csináltam, mert már számtalanszor kérdezték tőlem, mégis hogyan áll össze egy oldal, mik a lépések, mennyi ideig tart, mennyire bonyolult satöbbi…

Talán így érthető lesz, miért nem két forint egy normális site elkészítése azoknak is, akik eddig csak azt hitték, hogy ez a munka csak egérkattintgatás és a “lécci neked ez semmiség délutánra összedobsz nekem egy weboldalt tudom höhö” gondolatkörben mozogtak. A teljes bemutató a tovább linkre kattintva olvasható…

1. fázis: Dokumentáció
Minden munka úgy indul, hogy a megrendelő valamilyen formában betűkbe önti a vágyait. Én nem szoktam több oldalas specifikációkkal szórakozni, a legtöbb esetben a kiindulási alap nem több egy fél/egy oldalas word doksinál vagy emailnél. Éva is szépen leírta miket szeretne viszontlátni a weboldalán:

Főoldal

Erre a doksira megy az árajánlat, és ha a megrendelő úgy gondolja, akkor ezután kezdünk el érdemben beszélgetni a részletekről :)

2. fázis: Draft/mockup
Ezután elkezdek agyalni, hogy a kívánt funkciókat hogyan lehetne megjeleníteni, mi az ami fontos és már a címlapon kint kell lennie stb… Eből készül el egy draft, valami hasonló módon:

Ezzel felkeresem a megrendelőt ás átbeszélem mi mit jelent, miért így csináltam. (ha megnézitek a végeredményt látható, hogy nem sokban hasonlít ehhez a draft állapothoz, ez tényleg csak egy kiindulási pont, az ötleteket átgondolva előfordul, hogy már a látványterv kezd testet ölteni, nem pedig egy újabb draft)

3. fázis: Látványterv/layout
Ha mindent átbeszéltünk és tisztázva vannak a funkciók, akkor kezdődik el a tényleges munka, a látványtervezés. Innentől indult a videofelvétel a gépemen, és a következő 4 munkafolyamatot rögzítettem.

(a videók HD-ben vannak fent, jó minőségért váltsatok át rá)

Az elkészült layoutot ezután megmutatom, átbeszéljük mi nem tetszik, és folyamatos finomíttatások után kialakul a weboldal címlapjának látványterve, ami meghatározza az egész oldal megjelenését. Első körben nem szoktam több különböző variációkat készíteni, az esetek többségében amit elsőre csinálok az megfelelő szokott lenni. Természetesen kisebb módosítási igények mindig vannak, de az nagyon ritka, hogy teljesen más látványvilágot kell kitalálni.

4. fázis: Sitebuild tervezés

Ha a címlap kinézetével elégedett a tulajdonos, akkor jönnek az aloldalak látványterveinek elkészítése. Ebben az esetben ez a fázis kimaradt, Éva rám bízta, az aloldalak amúgy sem térnek el az alap szerkezettől, ezért ezzel nem szívatott, hogy még ezt is rajzoljam meg neki (az oldalt természetesen baráti alapon teljesen ingyen csináltam, ezért ilyen kompromisszumok felmerültek).

A következő lépés a látványtervből egy működő HTML lap elkészítése és kódolása. Ezt nevezzük sitebuildnek. A HTML/CSS kivitelezés legelső lépése, hogy papíron megtervezem a weboldal szerkezeti felépítését. A videón csak a papírmunka látszik, közben természetesen a monitoron a layoutot nézem és az alapján rajzolom fel, hogy hogyan és milyen divekből alakítom ki a HMTL szerkezetet, és rögtön el is nevezem a főbb divek CSS osztálybeli nevét.

5. fázis: Sitebuild

Ezután elkezdődik a favágó meló, a HTML és CSS kódolás. Ez még csak egy statikus oldal lesz valami ideiglenes tartalommal feltöltve. Amikor nagyjából kialakult a HTML szerkezet, akkor jön a különböző böngészőkben történő tesztelés (12:45-től). Amint látható én egy virtuális XP-ben tesztelek a népszerű böngészőkre. Szakavatott kollégák kiszúrhatják, hogy bizony vétettem hibát, és csak CSS hackek segítségével oldottam meg, hogy az oldal a különböző böngészőkben is nagyjából azonos módon jelenjen meg.

Ha eddig eljutottam, akkor már lehet kicsit örülni.

6. fázis: WordPress sablon

Ezt az oldalt az általam kedvelt WordPress motor működteti, az elkészült statikus HTML lapot alakítom át működő WordPress sablonná. Itt kapja meg a szükséges PHP kódokat.

Amint látható volt némi felesleges kör. A header képeket forgató flasht is lecseréltem, mert útközben rájöttem, hogy nem volt szerencsés választás. Valamint bénáztam picit, rég készítettem WordPress témát, és ez a 3.0-ás motor is tartogatott számomra meglepetéseket. A videóból ezeket szándékosan nem vágtam ki, hiszen ezek is szerves részét képezik egy hasonló munkának.

Mennyi az annyi?

Szándékosan nem fogom forintosítani ezt a projektet, de felfedem a lapjaim. Mindennel együtt kb 40 munkaóra volt ebben a weboldalban. Irodai környezetre vetítve ez pont egy munkahét. Egy “igazi” megbízás esetén itt még plusz idő (és költség) lett volna a folyamatos egyeztetések lebonyolítása (Éva a lakótársam így csak átkiabáltam a másik szobába). Szintén plusz költségként merülhet fel egy “igazi” megrendelés esetén a közvetítői költség, keresőoptimalizálás, SEO/SMO regisztrációk (startlap, linkcenter, facebook, twitter…stbstbstb), domain regisztráció, hoszting, iroda rezsi, ÁFA és egyéb, a számlázással kapcsolatos tételek. Egy hasonló volumenű weboldal előállítási költsége így könnyedén érheti el a 150-200 ezres szintet. És ez még nem is egy bonyolult site, nincs benne fórum, webshop, stb…

Egy weboldal elkészülése ritkán egyezik meg a szükséges munkaórák számával. Amint mondtam ez kb egy hét volt. Természetesen ennél sokkal tovább tartott, hiszen szabadidőmben csináltam csak, mellette futottak más projektek is (ez mindenhol így van, párhuzamosan mennek a melók), így lehetséges az, hogy az elejétől a végéig 1/1,5 hónap szükséges egy weboldal elkészítéséhez.

Végezetül a szakmához szólnék, osszátok meg ti is a munkamódszereiteket, mutassátok meg hogyan dolgoztok, tanuljunk egymástól.

Felhasznált szoftverek/eszközök

OmniGraffle a draft/mockup készítéshez
Photoshop a layouthoz
Todoist (online) a teendők menedzseléséhez
On The Job a munkafolyamatok timetrackingjére (nemtom szebben, bocs)
Coda a sitebuldhez
Forklift az ftp-hez
Parallels a windows virtualizáláshoz
iShowU a képernyő felvételéhez
papír/toll a tervezéshez
…és mindezt egy Macbookon követtem el (alu bill., varázsegér, wacom bamboo rajztábla, + egy 22″-os BenQ monitor)

Hasonló írások

Sufniprojekt: nevessteis.com

eMeM — Tue, 23 Nov 2010 16:05:31 +0000

Nem, én sem gondolom komolyan, hogy most feltaláltam itt nektek a zinternetvilághálót.

Csupán megakadt a szemem a napinemszar, lájkbook, lajk.eu és hasonló facebook addikciók sikerén (folyamatos 1K online uniqe jelenlét helómi), és betoltam a saját verziómat is. Annyival gondoltam tovább a dolgot, hogy nem vicces szövegeket tegyünk ki, hanem vicces képeket.

Szinte biztos vagyok benne, hogy nem ebből lesz meg a lakástörlesztőm, csupán tényleg kíváncsi vagyok egy startup beindítására, és látni akartam hogyan megy ez akkor, amikor a forrás csak egy közösségi hálózatra van kihegyezve (a site a facebookról átkattintókra fókuszál, nem a direkt találatokra, ez eléggé új megközelytése az internetépítésnek manapság).

Még nincs kész, de nem is akartam készre hegyezni, majd alakul. A legnagyobb bug jelenleg az, hogy a facebook sahare API iszonyatosan cacheli valószínűleg a szájtokat (a share gombok számlálói sem a valós adatokat mutatják). Arra gondolok, hogy amikor valaki a megosztás gombra kattint, akkor gyakran nem a megosztani kívánt képet dobja ki elsőnek a bélyegképben, hanem kattintgatni kell a felhasználónak. Ez így rossz, de egyenlőre nem tudtam megoldani.

Az új szemlélet miatt (csak a share számít) felrúgtam néhány régi szabályt:

Nincs copy-pastelhető permalink
Ezt azért csináltam, hogy a látogató direkt ne tudja emailben vagy IM-en keresztül elküldenie egy kép egyedi URL-jét, csak úgy tudja megosztani kényelmesen, ha kiteszi a saját fb lapjára.

Nincs 404
A lap nem található hibaoldalt is likvidáltam, ha nem létező tartalomra jönne valaki, akkor át van irányítva a címlapra. Az indoklásom egyszerű. Erre az oldalra csak úgy jön valaki, hogy a viccesnek vélt miniatűr képre kattint valaki másnak a facebbok falán, ha a kép már nincs is meg akkor is lásson képeket, hátha talál maga is poénosat és akkor megosztja. Ha azt mondanám neki, hogy bocsi a lap már nem található, akkor jó eséllyel csak bezárja az oldalt és nem kattint át a főoldalra, hogy megnézze amúgy milyen képek vannak még.

Nincs single page
Ha valaki fb-ról átkttint akkor olyan oldal jön be, aminek tetején a miniatűr képhez tartozó nagy kép látszik, viszont ez alatt tovább listázódnak a legfrissebben feltöltött képek, ennek szintén az az oka, hogy a user szeme minél könnyebben akadjon meg egy másik jó képen, és azt kedvére tegye ki szintén a saját lapjára.

És akkor egy kis statisztika az első néhán éles óráról: Mindenféle bejelentés nélkül tettem ki a szájtot online, csupán egyetlen képet osztottam meg a saját facebook üzenőfalamon az esti órákban, amikor az internet forgalom folyamatosan esik. Ezt látva 3 ismerősöm kattintott át az oldalra (kb 200 ismerősöm van a rendszerben), majd az ő ismerősük is átkattintott…. így az én egyetlen egy megosztásomból lett 3 óra alatt 60 egyedi látogató, és kb 30 további megosztás. Ennél részeletesebben kár nézni a statisztikai adatokat, az analytics csak 3 órát mért, ez még erősen torz a fejlesztés miatt (a visszafordulásra, oldalon töltött időre és hasonlókra gondolok).

Tényleg nem tudom mi lesz a site sorsa, akit a számok érdekelnek annak megsúgom, hogy 5000 Ft domain regisztráció (1 év) és kb 20 munkaóra van benne, szóval akinek ötlete van hasonló területen, az mindenféleképpen próbálja ki magát, akár be is futhat.

Hasonló írások

A lusta informatikus a jó informatikus

eMeM — Wed, 16 Jun 2010 13:06:01 +0000

Lett volna egy feladatom, a holnapi OKJ vizsgákhoz minden gépen (40db) egy adott mappaszerkezetet kellett volna létrehozni. Lehetőségek:

legfavágóbb opció: gépről gépre járkálva létrehozogatni
egyszer létrehozni és pendriveról felmásolgatni
egyszer létrehozni és hálózatról átmásolgatni

De én ennél sokkalsokkal lustább vagyok, szóval egy kis batch csuklózás és kész is volt az egy kattintással a hálózaton keresztül a mappákat létrehozó kis script.

IHT-sek, ezért kell lenne jó többek között még 2010-ben is MS-DOS parancsokat tanulgatni…

Hasonló írások

Kell-e portfólió site 2010-ben?

eMeM — Mon, 04 Jan 2010 19:15:52 +0000

A cím bullshitgyanús tudom, de most tényleg ezen agyaltam. Riport következik 2010 legkreatívabb legszabadúszóbb legjobb IT előadójával és grafikusával. eMeM kérdez, Mondovics Mihály válaszol.

Szóval kell-e portfólió site 2010-ben?

Kell. Tudom régen nem ezt mondtam, de belátom, hogy szükség van rá. Persze minimális, sőt nulla bullshit tartalommal.

Mit értesz bullshit tartalom alatt?

Például a bio szöveget, vagy a különböző skillek csillagokkal/rovátkákkal történő reprezentálását. Vagy például az egyes melókhoz tartozó 2-3 mondatos rizsát.

Hogyan néz ki egy portfólió site 2010-ben, szerinted?

Az egész alapja egy egyszerű galéria. A legjobbnak vélt 4-5 meló (max 4-5!!!) thumbnaillel, teljes képpel és live linkkel. Aztán kell valami megoldás a folyamatos flow-ról is. Szerintem erre jelenleg legjobb a twitter. Szóval kell egy melós twitter acc, amin az aktuális és nem privacys melókról dobsz egy screenshotot és 2-3 SZÓT. Ettől személyes is lesz picit, nem csak egy üres galéria ami fél évente frissül. A haramdik dolog ami még kell az a kontakt infó. De ez sem csak úgy felsorolva, hanem hivatkozások formájában social netwörkökre (fb, privát twitter, tumblr, etc…)

Ennyi?

Tulajdonképpen igen. Bár talán még egy dolog jöhet, de ezt még csak ködösen látom. Ez pedig a showreel. Egy grafikus esetében ezt úgy képzelem el, hogy egy látványos pörgő forgó max 1 perces videó, amiben a munkái jelennek meg. Persze ehhez érteni kell a videóhoz, vagy meg kell fizetni valaki szakértelmét.

A mondovicsmihaly.hu mikor lesz ilyen?

Kussolsznempofázol…. majd egyszercsak váratlanul berobban.

Köszönöm az interjút.
Én is köszönöm hogy itt lehettem, további szép napot!

Hasonló írások

On the AIR!

eMeM — Fri, 07 Aug 2009 13:14:25 +0000

A megszakítás után folytatjuk műsorunkat. A stúdiót újratapétáztuk, így megemeltük oldalunk számosságát 9-es verzióra.

Több mint 3 éves volt az előző design, ideje volt beújítani. Igazából korábban már keszült pár terv, de a PS-ből egy sem jutott tovább a kivitelezésig. Most azonban elszántam magam és megléptem a dolgot. Ami a megjelenést illeti a cél az volt, hogy több szín kerüljön be, valamint egyszerűbb/átláthatóbb legyen az egész.

A WordPress-t is felfrissítettem a latest cuccra (ami most 2.8.3-at jelent).

Bekerült a játékba a twitter is, ám ezzel még szerintem csinálok valamit, mert baromira belassítja az oldal betöltését.

Asszem hirtelen ennyi, a designról majd akarok még írni pár sort később, de most készülődöm a holnapi grillpartira. Biztosan vannak még hibásan működő csücskök, latest browserekben* azért annyira nem döcög, de ha találsz valamit akkor kommentáljad hamar-hamar!

*ie6 pedig konkrétan ki van bannolva teljesen

Hasonló írások

Lassan mondom, hogy mindenki megértse:

eMeM — Sat, 27 Jun 2009 21:07:09 +0000

twitter

új

blog.

(én: @emem07 / a laboratórium: @mondovicsmihaly)