általános

Bemutatkozik a Honlapok funkcionális és arculati tervezése kurzusunk

A Honlapok funkcionális és arculati tervezése kurzusnak az a célja, hogy a hallgatók a tervezési fázistól a megvalósításig megtapasztalják a weblapkészítés folyamatát úgy, hogy lehetőleg az elkészült munka  referenciaként is felhasználható legyen a későbbi álláskeresésük során. Az XHTML, HTML5 nyelvekkel és az alapvető ergonómiai elvekkel a hallgatok a tárgy előfeltételeként meghatározott Web-fejlesztés kurzusban már megismerkedtek, ebben a tárgyban ezekre építünk és újabb ismeretekkel egészítjük ki ezt a tudást. Kurzusunkban hagyományosan keresőoptimalizálással is foglalkozunk, itt is szemeszterenként változik a konkrét feladat. Van amikor az a cél, hogy egy adott kulcsszóra keresve a hallgató által készített weblap legyen az első a találati listában, más szemeszterekben pedig a keresőoptimalizálást segítő tevékenységeket (pl. linknépszerűsítés) végeznek.

A kurzus vizsgamunkájának tekinthető website témája mindig más és más. Vannak olyan szemeszterek, amikor sikerül valós megbízást adni a hallgatóknak, így a munkájuk ténylegesen felhasználásra kerül egy az egyben, vagy kis módosítással. Az utóbbi szemeszterek egyik valós megbízása a hazánkban megrendezendő Közép-Európai Informatikai Diákolimpia (CEOI 2012) weblap arculatának és logójának megtervezése volt. A megrendelőnek hatalmas pozitívumot jelent, hogy 30-40 különböző pályamunkából választhat kedvére szerint, a hallgatók pedig a versenyhelyzetben igyekeznek kihozni magukból  a maximumot.

Lássuk részletesebben az egyes munkafázisokat! A hallgatók a kiadott specifikáció alapján elkészítik az alkalmazás drótvázas tervét (wireframe, mock-up). Ebben a tervben már jól látszik a felület felépítése, az egyes komponensek szerepe és elhelyezkedése. Az alábbi példában egy fiktív webáruház (Célfotó webáruház) weblapjának egy lehetséges drótvázas felépítését látjuk.

Mock-up példa

Egy lehetséges drótvázas felépítés. (Lengyel András munkája)

Egy leheséges arculat a mock-up alapján (Lengyel András munkája)

Amennyiben e Mock-up terv a gyakorlatvezető által elfogadásra kerül, a hallgatók belekezdhetnek a konkrét arculat kidolgozásába.Az arculattervet olyan alkalmazásban készítik, amely támogatja a rétegeket és a maszkolást, így jellemzően Adobe PhotoShop, illetve GIMP alkalmazásban készült arculatterveket fogadunk el.

A kurzusban a hallgatók  megismerkednek a logótervezés alapjaival is. A hallgatóknak logót is kell készíteniük, amelyet alapvetően vektorgrafikus alkalmazásban (pl. InkScape) készítenek el, több változatban.

Az alábbi logó is a kurzus keretében készült, és egy nemzetközi diákolimpiai verseny elfogadott logója lett.

CEOI 2012 logó (Gödöny Tamás munkája)

Miután a logó és az arculatterv elfogadásra került, megkezdődik a site-build, melynek során az arculattervből valid (X)HTML oldalakat és stíluslapokat készítenek a hallgatók. Ezek az oldalak már fel vannak töltve tartalommal és jól szimulálják az  oldal működését, pl. webáruház esetén látszik a kosár tartalma, a termék adatlapok, egy lehetséges keresés találati lista oldala, és így tovább.

Az utolsó alkalommal a hallgatók bemutatják a vizsgamunkáikat, így lehetőség van egymás munkáinak véleményezésére. A bemutató óra azért is fontos, mert így mindenki látja a másik munkáját, amelyből rengeteget lehet tanulni, és jó látni azt is, hogy ugyanabból a specifikációból kiindulva mennyire más ötletek, megvalósítások is származhatnak.


Üdvözlünk mindenkit!

Elindult a Multimédia szakiránnyal kapcsolatos blogunk.

 


Copyright © 1996-2010 ELTE @IK - programtervező informatikus MSc mesterképzési szak Multimédia szakirány.
Kapcsolat:
elteikmediainf@gmail.com
iDream theme by Templates Next