2010. október 20., szerda
Wirefram vagy mockup
Na, egy ilyet is találtam: https://gomockingbird.com/ itt: http://opendir.hu/?freedom=/tartalom/weboldal_tervezes/drotvazas_weboldal_tervezes_online_eszkozzel
2010. október 19., kedd
Benne voltam a TV-ben
A mai nap volt egy internet-történelmi pillanat, ami, mint a jó pillanatok majdnem 10 percig tartott. Ugyanis a kewlap szerkesztő-vezetői egy zseniális újító ötlettel álltak elő, mégpedig azzal, hogy meghívnak egy igazi szakértőt is a műsorba. Ez úton gratulálok nekik ezért az újító gondolatért, és a megvalósításért, ahogy az egyik legritkábban nyilatkozó szakértőt sikerült megnyerniük. Nem akarok hozzátenni semmit, mert a dolog úgy tökéletes, ahogy van. (http://www.ustream.tv/channel/kewlap)
Viszont. Van nekem egy problémám ezekkel a wireframe-ekkel. Ezek a wireframe-ek ugye úgy néznek ki, mint egy weboldal, úgy is működnek mint egy weboldal. Akkor miért nem weboldalak? Teszi fel a kérdést a fenti műsor szakértője. Biztos nem most találom fel a spanyolviaszt, de kell, lennie egy egyszerű megoldásnak, ahol előre felépített html és css elemekből össze lehet rakni egy weboldalt. Innen már csak egy lépés a drupal modul, de van egy olyan érzésem, hogy már ez is készen van.
Viszont. Van nekem egy problémám ezekkel a wireframe-ekkel. Ezek a wireframe-ek ugye úgy néznek ki, mint egy weboldal, úgy is működnek mint egy weboldal. Akkor miért nem weboldalak? Teszi fel a kérdést a fenti műsor szakértője. Biztos nem most találom fel a spanyolviaszt, de kell, lennie egy egyszerű megoldásnak, ahol előre felépített html és css elemekből össze lehet rakni egy weboldalt. Innen már csak egy lépés a drupal modul, de van egy olyan érzésem, hogy már ez is készen van.
2010. október 16., szombat
Az elmúlt hét eseményei varázsdióban
Először írjunk, aztán címezzünk!
Kicsit elmaradtam. Nézzük a hostolás kérdését. Nekem kb. 10 éve van saját szerverem, jelenleg több is, így a mi a probléma a tárhelyszolgáltatókkal kérdéskőr el is került volna, ha nem lennének olyan munkáim, amit egy máshova kell feltöltenem, mondjuk ftp-vel, (amit utálok). A legnagyobb probléma az szokott lenni, hogy nem látom a logokat, amiből elég sok minden kiderülhetne. Persze egy saját szerver, (legyen az akár virtual is) elég sok problémát felvethet, például telepíteni, beállítani kell, foglalkozni a mentésekkel, biztonsági kérdésekkel, stb., de azért mégiscsak konkrétabban hozzá lehet férni a dolgokhoz.
És, hogy miért is van nekem saját szerverem? Ez nagyon egyszerű, amikor annak idején tárhelyet kerestem, kb. csak egy szolgáltató volt (az interware) és ott azt mondták, hogy nem adnak a tárhelyhez php-t, biztonsági okokból. Így nem volt más választásom, mint egy saját szerver.
Nekem sajnos mentéseim nem nagyon vannak, erre is ki kellene dolgozni egy stratégiát, elég sok lehetőség van, még nem találtam meg az igazit, főleg, adatbázisok mentésére. Valószínűleg egy jól irányzott tar cvzf cron-ból elég lenne, de az olyan túl egyszerű, ráadásul olyankor meg a vinyó megy tönkre. Egy jó verzió-kezelő rendszer aranyat érhet, főleg, ha használjuk, bár szerintem ez a kérdéskőr, (mármint a mentés) nincs teljesen letisztázva. Ha valaki éppen mostanában diplomázik, ebből írhatná a szakdolgozatát, szívesen segítek.
Ma néztem meg a csütörtöki adást, és ez a mind-map-es dolgot már régóta használom, elég jó ingyenes programok vannak hozzá. Én a FreeMind-ot preferálom. Ha jól tudom egy matematikus, vagy pszichológus ötletén alapul az egész, mert így egyszerűbben tudjuk a gondolatainkat megfogalmazni. Ezért is hívják agy-térképnek. Szerintem ez a táblás megoldás, pont kiveszi a fineszt az egészből.
Ja, és megint jó volt egy kicsit hivatkozási alapnak lenni.
Kicsit elmaradtam. Nézzük a hostolás kérdését. Nekem kb. 10 éve van saját szerverem, jelenleg több is, így a mi a probléma a tárhelyszolgáltatókkal kérdéskőr el is került volna, ha nem lennének olyan munkáim, amit egy máshova kell feltöltenem, mondjuk ftp-vel, (amit utálok). A legnagyobb probléma az szokott lenni, hogy nem látom a logokat, amiből elég sok minden kiderülhetne. Persze egy saját szerver, (legyen az akár virtual is) elég sok problémát felvethet, például telepíteni, beállítani kell, foglalkozni a mentésekkel, biztonsági kérdésekkel, stb., de azért mégiscsak konkrétabban hozzá lehet férni a dolgokhoz.
És, hogy miért is van nekem saját szerverem? Ez nagyon egyszerű, amikor annak idején tárhelyet kerestem, kb. csak egy szolgáltató volt (az interware) és ott azt mondták, hogy nem adnak a tárhelyhez php-t, biztonsági okokból. Így nem volt más választásom, mint egy saját szerver.
Nekem sajnos mentéseim nem nagyon vannak, erre is ki kellene dolgozni egy stratégiát, elég sok lehetőség van, még nem találtam meg az igazit, főleg, adatbázisok mentésére. Valószínűleg egy jól irányzott tar cvzf cron-ból elég lenne, de az olyan túl egyszerű, ráadásul olyankor meg a vinyó megy tönkre. Egy jó verzió-kezelő rendszer aranyat érhet, főleg, ha használjuk, bár szerintem ez a kérdéskőr, (mármint a mentés) nincs teljesen letisztázva. Ha valaki éppen mostanában diplomázik, ebből írhatná a szakdolgozatát, szívesen segítek.
Ma néztem meg a csütörtöki adást, és ez a mind-map-es dolgot már régóta használom, elég jó ingyenes programok vannak hozzá. Én a FreeMind-ot preferálom. Ha jól tudom egy matematikus, vagy pszichológus ötletén alapul az egész, mert így egyszerűbben tudjuk a gondolatainkat megfogalmazni. Ezért is hívják agy-térképnek. Szerintem ez a táblás megoldás, pont kiveszi a fineszt az egészből.
Ja, és megint jó volt egy kicsit hivatkozási alapnak lenni.
2010. október 7., csütörtök
WSDM variációk (reblog)
Valahogy mindennek kell hogy legyen célja. Ha nem tudjuk, hogy mit akarunk elérni, akkor nehezen tudjuk elérni. Esetleg eljöhet az a pillanat, amikor azt gondoljuk, hogy most jó, valószínűleg ezt akartam egész életemben, pedig nem is tudtam róla, hogy ezt akarom. Lehetnek az életnek ilyen pillanatai.
De. Jobbak a lehetőségeink, ha kitűzünk egy célt, megtervezzük a hozzávezető utat. Nagyon fontos, hogy ne csak egy célunk legyen az életben, és az is fontos, hogy tudjunk a céljainkon is változtatni, hiszen mi is változunk.
Nos, e nagyon rövid, de annál szebb bevezető után térjünk rá a reflexióra. Az első alcím: "Behatárolt célközönség", és alatta a "Mi a célom" részben nem célok vannak leírva. Egy vállalkozásnak az a célja, hogy hosszútávon maximalizálja a bevételeit, vagy minimalizálja a kiadásait (a kettő nem megy egyszerre). Az embereknek meg a boldogság a céljuk. Ahhoz, hogy céljukat elérjék, esetleg weboldalakat hoznak létre, legyen az blog, webáruház, vagy a facebook.
Itt ugye, tartva magunkat ahhoz, hogy legjobb célokat kitűzni, azokat elérni, esetleg a célokat korrigálni, előkerül, hogy valamely célunkhoz egy weboldal megvalósítása vezet el a legkönnyebben. Itt mondhatjuk azt, hogy a célunk a weboldal elkészítése. Csakhogy ez nem igaz. A weboldal csak egy eszköz az eredeti célunkhoz, és ezen belül kell definiálnunk az oldal célját. Mellékesen jegyzem meg, hogy az internetes megjelenéshez már messze nem elég, ha csak egy weboldalunk van.
Azt ne felejtsük el, hogy a web nem más, mint marketing. A marketing minden eleme megtalálható rajta. Egy weboldal reklám, egy weboldalon lehet közvéleménykutatást csinálni még úgy is, hogy nem is kérdezünk semmit (lásd Google analytics), egy weboldalon keresztül el lehet adni szolgáltatást, termékeket. Nagyon erős marketing-eszköz.
Tehát a részcél a weboldal marketing célja. Egy blognál az, hogy az emberek megismerjenek, hogy én milyen jó szakember vagyok, mennyire fáj a világ, mennyire exhibicionista vagyok (ezt a szót sikerült elsőre leírnom!), milyen szép/aranyos gyerekem/kutyám/macskám/egerem/ van. Vagy milyen jó is az én termékem, szolgáltatásom cégem.
Már fél éve csinálok weboldalt egy lakberendező iskolának. Az oldal még nincs kész, mert a tanári kar a logón gondolkodik. Van egy kb. tíz éves logójuk, meg van egy barátom, aki tervezett nekik kb. 20 professzionális logót, de olyanokat, hogyha lenne logó-tervezési Nobel-díj az első 5 helyet megkapná, de nem tudnak dönteni. (Ha valakinek kell valami jó logó szóljon). Most ott tartanak, hogy a blueprintes sminkkel elkészített oldalt tegyem ki nekik élesbe.
Szóval, szerintem egy iskolának két célcsoportja van. Az egyik, aki már ide jár, a másik aki lakberendező szeretne lenni és keresi a legjobb iskolát.
Aki idejár, annál egyszerű a helyzet, személyre szólóan kell megjeleníteni, e-mailben elküldeni a legfontosabb tudnivalókat, osztályzatokat. Ki lehet alakítani on-line közösségeket, ahol megbeszélhetnek szakmával kapcsolatos dolgokat.
Aki meg nem jár ide, de szeretne lakberendező lenni az meg akarjon ide járni.
Ma Magyarországon ebben van a potenciál. Sokan csinálnak weboldalszerűségeket, de ezek olyan kell egy weblap, mert másoknak is van. 12 egy tucat. Nem nehéz hasznosabbat, jobbat csinálni. Volt miniszterelnökünk szavaival: Csináljuk meg!
Elnézést kérek, hogy ilyen szedett-vedett lett ez a post, de olyan dolgok történnek mostanában, ami miatt nem tudom normálisan összeszedni a gondolataimat.
De. Jobbak a lehetőségeink, ha kitűzünk egy célt, megtervezzük a hozzávezető utat. Nagyon fontos, hogy ne csak egy célunk legyen az életben, és az is fontos, hogy tudjunk a céljainkon is változtatni, hiszen mi is változunk.
Nos, e nagyon rövid, de annál szebb bevezető után térjünk rá a reflexióra. Az első alcím: "Behatárolt célközönség", és alatta a "Mi a célom" részben nem célok vannak leírva. Egy vállalkozásnak az a célja, hogy hosszútávon maximalizálja a bevételeit, vagy minimalizálja a kiadásait (a kettő nem megy egyszerre). Az embereknek meg a boldogság a céljuk. Ahhoz, hogy céljukat elérjék, esetleg weboldalakat hoznak létre, legyen az blog, webáruház, vagy a facebook.
Itt ugye, tartva magunkat ahhoz, hogy legjobb célokat kitűzni, azokat elérni, esetleg a célokat korrigálni, előkerül, hogy valamely célunkhoz egy weboldal megvalósítása vezet el a legkönnyebben. Itt mondhatjuk azt, hogy a célunk a weboldal elkészítése. Csakhogy ez nem igaz. A weboldal csak egy eszköz az eredeti célunkhoz, és ezen belül kell definiálnunk az oldal célját. Mellékesen jegyzem meg, hogy az internetes megjelenéshez már messze nem elég, ha csak egy weboldalunk van.
Azt ne felejtsük el, hogy a web nem más, mint marketing. A marketing minden eleme megtalálható rajta. Egy weboldal reklám, egy weboldalon lehet közvéleménykutatást csinálni még úgy is, hogy nem is kérdezünk semmit (lásd Google analytics), egy weboldalon keresztül el lehet adni szolgáltatást, termékeket. Nagyon erős marketing-eszköz.
Tehát a részcél a weboldal marketing célja. Egy blognál az, hogy az emberek megismerjenek, hogy én milyen jó szakember vagyok, mennyire fáj a világ, mennyire exhibicionista vagyok (ezt a szót sikerült elsőre leírnom!), milyen szép/aranyos gyerekem/kutyám/macskám/egerem/ van. Vagy milyen jó is az én termékem, szolgáltatásom cégem.
Már fél éve csinálok weboldalt egy lakberendező iskolának. Az oldal még nincs kész, mert a tanári kar a logón gondolkodik. Van egy kb. tíz éves logójuk, meg van egy barátom, aki tervezett nekik kb. 20 professzionális logót, de olyanokat, hogyha lenne logó-tervezési Nobel-díj az első 5 helyet megkapná, de nem tudnak dönteni. (Ha valakinek kell valami jó logó szóljon). Most ott tartanak, hogy a blueprintes sminkkel elkészített oldalt tegyem ki nekik élesbe.
Szóval, szerintem egy iskolának két célcsoportja van. Az egyik, aki már ide jár, a másik aki lakberendező szeretne lenni és keresi a legjobb iskolát.
Aki idejár, annál egyszerű a helyzet, személyre szólóan kell megjeleníteni, e-mailben elküldeni a legfontosabb tudnivalókat, osztályzatokat. Ki lehet alakítani on-line közösségeket, ahol megbeszélhetnek szakmával kapcsolatos dolgokat.
Aki meg nem jár ide, de szeretne lakberendező lenni az meg akarjon ide járni.
Ma Magyarországon ebben van a potenciál. Sokan csinálnak weboldalszerűségeket, de ezek olyan kell egy weblap, mert másoknak is van. 12 egy tucat. Nem nehéz hasznosabbat, jobbat csinálni. Volt miniszterelnökünk szavaival: Csináljuk meg!
Elnézést kérek, hogy ilyen szedett-vedett lett ez a post, de olyan dolgok történnek mostanában, ami miatt nem tudom normálisan összeszedni a gondolataimat.
2010. május 25., kedd
Lekerekítés
Vidám Fűz tette fel a kérdést, hogy most akkor ez így hogyan? 3 féle megoldás van. A kedvencem a CSS3-as megoldás, ami nem működik Internet Explorer és Opera alatt sem, (Operához egy másik megoldás van, azt most nem fejtem ki). Ehhez itt egy nagyon jó kis leírás: http://www.css-3.hu/2009/09/kerekitett-sarkok-css-3-modra/ ez tudomásom szerint firefox 3.5-ben, safari-ban és chrome-ban működik.
A másik megoldás jQuery alapon megy. Ennek a használata a következő:
Csinálunk egy HTML osztályt, legyen mondjuk .rounded-corner a neve.
Kell csinálnunk egy javascript file-t, amit a smink .info file-jában húzunk be, illetve le kell tölteni a hozzá való jQuery plugint, amit szintén a smink könyvtárba tegyünk. (Persze van modul is. Ha ezt használjuk, akkor az első sor nem kell, bár ez a modul nem tűnik up-to-date-nek.)
ebbe a file-ba (rounded.js) írjuk a következőket:
vagy
De érdemes itt megnézni a további lehetőségeket.
(Esküszöm HTML-be HTML írni eléggé advanced dolog.)
A másik megoldás jQuery alapon megy. Ennek a használata a következő:
Csinálunk egy HTML osztályt, legyen mondjuk .rounded-corner a neve.
<div class="rounded-corner">ide kerül a tartalom.</div>
Kell csinálnunk egy javascript file-t, amit a smink .info file-jában húzunk be, illetve le kell tölteni a hozzá való jQuery plugint, amit szintén a smink könyvtárba tegyünk. (Persze van modul is. Ha ezt használjuk, akkor az első sor nem kell, bár ez a modul nem tűnik up-to-date-nek.)
scripts[] = jquery.corner.jsscripts[] = rounded.jsebbe a file-ba (rounded.js) írjuk a következőket:
$(".rounded-corner").corner();vagy
$(".rounded-corner").corner(15px);De érdemes itt megnézni a további lehetőségeket.
(Esküszöm HTML-be HTML írni eléggé advanced dolog.)
Összefoglalás
Érdekes tanfolyam ez, mert, ahhoz képest, hogy vége van, csak most kezdődik el igazán. Elösször is, mi az, amit el fogok olvasni, át fogok nézni: Front End Drupal, Using drupal és Nagy Gusztáv Webes tartalomkezelő rendszerek. Alapvetően azt gondolom, hogy nem nagyon fognak újat mondani, de biztos találok bennük néhány jó ötletet, és talán rendbe rakják eddigi kusza ismereteimet.
Ezen kívül szeretnék összehozni valamit, amivel HTML5 alapon lehet mockupokat, látványterveket készíteni. Szerintem ez a jövő, és lassan a photoshopot is csak arra fogják használni, amire való, képek szerkesztésére.
Ezen kívül szeretnék összehozni valamit, amivel HTML5 alapon lehet mockupokat, látványterveket készíteni. Szerintem ez a jövő, és lassan a photoshopot is csak arra fogják használni, amire való, képek szerkesztésére.
2010. május 17., hétfő
Merre járok?
Úgy néz ki, hogy a mocup-ot rosszul terveztem meg. Az ugye egy olyan oldal terve volt, ami a magyar e-bay vásárlókat mentesíti a királyi magyar postától, és ahol olyan eladóktól is vásárolhatnak az e-bay-en, akik egyébként nem szállítanak Magyarországra. Úgyhogy átnyergeltem egy másik projectre, ami egy webáruház, ahol kubai szivarokat lehet kapni. Az eredmény itt látszik, ezzel sem vagyok megelégedve.
2010. május 11., kedd
A legfontosabb.
A hülye kis szakmai dolgok miatt majdnem elfeledkeztem a legfontosabbról. A tegnapi tanfolyamon elhangzott a nevem az előadásban. Azóta híresebb vagyok, mint a bikicsunáj.
Design készítés
A tegnapi előadás után két feladatot kaptunk, melyek közül én a Készíts látványtervet! résszel foglalkoznék. Itt nagyszerű tanáraink azt tanácsolták hogy a látványtervhez Photoshop-ot, Gimp-et, vagy más, hasonló képszerkesztő programot használjunk (akkor inkább a Gimpet :). Nos, én ezzel nem értek egyet, illetve mutatnék egy másik, szerintem jobb utat.
Mégpedig ez nem más, mint a HTML és a CSS. Azt gondolom, hogy látványtervet, de akár egy mockup-ot is jobb HTML-ben és CSS-ben csinálni. Sőt, ha már drupal, akkor jobb rögtön egy sminket ráhúzni az oldalra, és ott design-olni.
Így rögtön fognak látszani például az interaktív elemek, mint a linkek. Ha kell, meg lehet bolondítani egy kis jQuery-vel, vagy jQuery UI-val. Ha pedig lekerekített sarkok kellenek, arra ott a CSS3, amiben még rengeteg érdekes dolog van.
Nagyon jó kis olvasnivaló a témában a Weblaboron. további olvasnivalókkal.
Mégpedig ez nem más, mint a HTML és a CSS. Azt gondolom, hogy látványtervet, de akár egy mockup-ot is jobb HTML-ben és CSS-ben csinálni. Sőt, ha már drupal, akkor jobb rögtön egy sminket ráhúzni az oldalra, és ott design-olni.
Így rögtön fognak látszani például az interaktív elemek, mint a linkek. Ha kell, meg lehet bolondítani egy kis jQuery-vel, vagy jQuery UI-val. Ha pedig lekerekített sarkok kellenek, arra ott a CSS3, amiben még rengeteg érdekes dolog van.
Nagyon jó kis olvasnivaló a témában a Weblaboron. további olvasnivalókkal.
2010. május 10., hétfő
Sorrend
Szerintem ez az egyik legfontosabb része a tanfolyamnak: egy weboldal kialakításának menete:
- Cél megjelölése
- Felhasználók jellemzése, használati esetek
- Navigációs terv
- Oldaltervek készítése
- Dizájn
2010. május 5., szerda
Első nap az iskolában
Bár már elég régóta foglalkozom drupállal, sminkeket, modulokat is készítettem már, de mégis az az érzésem, hogy ezt a tanfolyamot végig kell csinálnom. Tudom, hogy vannak lemaradásaim design vonalon, - és mint az első videó után kiderült, sminkkészítés terén is, - css-ben sem vagyok olyan profi, mint amennyire szeretnék, meg érdekelt ez a konnektivista oktatási szemlélet is. A legfontosabb pedig, hogy jó programozó holtig tanul.
Rögtön az első videóban tanultam pár új dolgot. Az egyik ilyen az oldaltervezés menete, amit ugyan már valahol belül éreztem, de nem láttam még így leírva. A másik a gridek használata, - pedig ez a kiterjesztés már régóta fent van a gépemen, csak eddig nem tudtam, hogyan kell használni -. A harmadik pedig, bevallom töredelmesen, az alsminkek használata, mert ahogy eddig testre szabtam a sminkeket, attól PP a fejét fogná.
Na, akkor most már végignézem a videót, aztán elolvasom a Floattutoriál-t, ez az egyik gyengém CSS-ből, és megcsinálom a layoutokat. Holnap pedig megcsinálom a szivaros oldal mockup-ját, hacsak a holnapi előadáson nem lesznek újabb feladatok.
PP és Kulcsi, köszönöm az eddigi zseniális tanfolyamvezetést!
Rögtön az első videóban tanultam pár új dolgot. Az egyik ilyen az oldaltervezés menete, amit ugyan már valahol belül éreztem, de nem láttam még így leírva. A másik a gridek használata, - pedig ez a kiterjesztés már régóta fent van a gépemen, csak eddig nem tudtam, hogyan kell használni -. A harmadik pedig, bevallom töredelmesen, az alsminkek használata, mert ahogy eddig testre szabtam a sminkeket, attól PP a fejét fogná.
Na, akkor most már végignézem a videót, aztán elolvasom a Floattutoriál-t, ez az egyik gyengém CSS-ből, és megcsinálom a layoutokat. Holnap pedig megcsinálom a szivaros oldal mockup-ját, hacsak a holnapi előadáson nem lesznek újabb feladatok.
PP és Kulcsi, köszönöm az eddigi zseniális tanfolyamvezetést!
Feliratkozás:
Bejegyzések (Atom)