Előző bejegyzésemben a dinamikus megjelenésű weboldalakkal és azok előállítási költségével foglalkoztam. Ezúttal az adattárolásra és változó adatok megjelenítésére, azaz a dinamikus tartalommal rendelkező oldalakat és azok költségeit fogom elemezni. Ez a Weboldal készíttetés költségei sorozat harmadik bejegyzése. Ha tudni szeretné, milyen technológiai alapokon nyugszik kedvenc közösségi portálja, akkor tartson velem!

4. Tartalom generálás és manipulálás, PHP

A PHP a webfejlesztés történelmének legnépszerűbb szerver oldali programnyelve. A nyelv által biztosított számítási és szöveg manipulációs eszközöket főleg HTML kód generálására használják, de akár képeket és más egyéb fájlokat is létrehozhatunk, vagy módosíthatunk segítségével. PHP nyelven készülnek olyan alkalmazások mint fórum, blog, felhasználói regisztráció, adminisztrációs felületek, hírlevél feliratkozások, tesztek, űrlapok-kielemzők alkalmazások, stb.

A PHP nem csak modulok-, hanem akár egy egész portálrendszer működtetésére is alkalmas. Ezeket az együttműködő rendszereket hívják tartalom kezelő rendszernek. Fejlesztés szempontjából pedig az őket működtettő metódusok halmazát keretrendszernek. A keretrendszerek foglalják egy csokorba azokat a programelemeket, amelyek egy weboldal - ez esetben szerver oldali - működtetéséhez szükségesek, mérsékelve ezzel a fejlesztőkre nehezedő munkaterhet.

A PHP alkalmazásával történő weboldalak fejlesztési költsége lehet alacsony és nagyon magas is, hiszen a szkript nyelv legalább annyi lehetőséget biztosít a fejlesztők számára, mint egy általános jellegű programnyelv, ellentétben például a korábbi bejegyzéseimben említett HTML dokumentum jelölő nyelvvel. Ha egy egyedi rendszert szeretne, amely sok esetben bonyolult programozási eljárásokat is eszközöl, illetve ötvözi a sorozat korábbi bejegyzéseiben említett különböző technológiákat, akkor a fejlesztés költsége akár több százezer forintra is nőhet. PHP nyelv alkalmazásával létrehozott oldalak 10 és 500 ezer forint között mozognak Magyarországon, de az igények növekedésével akár milliósra is duzzadhat a végső összeghatár.

Az első facebook verzió is ezen nyelven íródott, sőt, a mai napig ennek segítségével írják a különböző bővítéseket. Természetesen csak az egyszerűség kedvéért használják. Valójában egy tucat más alkalmazásnak köszönhető a működése. A PHP forráskódot egy speciális programmal fordítják C++ kódra, majd azt bináris kódra, ezáltal sokkal hatékonyabban tudják kiszolgálni az oldal felé érkező napi több száz millió lekérdezést.

PHP programozás: 10-500 ezer forint, egyedi esetben akár több millió forint.

5. Adattárolás és a MySQL

A MySQL adatbázis kezelő rendszer ugyanolyan népszerűségnek örvend, mint a PHP. Együtt zökkenőmentesen működnek egy webszerveren. A PHP és MySQL megoldások piachódító népszerűsége abból adódik, hogy rendkívül költséghatékony az üzemeltetésük.

A MySQL általános célú adattárolást és adatlekérdezést tesz lehetővé. Nagyobb adatokat, összefüggő adattáblákat tartalmazó MySQL adatbázisokat esetenként bonyolult és időigényes megtervezni. Optimalizálás szempontjából jól skálázható rendszer. Szakember megbízásával rengeteg feladat elvégzésére alkalmazhatja a MySQL-t, különösen akkor ha weboldalának hatalmas adatmennyiség kezelésével kell megbirkóznia.

A fejlesztő feladata ebben az esetben az adatbázis megtervezése, tábláinak létrehozása. A szükséges adatok elhelyezése, konvertálása, illetve a PHP kód kiegészítése az adatbázis lekérdezésekkel és adatbővítő, ritkább esetben adat átstrukturáló utasításokkal.

Amennyiben csak néhány látogatónk van és csak a velük kapcsolatos adatokat akarjuk tárolni, akkor nem lesz megterhelő az adatbázisra fordítandó összeg. Ha csak néhány adat kezelésére van szükség egy alkalmazás kialakításakor, célszerűbb inkább fájlkezelést alkalmazni és megspórolni az adatbázis fenntartási költségeit a Hosting cégnél történő üzemeltetéskor. Ha mégis MySQL-re esik a választás, akkor sem kell mélyre nyúlni a zsebünkbe, néhány ezresből megoldható a kivitelezés és az üzemeltetés is. Ha több száz Mega-, esetleg Gigabájt méretű adatbázis kezelésére van szükség a weboldal kivitelezésekor, akkor már jelentős fejlesztési költséggel kell számolnunk. Nem csak az adatbázis rendszer miatt, hanem az adatbázis-kezelésért felelős szerveroldali program metódusok miatt is. A nagy webportálok összköltségének nagysága miatt, kifejezetten az adatbázisra fordítandó fejlesztések költsége akár mérséklődhet is.

MySQL adatbázis tervezés, implementálás: 5-300 ezer forint. A kezelendő adatoktól függően nagyságrendekkel többe is kerülhet.

Természetesen több megoldás létezik minden problémára, így a fejlesztőeszközök megválasztására is. Ebben a bejegyzésben csak a legnépszerűbb technológiákat ismertettem, amelyek viszont méltók népszerűségükhöz. A legtöbb fejlesztő ezeket az eszközöket használja, és a Hosting cégek, szerver üzemeltetők is ezeket támogatják elsősorban.

Amennyiben egyedi kérdése lenne, keressen fel az oldalon található e-mail címen keresztül!

A soron következő cikk a Weboldal készíttetés költségei sorozatban második része. Az első részben megtudhatjuk, mennyibe kerül egy viszonylag egyszerű weboldal elkészíttetése. Most pedig kliens-oldali dinamikus weblapok lehetőségeit és árfekvését taglalom. Amennyiben nem csak informatív, de látványos, mozgalmas és modern weboldalt szeretne, ne hagyja ki ezt a bejegyzést!

2. Események a megjelenés után, JavaScript

Ez a nyelv szolgál a HTML által meghatározott objektumok manipulálásáért, tulajdonságaik megváltoztatásáért. A JavaScript felel az oldalon történő animációkért, effektekért, űrlapok elküldése előtti ellenőrzésért és minden olyan dologért, amelyet a weboldal megjelenése előtt, vagy után szeretnénk alkalmazni az oldalon. Ezek a programok a betöltés folyamatában, valamilyen böngésző-, vagy felhasználó által előidézett eseményt követően aktiválódnak. Ezért is nevezik a JavaScriptet esemény orientált nyelvnek. Ilyen esemény lehet az oldal betöltődése, az oldal elhagyása, az oldal elemére történő kattintás, egy beviteli mező értékeinek megváltoztatása, stb.

Csak a fantáziánk szabhat határt annak, hogy milyen JavaScript alkalmazást készíttessünk, hiszen egészen elképesztő dolgokat lehet elérni a JavaScript képességeivel. Fontos tudni, hogy a JS program a látogató böngészőjében kerül értelmezésre és végrehajtásra, ezért kliens-oldali programnyelvnek is nevezik. A JavaScript nyelven megírt alkalmazásoknak nincs köze a webszerver alkalmazásaihoz. Annak ellenére sem, hogy lehetőség van JavaScript segítségével - a böngészőhöz működéséhez hasonlóan - információkat küldjünk és fogadjunk a weboldal betöltődése után. Ebben az esetben is a JavaScript kód a látogató számítógépén kerül végrehajtásra.

Napjaink webalkalmazásaival szemben támasztott elvárások kielégítésének érdekében ma már különböző fejlesztési módszerek és függvény-könyvtárak állnak a fejlesztők rendelkezésére. Itt van néhány példa a teljesség igénye nélkül:

• Jquery (Az egyik legnépszerűbb JS könyvtár)
• Ajax (Aszinkron, meghatározott időközönként bekövetkező kommunikációs kapcsolatot biztosít a szerver és a látogató böngészője között)
• Prototype (Szintén népszerű JS könyvtár)
• AngularJS (Böngésző alaon történő dinamikus tartalom létrehozását segítő keretrendszer.)
• Backbone.js (JS könyvtár)
• Ext JS. (Üzleti webalkalmazások fejlesztéséhez szolgáló hasznos fejlesztőeszköz)

Amennyiben natív, azaz függvény könyvtáraktól és keretrendszerektől független kódot szeretnénk, magasabb költségekkel kell számolnunk. Persze nagyon egyszerű JS alkalmazások fejlesztésekor, továbbra is költséghatékony választás lehet a natív fejlesztés. Tehát a JavaScript alkalmazások méretük, összetettségük és az ebből adódó fejlesztési időigényük fogja meghatározni árukat.

JavaScript programozás: 5-300 ezer forint

3. HTML-be beágyazható, külső alkalmazások

Vannak olyan megoldások, amelyek segítségével bővíthető a kliens-oldali webes fejlesztői eszköztár. Jellemzőjük, hogy az ilyen alkalmazások futtatásához a látogatóknak nem elég pusztán böngészővel rendelkezniük, hanem egy vagy több külső alkalmazást kell telepíteniük a böngészőben történő futtatás érdekében. Ezeket hívjuk HTML kódba beágyazott, vagy beágyazható, harmadik féltől függő alkalmazásoknak.

Nem összekeverendő a harmadik fél által szolgáltatott beágyazható alkalmazásokkal, ugyanis azoknak a használatához nincs szükség böngészőfüggetlen programok telepítésére.

A leggyakrabban használt ilyen alkalmazás a Flash, amely folyékony animációkat és a saját környezete által kínált programozási nyelvet, az ActionScript használatát teszi lehetővé. Az online hirdetések többsége ezt a technológiát használja, de szükség lehet rá online videók megtekintéséhez is.

Természetesen sok egyéb alkalmazás van, amelyeket telepítés után használhatnak a látogatók böngészés közben is, de az igazság az, hogy ezen alkalmazások többsége nem terjedtek el eléggé ahhoz, hogy tömegesen elkezdjenek dolgozni velük a webfejlesztők, vagy már elavultak a korszerű technológiák mellett.

A Java program nyelv is lehetőséget nyújt beágyazott alkalmazások létrehozására, ez a programnyelv azonban nem összetévesztendő, a hasonló elnevezésű JavaScripttel!

Flash fejlesztés esetén nagyon változó lehet, hogy valaki egy reklám bannert akar, vagy egy full extrás játékot. A költség meghatározáskor szintén nem vettem figyelembe egy bonyolult alkalmazás design és egyéb tervezési költségeit.

Külső alkalmazás, Flash alkalmazások készítése: 5-60 ezer forint

Következő bejegyzésemben tovább foglalkozom a weboldalak előállítási költségével. Akkor a webszervereken történő folyamatokra, és a velük népszerű fejlesztőeszközökre térek ki részletesen. Ha egyedi kérdése van, forduljon hozzám bizalommal!

Előző bejegyzésemben azzal foglalkoztam, hogy milyen szempontok alapján lehet megbecsülni egy weboldal értékét. A Weboldal készíttetés költségei sorozatban az értékbecslés alapkövének számító fejlesztési költség alakulását fogom részletezni. A fejlesztési költséget alapvetően a megbízott vállalat fogja meghatározni, de jobb ha azzal is tisztába van, ezt milyen szempontok alapján fogják meghatározni. Azért is fontos ez a kérdés, mert mindazoknak, akik nem jártasak az informatika - azon belül is a webfejlesztés - világában, azok számára a weboldal nem jelent mást, mint néhány sor szöveget, képeket, videózást, levelezést, chatelést stb.

A weboldalkészítés költségét jelentősen befolyásolja, hogy Önnek mennyire egyedi alkalmazásra van szüksége, léteznek-e hasonló megoldások az adott problémára. Így van ez az élet más területein is. Sokkal könnyebb futószalagon legyártani egy autót, mint kézzel összeszerelni a legkülönfélébb egyedi elvárásoknak megfelelően. A fejlesztési időt elsősorban a weboldal egyedi igényeinek technológiai kiszolgálása és azok bonyolultsága tudja megnövelni.

Hogy tudjuk, mire kell odafigyelni, vegyük sorra a leggyakrabban előforduló fejlesztőeszközöket és tekintsük át, hogy az adott fejlesztőplatformon való fejlesztés mennyivel növelheti meg webes alkalmazásunk költségét. A Weboldal készíttetés költségei sorozatban a manapság divatos technológiákat négy csoportba osztottam: Megjelenés, Események a megjelenés után, Tartalom generálás, Adattárolás. Ezek közül az első alkalommal, csak a legegyszerűbbel, a weboldal megjelenéséért felelő eszközökkel és azok lehetséges munkaköltségeivel foglalkozom.

1. Megjelenés és külső, a HTML és a CSS

A HTML egy dokumentum jelölő nyelv. Ez teszi lehetővé, hogy böngészőjében megjelenjenek szövegek, képek, esetleg más beágyazott alkalmazások. A HTML másik szerepe az oldalon található tartalmak rétegekbe, dobozokba, blokkokba rendezése.

A képen a HTML doboz modell.

Alapjait és használatát könnyű elsajátítani, de szakszerű használatához elengedhetetlen némi tapasztalat és szakértelem. Több HTML szabvány is létezik, melyek azért jöttek létre, hogy egységesítsék a jelölőnyelvet.A webfejlesztőknek ismernie kell az egyes szabványok közti különbséget.

Sokáig, egyes böngésző fejlesztő cégek önkényesen értelmezték a szabványokat. Olyan tulajdonságokkal ruháztak fel a nyelv elemeit, melyeket más böngészők és a szabványokat kiállító W3C konzorcium nem támogattak. Szerencsére ez ma már nem olyan nagy probléma az Internet Explorer korai verziói támogatásának megszűnése miatt.

A CSS szoros kapcsolatban van a HTML-el. A CSS fájlokban szereplő kód határozza meg a weboldal külső megjelenését. Minél szebb és részletesebb designt szeretne, annál inkább megnő a CSS szerepe és ezzel a fejlesztőkre háruló feladatok kivitelezési időtartama is.

A HTML és CSS kombinációja teszi lehetővé, hogy a designerek által elkészített grafikát a webfejlesztők a böngészők által megjeleníthető formátumba konvertálják. A webes megjelenítésnek köszönhetően a design alkalmazkodni tud egyes attribútumainak megváltoztatására, szemben a képformátumokkal. Ez azt jelenti, hogy amíg egy megrajzolt grafika képpontjainak pozíciója fix, addig egy CSS kóddal meghatározott HTML dokumentum könnyen szélesebbé, keskenyebbé, más színűvé alakítható.

A kép bal oldalán egy CSS által formázott oldal, jobb oldalon pedig ugyanez látható CSS nélkül.

Fontos megjegyezni, hogy a modern CSS rengeteg lehetőséget biztosít, amelyek túlmutatnak a fentebb felsorolt lehetőségeknél. A CSS3 segítségével ma már animálhatók, lekerekíthetők, elforgathatók a HTML objektumai.

Mivel a HTML-re és a CSS-re az esetek túlnyomó többségében együtt van szükség, ezért a költségeket együtt számítják. Ha a designer munkájának költségét nem számoljuk, akkor eddig a pontig körülbelül 5-től maximum 60 ezer forintig terjedhet a fejlesztési költség. Függ mindez attól, hogy hány oldalt szeretnénk megjeleníteni weboldalunkon és ezen oldalak mennyire lesznek eltérőek, egyediek egymáshoz képest. Ha csak ebben a két technológiában gondolkodunk, akkor könnyen megúszhatjuk a fejlesztést néhány ezressel.

HTML, CSS fejlesztés: 5-60 ezer forint

Következő bejegyzésemben tovább foglalkozom a weboldalak előállítási költségével. Akkor a böngészőben futó programokra, animációkra térek ki részletesen és részben a weboldalakba ágyazható különféle alkalmazásokra is.

Ha kérdése van akár az itt olvasható, akár más bejegyzést illetően, forduljon hozzám bizalommal!

Nagy érdeklődést övező kérdés, hogy mennyi egy weboldal pénzbeli értéke. Szükségünk lehet erre az ismeretre, ha weboldal fejlesztés előtt állunk, vagy ha már vannak weboldalaink, szeretnénk értékesebbé tenni őket, esetleg megszabadulni tőlük. A weboldalak értékbecslése bonyolult, de bizonyos szempontok figyelembe vételével meghatározható anyagi értékük.

Egy weboldal értékét alapvetően a gazdasági értéke határozza meg, ami sok esetben egyéni nézőponttól, a potenciális vásárlók elképzeléseitől függ. A legtöbb oldal esetében van egy gazdaságilag bejáratott trend, amely alapján könnyen be lehet skálázni egy oldal értékét az előállítási költség alapján, de rengeteg olyan oldal is található a világhálón, amelyekhez egyedi ismeretekre van szükség a bennük rejlő lehetőségek kiaknázásához.

A weboldalak gazdasági értékének meghatározásához két dolgot kell figyelembe vennünk. Az oldalt meghatározó kiadási költségeket és az oldal bevételt termelő képességét. A weboldal kiadásai közé soroljuk az előállítási- , üzemeltetési- és terjesztési vagy hirdetési költségeket, illetve minden olyan kiadást, amely elengedhetetlen az oldal bevétel potenciáljának fenntartásához, növeléséhez. Ezt a potenciált a weboldalban rejlő értékesítési lehetőségek fogják meghatározni. Ilyen értékesítési lehetőség például a hirdetés megjelenítés, hirdetési felület bérbeadása vagy termék értékesítés.

Vannak olyan weboldalak, amelyek domain cím alapján képesek értékbecslésre, de ezekre most nem térek ki bővebben, mert legtöbbször csak a hirdetési felület bérbeadásából befolyó összeget veszik alapul, ezáltal viszont sok esetben rendkívül pontatlan becslést eredményeznek. Kisebb oldalak értékét alulbecsülik, a nagy látogatottságú giga portálokat pedig túlértékelik.

Az előállítási költség jelentősen meghatározza egy online felület értékét, azonban vannak olyan esetek, amikor ezt semlegesíti a gazdasági érték. Hiába birtokol valaki egy méregdrága honlapot, hogyha nem nyújt hasznos szolgáltatást a látogatóinak. Egy weboldal gazdasági értékét a ráfordított energia, tudás, pénz és a látogatottságát kihasználni képes lehetőségek határozzák meg. Minél egyedibb az oldalon keresztül elérhető hasznos szolgáltatás, annál értékesebb a weboldal.

Amennyiben weboldalt készíttetünk, fontos, hogy csak akkor bízzunk meg valakit, ha meggyőződtünk róla, hogy a tervezett weboldal jóval több hasznot fog hozni, mint amennyi költséget igényel az elkészítése és az üzemeltetése. Ha ügyesek vagyunk, akkor a fejlesztési költség elenyésző az oldal bevételt termelő potenciáljával szemben.

Üdvözlök minden kedves látogatót a blogomon, Horváth Zoltán, webfejlesztő vagyok. Ezen a blogon webfejlesztéssel kapcsolatos kérdések megválaszolásával foglalkozom, mely kérdések egy jó részét maguk a blog látogatói tehetik fel!

Magamról csak annyit szeretnék megosztani, hogy szakirányú végzettséggel rendelkezem, ha minden apró-cseprő dolgot figyelembe veszünk, akkor már több mint 15 éves webfejlesztői tapasztalatom van, de még nem múltam el 30 :) Több saját projektem is van, de ez itt most nem a reklám helye. Ezen a blogon keresztül szeretnék segítséget nyújtani mindazon vállalatoknak és magányszemélyeknek, akiknek weboldalra lenne szüksége a közeljövőben, vagy éppen a meglévőt szeretnék korszerűsíteni, de nem tudják, hogy hogyan lehetnének biztosak az adott cég vagy szabadúszó vállalkozó megbízásakor.

A szakmában nagy jelentősége van a tervezésnek, ezért én is csak azt tudom ajánlani Önnek, hogy tájékozódjon! Tudjon meg minél többet a webfejlesztésről, mielőtt megbízna valakit, vagy Ön állana neki egyedül a fejlesztésnek! Mit? Hogyan? Miért? Mennyiért? Tegye fel kérdését bátran!

A kérdéseket a webvalasz@freemail.hu e-mail címre küldheti. Ne felejtse el megadni a "Webfejlesző Válaszol" címet a levél tárgyaként! Igyekszem minden kérdésre válaszolni!

A kérdések megválaszolása mellett fontos, általános témákkal is foglalkozik majd a blog, ezért is érdemes lesz figyelemmel kísérni.

A kommentek előmoderálás után kerülnek ki a blogra, amely biztosítja az értelmes párbeszéd kialakítását és fenntartását az egyes bejegyzéseknél. Ettől függetlenül szívesen várok minden hozzászólást és építő jellegű kritikát!

Jó weblapokat kívánok!

Zoli