Intelligens, adaptív felhasználói felülettel rendelkez webalkalmazások fejlesztése
|
|
- Judit Pásztor
- 8 évvel ezelőtt
- Látták:
Átírás
1 Intelligens, adaptív felhasználói felülettel rendelkez webalkalmazások fejlesztése Koós Dániel (Témavezet : Dr. Várterész Magdolna) DE IK Hollók, április 5. Koós Dániel (DE IK) április 5. 1 / 33
2 IKT eszközök a mindennapjainkban Internet mindenhol PC helyett notebook, mobil, táblagép, TV egyre több mobileszköz-felhasználó nem tudunk mobil és internet nélkül élni Koós Dániel (DE IK) április 5. 2 / 33
3 Új kihívások a fejlesztés során Régen: egyetlen eszköz egyetlen képerny felbontás egyetlen operációs rendszer, böngész Ma: megszámlálhatatlan internetelérésre alkalmas eszköz sok, párhuzamosan létez, népszer képerny felbontás számos platform, operációs rendszer, böngész Cél: univerzális, minden eszközön futó alkalmazások fejlesztése Koós Dániel (DE IK) április 5. 3 / 33
4 Új kihívások a fejlesztés során Régen: egyetlen eszköz egyetlen képerny felbontás egyetlen operációs rendszer, böngész Ma: megszámlálhatatlan internetelérésre alkalmas eszköz sok, párhuzamosan létez, népszer képerny felbontás számos platform, operációs rendszer, böngész Cél: univerzális, minden eszközön futó alkalmazások fejlesztése Koós Dániel (DE IK) április 5. 3 / 33
5 "Mobilizálódunk" Okostelefonok, "mobil er m vek" Android, ios, Windows Phone, BlackBerry OS alkalmazásboltok internetkapcsolatot igényl alkalmazások Koós Dániel (DE IK) április 5. 4 / 33
6 Mobil alkalmazás vagy mobilra optimalizált weboldal? Koós Dániel (DE IK) április 5. 5 / 33
7 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobilra optimalizált weboldalak el nyei: azonnaliság kompatibilitás egyszer frissíthet ség, módosíthatóság megtalálhatóság, elérhet ség megoszthatóság id és költség Koós Dániel (DE IK) április 5. 5 / 33
8 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobilra optimalizált weboldalak el nyei: azonnaliság kompatibilitás egyszer frissíthet ség, módosíthatóság megtalálhatóság, elérhet ség megoszthatóság id és költség Koós Dániel (DE IK) április 5. 5 / 33
9 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobilra optimalizált weboldalak el nyei: azonnaliság kompatibilitás egyszer frissíthet ség, módosíthatóság megtalálhatóság, elérhet ség megoszthatóság id és költség Koós Dániel (DE IK) április 5. 5 / 33
10 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobilra optimalizált weboldalak el nyei: azonnaliság kompatibilitás egyszer frissíthet ség, módosíthatóság megtalálhatóság, elérhet ség megoszthatóság id és költség Koós Dániel (DE IK) április 5. 5 / 33
11 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobilra optimalizált weboldalak el nyei: azonnaliság kompatibilitás egyszer frissíthet ség, módosíthatóság megtalálhatóság, elérhet ség megoszthatóság id és költség Koós Dániel (DE IK) április 5. 5 / 33
12 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobilra optimalizált weboldalak el nyei: azonnaliság kompatibilitás egyszer frissíthet ség, módosíthatóság megtalálhatóság, elérhet ség megoszthatóság id és költség Koós Dániel (DE IK) április 5. 5 / 33
13 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobilra optimalizált weboldalak el nyei: azonnaliság kompatibilitás egyszer frissíthet ség, módosíthatóság megtalálhatóság, elérhet ség megoszthatóság id és költség Koós Dániel (DE IK) április 5. 5 / 33
14 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobil alkalmazások el nyei: oine m ködés interaktív játékok bonyolult számítások kimutatások, grakonok GPS, kamera, SMS, Bluetooth, NFC Koós Dániel (DE IK) április 5. 5 / 33
15 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobil alkalmazások el nyei: oine m ködés interaktív játékok bonyolult számítások kimutatások, grakonok GPS, kamera, SMS, Bluetooth, NFC Koós Dániel (DE IK) április 5. 5 / 33
16 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobil alkalmazások el nyei: oine m ködés interaktív játékok bonyolult számítások kimutatások, grakonok GPS, kamera, SMS, Bluetooth, NFC Koós Dániel (DE IK) április 5. 5 / 33
17 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobil alkalmazások el nyei: oine m ködés interaktív játékok bonyolult számítások kimutatások, grakonok GPS, kamera, SMS, Bluetooth, NFC Koós Dániel (DE IK) április 5. 5 / 33
18 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobil alkalmazások el nyei: oine m ködés interaktív játékok bonyolult számítások kimutatások, grakonok GPS, kamera, SMS, Bluetooth, NFC Koós Dániel (DE IK) április 5. 5 / 33
19 Mobil alkalmazás vagy mobilra optimalizált weboldal? Mobil alkalmazások el nyei: oine m ködés interaktív játékok bonyolult számítások kimutatások, grakonok GPS, kamera, SMS, Bluetooth, NFC Koós Dániel (DE IK) április 5. 5 / 33
20 Mobil eszközök és weboldalak tulajdonságai komplex webalkalmazások PC-n és mobilon egyaránt sokféle kijelz méret és -felbontás, "retina" kijelz k pontatlan szövegtördelés sz kebb funkcionalitású mobil weblap nehéz kezelhet ség érint kijelz n eltér URL Koós Dániel (DE IK) április 5. 6 / 33
21 Mobil eszközök és weboldalak tulajdonságai komplex webalkalmazások PC-n és mobilon egyaránt sokféle kijelz méret és -felbontás, "retina" kijelz k pontatlan szövegtördelés sz kebb funkcionalitású mobil weblap nehéz kezelhet ség érint kijelz n eltér URL Koós Dániel (DE IK) április 5. 6 / 33
22 Mobil eszközök és weboldalak tulajdonságai komplex webalkalmazások PC-n és mobilon egyaránt sokféle kijelz méret és -felbontás, "retina" kijelz k pontatlan szövegtördelés sz kebb funkcionalitású mobil weblap nehéz kezelhet ség érint kijelz n eltér URL Koós Dániel (DE IK) április 5. 6 / 33
23 Mobil eszközök és weboldalak tulajdonságai komplex webalkalmazások PC-n és mobilon egyaránt sokféle kijelz méret és -felbontás, "retina" kijelz k pontatlan szövegtördelés sz kebb funkcionalitású mobil weblap nehéz kezelhet ség érint kijelz n eltér URL Koós Dániel (DE IK) április 5. 6 / 33
24 Mobil eszközök és weboldalak tulajdonságai komplex webalkalmazások PC-n és mobilon egyaránt sokféle kijelz méret és -felbontás, "retina" kijelz k pontatlan szövegtördelés sz kebb funkcionalitású mobil weblap nehéz kezelhet ség érint kijelz n eltér URL Koós Dániel (DE IK) április 5. 6 / 33
25 Mobil eszközök és weboldalak tulajdonságai komplex webalkalmazások PC-n és mobilon egyaránt sokféle kijelz méret és -felbontás, "retina" kijelz k pontatlan szövegtördelés sz kebb funkcionalitású mobil weblap nehéz kezelhet ség érint kijelz n eltér URL Koós Dániel (DE IK) április 5. 6 / 33
26 Mobil eszközök és weboldalak tulajdonságai komplex webalkalmazások PC-n és mobilon egyaránt sokféle kijelz méret és -felbontás, "retina" kijelz k pontatlan szövegtördelés sz kebb funkcionalitású mobil weblap nehéz kezelhet ség érint kijelz n eltér URL Megoldás: RWD (Responsive Web Design) AWD (Adaptive Web Design) Koós Dániel (DE IK) április 5. 6 / 33
27 Mobil eszközök és weboldalak tulajdonságai komplex webalkalmazások PC-n és mobilon egyaránt sokféle kijelz méret és -felbontás, "retina" kijelz k pontatlan szövegtördelés sz kebb funkcionalitású mobil weblap nehéz kezelhet ség érint kijelz n eltér URL Megoldás: RWD (Responsive Web Design) AWD (Adaptive Web Design) Koós Dániel (DE IK) április 5. 6 / 33
28 Mobil eszközök és weboldalak tulajdonságai komplex webalkalmazások PC-n és mobilon egyaránt sokféle kijelz méret és -felbontás, "retina" kijelz k pontatlan szövegtördelés sz kebb funkcionalitású mobil weblap nehéz kezelhet ség érint kijelz n eltér URL Megoldás: RWD (Responsive Web Design) AWD (Adaptive Web Design) Koós Dániel (DE IK) április 5. 6 / 33
29 Reszponzív webdizájn egyetlen, rugalmas, böngész ablakhoz igazodó felület a weboldal funkciói bármely (asztali vagy mobil) nézetben ugyanúgy elérhet ek ugyanaz a kód dolgozik a háttérben egyszer SEO egyszer en implementálható mobilon lassú, nehezen optimalizálható kód nehéz érint kijelz re optimalizálni Koós Dániel (DE IK) április 5. 7 / 33
30 Reszponzív webdizájn egyetlen, rugalmas, böngész ablakhoz igazodó felület a weboldal funkciói bármely (asztali vagy mobil) nézetben ugyanúgy elérhet ek ugyanaz a kód dolgozik a háttérben egyszer SEO egyszer en implementálható mobilon lassú, nehezen optimalizálható kód nehéz érint kijelz re optimalizálni Koós Dániel (DE IK) április 5. 7 / 33
31 Reszponzív webdizájn egyetlen, rugalmas, böngész ablakhoz igazodó felület a weboldal funkciói bármely (asztali vagy mobil) nézetben ugyanúgy elérhet ek ugyanaz a kód dolgozik a háttérben egyszer SEO egyszer en implementálható mobilon lassú, nehezen optimalizálható kód nehéz érint kijelz re optimalizálni Koós Dániel (DE IK) április 5. 7 / 33
32 Reszponzív webdizájn egyetlen, rugalmas, böngész ablakhoz igazodó felület a weboldal funkciói bármely (asztali vagy mobil) nézetben ugyanúgy elérhet ek ugyanaz a kód dolgozik a háttérben egyszer SEO egyszer en implementálható mobilon lassú, nehezen optimalizálható kód nehéz érint kijelz re optimalizálni Koós Dániel (DE IK) április 5. 7 / 33
33 Reszponzív webdizájn egyetlen, rugalmas, böngész ablakhoz igazodó felület a weboldal funkciói bármely (asztali vagy mobil) nézetben ugyanúgy elérhet ek ugyanaz a kód dolgozik a háttérben egyszer SEO egyszer en implementálható mobilon lassú, nehezen optimalizálható kód nehéz érint kijelz re optimalizálni Koós Dániel (DE IK) április 5. 7 / 33
34 Reszponzív webdizájn egyetlen, rugalmas, böngész ablakhoz igazodó felület a weboldal funkciói bármely (asztali vagy mobil) nézetben ugyanúgy elérhet ek ugyanaz a kód dolgozik a háttérben egyszer SEO egyszer en implementálható mobilon lassú, nehezen optimalizálható kód nehéz érint kijelz re optimalizálni Koós Dániel (DE IK) április 5. 7 / 33
35 Reszponzív webdizájn egyetlen, rugalmas, böngész ablakhoz igazodó felület a weboldal funkciói bármely (asztali vagy mobil) nézetben ugyanúgy elérhet ek ugyanaz a kód dolgozik a háttérben egyszer SEO egyszer en implementálható mobilon lassú, nehezen optimalizálható kód nehéz érint kijelz re optimalizálni Koós Dániel (DE IK) április 5. 7 / 33
36 Reszponzív webdizájn - Példa Koós Dániel (DE IK) április 5. 8 / 33
37 Reszponzív webdizájn - Példa Koós Dániel (DE IK) április 5. 8 / 33
38 Reszponzív webdizájn - Példa Koós Dániel (DE IK) április 5. 8 / 33
39 Adaptív webdizájn több (általában 4-5), különféle eszközökre optimalizált, különálló felület gyelembe veszi a megjelenít eszköz képességeit készüléktípustól függ en változó megjelenés, méret és helyzet elemek gyorsabb oldalbetöltés a teljes funkcionalitású oldal megjelenítésére nem alkalmas eszközökön bonyolultabb módosíthatóság, karbantarthatóság (lásd különálló teljes és mobil weblap) Koós Dániel (DE IK) április 5. 9 / 33
40 Adaptív webdizájn több (általában 4-5), különféle eszközökre optimalizált, különálló felület gyelembe veszi a megjelenít eszköz képességeit készüléktípustól függ en változó megjelenés, méret és helyzet elemek gyorsabb oldalbetöltés a teljes funkcionalitású oldal megjelenítésére nem alkalmas eszközökön bonyolultabb módosíthatóság, karbantarthatóság (lásd különálló teljes és mobil weblap) Koós Dániel (DE IK) április 5. 9 / 33
41 Adaptív webdizájn több (általában 4-5), különféle eszközökre optimalizált, különálló felület gyelembe veszi a megjelenít eszköz képességeit készüléktípustól függ en változó megjelenés, méret és helyzet elemek gyorsabb oldalbetöltés a teljes funkcionalitású oldal megjelenítésére nem alkalmas eszközökön bonyolultabb módosíthatóság, karbantarthatóság (lásd különálló teljes és mobil weblap) Koós Dániel (DE IK) április 5. 9 / 33
42 Adaptív webdizájn több (általában 4-5), különféle eszközökre optimalizált, különálló felület gyelembe veszi a megjelenít eszköz képességeit készüléktípustól függ en változó megjelenés, méret és helyzet elemek gyorsabb oldalbetöltés a teljes funkcionalitású oldal megjelenítésére nem alkalmas eszközökön bonyolultabb módosíthatóság, karbantarthatóság (lásd különálló teljes és mobil weblap) Koós Dániel (DE IK) április 5. 9 / 33
43 Adaptív webdizájn több (általában 4-5), különféle eszközökre optimalizált, különálló felület gyelembe veszi a megjelenít eszköz képességeit készüléktípustól függ en változó megjelenés, méret és helyzet elemek gyorsabb oldalbetöltés a teljes funkcionalitású oldal megjelenítésére nem alkalmas eszközökön bonyolultabb módosíthatóság, karbantarthatóság (lásd különálló teljes és mobil weblap) Koós Dániel (DE IK) április 5. 9 / 33
44 Felhasználói felület tervezése 1. Funkciók összegy jtése 2. Felhasználói szokások elemzése 3. Információs szerkezet kialakítása 4. Prototípus készítés 5. Használhatósági tesztelés 6. Grakus felület tervezése Koós Dániel (DE IK) április / 33
45 Felhasználói felület tervezése 1. Funkciók összegy jtése 2. Felhasználói szokások elemzése 3. Információs szerkezet kialakítása 4. Prototípus készítés 5. Használhatósági tesztelés 6. Grakus felület tervezése Koós Dániel (DE IK) április / 33
46 Felhasználói felület tervezése 1. Funkciók összegy jtése 2. Felhasználói szokások elemzése 3. Információs szerkezet kialakítása 4. Prototípus készítés 5. Használhatósági tesztelés 6. Grakus felület tervezése Koós Dániel (DE IK) április / 33
47 Felhasználói felület tervezése 1. Funkciók összegy jtése 2. Felhasználói szokások elemzése 3. Információs szerkezet kialakítása 4. Prototípus készítés 5. Használhatósági tesztelés 6. Grakus felület tervezése Koós Dániel (DE IK) április / 33
48 Felhasználói felület tervezése 1. Funkciók összegy jtése 2. Felhasználói szokások elemzése 3. Információs szerkezet kialakítása 4. Prototípus készítés 5. Használhatósági tesztelés 6. Grakus felület tervezése Koós Dániel (DE IK) április / 33
49 Felhasználói felület tervezése 1. Funkciók összegy jtése 2. Felhasználói szokások elemzése 3. Információs szerkezet kialakítása 4. Prototípus készítés 5. Használhatósági tesztelés 6. Grakus felület tervezése Koós Dániel (DE IK) április / 33
50 Reszponzív/adaptív felületek HTML5 + CSS3 + JS Programozási környezetek: Java, PHP, ASP.NET, Ruby, Python, Perl Alkalmazásfejlesztési keretrendszerek: Spring; Symfony, CodeIgniter, Yii; ASP.NET MVC; Sinatra, Ruby on Rails; Django; Catalyst, Dancer JS keretrendszerek: Dojo, MooTools, jquery, jquery mobile Koós Dániel (DE IK) április / 33
51 Reszponzív/adaptív felületek HTML5 + CSS3 + JS Programozási környezetek: Java, PHP, ASP.NET, Ruby, Python, Perl Alkalmazásfejlesztési keretrendszerek: Spring; Symfony, CodeIgniter, Yii; ASP.NET MVC; Sinatra, Ruby on Rails; Django; Catalyst, Dancer JS keretrendszerek: Dojo, MooTools, jquery, jquery mobile Koós Dániel (DE IK) április / 33
52 Reszponzív/adaptív felületek HTML5 + CSS3 + JS Programozási környezetek: Java, PHP, ASP.NET, Ruby, Python, Perl Alkalmazásfejlesztési keretrendszerek: Spring; Symfony, CodeIgniter, Yii; ASP.NET MVC; Sinatra, Ruby on Rails; Django; Catalyst, Dancer JS keretrendszerek: Dojo, MooTools, jquery, jquery mobile Koós Dániel (DE IK) április / 33
53 Reszponzív/adaptív felületek HTML5 + CSS3 + JS Programozási környezetek: Java, PHP, ASP.NET, Ruby, Python, Perl Alkalmazásfejlesztési keretrendszerek: Spring; Symfony, CodeIgniter, Yii; ASP.NET MVC; Sinatra, Ruby on Rails; Django; Catalyst, Dancer JS keretrendszerek: Dojo, MooTools, jquery, jquery mobile Koós Dániel (DE IK) április / 33
54 Reszponzív felületek létrehozása CSS3 média lekérdezések (media queries) rugalmas rácsok (uid, proportion-based grids) rugalmas képek (uid images) Koós Dániel (DE IK) április / 33
55 Reszponzív felületek létrehozása CSS3 média lekérdezések (media queries) rugalmas rácsok (uid, proportion-based grids) rugalmas képek (uid images) Koós Dániel (DE IK) április / 33
56 Reszponzív felületek létrehozása CSS3 média lekérdezések (media queries) rugalmas rácsok (uid, proportion-based grids) rugalmas képek (uid images) Koós Dániel (DE IK) április / 33
57 Adaptív weboldalak 4-5 különböz, párhuzamosan fejlesztend felület nehezebb módosítani, karbantartani böngész -, eszköz- vagy tulajdonság-felismerés alapján m ködnek folyamatos karbantartásra szoruló statikus adatbázisok Koós Dániel (DE IK) április / 33
58 Adaptív weboldalak 4-5 különböz, párhuzamosan fejlesztend felület nehezebb módosítani, karbantartani böngész -, eszköz- vagy tulajdonság-felismerés alapján m ködnek folyamatos karbantartásra szoruló statikus adatbázisok Koós Dániel (DE IK) április / 33
59 Adaptív weboldalak 4-5 különböz, párhuzamosan fejlesztend felület nehezebb módosítani, karbantartani böngész -, eszköz- vagy tulajdonság-felismerés alapján m ködnek folyamatos karbantartásra szoruló statikus adatbázisok Koós Dániel (DE IK) április / 33
60 Adaptív weboldalak 4-5 különböz, párhuzamosan fejlesztend felület nehezebb módosítani, karbantartani böngész -, eszköz- vagy tulajdonság-felismerés alapján m ködnek folyamatos karbantartásra szoruló statikus adatbázisok Koós Dániel (DE IK) április / 33
61 Fejlesztési módszerek graceful degradation (könnyed lefokozás) unobtrusive JavaScript (diszkrét JavaScript) progressive enhancement (progresszív fejlesztés) Koós Dániel (DE IK) április / 33
62 Fejlesztési módszerek graceful degradation (könnyed lefokozás) unobtrusive JavaScript (diszkrét JavaScript) progressive enhancement (progresszív fejlesztés) Koós Dániel (DE IK) április / 33
63 Fejlesztési módszerek graceful degradation (könnyed lefokozás) unobtrusive JavaScript (diszkrét JavaScript) progressive enhancement (progresszív fejlesztés) Koós Dániel (DE IK) április / 33
64 Könnyed lefokozás cél: egy komplex oldal felülete mindenhol m köd képes legyen irány: felülr l lefele megközelítés: hiba tolerálása eszközök: <noscript> tag, alt attribútum Koós Dániel (DE IK) április / 33
65 Könnyed lefokozás cél: egy komplex oldal felülete mindenhol m köd képes legyen irány: felülr l lefele megközelítés: hiba tolerálása eszközök: <noscript> tag, alt attribútum Koós Dániel (DE IK) április / 33
66 Könnyed lefokozás cél: egy komplex oldal felülete mindenhol m köd képes legyen irány: felülr l lefele megközelítés: hiba tolerálása eszközök: <noscript> tag, alt attribútum Koós Dániel (DE IK) április / 33
67 Könnyed lefokozás cél: egy komplex oldal felülete mindenhol m köd képes legyen irány: felülr l lefele megközelítés: hiba tolerálása eszközök: <noscript> tag, alt attribútum Koós Dániel (DE IK) április / 33
68 Diszkrét JavaScript JS elválasztása a HTML és CSS forrástól el ny: javul a kompatibilitás, n az oldal sebessége Koós Dániel (DE IK) április / 33
69 Diszkrét JavaScript JS elválasztása a HTML és CSS forrástól el ny: javul a kompatibilitás, n az oldal sebessége Koós Dániel (DE IK) április / 33
70 Progresszív fejlesztés cél: ugyanaz irány: lentr l felfele megközelítés: tartalom, stílus és viselkedés szétválasztása eszközök: szemantikus HTML, CSS, JavaScript Koós Dániel (DE IK) április / 33
71 Progresszív fejlesztés cél: ugyanaz irány: lentr l felfele megközelítés: tartalom, stílus és viselkedés szétválasztása eszközök: szemantikus HTML, CSS, JavaScript Koós Dániel (DE IK) április / 33
72 Progresszív fejlesztés cél: ugyanaz irány: lentr l felfele megközelítés: tartalom, stílus és viselkedés szétválasztása eszközök: szemantikus HTML, CSS, JavaScript Koós Dániel (DE IK) április / 33
73 Progresszív fejlesztés cél: ugyanaz irány: lentr l felfele megközelítés: tartalom, stílus és viselkedés szétválasztása eszközök: szemantikus HTML, CSS, JavaScript Koós Dániel (DE IK) április / 33
74 Progresszív fejlesztés cél: ugyanaz irány: lentr l felfele megközelítés: tartalom, stílus és viselkedés szétválasztása eszközök: szemantikus HTML, CSS, JavaScript El nyök: tisztább, modulárisabb kód jöv állóság közös HTML alap Koós Dániel (DE IK) április / 33
75 Progresszív fejlesztés cél: ugyanaz irány: lentr l felfele megközelítés: tartalom, stílus és viselkedés szétválasztása eszközök: szemantikus HTML, CSS, JavaScript El nyök: tisztább, modulárisabb kód jöv állóság közös HTML alap Koós Dániel (DE IK) április / 33
76 Progresszív fejlesztés cél: ugyanaz irány: lentr l felfele megközelítés: tartalom, stílus és viselkedés szétválasztása eszközök: szemantikus HTML, CSS, JavaScript El nyök: tisztább, modulárisabb kód jöv állóság közös HTML alap Koós Dániel (DE IK) április / 33
77 Progresszív fejlesztés cél: ugyanaz irány: lentr l felfele megközelítés: tartalom, stílus és viselkedés szétválasztása eszközök: szemantikus HTML, CSS, JavaScript El nyök: tisztább, modulárisabb kód jöv állóság közös HTML alap Koós Dániel (DE IK) április / 33
78 Fejleszt i eszközök, módszerek ne teljes felületeket, hanem oldalelrendezéseket és kisebb, újrafelhasználható részeket tervezzünk ikonok, gombok, képek, hátterek újrafelhasználható gy jteménye reszponzív keretrendszerek Koós Dániel (DE IK) április / 33
79 Fejleszt i eszközök, módszerek ne teljes felületeket, hanem oldalelrendezéseket és kisebb, újrafelhasználható részeket tervezzünk ikonok, gombok, képek, hátterek újrafelhasználható gy jteménye reszponzív keretrendszerek Koós Dániel (DE IK) április / 33
80 Fejleszt i eszközök, módszerek ne teljes felületeket, hanem oldalelrendezéseket és kisebb, újrafelhasználható részeket tervezzünk ikonok, gombok, képek, hátterek újrafelhasználható gy jteménye reszponzív keretrendszerek Koós Dániel (DE IK) április / 33
81 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
82 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
83 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
84 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
85 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
86 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
87 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
88 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
89 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
90 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
91 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
92 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
93 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
94 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
95 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
96 Reszponzív keretrendszerek Twitter Bootstrap, Foundation, Skeleton egyszer en implementálható, újrafelhasználható eszközök (gombok, formok, menü- és tipográai elemek) rugalmas, egymásba ágyazható rács, többhasábos elrendezés HTML5, CSS3 (SASS, LESS), JS (jquery) el re deniált média lekérdezések és segédszelektorok dinamikus, szerver-oldali keretrendszerrel együtt gyors, hatékony fejlesztés Koós Dániel (DE IK) április / 33
97 Adaptív webalkalmazások nincs kész, "dobozos" megoldás kliens- vagy szerver oldali böngész -, eszköz- vagy jellemz -felismerés user agent alapú böngész - és eszközfelismerés pontatlan, könnyen hamisítható és folyamatos karbantartást igényel feature detection: kliens oldali jellemz felismerést követ tartalomgenerálás Modernizr Koós Dániel (DE IK) április / 33
98 Adaptív webalkalmazások nincs kész, "dobozos" megoldás kliens- vagy szerver oldali böngész -, eszköz- vagy jellemz -felismerés user agent alapú böngész - és eszközfelismerés pontatlan, könnyen hamisítható és folyamatos karbantartást igényel feature detection: kliens oldali jellemz felismerést követ tartalomgenerálás Modernizr Koós Dániel (DE IK) április / 33
99 Adaptív webalkalmazások nincs kész, "dobozos" megoldás kliens- vagy szerver oldali böngész -, eszköz- vagy jellemz -felismerés user agent alapú böngész - és eszközfelismerés pontatlan, könnyen hamisítható és folyamatos karbantartást igényel feature detection: kliens oldali jellemz felismerést követ tartalomgenerálás Modernizr Koós Dániel (DE IK) április / 33
100 Adaptív webalkalmazások nincs kész, "dobozos" megoldás kliens- vagy szerver oldali böngész -, eszköz- vagy jellemz -felismerés user agent alapú böngész - és eszközfelismerés pontatlan, könnyen hamisítható és folyamatos karbantartást igényel feature detection: kliens oldali jellemz felismerést követ tartalomgenerálás Modernizr Koós Dániel (DE IK) április / 33
101 Adaptív webalkalmazások nincs kész, "dobozos" megoldás kliens- vagy szerver oldali böngész -, eszköz- vagy jellemz -felismerés user agent alapú böngész - és eszközfelismerés pontatlan, könnyen hamisítható és folyamatos karbantartást igényel feature detection: kliens oldali jellemz felismerést követ tartalomgenerálás Modernizr Koós Dániel (DE IK) április / 33
102 Adaptív webalkalmazások nincs kész, "dobozos" megoldás kliens- vagy szerver oldali böngész -, eszköz- vagy jellemz -felismerés user agent alapú böngész - és eszközfelismerés pontatlan, könnyen hamisítható és folyamatos karbantartást igényel feature detection: kliens oldali jellemz felismerést követ tartalomgenerálás Modernizr Koós Dániel (DE IK) április / 33
103 Célkit zés a reszponzív és adaptív technikák ötvözése legjobb gyakorlatok keresése, elemzése újrafelhasználható eszközgy jtemény létrehozása a meglév keretrendszerek, eszközök felhasználásával, ötvözésével Koós Dániel (DE IK) április / 33
104 Célkit zés a reszponzív és adaptív technikák ötvözése legjobb gyakorlatok keresése, elemzése újrafelhasználható eszközgy jtemény létrehozása a meglév keretrendszerek, eszközök felhasználásával, ötvözésével Koós Dániel (DE IK) április / 33
105 Célkit zés a reszponzív és adaptív technikák ötvözése legjobb gyakorlatok keresése, elemzése újrafelhasználható eszközgy jtemény létrehozása a meglév keretrendszerek, eszközök felhasználásával, ötvözésével Koós Dániel (DE IK) április / 33
106 Megoldandó problémák Navigáció Formok Táblázatok Képek Teljesítmény Tesztelés, debugolás Koós Dániel (DE IK) április / 33
107 Megoldandó problémák Navigáció Formok Táblázatok Képek Teljesítmény Tesztelés, debugolás Koós Dániel (DE IK) április / 33
108 Megoldandó problémák Navigáció Formok Táblázatok Képek Teljesítmény Tesztelés, debugolás Koós Dániel (DE IK) április / 33
109 Megoldandó problémák Navigáció Formok Táblázatok Képek Teljesítmény Tesztelés, debugolás Koós Dániel (DE IK) április / 33
110 Megoldandó problémák Navigáció Formok Táblázatok Képek Teljesítmény Tesztelés, debugolás Koós Dániel (DE IK) április / 33
111 Megoldandó problémák Navigáció Formok Táblázatok Képek Teljesítmény Tesztelés, debugolás Koós Dániel (DE IK) április / 33
112 Navigáció hosszabb oldal: gördítés, rögzített navigáció mobilon ez nezézkes: kevés a rendelkezésre álló hely, érint képerny re optimalizált felület igénye rögzített fejléc/lábléc mobilon gyakran teljesen eltér navigáció szükséges (egér + billenty zet vs. érintés + suhintás) teljes képerny s alkalmazások igénye mobilon Koós Dániel (DE IK) április / 33
113 Navigáció hosszabb oldal: gördítés, rögzített navigáció mobilon ez nezézkes: kevés a rendelkezésre álló hely, érint képerny re optimalizált felület igénye rögzített fejléc/lábléc mobilon gyakran teljesen eltér navigáció szükséges (egér + billenty zet vs. érintés + suhintás) teljes képerny s alkalmazások igénye mobilon Koós Dániel (DE IK) április / 33
114 Navigáció hosszabb oldal: gördítés, rögzített navigáció mobilon ez nezézkes: kevés a rendelkezésre álló hely, érint képerny re optimalizált felület igénye rögzített fejléc/lábléc mobilon gyakran teljesen eltér navigáció szükséges (egér + billenty zet vs. érintés + suhintás) teljes képerny s alkalmazások igénye mobilon Koós Dániel (DE IK) április / 33
115 Navigáció hosszabb oldal: gördítés, rögzített navigáció mobilon ez nezézkes: kevés a rendelkezésre álló hely, érint képerny re optimalizált felület igénye rögzített fejléc/lábléc mobilon gyakran teljesen eltér navigáció szükséges (egér + billenty zet vs. érintés + suhintás) teljes képerny s alkalmazások igénye mobilon Koós Dániel (DE IK) április / 33
116 Navigáció hosszabb oldal: gördítés, rögzített navigáció mobilon ez nezézkes: kevés a rendelkezésre álló hely, érint képerny re optimalizált felület igénye rögzített fejléc/lábléc mobilon gyakran teljesen eltér navigáció szükséges (egér + billenty zet vs. érintés + suhintás) teljes képerny s alkalmazások igénye mobilon Koós Dániel (DE IK) április / 33
117 Formok a beviteli mez k és a hozzájuk kapcsolódó cimkék más elhelyezést követelnek meg mobilon mint PC-n egyszer en implementálható, testreszabható megoldásra van szükség Koós Dániel (DE IK) április / 33
118 Formok a beviteli mez k és a hozzájuk kapcsolódó cimkék más elhelyezést követelnek meg mobilon mint PC-n egyszer en implementálható, testreszabható megoldásra van szükség Koós Dániel (DE IK) április / 33
119 Táblázatok az extra széles táblázatok nem mutatnak jól a kis kijelz n legjobb megoldások összegy jtése és integrálása a meglév eszközökkel Koós Dániel (DE IK) április / 33
120 Táblázatok az extra széles táblázatok nem mutatnak jól a kis kijelz n legjobb megoldások összegy jtése és integrálása a meglév eszközökkel Koós Dániel (DE IK) április / 33
121 Képek "retina" kijelz k csak nagyfelbontású képek használata rontja a mobilos élményt kisméret képek betöltéskor, nagyméret képek betöltése kés bb, AJAX-szal különböz felbontásokra való optimalizálás megbonyolítja a CSS kódot SVG formátumú grakák, fontok használata ikonok helyett különböz méret képek generálása problémás sok kép betöltése id be telik gyors, egyszer en implementálható, hatékony megoldás szükséges W3C Responsive Images Community Group Koós Dániel (DE IK) április / 33
122 Képek "retina" kijelz k csak nagyfelbontású képek használata rontja a mobilos élményt kisméret képek betöltéskor, nagyméret képek betöltése kés bb, AJAX-szal különböz felbontásokra való optimalizálás megbonyolítja a CSS kódot SVG formátumú grakák, fontok használata ikonok helyett különböz méret képek generálása problémás sok kép betöltése id be telik gyors, egyszer en implementálható, hatékony megoldás szükséges W3C Responsive Images Community Group Koós Dániel (DE IK) április / 33
123 Képek "retina" kijelz k csak nagyfelbontású képek használata rontja a mobilos élményt kisméret képek betöltéskor, nagyméret képek betöltése kés bb, AJAX-szal különböz felbontásokra való optimalizálás megbonyolítja a CSS kódot SVG formátumú grakák, fontok használata ikonok helyett különböz méret képek generálása problémás sok kép betöltése id be telik gyors, egyszer en implementálható, hatékony megoldás szükséges W3C Responsive Images Community Group Koós Dániel (DE IK) április / 33
124 Képek "retina" kijelz k csak nagyfelbontású képek használata rontja a mobilos élményt kisméret képek betöltéskor, nagyméret képek betöltése kés bb, AJAX-szal különböz felbontásokra való optimalizálás megbonyolítja a CSS kódot SVG formátumú grakák, fontok használata ikonok helyett különböz méret képek generálása problémás sok kép betöltése id be telik gyors, egyszer en implementálható, hatékony megoldás szükséges W3C Responsive Images Community Group Koós Dániel (DE IK) április / 33
125 Képek "retina" kijelz k csak nagyfelbontású képek használata rontja a mobilos élményt kisméret képek betöltéskor, nagyméret képek betöltése kés bb, AJAX-szal különböz felbontásokra való optimalizálás megbonyolítja a CSS kódot SVG formátumú grakák, fontok használata ikonok helyett különböz méret képek generálása problémás sok kép betöltése id be telik gyors, egyszer en implementálható, hatékony megoldás szükséges W3C Responsive Images Community Group Koós Dániel (DE IK) április / 33
126 Képek "retina" kijelz k csak nagyfelbontású képek használata rontja a mobilos élményt kisméret képek betöltéskor, nagyméret képek betöltése kés bb, AJAX-szal különböz felbontásokra való optimalizálás megbonyolítja a CSS kódot SVG formátumú grakák, fontok használata ikonok helyett különböz méret képek generálása problémás sok kép betöltése id be telik gyors, egyszer en implementálható, hatékony megoldás szükséges W3C Responsive Images Community Group Koós Dániel (DE IK) április / 33
127 Képek "retina" kijelz k csak nagyfelbontású képek használata rontja a mobilos élményt kisméret képek betöltéskor, nagyméret képek betöltése kés bb, AJAX-szal különböz felbontásokra való optimalizálás megbonyolítja a CSS kódot SVG formátumú grakák, fontok használata ikonok helyett különböz méret képek generálása problémás sok kép betöltése id be telik gyors, egyszer en implementálható, hatékony megoldás szükséges W3C Responsive Images Community Group Koós Dániel (DE IK) április / 33
128 Képek "retina" kijelz k csak nagyfelbontású képek használata rontja a mobilos élményt kisméret képek betöltéskor, nagyméret képek betöltése kés bb, AJAX-szal különböz felbontásokra való optimalizálás megbonyolítja a CSS kódot SVG formátumú grakák, fontok használata ikonok helyett különböz méret képek generálása problémás sok kép betöltése id be telik gyors, egyszer en implementálható, hatékony megoldás szükséges W3C Responsive Images Community Group Koós Dániel (DE IK) április / 33
129 Képek "retina" kijelz k csak nagyfelbontású képek használata rontja a mobilos élményt kisméret képek betöltéskor, nagyméret képek betöltése kés bb, AJAX-szal különböz felbontásokra való optimalizálás megbonyolítja a CSS kódot SVG formátumú grakák, fontok használata ikonok helyett különböz méret képek generálása problémás sok kép betöltése id be telik gyors, egyszer en implementálható, hatékony megoldás szükséges W3C Responsive Images Community Group Koós Dániel (DE IK) április / 33
130 Teljesítmény az elérhet eszközök, keretrendszerek "ész nélkül" történ használata lerontja a webalkalmazás teljesítményét, használati élményét egy oldalból álló, AJAX-alapú weboldalak használata kliens- és szerver-oldali MVC, MVVM keretrendszerek használata optimális, újrafelhasználható eszközök kellenek Koós Dániel (DE IK) április / 33
131 Teljesítmény az elérhet eszközök, keretrendszerek "ész nélkül" történ használata lerontja a webalkalmazás teljesítményét, használati élményét egy oldalból álló, AJAX-alapú weboldalak használata kliens- és szerver-oldali MVC, MVVM keretrendszerek használata optimális, újrafelhasználható eszközök kellenek Koós Dániel (DE IK) április / 33
132 Teljesítmény az elérhet eszközök, keretrendszerek "ész nélkül" történ használata lerontja a webalkalmazás teljesítményét, használati élményét egy oldalból álló, AJAX-alapú weboldalak használata kliens- és szerver-oldali MVC, MVVM keretrendszerek használata optimális, újrafelhasználható eszközök kellenek Koós Dániel (DE IK) április / 33
133 Teljesítmény az elérhet eszközök, keretrendszerek "ész nélkül" történ használata lerontja a webalkalmazás teljesítményét, használati élményét egy oldalból álló, AJAX-alapú weboldalak használata kliens- és szerver-oldali MVC, MVVM keretrendszerek használata optimális, újrafelhasználható eszközök kellenek Koós Dániel (DE IK) április / 33
134 Tesztelés, debugolás számtalan eszköz, platform, OS, képerny felbontás Adobe BrowserLab az emulátorok nem helyettesítik a valódi eszközökön való tesztelést Adobe Edge Inspect egyszer en használható, online tesztkörnyezet szükséges Koós Dániel (DE IK) április / 33
135 Tesztelés, debugolás számtalan eszköz, platform, OS, képerny felbontás Adobe BrowserLab az emulátorok nem helyettesítik a valódi eszközökön való tesztelést Adobe Edge Inspect egyszer en használható, online tesztkörnyezet szükséges Koós Dániel (DE IK) április / 33
136 Tesztelés, debugolás számtalan eszköz, platform, OS, képerny felbontás Adobe BrowserLab az emulátorok nem helyettesítik a valódi eszközökön való tesztelést Adobe Edge Inspect egyszer en használható, online tesztkörnyezet szükséges Koós Dániel (DE IK) április / 33
137 Tesztelés, debugolás számtalan eszköz, platform, OS, képerny felbontás Adobe BrowserLab az emulátorok nem helyettesítik a valódi eszközökön való tesztelést Adobe Edge Inspect egyszer en használható, online tesztkörnyezet szükséges Koós Dániel (DE IK) április / 33
138 Tesztelés, debugolás számtalan eszköz, platform, OS, képerny felbontás Adobe BrowserLab az emulátorok nem helyettesítik a valódi eszközökön való tesztelést Adobe Edge Inspect egyszer en használható, online tesztkörnyezet szükséges Koós Dániel (DE IK) április / 33
139 Eddigi tevékenységek Oktatott kurzusok: Az informatika logikai alapjai Magas szint programozási nyelvek 2 A mesterséges intelligencia alapjai Felvett/teljesített kurzusok: Ember-gép kommunikáció technológiájának alapjai Mesterséges intelligencia Általános kutatási ismeretek E-kereskedelem Szemantikus web Koós Dániel (DE IK) április / 33
140 Feldolgozott irodalom Aaron Gustafson: Adaptive Web Design, Easy Readers, LLC, Tennessee, Steen Lohmann, J. Wolfgang Kaltz, Jürgen Ziegler: Dynamic Generation of Context-Adaptive Web User Interfaces through Model Interpretation, University of Duisburg-Essen, Duisburg, Hazem M. El-Bakry [et al.]: Adaptive User Interface for Web Applications, RECENT ADVANCES in BUSINESS ADMINISTRATION, 4th WSEAS International Conference on USINESS ADMINISTRATION (ICBA '10), University of Cambridge, UK, Koós Dániel (DE IK) április / 33
141 Feldolgozott irodalom Horváth Gy z : Weboldalak progresszív fejlesztése...azaz hogyan tervezzünk multiplatformos, elérhet weboldalakat?, INFO ÉRA, Füzesgyarmat, , gyozke/weboldalak-progresszv-fejlesztse. Brad Frost: Separate Mobile Website Vs. Responsive Website, 2012, separate-mobile-responsive-website-presidential-smackdown/. James Young: The top responsive web design problems... and how to avoid them!, 2012, top-responsive-web-design-problems-and-how-avoid-them Koós Dániel (DE IK) április / 33
142 Feldolgozott irodalom What are Frameworks? 22 Best Responsive CSS Frameworks for Web Design, 2013, what-are-frameworks-22-best-responsive-css-frameworks-for-w html. Responsive Web Design: Clever Tricks and Techniques, Paris Web, 2012, paris-web-responsive-web-design-clever-tricks-and Chris Mills: Love your devices: adaptive web design with media queries, viewport and more, 2011, love-your-devices-adaptive-web-design-with-media-queries-vi Koós Dániel (DE IK) április / 33
143
Responsive Web Design. Dr. Nyéki Lajos 2019
Responsive Web Design Dr. Nyéki Lajos 2019 Bevezetés A responsive web design tervezési technika által létrehozott web oldalak skálázhatók, a web oldalt mobil telefon, táblagép és asztali számítógép böngészőjével
RészletesebbenWeb-fejlesztés NGM_IN002_1
Web-fejlesztés NGM_IN002_1 Rich Internet Applications RIA Vékony-kliens generált (statikus) HTML megjelenítése szerver oldali feldolgozással szinkron oldal megjelenítéssel RIA desktop alkalmazások funkcionalitása
RészletesebbenWebes alkalmazások fejlesztése. Bevezetés az ASP.NET MVC 5 keretrendszerbe
Webes alkalmazások fejlesztése Bevezetés az ASP.NET MVC 5 keretrendszerbe ASP.NET MVC Framework 2009-ben jelent meg az első verziója, azóta folyamatosan fejlesztik Nyílt forráskódú Microsoft technológia
RészletesebbenSZABADKAI MŰSZAKI SZAKFŐISKOLA. PREZENTÁCIÓ E-mobil tantárgyból Jquery Mobil Keretrendszer SZABADKA, 2015.
SZABADKAI MŰSZAKI SZAKFŐISKOLA PREZENTÁCIÓ E-mobil tantárgyból Jquery Mobil Keretrendszer JELÖLT MENTOR Kokrehel Grácián dr Zlatko Čović 12213218 SZABADKA, 2015. Tartalomjegyzék Bevezető... 3 Sajátosságok...
RészletesebbenIK Algoritmusok és Alkalmazásaik Tsz, TTK Operációkutatás Tsz. A LEMON C++ gráf optimalizálási könyvtár használata
IKP-9010 Számítógépes számelmélet 1. EA IK Komputeralgebra Tsz. IKP-9011 Számítógépes számelmélet 2. EA IK Komputeralgebra Tsz. IKP-9021 Java technológiák IK Prog. Nyelv és Ford.programok Tsz. IKP-9030
RészletesebbenResponsive Webdesign Diákműhely
Responsive Webdesign Diákműhely A diákműhely célja, hogy a résztvevők elkészítsék saját responsive (vagy mobile-only) weboldaluk frontendjét mobil alkalmazás frontendjét responsive (vagy mobile-only) weboldal
RészletesebbenIK Algoritmusok és Alkalmazásaik Tsz, TTK Operációkutatás Tsz. A LEMON C++ gráf optimalizálási könyvtár használata
IKP-9010 Számítógépes számelmélet 1. EA IK Komputeralgebra Tsz. IKP-9011 Számítógépes számelmélet 2. EA IK Komputeralgebra Tsz. IKP-9021 Java technológiák IK Prog. Nyelv és Ford.programok Tsz. IKP-9030
RészletesebbenWebes alkalmazások fejlesztése. 9. előadás Bevezetés az ASP.NET MVC keretrendszerbe
Webes alkalmazások fejlesztése 9. előadás Bevezetés az ASP.NET MVC keretrendszerbe ASP.NET MVC Framework 2009-ben jelent meg az első verziója, azóta folyamatosan fejlesztik Nyílt forráskódú Microsoft technológia
Részletesebbenmlearning Mobil tanulás a gyakorlatban
mlearning Mobil tanulás a gyakorlatban Vágvölgyi Csaba Papp Gyula Dr. Cserhátiné Vecsei Ildikó Kölcsey Ferenc Református Tanítóképző Főiskola elearning CBT (Computer Based Training) Interaktivitás Hipertext
Részletesebbeniphone és Android két jó barát...
iphone és Android két jó barát... Multiplatform alkalmazásfejlesztés a gyakorlatban Kis Gergely MattaKis Consulting 1 Tartalom Miért multiplatform fejlesztés? Multiplatform fejlesztési módszerek A közös
RészletesebbenMobilizálódó OSZK. A nemzeti könyvtár mobileszközöket célzó fejlesztései az elmúlt időszakban. Garamvölgyi László. Networkshop, 2013.
ORSZÁGOS SZÉCHÉNYI KÖNYVTÁR WEBTARTALOM KOORDINÁCIÓS OSZTÁLY Mobilizálódó OSZK A nemzeti könyvtár mobileszközöket célzó fejlesztései az elmúlt időszakban Garamvölgyi László Networkshop, 2013. Okostelefonok
RészletesebbenInformatikus, Webfejlesztő. Nagy Gusztáv
Informatikus, Webfejlesztő Nagy Gusztáv 1 2 Nagy Gusztáv Programozó matematikus kb. 20 programozási nyelv, 4-5 paradigma KEFO GAMF Kar, tanszéki mérnök Egyéni vállalkozó: főleg webfejlesztés Kapcsolat:
RészletesebbenMVC. Model View Controller
MVC Model View Controller Szoftver fejlesztés régen Console-based alkalmazások Pure HTML weboldalak Assembly, C Tipikusan kevés fejlesztő (Johm Carmack Wolfenstein, Doom, Quake..) Szűkös erőforrások optimális
RészletesebbenCloudCode bemutatkozás Web Mobil IoT
CloudCode bemutatkozás Web Mobil IoT Megbízható Partner a Digitális Transzformációban Fejlesztési területek Webes rendszerek, Vállalati és Ipari Webalkalmazások Modern, minden elvárható igénynek megfelelő
RészletesebbenWebes alkalmazások fejlesztése Bevezetés. Célkitűzés, tematika, követelmények. A.NET Core keretrendszer
Eötvös Loránd Tudományegyetem Informatikai Kar Webes alkalmazások fejlesztése Bevezetés Célkitűzés, tematika, követelmények A.NET Core keretrendszer Cserép Máté mcserep@inf.elte.hu http://mcserep.web.elte.hu
RészletesebbenGrafikus keretrendszer komponensalapú webalkalmazások fejlesztéséhez
Grafikus keretrendszer komponensalapú webalkalmazások fejlesztéséhez Székely István Debreceni Egyetem, Informatikai Intézet A rendszer felépítése szerver a komponenseket szolgáltatja Java nyelvű implementáció
RészletesebbenWebes alkalmazások fejlesztése Bevezetés. Célkitűzés, tematika, követelmények. A.NET Core keretrendszer
Eötvös Loránd Tudományegyetem Informatikai Kar Webes alkalmazások fejlesztése Célkitűzés, tematika, követelmények A.NET Core keretrendszer Cserép Máté mcserep@inf.elte.hu http://mcserep.web.elte.hu Célkitűzés
RészletesebbenMobil SEO Kell-e külön foglalkozni a mobil jelenlétünk kereső optimalizálásával? Adam Lunczner Digital Director
Mobil SEO Kell-e külön foglalkozni a mobil jelenlétünk kereső optimalizálásával? Adam Lunczner Digital Director 2015.09.30. Érdemes e külön foglalkozni vele? Mobil Penetráció: 40,5% Adatforgalommal rendelkezik:
RészletesebbenProgramozó, csoportvezető
Önéletrajz SZEMÉLYI ADATOK Schwarz Dávid utca 80 2/5, 8360 Keszthely (Magyarország) +36305290213 ifinorbert@gmail.com ifinorbert.hu BETÖLTENI KÍVÁNT MUNKAKÖR Programozó, csoportvezető SZAKMAI TAPASZTALAT
RészletesebbenMŰSZAKI DOKUMENTÁCIÓ. Aleph WebOPAC elérhetővé tétele okostelefonon. Eötvös József Főiskola 6500 Baja, Szegedi út 2.
Telefon: Fax: E-mail: (+36-1) 269-1642 (+36-1) 331 8479 info@ex-lh.hu www.ex-lh.hu Eötvös József Főiskola 6500 Baja, Szegedi út 2. MŰSZAKI DOKUMENTÁCIÓ Aleph WebOPAC elérhetővé tétele okostelefonon Pályázati
RészletesebbenAndroid Pie újdonságai
Android Pie újdonságai Ekler Péter peter.ekler@aut.bme.hu BME AUT Tartalom Android 9 újdonságok Fejlesztői érdekességek API változások Mit tartogat a jövő? Android 9 újdonságok Testreszabott rendszer Egyszerűbb,
RészletesebbenMobilizált könyvtári felületek
Mobilizált könyvtári felületek Burmeister Erzsébet Espán Edina Miskolci Egyetem, Könyvtár, Levéltár, Múzeum Networkshop, 2013. március, Sopron 1 Előzmények (1) KATALIST felhívás (2) TÁMOP projekt: saját
RészletesebbenWWW Kliens-szerver Alapfogalmak Technológiák Terv. Web programozás 1 / 31
Web programozás 2011 2012 1 / 31 Áttekintés Mi a web? / A web rövid története Kliens szerver architektúra Néhány alapfogalom Kliens- illetve szerver oldali technológiák áttekintése Miről lesz szó... (kurzus/labor/vizsga)
RészletesebbenTartalom. Tartalom. SEO audit: www.hazdoktor.net
Bízza a weboldala hibáinak kijavítását igazi profikra! Szerezzen velünk oldalának több látogatót, több ügyfelet és vásárlót! Keresse csapatunkat bizalommal az info@seoceros.com email címen! Tartalom SEO
RészletesebbenMOBIL PLATFORMHÁBORÚ. Török Gábor
MOBIL PLATFORMHÁBORÚ Török Gábor Szabad Szoftver Konferencia, 2010 Tartalom Bevezetés A mobilpiacról Mobil platformok Fejlesztői szemszögből A nyíltság szintjei Történelmi áttekintés Mérföldkövek: mobil
RészletesebbenWEBES ALKALMAZÁSFEJLESZTÉS 1.
WEBES ALKALMAZÁSFEJLESZTÉS 1. Horváth Győző Egyetemi adjunktus 1117 Budapest, Pázmány Péter sétány 1/C, 2.420 Tel: (1) 372-2500/1816 Tartalom 2 Egyéb funkciók beillesztése az MVC mintába CodeIgniter apróságok
RészletesebbenGyakorlati vizsgatevékenység A
Gyakorlati vizsgatevékenység A Szakképesítés azonosító száma, megnevezése: 481 04 0000 00 00 Web-programozó Vizsgarészhez rendelt követelménymodul azonosítója, megnevezése: 1189-06 Web-alkalmazás fejlesztés
RészletesebbenMobil Üzleti Intelligencia
Mobil Üzleti Intelligencia Forradalom az üzleti intelligenciában Kiss Péter BiXPERT Kft. A Mobil Internet nagyságrendekkel nagyobb hatással lesz a felhasználókra mint a Desktop Internet Mindig Információ
RészletesebbenGyakorlati vizsgatevékenység B
Gyakorlati vizsgatevékenység Szakképesítés azonosító száma, megnevezése: 481 04 0000 00 00 Web-programozó Vizsgarészhez rendelt követelménymodul azonosítója, megnevezése: 1189-06 Web-alkalmazás fejlesztés
RészletesebbenBusEye online személyre szabott utastájékoztató mobil alkalmazás fejlesztése
BusEye online személyre szabott utastájékoztató mobil alkalmazás fejlesztése Közlekedéstudományi Konferencia Hazai és nemzetközi projektek a közlekedésben Győr, 2014. március 27-28. BME - Közlekedésüzemi
RészletesebbenUstream.tv Bepillantás egy közösségi élővideo site működésébe
Ustream.tv Bepillantás egy közösségi élővideo site működésébe Tolmács Márk Pillantás bele... Facebook-clean, YouTube simple......so you get the drill Mivel kell szembenéznünk... Web front-end 30 000 kérés
RészletesebbenMobil eszközök programozása Mivel is kezdjem?
Mobil eszközök programozása Mivel is kezdjem? Bevezetés Mobil eszközre szeretnék fejleszteni, de Válaszok keresése Eszközök Operációs rendszerek Környezetek Mindenkinek van mobil telefonja (középiskolában
RészletesebbenMobil eszközök programozása Mivel is kezdjem?
Mobil eszközök programozása Mivel is kezdjem? Bevezetés Problémafelvetés Mobil eszközre szeretnék fejleszteni, de Válaszok keresése Eszközök Operációs rendszerek Környezetek Problémafelvetés Mindenkinek
RészletesebbenDSD W3C WAI, avagy Weblapok akadálymentesítése
W3C WAI, avagy Weblapok akadálymentesítése Pataki Máté Témakörök A World Wide Web Consortium (W3C) W3C Magyar Iroda W3C - Web Accessibility Initiative (WAI) WCAG 1.0 Célcsoportok Fogyatékossággal élők
RészletesebbenMobil szolgáltatások és alkalmazások fejlesztése
Mobil szolgáltatások és alkalmazások fejlesztése SADM Service and Application Development for Mobile Systems Benedek Zoltán, MIK 3.1.2 projekt - projektvezető zoltán.benedek@aut.bme.hu Nemzeti Kutatási
RészletesebbenBevezetés Működési elv AJAX keretrendszerek AJAX
AJAX Áttekintés Bevezetés Működési elv AJAX-ot támogató keretrendszerek Áttekintés Bevezetés Működési elv AJAX-ot támogató keretrendszerek Áttekintés Bevezetés Működési elv AJAX-ot támogató keretrendszerek
RészletesebbenMŰSZERFAL. Pontosan szoftver Szolgáltatások PONTOSAN SZOFTVER
MŰSZERFAL Pontosan szoftver Szolgáltatások PONTOSAN SZOFTVER TArtalom 3 4 6 11 BEVEZETÉS CÉGÜNKRŐL SZOLGÁLTATÁSOK PROJEKT MANAGEMENT műszerfal vezetői bevezetés Kedves Olvasó! Jelen prospektust azért tartja
RészletesebbenFejlesztési tapasztalatok multifunkciós tananyagok előállításával kapcsolatban Nagy Sándor
Fejlesztési tapasztalatok multifunkciós tananyagok előállításával kapcsolatban Nagy Sándor VE GMK Statisztika és Informatika Tanszék nagy-s@georgikon.hu Összefoglaló Világszerte tanúi lehettünk a mobilkommunikációs
RészletesebbenFöldmérési és Távérzékelési Intézet
Ta p a s z ta l a to k é s g ya ko r l a t i m e g o l d á s o k a W M S s zo l gá l tatá s b a n Földmérési és Távérzékelési Intézet 2011.03.13. WMS Szolgáltatások célja A technikai fejlődéshez igazodva
RészletesebbenTUDNIVALÓK A WEB-FEJLESZTÉS I. KURZUSRÓL
TUDNIVALÓK A WEB-FEJLESZTÉS I. KURZUSRÓL http://bit.ly/a1lhps Abonyi-Tóth Andor Egyetemi tanársegéd 1117, Budapest XI. kerület, Pázmány Péter sétány 1/C, 2.404 Tel: (1) 372-2500/8466 http://abonyita.inf.elte.hu
RészletesebbenInternet alkamazások Készítette: Methos L. Müller Készült: 2010
Internet alkamazások Készítette: Methos L. Müller Készült: 2010 Tartalomjegyzék - Tartalomkezelő rendszerek Miért jó a CMS alapú website? CMS rendszerek - Mi szükséges ezen CMS-ekhez? - Információ építészet
RészletesebbenOZEKI Phone System. 4 elengedhetetlen szolgáltatás a jövőbeli vállalati telefonos rendszerek számára. A jövő üzleti telefon rendszere SMS
A jövő üzleti telefon rendszere 4 elengedhetetlen szolgáltatás a jövőbeli vállalati telefonos rendszerek számára SMS Mobil mellékek Webtelefon Üzenetküldés és jelenlét Összhang az IT-vel Olvassa el! Ajánlatkérő
RészletesebbenA B rész az Informatikai szakmai angol nyelv modul témaköreit tartalmazza.
A vizsgafeladat ismertetése: A szóbeli központilag összeállított vizsga kérdései a 4. Szakmai követelmények fejezetben megadott témaköröket tartalmazza. Amennyiben a tétel kidolgozásához segédeszköz szükséges,
RészletesebbenDIGITÁLIS KÖZTERÜLETI M SZAKI TÉRKÉP
DIGITÁLIS KÖZTERÜLETI M SZAKI TÉRKÉP Az önkormányzatok a közterületek dönt részének gazdái. A közterületekkel kapcsolatos, nyilvántartási és üzemeltetési feladatokhoz a földhivatalokban beszerezhet földmérési
RészletesebbenBevezetés, platformok. Léczfalvy Ádám leczfalvy.adam@nik.bmf.hu
Bevezetés, platformok Léczfalvy Ádám leczfalvy.adam@nik.bmf.hu Mobil készülékek és tulajdonságaik A mobil eszközök programozása, kihívások, nehézségek Mobilprogramozási platformok Java Micro Edition.NET
RészletesebbenMai program. Web Technológiák. Webalkalmazások. Webalkalmazás, mint UI
Web Technológiák Mai program Répási Tibor egyetemi tanársegéd Miskolc Egyetem Infomatikai és Villamosmérnöki Tanszékcsoport (IVM) Általános Informatikai Tanszék Iroda: Inf.Int. 108. Tel: 2101 Webalkalmazás
RészletesebbenKét tűz között. statikus site generátorok és javascript alkalmazások és a Drupal
Két tűz között statikus site generátorok és javascript alkalmazások és a Drupal Várady Zoltán @drifter! zoltan@farm.co.hu! http://farm.co.hu http://www.fsz.bme.hu/hungary/homepage_h.html Magyar Honlap
RészletesebbenCSEMPE GENERÁLÓ ALKALMAZÁS FÖLDHIVATALI ADATBÁZISHOZ Pálfi Antal PAGEOS
CSEMPE GENERÁLÓ ALKALMAZÁS FÖLDHIVATALI ADATBÁZISHOZ Pálfi Antal PAGEOS GIS&WEB fejlesztés Agenda Bemutatkozás Előző adatszolgáltatási rendszer TBFAR rövid ismertetése Új adatszolgáltató renszer kialakításának
RészletesebbenWebdesign és információ építészet a gyakorlatban
THE INTERNET,mapped on the opposite page, is a scalefree network in that Webdesign és információ építészet a gyakorlatban dis.'~tj port,from BYALBERTU\SZLOBARABASI ANDERICBONABEAU THE INTERNET,mapped on
RészletesebbenE-LEARNING ALAPÚ TÁVOKTATÁS A SZÉCHENYI ISTVÁN EGYETEMEN
E-LEARNING ALAPÚ TÁVOKTATÁS A SZÉCHENYI ISTVÁN EGYETEMEN E-LEARNING BASED DISTANCE EDUCATION AT SZÉCHENYI ISTVÁN UNIVERSITY Nyéki Lajos, nyeki@sze.hu Széchenyi István Egyetem 1. Bevezetés A Széchenyi István
RészletesebbenMűködési vázlat: Egyéb feltétel. Opcionális rendszerelem. Központi kijelző. Ügyfél terminál érintő monitorral. Ügyfél. Ügyfél Hivatali PC.
Működési vázlat: Központi kijelző Kijelző Kijelző Hivatali PC Ügyfél Hivatali PC Ügyfél Ügyfél terminál érintő monitorral LAN vagy WiFi Ügyfél Hivatali PC Hivatali PC Sorszám nyomtató Ügyfél Kijelző Ügyfél
RészletesebbenCMDB architektúra megjelenítése SAMU-val Rugalmas megoldás. ITSMF 2015. 10. 30. Bekk Nándor Magyar Telekom / IT szolgáltatás menedzsment központ
CMDB architektúra megjelenítése SAMU-val Rugalmas megoldás ITSMF 2015. 10. 30. Bekk Nándor Magyar Telekom / IT szolgáltatás menedzsment központ Tartalom Nehézségeink CMDB adatok és függ ségek vizualizációja
RészletesebbenSZAKKÉPZÉSI KERETTANTERV a(z) 55 213 05 MULTIMÉDIA-ALMAZÁSFEJLESZTŐ SZAKKÉPESÍTÉS-RÁÉPÜLÉSHEZ
SZAKKÉPZÉSI KERETTANTERV a(z) 55 213 05 MULTIMÉDIA-ALMAZÁSFEJLESZTŐ SZAKKÉPESÍTÉS-RÁÉPÜLÉSHEZ I. A szakképzés jogi háttere A szakképzési kerettanterv a nemzeti köznevelésről szóló 2011. évi CXC. törvény,
RészletesebbenHTML. Ismerkedés a JavaScripttel. A JavaScript lehet ségei. A JavaScript kód helye. Önálló JavaScript fájlok
HTML Ismerkedés a JavaScripttel webprogramozó A weblapokat HTML nyelven készíthetjük el. A HTML egyszer leírónyelv, nem alkalmas válaszolni a felhasználóknak, nem tud döntéseket hozni, nem tud végrehajtani
RészletesebbenFlex: csak rugalmasan!
Flex: csak rugalmasan! Kiss-Tóth Marcell http://kiss-toth.hu marcell@kiss-toth.hu Magyarországi Web Konferencia 2006 2006. március 18. tartalom bevezető Adobe Flex alternatív technológiák bevezető az Internetnek
Részletesebben1. fejezet Bevezetés a web programozásába (Balássy György munkája)... 11 Az internet működése... 11
Tartalomjegyzék 1. fejezet Bevezetés a web programozásába (Balássy György munkája)... 11 Az internet működése... 11 Géptől gépig... 11 Számok a gépeknek... 13 Nevek az embereknek... 14 Programok egymás
RészletesebbenAz IBM WebSphere Multichannel Bank Transformation Toolkit V7.1 felgyorsítja a többcsatornás alkalmazásfejlesztést
IBM Európa, Közel-Kelet és Afrika szoftverbejelentés ZP11-0164, kelt: 2011. május 17. Az IBM WebSphere Multichannel Bank Transformation Toolkit V7.1 felgyorsítja a többcsatornás alkalmazásfejlesztést Tartalomjegyzék
Részletesebben2 0 1 4 2 0 1 5 I I. H é t f ő Óra IR 011 3 IR 012 3
H é t f ő Óra IR 011 3 IR 012 3 GPGPU: Grafikus processzorok felhasználása általános célú számításokra előadás Nagy A., Varga L. H[12 14] Szenzorhálózatok Kincses Z., SARCEVIC P. H[13 15] GPGPU: Grafikus
RészletesebbenHálózati betekint ő program telepítése mobil telefonra. Symbian. alarm shop. Windows mobile Android IPhone Blackberry
Glover Electric kft. www.visiotech.hu Hálózati betekint ő program telepítése mobil telefonra. Symbian Windows mobile Android IPhone Blackberry 1.Symbian Operációs Rendszer 1. Először telepítenie kell a
RészletesebbenMegújul a Videotorium
2014. november 20. HBONE Workshop Balatongyörök Majoros Ádám tudományos munkatárs Multimédia szolgáltatások NIIF Intézet Mi a Videotorium? Specializált videó megosztó portál zárt feltöltői körrel Célközönség:
RészletesebbenGyakorlatok. VITMMA09 Okos város MSc mellékspecializáció
Gyakorlatok VITMMA09 Okos város MSc mellékspecializáció ITS gyakorlatok Cél Gyakorlati tudással kiegészíteni az elméleti ismereteket Példák a való világból, korlátozott de valósághű környezetben Tervezés,
RészletesebbenValós idejű információk megjelenítése web-alapú SCADA rendszerben Modbus TCP protokollon keresztül
PRESENTATION Valós idejű információk megjelenítése web-alapú SCADA rendszerben Modbus TCP protokollon keresztül LÓRÁNT, Horváth Process Automatika Kft. info@automatika.hu rendszertechnikai felépítése Beépített
RészletesebbenKomponens modellek. 3. Előadás (első fele)
Komponens modellek 3. Előadás (első fele) A komponens modellek feladata Támogassa a szoftverrendszerek felépítését különböző funkcionális, logikai komponensekből, amelyek a számítógépes hálózatban különböző
RészletesebbenBEVEZETÉS AZ INTERNET ÉS A WORLD WIDE WEB VILÁGÁBA. Kvaszingerné Prantner Csilla, EKF
BEVEZETÉS AZ INTERNET ÉS A WORLD WIDE WEB VILÁGÁBA Kvaszingerné Prantner Csilla, EKF Az Internet 2 A hálózatok összekapcsolt, hálózatba szervezett rendszere, amely behálózza a világot. Részévé vált életünknek.
RészletesebbenMoodle 3.5 és egyéb újdonságok Vágvölgyi Csaba - Papp Gyula
Moodle 3.5 és egyéb újdonságok Vágvölgyi Csaba - Papp Gyula MoodleMoot 2018 konferencia Debreceni Egyetem, 2018. október 4-5. Moodle fejlesztések az elmúlt 2 évben Több, mint 2 év telt el az utolsó Moot
RészletesebbenMobil Telefonon Keresztüli Felügyelet Felhasználói Kézikönyv
Mobil Telefonon Keresztüli Felügyelet Felhasználói Kézikönyv Tartalomjegyzék 1. Symbian rendszer...2 1.1 Funkciók és követelmények...2 1.2 Telepítés és használat...2 2. Windows Mobile rendszer...6 2.1
RészletesebbenInformatikai Tesztek Katalógus
Informatikai Tesztek Katalógus 2019 SHL és/vagy partnerei. Minden jog fenntartva Informatikai tesztek katalógusa Az SHL informatikai tesztek katalógusa számítástechnikai tudást mérő teszteket és megoldásokat
RészletesebbenHogyan böngésznek a fogyatékkal élő emberek?
Hogyan böngésznek a fogyatékkal élő emberek? A cikket összeállította Dvariecki Bálint (info@alkosoft.hu) a weblaboron megjelent Károly György Tamás írásai felhasználásával Ahhoz, hogy megértsük az akadálymentesség
RészletesebbenEddig ha játékról volt szó: PC vagy konzol Mára már elindult a cloud szolgáltatásokon keresztül játszható játékok elterjedése
1 Eddig ha játékról volt szó: PC vagy konzol Mára már elindult a cloud szolgáltatásokon keresztül játszható játékok elterjedése 2 Fokozatosan változó szemléletmódnak vagyunk a részesei Napjainkban a mobil
RészletesebbenKészítette: Enisz Krisztián, Lugossy Balázs, Speiser Ferenc, Ughy Gergely 2010.11.29. 1
Készítette: Enisz Krisztián, Lugossy Balázs, Speiser Ferenc, Ughy Gergely 2010.11.29. 1 /17 Tartalomjegyzék A térinformatikáról általánosságban Célok Felhasznált eszközök Fejlesztés lépései Adatbázis Grafikus
RészletesebbenAz Ön HTC Sensation XE with Beats Audio Felhasználói kézikönyv
Az Ön HTC Sensation XE with Beats Audio Felhasználói kézikönyv 2 Tartalom Tartalom Első lépések HTC Sensation XE a következővel: Beats Audio 8 Hátlap 10 SIM-kártya 11 Memóriakártya 12 Akkumulátor 13 Az
RészletesebbenNokia 2730 classic - Felhasználói kézikönyv
Nokia 2730 classic - Felhasználói kézikönyv 9217082 1.1. kiadás 2 Tartalom Tartalom Biztonság 4 Kezdő lépések 5 A SIM-kártya és az akkumulátor behelyezése 5 A microsd-kártya behelyezése 5 Vegyük ki a microsd-kártyát
RészletesebbenSiemens AG. SmartGuard-ASP központi forgalomirányítás felh alapú szolgáltatásként
Siemens AG SmartGuard-ASP központi forgalomirányítás felh alapú szolgáltatásként Answers for infrastructure and cities. Sitraffic SmartGuard: Internetes központi forgalomirányítás, mint felh alapú szolgáltatás
RészletesebbenCOMET webalkalmazás fejlesztés. Tóth Ádám Jasmin Media Group
COMET webalkalmazás fejlesztés Tóth Ádám Jasmin Media Group Az előadás tartalmából Alapproblémák, fundamentális kérdések Az eseményvezérelt architektúra alapjai HTTP-streaming megoldások AJAX Polling COMET
RészletesebbenA jelenlegi és az új szolgáltatás moduljai. Web. Web. Play button. Mobil+app
DKT13 1 A jelenlegi és az új szolgáltatás moduljai Web Web Mobil+app Play button Mobil+app Stream gia DKT13 2 A DKT13 szolgáltatás áttekintése Analitika gemiustraffic2 (weboldal + mobil+ applikáció analitika)
RészletesebbenTechnikai tájékoztató - kérdések és válaszok TSD-QA89 (2011/11)
Technikai tájékoztató - kérdések és válaszok TSD-QA89 (2011/11) 1. K: Hogyan tudom bekapcsolni a 3D funkciót az ASRock Vision 3D és ION3D rendszeren? V: Az elté monitor/tv/tartalom/lejátszó szoftver összeállításoknak
RészletesebbenSzoftver újrafelhasználás
Szoftver újrafelhasználás Szoftver újrafelhasználás Szoftver fejlesztésekor korábbi fejlesztésekkor létrehozott kód felhasználása architektúra felhasználása tudás felhasználása Nem azonos a portolással
RészletesebbenWeb programoz as 2009 2010
Web programozás 2009 2010 Áttekintés A web rövid története Kliens szerver architektúra Néhány alapfogalom Kliens- illetve szerver oldali technológiák áttekintése Áttekintés: miről lesz szó (kurzus/labor/vizsga)
RészletesebbenMVC Java EE Java EE Kliensek JavaBeanek Java EE komponensek Web-alkalmazások Fejlesztői környezet. Java Web technológiák
Java Web technológiák Bevezetés Áttekintés Model View Controller (MVC) elv Java EE Java alapú Web alkalmazások Áttekintés Model View Controller (MVC) elv Java EE Java alapú Web alkalmazások Áttekintés
RészletesebbenExperiential Living Lab for the Internet Of Things. ELLIOT Experiential Living Labs for the Internet Of Things
Experiential Living Lab for the Internet Of Things ELLIOT Experiential Living Labs for the Internet Of Things Jövő Internet Nemzeti Technológiai Platform Workshop 2012 június 7. 1 A projekt EU FP7 7. pályázati
RészletesebbenTudásalapú információ integráció
Tudásalapú információ integráció (A Szemantikus Web megközelítés és a másik irány) Tanszéki értekezlet, 2008. május 14. 1 Miért van szükségünk ilyesmire? WWW: (Alkalmazások) Keresés a weben (pl. összehasonlítás
RészletesebbenModels are not right or wrong; they are more or less useful.
Eötvös Loránd Tudományegyetem Informatikai Kar Szoftvertechnológia 8. előadás Models are not right or wrong; they are more or less useful. (Martin Fowler) 2015 Giachetta Roberto groberto@inf.elte.hu http://people.inf.elte.hu/groberto
RészletesebbenElektronikus kereskedelem
Elektronikus kereskedelem (m-kereskedelem) A jelen és közeljövő mobil információs technológiái és kereskedelmi alkalmazásai http://uni-obuda.hu/sers/kutor/ EK-2/17/1 Mobil elektronikus kereskedelem m-kereskedem
RészletesebbenA mobilhirdetések szerepe a marketing mixben
A mobilhirdetések szerepe a marketing mixben 1. Használati szokások 2. A mobil értéke 3. Mobilra specializált megoldások 4. Mobil élmény Nomophobia főnév Mobiltelefon mentességtől, hiánytól való félelem
RészletesebbenPoint of View Mobii 945 IPS 9.7 - Android 4.1 Tablet PC. Tartalomjegyzék... 1. Általános tudnivalók használathoz... 2. Jogi nyilatkozat...
Point of View Mobii 945 IPS 9.7 - Android 4.1 Tablet PC Magyar Tartalomjegyzék Tartalomjegyzék... 1 Általános tudnivalók használathoz... 2 Jogi nyilatkozat... 2 Doboz tartalma... 2 1.0 Termék alapvető
RészletesebbenInformációs technológiák 2. Gy: CSS, JS alapok
Információs technológiák 2. Gy: CSS, JS alapok 1/69 B ITv: MAN 2017.10.01 Ismétlés Van egy Web nevű mappánk, ebben vannak az eddig elkészített weboldalak (htm, html) képek (jpg, png). Logikai felépítés
RészletesebbenBIRDIE. Business Information Reporter and Datalyser. Előadó: Schneidler József
BIRDIE Business Information Reporter and Datalyser Előadó: Schneidler József BIRDIE RIPORT RIPORT KÉSZÍTŐ ÉS ÉS TERJESZTŐ RENDSZER A Daten-Kontor Kft. saját fejlesztésű dobozos alkalmazása A BIRDIE célja:
RészletesebbenPASS SCADA bemutatás PICK energiamonitoring és mérésadatgyűjtő rendszer
PRESENTATION PASS SCADA bemutatás PICK energiamonitoring és mérésadatgyűjtő rendszer LÓRÁNT, Horváth Process Automatika Kft. info@automatika.hu PASS SCADA bemutatás PASS SCADA bemutatás KORLÁTLAN KLIENS
RészletesebbenMobilplatformok Merre tart a világ? Kis Gergely MattaKis Consulting
Mobilplatformok Merre tart a világ? Kis Gergely MattaKis Consulting 1 MattaKis Consulting Bemutatkozás Szoftverfejlesztés, informatikai tanácsadás Mobil: Android, BlackBerry (J2ME), iphone Web: JavaEE,
RészletesebbenTartalomjegyzék 3 TARTALOMJEGYZÉK
Tartalomjegyzék 3 TARTALOMJEGYZÉK Bevezető... 15 1. Alapvető tudnivalók... 17 1.1. A számítógép... 17 1.2. Az adatok tárolása... 18 1.2.1. Lemezegység azonosítás... 21 1.2.2. Állományok azonosítása...
RészletesebbenWeboldalak biztonsága
Weboldalak biztonsága Kertész Gábor kertesz.gabor@arek.uni-obuda.hu Óbudai Egyetem Alba Regia Egyetemi Központ http://arek.uni-obuda.hu/~kerteszg Mi a web? Gyakori tévedés: az internet és a web nem ugyanaz!
RészletesebbenJAVA webes alkalmazások
JAVA webes alkalmazások Java Enterprise Edition a JEE-t egy specifikáció definiálja, ami de facto szabványnak tekinthető, egy ennek megfelelő Java EE alkalmazásszerver kezeli a telepített komponensek tranzakcióit,
RészletesebbenSZABADKAI MŰSZAKI SZAKFŐISKOLA. E-mobil prezentáció dokumentációja SZABADKA, 2015.
SZABADKAI MŰSZAKI SZAKFŐISKOLA E-mobil prezentáció dokumentációja JELÖLT MENTOR Varga Tamás dr Zlatko Čović SZABADKA, 2015. TARTALOM HTML 5 használata a mobilfejlesztésben... 2 HTML5 Struktúrája... 3 Egy
RészletesebbenANDROID ALKALMAZÁS FEJLESZTÉS
ANDROID ALKALMAZÁS FEJLESZTÉS 2017/18 II. félév Android alapú fejlesztés Mobil rendszerek programozása I. Sicz-Mesziár János sicz-mesziar.janos@nik.uni-obuda.hu Mezei József mezei.jozsef@nik.uni-obuda.hu
RészletesebbenInczédy György Középiskola, Szakiskola és Kollégium Nyíregyháza, Árok u. 53. TANMENET. Informatika szakmacsoport
TANMENET Informatika szakmacsoport Programozási gyakorlatok III. tantárgy 12. évfolyam A osztály 2013/2014 tanév Heti óraszám: Éves óraszám: 3 óra 96 óra Készítette: Szikszai Gusztáv tanár Ellenőrizte:.
RészletesebbenElektronikus oktatástámogató rendszer bevezetésének tapasztalatai. Jókai Erika Vig Zoltán
Elektronikus oktatástámogató rendszer bevezetésének tapasztalatai Jókai Erika Vig Zoltán Előadásvázlat Előkészítési, tervezési szakasz Bevezetési szakasz Kutatási területek Moodle Eredményeink Terveink
RészletesebbenBBS-INFO Kiadó, 2013.
BBS-INFO Kiadó, 2013. Bártfai Barnabás, 2013. Minden jog fenntartva! A könyv vagy annak oldalainak másolása, sokszorosítása csak a szerző írásbeli hozzájárulásával történhet. A betűtípus elnevezések, a
RészletesebbenWeb programozás. Internet vs. web. Internet: Az Internet nyújtotta néhány alapszolgáltatás:
Áttekintés Web programozás 2011 2012 Mi a web? / A web rövid története Kliens szerver architektúra Néhány alapfogalom Kliens- illetve szerver oldali technológiák áttekintése Miről lesz szó... (kurzus/labor/vizsga)
RészletesebbenSzámlaigazoltatás újratöltve. Lázár Péter peter.lazar@itelligence.hu
Számlaigazoltatás újratöltve Lázár Péter peter.lazar@itelligence.hu 1. Változások, újdonságok 2. Új felületek 3. Mobil és webes jóváhagyási funkciók 4. Roadmap, jövőbeli irányok 2 11/26/2014 itelligence
RészletesebbenCzifra Sándor Lőrinczi Konrád. Videó vezérelt kurzusok készítése Moodle keretrendszerben
Czifra Sándor Videó vezérelt kurzusok készítése Moodle keretrendszerben A kezdetek... Felsővezetői támogatás. Nemzetközi trendek kutatása. Tanulmány utak, best practice Szakmai iránymutatás, oktatás. Módszertani
Részletesebben