Az előző részben az e-Arc.hu megújulásának általános hátteréről volt szó, ezúttal pedig az arculat kerül górcső alá. A cikksorozat részei:

1. Bevezető
2. Arculat, EAS

Az arculatot általában a fejlesztések vége felé illik létrehozni, mivel addigra többé-kevésbé átláthatóak az elvárások. A felülettervezés ráadásul nem pusztán... Teljes írás »

Tegyük fel, hogy van egy középkategóriás hazai honlap, mely szeretne megújulni. Tegyük fel, kap egy minőségi fejlesztési ajánlatot, amelyet több levélváltás, látható érdeklődés követ, majd mélységes csend támad úgy két hónapra, és a... Teljes írás »

0:32 - Lassan menni kéne.
1:47 - Úgyis csak bő 10 perc telhetett el, az authentikációs modult egészig még gyorsan befejezem.
2:36 - Nem értem. Ennek működnie kéne!
3:12 - Yah, hogy nem kulcs, hanem érték! Az más. Az egészen más.
3:49 - Soproni... Teljes írás »

Az élet legtöbb területéhez hasonlóan a programozás is művészet egy kicsit, csak megfelelően kell közelíteni hozzá.
A gondolaton át teremtő erő költözik a kódsorokba, majd lassan feláll a rendszer, és elkezd dohogni. Botladozik ugyan... Teljes írás »

Apache Install: $ sudo apt-get install apache2
Az apache automatikusan indul (/etc/init.d/apache2). A csak manuális indításhoz le kell szedni ezt:
$ sudo apt-get install sysv-rc-conf
Utána:
$ sudo sysv-rc-conf
A feljövő táblázatban nyilakkal lehet mozogni, space X-el. Az apache2 a 2-es, 3-as, 4-es, 5-ös init levelen indul, ezek elől mind ki kell szedni az X-et, aztán q-val egyszerűen quit.

DocumentRoot beállítása: $ sudo gedit /etc/apache2/sites-available/default
Restart apache: $ sudo /etc/init.d/apache2 force-reload DocumentRoot file permissions (ha nincs megadva, akkor 'failed to open stream: Permission denied' hibaüzenet): $ sudo chmod -R +r fejlesztesi_konyvtar/elerese Mod_rewrite engedélyezése: $ sudo a2enmod rewrite $ sudo gedit /etc/apache2/sites-enabled/000-default A megnyíló állományban a beállított Directory-nál az AllowOverride All szerepeljen.


PHP5 $ sudo apt-get install php5 php5-gd
php.ini-t nem elfelejteni szerkeszteni! (modulok [gd, mysql pl.] engedélyezése, path-ok, stb...)
$ sudo gedit /etc/php5/apache2/php.ini

MySQL Install: $ sudo apt-get install mysql-server php5-mysql
Root-nak legyen jelszava (MySQL 5.1 és felette már telepítés közben rákérdez): $ mysqladmin -u root password jelszo $ mysqladmin -h root@alpha-neuron -u root -p password jelszo
Adatbázis telepítése után sysv-rc-conf-fal ugyanúgy 2-es, 3-as, 4-es, 5-ös init levelről kiszedni az automatikus indulást.

Új userek hozzáadása: $ (sudo?) mysql --user=root -p jelszó megadása mysql > GRANT ALL PRIVILEGES ON adatbazis.* TO 'user'@'localhost' IDENTIFIED BY 'jelszo';

Apache manuális indítása | leállítása | újraindítása:
$ sudo /etc/init.d/apache2 start|stop|restart
MySQL szerver manuális indítása | leállítása:
$ sudo /etc/init.d/mysql start|stop|restart

Komodo Edit PHP hibaellenőrzésének engedélyezéséhez kell a client line php5 is: $ sudo apt-get install php5-cli

VirtualBox alól a localhost böngészőből így érhető el:
http://10.0.2.2

Legalább kétszer annyi időbe és pénzbe fog kerülni, amit a megrendelő kitalált, mint amennyire most gondolsz. Kiegészítés: Akkor is, ha megszorzod kettővel.

A korábban ismertetett egyszerű sablonkezelő rendszer az erőforrások kímélésére egy új metódussal gazdagodott: a tpl_select()-tel.
A leírás a második cikkben olvasható a 'Sablon ismétlődő részeinek kezelése' címszónál.

Kapcsolódó írások:

• Saját sablonrendszer I.: működési rétegek, tervezés
• Saját sablonrendszer II.: a kezelő és a sablonok

Pályafutásom eddigi legnagyobb fejlesztése, a justACRO.com pár napja már élesben is elérhető.

Egy ekkora munkából többet tanul az ember, mint azonos mennyiségű kisebből, így külön öröm volt látni, ahogy beindult a gépezet, ahogy C., a megrendelő egyre lelkesebb lett, és ahogy kezdi meghozni gyümölcsét a hosszú-hosszú munka.

Sok sikert a honlapodhoz, C.!

Mielőtt az exhibicionisták, no meg az adoniszi testemre oly kíváncsiak örvendezni kezdenének, ez a nap a weblapok pucérságáról szól: a webes szabványokat követő fejlesztők a honlapjuk arculatát... Teljes írás »

A végtelen ciklus lassan már nálam is fatális hibát fog okozni (bár ahogy ezen mondat kocka-o-meterét nézem, már okozott). Az eddig felmerülő újabb s újabb igények ellenére is eljutottam végre az eddigi legnagyobb fejlesztésemben 99%-ig, és most kiderül, hogy... Teljes írás »

Kellemetlenül adrenalinlöketes, mikor ezt kell leírnod egy fejlesztés során:
1) keresztbelinkelt törlés, egy kódrészlet nem azt törli, amit kéne; 2) megtörték a lapot (meglepődnék, szomorú lennék, szégyellném magam, és megtoldhatnánk a fejlesztési időt még pár héttel) 3) Véletlen törlés figyelmetlenségből 4) Direkt törlés. Lehet mazsolázni.
Cybertettek szájbatettek, de... Teljes írás »

A korábban bemutatott sablonkezelő rendszerem kimenetét adó függvénye a hatékonyabb működés érdekében némileg módosult, a változások mind a cikkben, mind a letölthető forráskódban megtalálhatóak.

Megjelent a Web Developer 1.0-ás változata, egy rakat új funkcióval. Drágaszágom kötelező darab!

A cikk első részében áttekintettük a működési rétegek elkülönítésének előnyeit, a sablonok alapjait, a továbbiakban pedig a gyakorlati megvalósításra térünk rá. Ha a PHP kódok valamelyik része nem lenne világos, a PHP kézikönyv remek útmutatást jelenthet.
Az egyszerűbb követhetőség kedvéért a teljes kód, valamint egy példasablon már most letölthető, megtekinthető.

Első rész:

1. A háttér: különálló működési rétegek
2. Előnyök
3. Hátrányok
4. Mi az a sablon?
5. Mit is szeretnénk elérni?

Második rész:

1. A sablonkezelő részei
2. A sablonkezelő osztály, mint megvalósítás
3. Végszó

A sablonkezelő részei

Sablonkezelőnkben az... Teljes írás »

A két cikkben a működési rétegek elkülönítéséről, a sablonok (template-ek) előnyeiről, hátrányairól, egy PHP alapú, saját sablonkezelő megírásáról, valamint a szükséges sablonok elkészítéséről és használatáról lesz szó.

Első rész:

1. A háttér: különálló működési rétegek
2. Előnyök
3. Hátrányok
4. Mi az a sablon?
5. Mit is szeretnénk elérni?

Második rész:

1. A sablonkezelő részei
2. A sablonkezelő osztály, mint megvalósítás
3. Végszó

... Teljes írás »

"Az a kérdésem lenne, hogy ezt a ***** tárhelyet csak php és mySQL szerkesztõvel lehet szerkeszteni?" O.o

A felszín alatt szerényen duruzsoló motor finom módosításaival valid XHTML 1.0 Transitional oldalt kaptam, amit tetéztem az egyetlen CSS hiba kiköszörülésével, így most már tényleg rendben van a "kliens oldali rész". Több bugfix is történt, ezek egyike a lapozó alrendszer (előző-következő linkek) visszalépésének hibája. Erre jó, ha nem alszik az ember. (Valid XHTML-t eddigi hanyagság miatt megakadályozó elemek: & helyett mindenütt &, plusz űrlapelemeknek /> zárótag. Valid CSS-t megakadályozó hiba: úgy rémlett, a bordernek is lehet transparent értéke... hát nem; a többi mind jó, ami megnyugtat: megy még fejből a CSS.)

A CSS-ben (Cascading Style Sheets), mely a honlapok arculatának kialakításában egyre döntőbb szerepet játszik, az elemek pozicionálása (position) négy értéket vehet fel, ezek a static, a relative, az absolute, valamint a fixed.
Részlet a World Wide Web Consortium (W3C) magyarra fordított, a htmlinfo.polyhistor.hu gondozásában készült CSS2 referenciájából (a teljes vonatkozó rész itt található):

static
A doboz normál doboz, kiosztása a normál elrendezés szerint történik. A left és top tulajdonságok nem alkalmazhatóak.
relative
A doboz pozíciójának kiszámítása a normál elrendezés szerint történik (ezt nevezik a normál elrendezés szerinti pozíciónak). Utána következik a doboz relatív eltolása normál pozíciójába. Mikor egy B-vel jelzett doboz relatív módon van pozicionálva, a következő doboz pozicionálásának kiszámítása úgy történik, mintha B nem is volna eltolva.
absolute
A doboz pozíciója (és lehetőség szerint mérete) a left, right, top, és bottom tulajdonságokkal van meghatározva. Ezek a tulajdonságok határozzák meg az eltolást a doboz tartalmazó blokkjához képest. Az abszolút módon pozicionált dobozok kívül esnek a normál elrendezés körén. Ez azt jelenti, hogy nincsenek befolyással a későbbi testvércsomópontok kiosztására. Bár az abszolút módon pozicionált dobozoknak vannak margóik, azokat nem lehet összevonni más margókkal.
fixed
A doboz pozíciójának kiszámítása az abszolút modell szerint történik; a doboz bizonyos viszonyítási pontokhoz képest fixálva van. Folyamatos média esetén a doboz a látótérhez képest fix (és tartalomgörgetés közben is helyben marad). Lapozható média esetén a doboz a laphoz képest fix, akkor is, ha a lap a látótérben látszik (nyomtatási kép nézet esetén). A szerzőkben felmerülhet az igény a médiafüggetlen 'fixálásra'.

Az e-Arc esetében a fixed értéket használom használtam a menü, valamint a feljéc rögzítésére, amit a szabványkövető böngészők jól meg is jelenítenek, Internet Explorer testvér azonban nagy ívben tesz rá. IE-ben nincs fixed position... A dolgot végül úgy oldottam meg, hogy a szabványkövető böngészők a fixed értéket használják, az IE-nél meg abszolút pozicionálom az elemeket, és gördül minden.

Az arculat "fixálásának" egyenes következménye az, hogy lassan elkezdem ajánlani a lapot. Remélem, sok ember lesz kíváncsi rá... avagy ne hagyjatok egyedül a gondolataimmal! =]

Ezen fel fog bolydulni a szakma, annyi bizonyos: megjelent (noha egyenlőre nem hivatalosan) az Internet Explorer 7-es változatának első bétája. Az első megjegyzéseket olvasva még attól is elment a kedvem, hogy feltegyem. Egyesek "csupán" értetlenül... Teljes írás »

Na ez hamar ment. Nincs még fenn fél hete a lap, de a gerincem táján kaparászó "critical transfer error" FTP üzenetek, no meg a 200 MB helyett korlátlan tárhelyet ígérő hangok a fejemben hamar rálöktek a szakadék felett lógó pallóra. A dologban az a jó, hogy: - sikerült felmérnem a... Teljes írás »