1

Multimédiaalkalmazások tervezése

és keretrendszerek

webprogramozó

Tartalom

• MULTIMÉDIA• SZERZ I CSAPAT• A MULTIMÉDIA SZERKESZTÉS

FOLYAMATA• A KÉPERNY MEGTERVEZÉSE• NVU• HTML HELP WORKSHOP• CD ÍRÁS

A multimédia szó jelentése

• Gy jt fogalom.• Integrációt jelent az informatika és

a média területén.• A multimédia egy tágabb

értelmezését kapjuk akkor, hamagát a szót próbáljuk értelmezni.

• Multi: sok, többszörös,• Média: közeg.

Multimédia jellemz i

• Interaktivitás– A felhasználó párbeszédet folytat a rendszerrel

és így befolyásolni képes a rendszerködését.

– billenty zet, egér, mikrofon, érint képerny stb.teszi lehet vé.

• Több, egymástól független médium– A multimédia alkalmazásokban több médium

egymástól függetlenül vezérelhet .

Médiumtípusok

• A médium általános értelembenvalamilyen információ hordozóját jelenti.

• A különböz adatok tárolása, feldolgozásaés megjelenítése a digitális technikáraépül.

• Megjelenítésük egységes platformontörténik.

• A multimédia programok a szövegesinformáció mellett vizuális és auditívelemeket is tartalmaznak.

Id függ médium (folyamatos)

• Mozgókép– Videó– Animáció (2D, 3D)

• Hang– Beszéd– Zene– Effektusok– Zörejek

2

Id független médium (diszkrét)

• Szöveg– Közönséges szöveges anyag– Hypertext

• Állókép– Fotó– Grafika (2D, 3D)– Vonalas rajz

Multimédia fogalma

• A multimédia rendszert függetleninformációk számítógép-vezérelt,integrált el állítása, célorientáltfeldolgozása, bemutatása, tárolása éstovábbítása határozza meg, melyeklegalább egy folyamatos (id függ ) ésegy diszkrét (id független) médiumbanjelennek meg

A multimédiás alkalmazások hardverfeltételei

• A multimédia alkalmazások bemutatásánaklegf bb feltétele egy megfelel en kiépítettszámítógép.

• Az 1988-ban elfogadott és 1989-ben bevezetetteredeti MPC (Multimedia Personal Computer)szabvány az évek során sokat változott.

• A technikai lehet ségek fejl dése további, méggyorsabb ütem fejl dést sugall.

• A médiumtípusok közül a hang, az álló- ésmozgógép feldolgozása jelent kihívást a PCszámára.

Adatátviteli módszerek

• Aszinkron átvitel• Szinkron átvitel• Izokron átvitel

Aszinkron átvitel

• Aszinkron átvitel esetén – amiid beli megkötést nem tartalmaz azátvitt adatcsomagokra nézve – mindendiszkrét (id független) médiumátvihet .

Szinkron átvitel

• A szinkron átvitel már meghatároz egymaximálisan megengedhet késleltetést.

• Az egyes csomagok érkezhetnek korábban, de akésleltetési korlát nem léphet át.

• Ez azt jelenti, hogy a csomagoknak meghatározottid n belül kell megérkezniük.

• Nagy adatmennyiség esetén, például videó-anyagoknál a megérkezett csomagokatideiglenesen tárolni kell.

• Ehhez megfelel háttérkapacitásra van szükség.

3

Izokron átvitel

• Izokron átvitelnél csomagonkéntdefiniálva van mind a minimális, minda maximális késleltetés.

• Az átvitt anyagok ideiglenes tárolásárakisebb terület is elégséges.

Id függ (folyamatos) médiumoknálaz adatáramlás részletei

• Szigorúan periodikus adatfolyamok– az egymást követ adatcsomagok

között ugyanakkora id közök vannak.• Közel periodikus adatfolyamok

– a csomagok közötti id közök periodikusak• Aperiodikus adatfolyamok

– nincs a csomagok között periodicitás

A multimédiás alkalmazások szoftverfeltételei

• Az egyes médiumok szerkesztésétlehet vé tev programok

• A multimédia alkalmazásösszeszerkesztését megvalósítóprogramok

Az egyes médiumok szerkesztését azalábbi programok teszik lehet vé

• Szövegszerkeszt• Hangszerkeszt• Állóképszerkeszt• Animáció készít• Videószerkeszt

Szoftver feltételek

• Videószerkeszt– Adobe Premiere– In-Sync Speed Razor– Avidemux (OSS)– Cinerella (OSS)

• Hangszerkeszt– Goldwave– Audacity(OSS)

• WEB szerkeszt– Microsoft FrontPage– Adobe (Macromedia) Dreamweaver– NVU (OSS)

Szoftver feltételek

• 2D animáció készít :– Adobe (Macromedia) Flash

• 3D animáció készít :– Kinetix 3D Studio Max– Blender (OSS)

• Képszerkeszt– Adobe Photoshop– GIMP (OSS)

• Rajzkészít– CorelDraw– InkSpace (OSS)

• Multimédia fejleszt k– Macromedia Director– Asymetrix ToolBook Instructor

4

Hardver feltételek

• Monitor (min 17”)• Processzor (min Pentium III, AMD)• 3D technológiát támogató videokártya• Memória (minimum 256 MB)• Digitalizáló kártya (esetleg videokártyába integrált)• Hangkártya (full duplex)• CD író• DVD író• Fényképez gép (digitális)• Videokamera (digitális)• Szkenner• Mikrofon• Hangszóró (fejhallgató)

Hardver, szoftver feltételek

• Az eléggé költségigényes küls perifériákjobb kihasználtsága érdekében célszer amunkaállomásokat hálózatba kötni.

• Ilyenkor a drágább perifériákból elég egy-egy darabot beszerezni, mely ezutánbármely munkaállomásról elérhet .

• Az egyes szoftverek beszerzési ára er senbefolyásolja a választást.

• A szoftverek egy részének van szabadonletölthet változata is.

Multimédia alkalmazásokösszeszerkesztését támogató szoftverek

• A számítógépes multimédiás alkalmazásnem más, mint különbözinformációhordozók együttes megjelenítésea számítógép segítségével

• Ezzel szinte már meg is határoztuk aszerz i rendszerek (multimédiásrendszerek) lényegét.

• A szerz i rendszerekkelobjektumorientáltan lehet a szöveg, hang,álló- és mozgókép anyagot hypermédia ésinteraktív elemekkel felszerelni.

Multimédia alkalmazásokösszeszerkesztését támogató szoftverek

• A szerz i rendszerek csaknem mindegyikerendelkezik valamilyen szintenmédiaszerkeszt modullal.

• Mégis célszer a célorientált szerkeszt khasználata.

• Ez alól egyedül a szövegszerkesztés akivétel, mely a választott szerz i rendszersegítségével kerül kivitelezésre.

Multimédia alkalmazásokösszeszerkesztését támogató szoftverek

• A szerz i rendszerek célja amegfelel szerkeszt k segítségévelel állított médiumokösszeszerkesztése.

• A szerz i rendszerek és szerz inyelvek olyan eszközök, amelyek amultimédiarendszerek fejlesztéséttámogatják – a hagyományosértelemben vett programozás nélkül.

Elvárások

• A program használatához ne kelljenkülönleges számítástechnikai szakismeret

• A program legyen interaktív• Az adott információ a legmegfelel bb

formában és a legjobb min ségben jelenjenmeg

• Az adatok könnyen elérhet ek ésáttekinthet ek legyenek

5

Feltételek

• Felhasználó barátság– a multimédiás alkalmazás elkészítésekor a

szakmai tudás mellett csak minimálisprogramozási ismeretekkel kell rendelkeznie afejleszt nek

• Rugalmasság– az elkészített alkalmazás könnyen módosítható

legyen• Hatékonyság

– a rendszer használatát minimálisid ráfordítással, könnyen el lehessen sajátítani

A szerz i rendszerek típusai

• Oldalorientált• Ikonorientált• Objektumorientált• Id tengely-orientált

Oldalorientált

• Az oldalakat WISIWYG módon tervezhetjük,szabadon helyezhetjük el az egyes oldalakon azobjektumokat.

• Ezeken az oldalakon a szerkeszt általmegadott lehet ségek szerint navigálhatunk –akár egy könyvben.

• Az egyes objektumok eseményeihez scripteket(programkódokat) rendelhetünk, melyekmeghatározzák, hogy az esemény bekövetkezéseesetén mi történjen.

• A programkódok nyelvezete általában egyszer ,hasonló a makrórögzítéshez.

• Ilyen szerz i rendszer például az AsymetrixToolbook.

Ikonorientált

• Az alkalmazás lefutását egy folyamatábra írja le, amit atervez készít el a különböz típusú objektumokat éseseményeket képvisel ikonokból.

• A folyamatábra elkészítése után az egyes ikonokhozrendelt tulajdonságok töltik meg az oldalakat és adnaklehet séget a navigálásra.

• Sajátságos, a hagyományos programozás gyökereib l kiindulómódszer.

• Az ikonorientált fejlesztés nagyon felhasználóbarát, segít adurva tervt l a finom tervig, a programozáson és atesztelésen át.

• Nagyon jól alkalmazható oktató rendszerek, interaktívbemutatók készítésénél.

• Tipikus képvisel je a Macromedia Authorware.

Objektumorientált

• A háttérben egy hagyományos programozási nyelvvalamelyik korszer , objektumorientált vizuális változata áll.

• Ezekben a rendszerekben alapértelmezésben kevés el regyártott eljárás és függvény áll rendelkezésre, aháttérfolyamatokat a hagyományos programkóddal kellvezérelni.

• A felhasználói felületet „fogd és vidd” módszerrel, alaporientált rendszerekhez hasonlóan tervezhetjük meg.

• A leginkább kézben tartható, de a legkomolyabbprogramozási ismereteket igényl módszer.

• Kiválóan alkalmas szimulációk és nagy adatbázisokmegjelenítésére.

• Képvisel i a különböz Visual nyelvek, így például a VisualBasic, Delphi.

Id tengely-orientált

• F leg a szövegek, grafikák, hang-, animáció- ésvideó-szekvenciák id hivatkozásos hozzá- illetvemellérendeléséhez alkalmazzuk.

• A program készítése leginkább egy videófilmforgatókönyvének elkészítéséhez hasonlít, aholkülönböz szerepl k megjelenését,megnyilvánulását, majd elt nését vezérelhetjük.

• F képp ott alkalmazható, ahol az id vel kapcsolatosalkalmazások, komplex, látványos animációk ésprezentációk állnak el térben.

• Képvisel je a Macromedia Director.

6

Választási szempontok a szerz irendszerek közül

• Mit kíván meg a tervezett multimédia–alkalmazás(ez a legfontosabb szempont)

• Milyen típusú rendszerhez van kiképzettszakembergárdánk (a betanulás mennyire id - ésköltségigényes)

• Mekkora beruházásra van lehet ség (azid tengely-orientált rendszerek er s hardvertigényelnek, az ikonorientált szerz i rendszerek áramagas)

• Az elkészített alkalmazás milyen operációsrendszeren fog futni (Linux, Windows, MacOS)

A multimédia alkalmazás területei

• Reklám szakma• Publikációs tevékenységek• Multimédia-adatbázisok• Térinformatika• Játékok• Televízió, filmszakma• Képfeldolgozás• Oktatás

Szerz i csapat

A szerz i csapat összeállítása

• A sikeres multimédia-fejlesztéshez, több emberösszehangolt munkájára van szükség.

• A szerz i csapatban mindenkinek megvan a sajátszakterülete.

• A multimédia anyagok készítése nem csak aprogram megszerkesztését, hanem aforgatókönyv megírását, az összes hozzátartozókép-, hang- és videóanyag számítógépre vitelét, azanyag tesztelését, a használati utasítások és asúgókezel megszerkesztését is jelenti.

• Ez egy nagy projekt esetén nagyon sok munkátjelent, és nagy felkészültséget igényel arésztvev kt l.

Szerkeszt

• kezében van a program egésze,• felel az ütemtervért,• feladata a szakemberek kiválasztása,• felügyeli a teljes folyamatot.

Tartalmi szakért , forgatókönyv író

• Az alapanyagok– megírása,– összegy jtése,– rendezése,– strukturálása.

• Illusztrációk kiválasztása

7

Lektor

• A tartalmi szakért k munkáitkontrollálja, segíti

Hangtechnikus

• Feladata a szükséges hanganyagokkoordinálása

Grafikus tervez

• felügyelete alatt dolgozik– a fotós– a videós– az illusztrátor– az animátor

• Minden általuk készített anyagnakegységesnek kell lennie.

Multimédia szerkeszt ésprogramozó

• digitalizálja, megfelel számítógépesformátumba alakítja az anyagot

• a kiválasztott szerz i nyelvsegítségével végs formába önti azanyagot

Tesztel

• feladata a kész anyagok tesztelése• a potenciális felhasználók általi

tesztelés megszervezése

Gyártó és elosztó szakember

• feladata az alkalmazássorozatgyártásának megszervezése

• a kész anyag csomagolásánakfelügyelete

• a kiadott anyag karbantartása

8

A multimédia szerkesztésfolyamata

Tervezés

• Koncepció kialakítás• Felhasználói kör• Az alkalmazás célja• Az alkalmazás elkészítésének költségei• Az alkalmazás elkészítésének ideje• Er források• Az alkalmazáshoz szükséges eszközök• Az elkészült alkalmazás terjesztése• A tervezés során alkalmazható szoftverek

Koncepció kialakítás

• A multimédia alkalmazáskészítésének els lépése azalkalmazás koncepciójánakelkészítése, vagyis hogy mir l fogszólni a multimédia alkalmazás.

• A koncepciót egy rövid, körülbelülegyoldalas vázlatban szokásösszefoglalni, ez a szinopszis.

Szinopszis (el zetes specifikáció)

• A szinopszis megírása a multimédia alkalmazásegyik legfontosabb és egyben legnehezebbfeladata.

• Ahhoz, hogy jó specifikáció szülessen, lépésr l-lépésre végig kell gondolni az alkalmazásfejlesztésének és felhasználásának különbözszempontjait.

• Fel kell készülni a felmerül problémákmegoldására is.

• A specifikációnak tartalmaznia kell az alkalmazáscélján kívül az alkalmazás felhasználóinakbemutatását is.

• Tartalmaznia kell egy körvonalazott vázlatot, melyaz egyes képerny k tartalmára és a felhasználandóeffektusokra utal.

Felhasználói kör

• A multimédia alkalmazást mindig afelhasználói kör igényeihez kelligazítani.

• Csak olyan elemet szabad beépítenimelynek megértése a felhasználóikör számára egyértelm , világos.

Felhasználói kör csoportosítása

• Iskola végzettség• Szakmai végzettség• Számítástechnikai ismeretek• Életkor

9

Az alkalmazás célja

• Természetesen a multimédia alkalmazáscélja is er sen befolyásolja annakmegjelenését.

• Attól függ en, hogy szórakoztatás, játék,marketing vagy oktatás az alkalmazáscélja, más és más elemek kerülnekfelhasználásra.

• Mindig szem el tt kell tartanunk azt atényt, hogy a beépített multimédiaelemek mondanivalónk átadását könnyítikmeg.

Az alkalmazás elkészítésénekköltségei

• Az egyik legfontosabb szempont ahardver és szoftver költség.

• Egy jól elkészített multimédiaalkalmazás elengedhetetlen feltételea megfelel hardver, vagyisszámítógépes háttér,

• továbbá a médiumok szerkesztéséhezszükséges jogtiszta szoftver.

Az alkalmazás elkészítésénekköltségei

• Figyelmet kell fordítanunk arra, hogymekkora összeg áll rendelkezésünkre azalkalmazás elkészítésére.

• Ha korlátozott a rendelkezésünkre állóösszeg, akkor célszer az olcsóbb,egyszer bb szerz i rendszer választása,akár a felhasználható elemek kárára is.

• További költségtényez a szerkeszt icsapat finanszírozása.

• Ez függ a csapat létszámától és amunkára fordított id l.

Az alkalmazás elkészítésénekköltségei

• A multimédia alkalmazás elkészítése éstesztelése is igen sok id t vesz igénybe.

• Az egyes audió- és videó anyagokdigitalizálása, szerkesztése, a kívántformára hozása több órán keresztül iseltarthat.

• A gyártás során felmerül alapanyagköltség, csomagolási költségek, jutalékok,mind a költségekhez tartoznak.

Az alkalmazás elkészítésének ideje

• Egy multimédia alkalmazás elkészítéseés teljes kör tesztelése igenhosszadalmas tevékenység.

• Az egyes nyersanyagok digitalizálása,szerkesztése, formázása a készítendanyagtól függ en több órát is igénybe vesz.

• A rendelkezésre álló id er sen befolyásoljaaz elkészített munka min ségét.

• Mindig legyen id az anyag tesztelésére.

Er források

• A multimédia alkalmazás készítésekorrendelkezésünkre álló er forrásokjelent sen befolyásolják a készítendanyag min ségét és a fejlesztés idejét.

• Egy egyszer bemutatót akár egy emberis elkészíthet, de egy összetettebb anyagelkészítéséhez megfelel képzettségcsapatra van szükség.

10

Er források

• A szerz i csapatban mindenkinekmegvan a saját szakterülete,melyben maximális tudásátnyújthatja.

• Az ilyen jelleg csapatmunkaesetében mindenki jóval nagyobbteljesítményt képes nyújtani, mint egyegyéni fejlesztés során.

Az alkalmazáshoz szükségeseszközök

• Az egyes multimédia alkalmazásokfejlesztése, illetve lejátszása komolyer forrásokat igényel a számítógépt l.

• A fejlesztés során a különbözadathordozókon lév nyersanyagokrögzítéséhez és digitalizálásához speciáliseszközökre van szükség.

• A fejlesztés során mindezt szem el tt kelltartanunk, és id ben gondoskodnunk kella szükséges eszközök beszerzésér l.

Az elkészült alkalmazás terjesztése

• A multimédia alkalmazások tervezésiszakaszában kell eldönteni, hogymilyen médián szeretnénk terjeszteniaz elkészített alkalmazást.

• Amennyiben CD-ROM-ot, DVD-ROM-ot választunk, figyelembe kell vennia rendelkezésre álló tárolókapacitást.

Az elkészült alkalmazás terjesztése

• Hálózati terjesztésnél a hálózat átvitelisebességével és a letöltési id vel kellszámolnunk.

• Meg kell különböztetnünk a helyi hálózatonbelüli, például intranetes, illetve a világhálón,Interneten keresztüli elérhet séget.

• Célszer még a fejlesztés megkezdése el ttfelvenni a kapcsolatot a szolgáltatást nyújtószámítógép rendszergazdájával.

• A fejlesztés során eleget kell tennünk arendszergazda által el írt szabályoknak,el írásoknak.

A tervezés során alkalmazhatószoftverek

• Szövegszerkeszt (MS Word)• Táblázatkezel (MS Excel)• Projekttervezést és -irányítást

támogató program (MS Project)

Forgatókönyv

• Forgatókönyv minta• Prototípus elkészítése• Végleges forgatókönyv

11

Forgatókönyv minta

• A téma címe• A témaválasztás indoklása:• A felhasználói célcsoport:• A rendelkezésre álló analóg/digitális források:

– Nyomtatott források:– Diapozitív/Negatív:– Fényképek:– Eredeti tárgyak:– Hanganyag:– Videofelvétel:– Egyéb:

Forgatókönyv minta

• Navigációs struktúra:• A felhasználói felület vázlatos rajza:• Az elkészítéshez szükséges szoftver eszközök:• A felhasználó részér l szükséges hardver:• A felhasználó részér l szükséges szoftver:• CD, DVD és Internet közötti eltérések:• Forgatókönyv szerkezeti leírása:• A lapok közötti mozgás:

– Menü– Kezel gombok– Csatolások (Linkek)

• Összefoglalás:

Prototípus elkészítése

• Az el zetes forgatókönyv alapján készül el aprototípus.

• A felhasználók, megrendel k a sajátelképzelésük szerint ítélik meg az elkészítettalkalmazás megjelenését, küllemét és anavigálási lehet ségeket.

• Ezért célszer még a teljes alkalmazáselkészítése el tt megmutatni a fejleszt káltal kínált prototípust, és csak amegrendel jóváhagyása után elkészíteni ateljes alkalmazást.

Prototípus elkészítése

• Javasolt a módosítások és egyénikívánságok írásban való rögzítése akés bbi konfliktusok elkerülése végett.

• A prototípus vizsgálat után még amegvalósítás el tt el kell végezni afelmerült igény szerintiváltoztatásokat, és csak ezekjóváhagyása után szabad elkezdeni afejlesztést.

Végleges forgatókönyv

• A specifikációban leírtak és a prototípustesztelésekor történt észrevételek alapjánkészül el a végleges forgatókönyvrészletes kidolgozása.

• Mivel a legtöbb alkalmazás fejlesztésecsoportmunkában történik, még amegvalósítás kezdetén rögzíteni kell azalkalmazás egészére vonatkozóbeállításokat.

Végleges forgatókönyv

• Milyen legyen a rögzítend audió- ésvideó elemek min sége,

• milyen színpalettákat használhatnak,• milyen stílusúak legyenek a grafikák,• és számos további, a megjelenítést

befolyásoló tényez .• Nem utolsó szempont a szerz i csapat

kapcsolattartásának meghatározása sem.• A feladat irányítása a szerkeszt kezében

van.

12

Nyersanyaggy jtés, a médiumokel készítése, digitalizálása

• Saját fejlesztés elemek• Meglev anyagok digitalizálása• Digitalizált anyagok felhasználása• Szakemberek igénybevétele

Saját fejlesztés elemek

• Megfelel technikai háttér eseténlehet ség van saját fejlesztés elemekfelhasználására.

• Ez számunkra két el nnyel is jár.– Az egyes médiumok min ségét és

megjelenését szabályozni tudjuk,– az általunk készített médium szerz i joga

is minket illet meg.

Meglev anyagok digitalizálása

• A multimédia alkalmazások gyakranszármaznak már meglévanyagokból, hang- illetve videófelvételekb l.

• Ezeket az elemeket digitalizálás utánkönnyen beépíthetjükalkalmazásainkba.

• Minden esetben tegyünk eleget aszerz i jog el írásainak.

Digitalizált anyagok felhasználása

• Amennyiben lehet ségünk van rá,digitalizált anyagokat isfelhasználhatunk.

• Ezeket az anyagokatmegvásárolhatjuk, illetve megfelellicence díj ellenében felhasználhatjuk.

• Itt is szem el tt kell tartanunk a szerz ijog ide vonatkozó el írásait.

Szakemberek igénybevétele

• Ha az egyes médiaelemek elkészítésévelmegfelel szakembereket bízunk meg,biztosak lehetünk abban, hogy a lehetlegjobb min ségben készülnek el amegrendelt anyagok.

• Amennyiben ezt a lehet séget választjuk,a költségvetésnél figyelembe kellvennünk, hogy ez nem éppen alegolcsóbb megoldás, viszont az el állítottmédium min sége vitathatatlanul a legjobb.

A multimédia alkalmazás alkotóelemei

• Szöveg• Hang• Állókép• Mozgókép

13

Szöveg

• Könyv, folyóirat, egyéb írott szöveg• Saját gépen tárolt dokumentum• Internetr l letölthet dokumentum

Hang

• Hanghordozó analóg jele• Zenekelt eszköz analóg jele• Emberi beszéd• Digitális formában tárolt hang

Állókép

• Rajz, festmény• Fotó• Videókamera analóg jele• Digitális fényképez kép adatai• Digitális kamera jele• Képgy jtemények, clipart galériák

digitális képei

Mozgókép

• Nem digitális hordozón tároltképsorozat (film)

• Videókamera analóg jele• Digitális kamera jele• Digitális formában tárolt képsorozat

A multimédia alkalmazásösszeszerkesztése

• Miután az alkalmazáshoz szükségesösszes elem a rendelkezésünkre áll, akiválasztott szerz i rendszersegítségével hozzáláthatunk azalkalmazás elkészítéséhez.

• Itt a fejleszt rendszert l függ enszükség lehet bizonyos programozásimunkák elvégzésére is.

A multimédia alkalmazásösszeszerkesztése

• Amennyiben jól állítottuk össze aszerz i csapatot, és a megfelelszakembereket válogattuk össze, eznem okozhat problémát.

• A legtöbb fejleszt i rendszerobjektumorientált programozásifelületet nyújt, ahol lehet ségünk vanel re elkészített sablonokfelhasználására is.

14

Az elkészült alkalmazás tesztelése

• A multimédia fejlesztés egyik végs fázisa azelkészített alkalmazás tesztelése.

• Els körben az alkalmazás szöveges részeinekolvashatóságát és helyesírását kell ellen rizni.

• Ezután jön az alkalmazás m ködésénekellen rzése, az esetleges programozási hibákjavítása.

• A javítások után az alkalmazást különbözkonfigurációjú és operációs rendszerszámítógépeken kell tesztelni.

• Bizonytalan m ködés esetén meg kell próbálnikiküszöbölni a hibát.

Az elkészült alkalmazás tesztelése

• Ha ez nem lehetséges, az alkalmazásdokumentációján részletezni kell aszükséges hardver és szoftver feltételeket.

• A tesztelést a felmerül költségek ellenéresem szabad elhanyagolni.

• A piacra kerül hibás alkalmazás jelent senrontja a szerz i csapat hírnevét, ezzelcsökkentve a várható megbízások számát.

Az elkészült alkalmazás terjesztése

• A multimédia alkalmazás elkészítésénekutolsó fázisában, CD-n, DVD-n valóterjesztés esetén az alkalmazás összesállományát ki kell másolni valamilyenmegfelel kapacitású tárolóra.

• Ez alapján készítik el az úgynevezettmesterlemezt.

• Az alkalmazás fejlesztése során soha nehivatkozzunk konkrét meghajtóra, mert az afelhasználóknál komoly problémákatokozhat.

Az elkészült alkalmazás terjesztése

• Fontos, hogy az alkalmazás futtatása során eltudjuk érni az összes állományt, ezért amesterlemezen ugyanazt a könyvtárszerkezetetkell létrehozni, melyben az alkalmazásfejlesztése készült.

• Ezután a mesterlemez a sokszorosító m helybekerül, ahol az igényelt példányszámban legyártjáka kereskedelembe kerül CD-ket, DVD-ket.

• A mesterlemezen az alkalmazás összesállományán kívül el kell helyezni a futtatáshozszükséges segédprogramokat is.

Az elkészült alkalmazás terjesztése

• Intranetes, internetes terjesztés esetén aszolgáltató szerver rendszergazdájával kellfelvenni a kapcsolatot.

• Amennyiben már a tervezés elsszakaszában az internetes terjesztésmellett döntöttünk, és a fejlesztés soráneleget tettünk a rendszergazdaelvárásainak, úgy a publikálásnál nemmerülhet fel probléma.

A fejlesztés pénzügyi vonatkozásai

• Költségek• A várható kiadások tükrében kell

kialakítani az elkészítend alkalmazáspiaci árát

• bevételek

15

költségek

• Adatgy jtés• Szerz i-, szakért i- és jogdíjak• Adatrögzítés, digitalizálás• Programfejlesztés• Gyártási és reklám költségek

bevételek

• Reklámbevételek• Eladásból származó bevételek

A képerny megtervezése

• Multimédia alkalmazás fejlesztésekoraz alkalmazás tartalmán kívül annakmegjelenítésére is nagy figyelmet kellfordítanunk.

• Hiába jó tartalmilag, szakmailag azelkészített anyag, ha a külalakja nemmegfelel .

A képerny megtervezése

• A multimédia alkalmazások aképerny használatára épülnek.

• Olyan képerny képet kell tervezni,ami esztétikus, könnyen olvasható, ésegyértelm az oldalak közti navigálás.

Leggyakoribb hibák

• Nehezen olvasható, kis méret bet k• Túl sok bet típus• Hosszú, összefügg szöveg• Rossz színválasztás• Nehéz navigálás• Feleslegesen mozgó objektumok• Hibás elrendezés, nincs az oldalnak

„egyensúlya”

Szöveg formázása

• Bet k mérete• Bet típusok• Szövegkiemelés• Összefügg szöveg mérete,

formázása

16

Bet k mérete

• A bet k mérete ne legyen 12pontnál kisebb.

• Javasolt a legalább 14 pontos bet khasználata.

• A túl kis bet k olvasása fárasztó,meger ltet .

Bet típusok

• Használjunk olyan bet típust, mely aképerny n könnyebben olvasható.

• A képerny n megjelenített szövegesetén az úgynevezett „talp nélküli”,például SansSerif bet típus az ajánlott.(Arial).

Szövegkiemelés

• Egy képerny n ne használjunkkett nél több bet típust.

• A kiemelést különböz bet mérettelilletve stílusokkal oldjuk meg.

• A d lt bet stílus a képerny nnehezebben olvasható.

Összefügg szöveg mérete,formázása

• Egy sorban maximum 30-40 karakterlegyen.

• Az emberi szem körülbelül ennyit tudkövetni, a fej elmozdítása nélkül.

• Az összefügg szöveg, bekezdés maximum4-5 soros legyen.

• A következ bekezdés egy üres sorbeiktatása után kezd djön.

• A tagolt szöveg olvasása könnyebb.

Összefügg szöveg mérete,formázása

• Képerny n való megjelenítés eseténkerülni kell az írásos szövegeknélhasznált sorkizárt formázást.

• Felmérések alapján, az ígyformázott szöveg nehezenolvasható, a tipográfusok semtámogatják.

A színek megválasztása

• Talán ez a legnehezebb feladat.• Igazából ehhez az emberi szem

ködését kell el bb tanulmányozni.• Pontos anatómiai ismeretek nélkül is van

néhány szabály, amit célszer betartani.• Ne használjunk túl sok színt.• Az alkalmazásunk megjelenítése legyen

egységes.

17

A színek megválasztása

• Figyeljünk a bet szín és a háttérszínösszhatására (kék, piros).

• Gondoljunk a színtéveszt kre (piros,zöld).

• Amennyiben mintázott hátteretalkalmazunk, az ne zavarja az el ttelév szöveg olvasását.

A színek megválasztása

• Háttérként célszer a semlegespasztellszínek például csontszín vagyvilágos szürke szín használata.

• Jellemezze oldalainkat az úgynevezettvizuális komfort.

• Ügyeljünk a fénys ségi és színességikontrasztra.

• Célszer betartani a fénys ségi kontrasztajánlott arányát, amely a bet és háttérközött 3:1.

Képek elhelyezése

• Képeket – több képerny s sorozatesetén – lehet leg a képernyugyanabban a részében és ugyanolyanméretben célszer elhelyezni.

• Ez tipográfiai szempontból is javasolt.• Egyforma színfelbontású képeket

használjunk.• Gondoskodjunk az egyes képek nagyítási

lehet ségér l is.

Videófilmek

• Egy jól megválasztott és összevágottvideófelvétel nagyban emelheti az anyagélvezeti értékét.

• Az egyes oldalakon maximum 1-2 percesösszeállítást helyezzünk el, a felhasználókörülbelülennyi ideig tud koncentrálni.

• Még így is biztosítsunk lehet séget alejátszás megszakítására.

• Videófilmet csak akkor használjunk, ha aztöbblet információt nyújt a felhasználószámára.

Animációk

• Az animációk alkalmazása hasonló avideófilm alkalmazásához.

• A túl gyakran, feleslegesenalkalmazott animáció alkalmazásunkkárára mehet.

• Animálni szöveges információt is lehet,ha ez az érthet séget támogatja.

Navigációs elemek elhelyezése

• Az egyes oldalak közti navigációslehet ség legyen egyértelm .

• Mindig legyen lehet ség a kilépésre,illetve a nyitómenüre valóvisszatérésre.

• Segítsünk a felhasználónak,úgynevezett javasolt bejárási úttal.

18

Navigációs elemek elhelyezése

• A felhasználónak mindig tudnia kell, hol jár, mennyivan még hátra az alkalmazás oldalaiból.

• Célszer úgynevezett aktív térképet elhelyezni,amin a felhasználó látja, hogy eddig merre járt.

• Ezeket az elvárásokat a HTML alapúalkalmazásoknál egyszer bb megvalósítani.

• Amennyiben erre nincs lehet ség, úgy egypasszív térkép elhelyezése javasolt.

• Itt ugyan a felhasználó nem látja, hogy eddigmerre járt, de képet kap a bejárási lehet ségekr l.

Navigációs elemek elhelyezése

• A navigációt támogatónyomógombokat a képernybaloldalán helyezzük el.

• Felmérések igazolják, hogy azeurópai emberek, miután balróljobbra olvasnak, az így elhelyezettnyomógombokat könnyebbenértelmezik.

Effektusok

• Az egyes effektusok kiválasztásánálcélszer a fentr l-lefelé, illetve a balról-jobbra megjelenít effektusok választása.

• Egy alkalmazás során az egyes oldalakmegjelenítéséhez ne használjunk többféleeffektust, mert a felhasználó ideje egyrészét az köti le, hogy honnan várható akövetkez oldal megjelenése.

NVU

Hypertext és hypermédia

• A hypertext és hypermédiaalkalmazásával az egyesalkalmazások hatékonysága mégtovább n het.

• A hypertext jelent sége:– Egyszer södik a keresés– Jól strukturált anyagban a felesleges

információk kikerülhet ek– Könnyen karbantartható

Hypertext és hypermédia

• A hypermédia még többet nyújt, mint ahypertext.

• A szöveges magyarázatokon kívüllehet vé teszi, hogy az egyesfogalmak magyarázatát a szövegesmegjelenítésen kívül kép, hang, illetvefilm is támogassa.

19

NVU

• egy igen hatékony, integrált környezetweblapszerkeszt és karbantartó szoftver

• Nyílt forráskódú• A program az alábbi feladatok elvégzésére

alkalmas– Webhely létrehozás– Weblap szerkesztés– Állományok karbantartása– Publikálandó anyag továbbítása

NVU

• A program segítségével a csak minimális HTMLismeretekkel rendelkez felhasználók is képeseklátványos anyagot készíteni.

• Weboldalainkat színesebbé tehetjük multimédiáselemek beillesztésével.

• A formázott szövegeken kívül elhelyezhetünk:– képet,– képtérképet,– animációt,– hanganyagot,– videófilmet,– dinamikus HTML-t.

NVU

• További speciális elemekkel iskiegészíthetjük weblapunkat:– hover button (interaktív gomb),– banner ad manager (diasorozat),– marquee (fényújság).

Képek beillesztése, mentése

• Beszúrás > Kép

Képek beillesztése, mentése

• Az NVU elvégzi a böngész k általnem támogatott képformátumokkonvertálását.

• Választásunktól függ en létrehozza a.gif, .jpg illetve .png kiterjesztésállományokat.

Képek beillesztése, mentése

• A kép kiválasztása után az ablakontetsz leges magyarázó szöveget

zhetünk a képhez.• Ez a szöveg a kép letöltését tiltó

böngész k számára nyújt információt,illetve az egérrel a kép fölé állva ezta magyarázó szöveget olvashatjuk.

20

Képek beillesztése, mentése Képek beillesztése, mentése

• A képen Hyperlinket is elhelyezhetünk aHivatkozás fül szövegmez jébe beírva ahivatkozási címet.

• A link elhelyezésének másik módja a helyimenüb l a Hivatkozás létrehozása parancsválasztása.

• A méretek fület választva képünketméretezhetjük,

• A megjelenés fülön bekeretezhetjük éspozícionálhatjuk az oldalon belül.

Képek beillesztése, mentése Képek beillesztése, mentése

• Képet tartalmazó oldal mentésénélaz NVU automatikusan felkínálja akép mentését.

• Az eszközsor ikonjai segítségével isbalra, középre és jobbra igazíthatjukaz oldalon belül a beillesztett képet.

Táblázatok használata

• Táblázat segítségével adatainkat sorokban,oszlopokban elrendezve jeleníthetjük meg.

• A hagyományos adatmegjelenítésen túl nagyszerepe van a táblázatok használatánakoldalaink külalakjának kialakítása szempontjából is.

• Táblázatok segítségével áttekinthet bbé válnakoldalaink.

• Megadhatjuk a táblázat és az egyes cellák méretét,hátterét, keretvastagságát.

• Ha képeket szeretnénk szabályosan elhelyeznioldalainkon, ebben is segítségünkre van atáblázat, de ilyenkor nem jelenítjük meg a táblázatkeretét.

Képtérkép (Image map)

• Aktív terület elhelyezése a képen• Tetsz leges szöveg elhelyezése a

képen• Aktív terület megjelölése a képen

– Rectangular,– Circular,– Polygonal

21

Interaktív gomb

• Amikor az egérrel a gombramutatunk, a gomb megjelenése abeállított színekt l és effektusoktólfügg en megváltozik.

• A gomb megnyomására a beállítottlinkre ugrik böngész nk.

• JavaScript

Reklám, diasorozat (Banner AdManager)

• diafilmszer reklám• Megadott id közönként a kiválasztott

effektustól függ en jelennek meg aképek

• A reklámfelületre kattintva az URL-benleírt címre ugrik a böngész n

Fényújság (Marquee….)

• A fényújság egy gördül egysorosszöveg

Videófilm beillesztése

• A Videófilmek beillesztésénéllegyünk figyelemmel a fájl méretére,ugyanis a nagyméret állományokletöltése id igényes.

Plug-in

• A plug-in programok a böngésztulajdonságainak kiterjesztéséreszolgáló kiegészít szoftverek.

• A dokumentumba beágyazott képi éshang információk értelmezéséttámogatják.

Hivatkozás

• Beszúrás > Hivatkozás

22

Hivatkozás

• Hivatkozási lehet ségek:– az aktuális oldal megjelölt pontja– saját webhelyen belüli tetsz leges állomány– távoli gépen lév állomány

• A html állományokon kívül hivatkozhatunkképre, zenei állományra és videófilmre is.

• A hivatkozási pontra kattintva böngész nkmegjeleníti az URL: mez be beírtállományt, képet, vagy elindítja alejátszáshoz szükséges plug-in programot.

Dinamikus HTML

• Alapfilozófiája az, hogy a HTMLdokumentum minden egyes eleme egyediazonosítóval (ID) beazonosítható, éskliensoldali scriptek segítségével„programozható”.

• A HTML dokumentum elemeinek,objektumainak kapcsolatait a DHTMLobjektum modell (DOM) határozza meg

Dinamikus HTML

• Lényege, hogy a weblapon elhelyezettobjektumoknak a tulajdonságait bizonyosesemények bekövetkezésekormegváltoztatjuk.

• A kijelölt objektumtól függ en változik aválasztható tulajdonságok és a hozzátartozó effektusok listája.

• A DHTML-ben sokféle eseményfigyelésére van lehet ségünk.

• Vannak úgynevezett egér, illetvebillenty zet események.

Események

HTML Help Workshop

http://www.microsoft.com/downloads/details.aspx?familyid=00535334-c8a6-452f-9aa0-d597d16580cc&displaylang=en

Oktatás, távoktatás

• A multimédia mára már az oktatás területén isigen széles körben alkalmazott eszköz.

• Nem csak a közoktatásban, hanem a vállalatitovábbképzésben is jelent s szerepet játszik.

• Elterjedésének oka az oktatási tapasztalatokfelmérése alapján az, hogy több médium együtteshasználata meggy en jobb eredménytprodukál.

• Kísérletek bizonyítják, hogy a tanulásra fordítottid nagymértékben csökkenthet az interaktívmultimédia alkalmazásával.

23

Oktatás, távoktatás

• Napjainkban az egyik legjobbanfelkapott multimédia alkalmazás atávoktatási tananyag készítése.

• Egy multimédiás távoktatási anyagelkészítéséhez feltétlenül szükségvan a választott témához érttananyag szakért jére.

Elektronikus könyv

• Tetsz leges szerkeszt vel elkészítetthtml oldalainkat fejezetekbefoglalhatjuk, és úgynevezettelektronikus könyvbe köthetjük aHTML Help Workshop segítségével.

• A program elindítása után válasszuk aFile/New/Project menüpontot.

Elektronikus könyv Elektronikus könyv

• A HTML project létrehozásában egyvarázsló lesz segítségünkre.

• A kérdések értelemszer megválaszolásaután az alapbeállításokat elvégzi a varázsló.

• A Project fül Add/Modify Windows ikonrakattintva elvégezhetjük a könyvmegjelenítésével kapcsolatos finombeállításokat. (Eszközsor, scrollbar, nyitólap…)

Elektronikus könyv Elektronikus könyv

• A project eszközsor Save all file andcompile ikonjára kattintva, a fordításután, a beállított paramétereknekmegfelel , futtatható állománytkapunk.

24

Elektronikus könyv

CD, DVD írás

Írható CD-k, DVD-k

• CD-R, DVD-R– Csak egyszer írható, de nagyon olcsó, és

könnyen kezelhet .– Maximális tárkapacitása 800 Mbyte, 4,7 GByte.

• CD-RW, DVD-RW– Elvileg legfeljebb ezerszer lehet újraírni.– A CD-RW, DVD-RW lemezek viszonylag

drágábbak és érzékenyebbek, mint a CD-R,DVD-R fajtájúak.

Fájlrendszer

• A merevlemezhez hasonlóan minden CD-nek saját fájlrendszere van.

• A különböz típusú CD-knek különböz afájlrendszerük.

• Eszerint az alábbi CD típusokatkülönböztetjük meg:– Adat CD– Zenei CD– Mixed Mode CD– Direct CD

Adat CD

• Szabványos fájlrendszere, az 1984-benbevezetett ISO 9660.

• Ennek a szabványnak nagy el nye amagas szint kompatibilitás.

• Az ilyen rendszerben felírt CD-ket akülönböz operációs rendszerek isfelismerik. (Linux, MacOS, Windows).

• A nagyfokú kompatibilitáshoz be kell tartania szigorú ISO szabályokat.

Adat CD

• A szabályok betartása bizonyos fokúmegkötöttséget is jelent.

• Ez az egyes állományok elnevezésében,illetve a könyvtárrendszer kezelésébenjátszik szerepet.

• Az állománynevek maximum 64 karakterhosszúak lehetnek, és az egymásbaágyazható mappák mélysége nem lehettöbb 8 szintnél.

25

Adat CD

• Windows-os alkalmazásoknáláltalában a Microsoft általbevezetett, úgynevezett Joliet-

vítést alkalmazzák.• Ebben az esetben az

állománynevek elvileg 64 karakternélnagyobb hosszúságúak is lehetnek,és elvileg megkötések nélkül, teljeskönyvtárstruktúrát is lehet másolni.

CD író programnál az adat CD íráslehet ségei

Adat CD

• Merevlemezünk archiválásának egyiklehet sége a CD-re való rögzítés.

• Készíthetünk úgynevezett boot CD-t is,melyr l úgy indíthatjuk számítógépünket,mint egy merevlemezr l.

• MP3-as zenei CD esetén, bár zenétrögzítettünk, a CD-t mégis adat CD-ként kellkezelni

Zenei CD

• Zenei CD írásakor a készítend CDfájlrendszere különbözik az adat CDfájlrendszerét l.

• A zenei CD-k alapvet en audioberendezések számára készülnek, delejátszhatók számítógéppel is.

• Egyes, régebbi hifi készülékek az újraírhatóCD-ket nem képesek lejátszani.

Zenei CD Zenei CD

• Zenei CD írása el tt el kell döntenünk,hogy a CD írást egy lépésben hajtjuk-evégre, vagy számonként.

• Amennyiben az egy lépésben történvégrehajtást választjuk (Disc At Onceüzemmód), úgy a CD írása egy írásieljárással készül.

• Vagyis a lézerfej csak egyszer fogbekapcsolódni (az írás elején) és csak azírás végén kapcsolódik ki.

26

Zenei CD

• Ebben az üzemmódban az írás után aCD lezáródik, és nincsen lehet ségtovábbi zeneszámok (track-ek)hozzáadására.

• Amennyiben válogatást szeretnénkrögzíteni, úgy azt el bb amerevlemezen össze kell állítani, majdazután egy lépésben CD-n rögzíteni.

Zenei CD

• A másik lehet ség a Track At Onceüzemmód, amikor a lézerfej minden egyesszám írása el tt bekapcsolódik, és mindenegyes szám végén kikapcsol.

• Ilyenkor az egyes zeneszámok között kb.2 mp-es szünetek keletkeznek.

• Az írást minden egyes track írása utánmegszakíthatjuk.

• Ennél a módszernél készíthetünk olyanzenei CD-t is, amelynél több különbözforrás-CD-r l írunk át számokat.

Mixed Mode CD

• A Mixed Mode CD egy olyan CD,amelyen a zenei fájlok mellettszámítógépes állományok istalálhatók.

Direct CD

• A Direct CD fájlrendszere az úgynevezettUDF, vagyis Universal Disk Format.

• Ez a szabvány, amely egy CD–írókészülék használatát logikai meghajtókéntteszi lehet vé egy számítógépesrendszerben.

• Ehhez azonban el bb meg kell formázni aCD-t.

• CD-R esetében ez csak néhány percet veszigénybe, CD-RW típusnál akár egy óránkeresztül is eltarthat.

Direct CD

• Egyes szoftverek lehet vé teszik az úgynevezettgyorsformázást (Fast Format) is.

• Ilyenkor néhány perc eltelte után a mármegformázott területre írhatunk, miközben aháttérben tovább folyik a formázás.

• Ha a formázás befejezése el tt kivesszük aCD-t, vagy kikapcsoljuk a számítógépet, aformázás félbeszakad.

• A számítógép újraindítása és a CD ismételtbehelyezése után folytatódik a hátralév területekmegformázása

Direct CD

• A lemez el zetes formázása miatt aDirect CD eljárás csökkenti a CDszabad kapacitását

• 650 Mbyte-os CD-R esetén 620 Mbyte,újraírható CD-RW esetén körülbelül530 Mbyte

27

VÉGE