Mo il platfor ok és fejlesztési lehetőségi ek összehaso lítása, ulti platfor egoldások kutatása Google Play vagy App Store...

Átírás

1

2 Mo il platfor ok és fejlesztési lehetőségi ek összehaso lítása, ulti platfor egoldások kutatása... 1 Be ezetés Mo il eszközök kialakulása A. ge erá ió Az. ge erá ió A. ge erá ió A. ge erá ió A. ge erá ió LTE G Lo g Ter E olutio Összefoglalás Mo il platfor ok összehaso lítása Melyik a legjo operá iós re dszer? Android vs. ios - Mel ik a izto ságosa? Google Play vagy App Store Operá iós re dszerek szerkezeti felépítése A droid OS felépítése Az ios ar hite htúrája Wi do s Pho e felépítése Multi-platfor egoldások Beteki tés az Io i újtotta szolgáltatások a Az Io i telepítése, szükséges ko po e sek Első lépesek a fejlesztéshez Alkal azás pu likálása Összegzés Xa ari, i t eg alter atí egoldás Telepítés és szükséges ko po e sek Első lépések a fejlesztéshez

3 6.3. Alkal azás közzététele Összegzés Xa ari és Io i Alkal azásfejlesztési irá ok Alkal azásfejlesztési igé ek Megosztott kód és platfor függő egoldások Összegzés Irodalo jeg zék

4 Bevezetés Szakdolgozatom fő té ája, a mobil platformok és fejlesztői kör ezetei ek az összehaso lítása és áthidaló egoldások e utatása a platfor függetle o ilfejlesztés érdeké e. A o il szó hallatára, legtö ek ek elsőre a legelterjedte hordozható eszköz a o iltelefo, ag tá lagép jut eszé e. Ettől viszont sokkal tága fogalo ról a szó, ha a o il eszközöket e lítjük. Amennyiben eg kelle e határoznom, hogy mik tartoznak ebbe az osztál a, magam is bajban le ék. Talá legjo a úg tud á megfogalmazni, hog i de ol a hordozható szá ítógép, a el hordozás köz e ké el ese hasz álható. Ez eg elég ers és e teljese po tos egfogal azás, de to á e is o olgat á ezt a té át, mivel szakdolgozatomban té legese a o il operá iós re dszereket és fejlesztési lehetőségeit szeret é részletese e e utat i. Napjai k a szi te i de e er életé e ele gedhetetle kelléké áltak az okostelefo ok, o il eszközök. Ezek az eszközök arra hi atottak, hog egkö ítsék i de api te éke ségei ket, ag akár utazás köz e segítse ek az üg ei k i tézésé e. A te h ika fejlődése ol a irá a halad, hog ára ár ele gedhetetle sze po t eg alkal azás ál, hog elérhető legyen o ilo. Előfordulhat, hog a o il eszközök a közeljö ő e teljese kiszorítják a laptopokat, ag eg é hordozható eszközöket, i t ahog a laptopok is kiszorították az asztali szá ítógépeket. Ha ez ekö etkezik, alószí űleg ezzel eg idejűleg úja operá iós re dszerek jele ek eg o ilra. A fejlődési fol a at előrehaladtá al, eg re ag o és fo tosabb szerepet kapnak majd, a cross-platform egoldások. Ter észetese ezekkel az eszközökkel készített alkal azások, e teljese eg e értékűek a atí alkal azásokkal, de a fejlődésük eg értel űe ol a irá a halad, hog ulti-platfor egoldásokkal atí alkal azásokat tudju k készíte i. Szakdolgozato a két il e egoldást szeret ék e utat i az Io i -t és a Xamarin-t. Fo tos ak tarto az il e egoldások ta ul á ozását. Véle é e szerint nem egoldás, hog ug a azt az alkal azást jelen pillanat szerint, háro szor kell lefejleszteni. Ez a szá sak őhet úja operá iós re dszerek egjele ésé el. A kö etkező á ra jól sze lélteti, hog a o il operá iós re dszert hasz áló eszközök 4

5 szá a, ára ár túlszár alta az eddigi sú startó Mi rosoft Wi do s-t is. Tö Android -ot hasz áló eszköz a forgalo a, mint Windows-t. 1. á ra Ezek közül a háro legfo tosa o il operá iós re dszer: az A droid, Wi do s és az ios, i el jele leg ezek foglalják el a jele legi pia ag részét. 5

6 1. Mo il eszközök kialakulása A mobil eszközök kialakulását ge erá iókra szokás osztani. A mobiltelefonok kialakulása az -es é ekre tehető, ahol első kör e a kato aság köré e hasz áltak ár rádió adó- e ő telefo okat, de ez ég e e ezhető o iltelefo re dszer ek, i el zárt olt és e olt összeköttetése a o alas telefo okkal, de égis ez olt az első érföldkő, a ai okos telefo ok kialakulásá ak fol a atá a A. ge erá ió Ne sokkal késő a Bell S ste s dolgozta ki a ai ellás lefedés el ét. Ekkor alakultak ki a rádiós o iltelefo re dszerek. Méretüket teki t e ég akkorák oltak, hog sak eg autó somagtartójá a fértek el. Hi atalosa ég ezeket se sorolták a o iltelefo ok közé, i el ég ezek e oltak képesek a telefo eszélgetés köz e i eszéd sator a frek e iájá ak áltására. Ez rö ide a it jele t, hog a ikor a felhasz áló az eg ik ellá ól a ásik a lépett, a eszélgetés egszakadt. A lefedettséget ázisállo ások szolgáltatták, a ai a te ákhoz haso lóa. Nag hátrá a, hog a ázis ellák közötti áltás a uális olt. Meglepő lehet, hogy nagy érete elle ére, ag épszerűségre tett szert a aga korá a, például Fi ország a egközelítőleg felhasz áló hasz álta Az. ge erá ió A 0-ik ge erá ióhoz képest, jó al tö frek e iát hasz áltak, a el praktikusabb volt, hiszen sokkal tö e eszélhettek eg szerre. Ezek ár tá ogatták az auto atikus ella áltást és a roa i got is. Tehát e okozott go dot, a szolgáltatók közötti áltás se. Közép- Európá a 0- e ezették e a Westel telepített NMT (Nordic Mobile Telepho i re dszerét. Leg ag o hiá ossága és hátrá a az volt, hogy eg általá e hasz ált titkosítást. Megfelelő készülékkel ár il e telefonbeszélgetés e elehallgathatu k. Korlátozotta tá ogatta a szö eges üze etküldést is. Az ekkori készülékek ég alkal atla ok oltak az alkal azásfejlesztésre, mivel ag ok oltak és ehezek. A eépített telefo kö, ár külö leges ek szá ított. Érde es egjeg ez i, hog az NMT felfutásá al párhuza osa kezdték eg diadal e etüket ol a ag e ű o iltelefo os égek, 6

7 i t például a Nokia ag az Eri sso. Sokáig párhuza osa futottak a. ge erá iós hálózatokkal, de ára ár teljese letiltották őket A. ge erá ió A digitális át itel e ezetése. A ge erá ió áltások között ez olt a legszá otte ő. Mi el a digitális jel tö öríthető, íg ug a azo a sá szélessége sokkal tö sator a hasz álható eg szerre. A digitális jeleket hasz áló készülékek kisebb teljesít é ű rádiókat hasz áltak, a készülékek érete jele tőse le sökke t, kisebb akku ulátor st. Ez ol só á tette az előállítást és a o iltelefo ok elterjedését. A legelterjedtebb G hálózat GSM olt, a el et elsősor a európai re dszer ek szá tak, de g orsa elterjed a ilág tö i részei is. A ella éretek is áltoztak, 10 km-estől pár száz éterig, a el lehető é tette a ag o és po tosa lefedettséget. A ázisállo ások láthatatla ul adják át az eg ás ak a o iltelefo ok felüg eletét, fo tos té ező, hog a ella áltásokkor e szakadjo eg az összeköttetés. Mi él ag o az átfedés a ellák között, a ál ag o a lefedettség, és a hí ás esztési ará a ál kise. Ter észetese e ek a kö etel é ek se lehet teljese eleget te i, i el i él ag o az átlapolódás az eg es ellák között, a ál ag o a i őségro lás, illetve gazdasági sze po t ól se kifizetődő, i el tö a te ára a szükség. Az áttörő egoldást a so agkap solat át iteli sza á e ezetése hozta. Ekkor ár elkezdek egjele i a ag o szí es kijelzős o iltelefo ok. A so agkap solati át iteli sza á elő e, hogy sak akkor foglalja a sator át, ha a rajta forgalom ben a ilág o ilhálózatai ak %-a a GSM szabvá ra épült. A GSM-hálózatok külö öző frek e iasá a üze elhet ek, ezek közül a legelterjedte ek a MHzes és az MHz-es sá ok. Öt külö öző ella éretet határoztak meg, a leg ag o ak a akro ellák, legkise ek a piko- és fe to ellák. A GSM ezette be az úg e ezett SIM- Su s ri er Ide tit Module kárt ákat. A SIM eg kis éretű írható/ol asható adatkárt a, a el tartal azza a felhasz áló hálózato törté ő azonosításához szükséges i for á iókat, ala i t a telefo kö ét és eg é sze él es adatokat például éhá eltárolt SMS-t. Az előfizetőket eg, a SIM-hez tartozó, te-os, glo álisa eg edi szá sorozat, az IMSI I ter atio al Mo ile Su s ri er Ide tit azo osítja. A SIM seréje lé é a felhasz álók kö e álthat ak 7

8 o ilkészüléket, a legfo tosa adataik a kárt á al eg ütt az új készülék e is átkerül ek. Sok szolgáltató alkal azza, hog a tőlük ásárolt készülékeket lekorlátozza a saját hálózatához tartozó SIM-kárt ákra. A telefo t e lehet ás szolgáltató hálózatá a hasz ál i íg pró álják egtarta i az üg feleket A. ge erá ió Az előző ge erá ióhoz képest, sokkal ag o sá szélesség ált elérhető é. Ez a se esség ö ekedés lehető é teszi a ké el es ö gészést, ze ehallgatást, strea elést, letöltést, fé képek küldését/fogadását, a igá iót st. A G a ag se ességű o il hozzáférést az I ter et protokoll IP alapú szolgáltatásokkal ko i álja. Ez nemcsak gyors mobilkapcsolatot jelentet a ilágháló al, - eltű t a lassú kap solatalakítás - ha e agá al hozta a ko u iká ió és i for á ió elérés eg új korszakát A. ge erá ió (LTE 4G Long Term Evolution) Ez a jele leg hasz álat a lé ő legúja te h ológia. A G és a G lé eges külö sége, hog íg a G-t eszédko u iká ióra ter ezték, addig a 4G-t kifejezette jó i őségű o ili ter etes szolgáltatásokra szá ják. A sokkal ag o sá szélesség ek a ak azo a hátrá ai is, tö e ergiát igé el ek az elődökhöz képest. Íg a készülékek üze ideje is sökke. Az. ge erá ió alapjait ár lefektették. Az ígéret szeri t a jele legi legg orsa hálózat ál -szor gyorsabb lesz. Előrejelzések alapjá, az 5G-t eg általá e a ai igé ei khez fejlesztik. Jó al előré go dolkod ak, ol a lehetőségek és te h ológiák kapujá ak tartópillére lehet, el et eddig csak a filmek e láthattu k, okos autó, hologra st Összefoglalás G: egjele ek a il á os hozzáférésű o iltelefo -hálózatok G: a alóg re dszerek, elsősor a eszédát itelre, kap solód ak a ezetékes telefo hálózatokhoz 8

9 G: digitális re dszerek, egjele ek a eszédát itel elletti szolgáltatások (SMS); egyre nag o ha gsúl az adatát itele, a o iltelefo o aló i ter etezés általá ossá álik G: ag o kapa itású hálózat, to á ö ekszik az adatát iteli se esség, ol só á álik az i ter etezés, e tra szolgáltatások ő ülése ideo telefo álás, o il tele ízió G: teljese IP alapú, so agkap solt hálózat, a el ek i de po tjá agas adatát iteli se esség érhető el 9

10 2. Mo il platfor ok összehaso lítása 2.1. Melyik a legjo operá iós re dszer? Új okos telefon ásárlásakor az eg ik legfo tosa sze po t, hog el ik operá iós re dszer a leg egfelelő a ásárlója szá ára. Az operá iós re dszer alatt, legi ká a desig ra és az i terfészre go dolok, a el et a felhasz áló lát a készüléke hasz álása köz e. Az é ek sorá az A droid és a Wi do s Mo ile szá os átalakításo e t keresztül, íg az ios sak éhá rá fel arráso esett át, jele leg is eglehetőse haso lít a - e e utatott egjele ítéshez. Az Android e esett át a leg ag o desig frissítése a Lollipop 5.0 e ezetésé el. Ez eg teljese új egjele ést és érzést hozott. Ekkor ezette e a Google az úg e ezett Material Desig -t. A Material Desig fordítása a agszerű egjele ést jele t. A lé eg az, hog a felhasz álói él é és a hasz álhatóság i de platfor o és eszközö eg for á jó leg e, tulajdo képp eg izuális desig sza á ról eszélü k. Az új A droid erzió ak va eg lezáró képer ője, ahol az alkal azásértesítések egjele ek, feloldás utá pedig eg alkal azásközpo tú kezdőképer ője, illetve egy alkal azás fiók, a el az előz é eket kezeli és tárolja. Az ios is kö eti ezt a ter ezetet, iszo t itt feloldás utá eg alkal azásiko okkal töltött kezdőoldalt kapunk, amely ag o eg szerűe hasz álható. Talá i dháro közül ez a legeg szerű, addig, a íg sak éhá alkal azást hasz álu k. Ha sok alkal azásu k a, akkor i ká a ásik két platfor izo ul hasz álható ak, i el sokkal i ká sze él re sza hatóak, i t az ios. A Wi do s o ile egjele ítése teljese ás tervezési i tá kö et a társaihoz képest. A Wi do s.. e alapuló Metro desing jelle zi. Kezdőképer ője eg se pézett felület, a el ek se péi át éretezhetőek. Az iko októl eltérőe tö i for á iót jele íte ek eg az alkal azásról. Ezek i ká az Android- a hasz álatos Widgetek-hez haso líta ak. Az Apple készülékek sze él re sza hatósága eléggé korlátozott, talá sokkal ag o le e a felhasz álói él é, ha kap á k e e ala i sza adságot. Mi dháro felület ek a éhá szép 10

11 for ater ezési trükkje, go dolok itt a képer ő tetejé lé ő lehúzható e üre, ahol g ors eállításokat érhetjük el, ag a képer ő fé erőt állíthatjuk. Va ég eg nagyon fontos dolog, a i e külö özik az A droid a ásik két operá iós re dszertől. Mi el ílt forráskódú, az egyes telefo g ártó égek saját ké ükre-ked ükre sza hatják az operá iós re dszert. E ek kö etkezté e, tö féle egjele és e fordul elő a o iltelefo t g ártó égektől és típusoktól függőe. Az egyedi egjele és ek azo a va eg ag o ag hátulütője, a frissítések g akorisága is eltér, i el ezt is a g ártók ak kell üte ez iük. Leg ag o százalék a ez a frissítési fol a at, erziókkal rége i, ag teljese el arad, a legfrisse A droid erzióhoz képest. Általá a, ha az Android-ról a szó, akkor a Ne us odelleket érde es alapul venni. Ezek azok az eszközök, a el ek elsőké t kapják eg a frissítéseket. 2. á ra Megjele és (ios, Android, Windows Phone) El kell is er ü k, hog leg ag o áltozáso a Wi do s e t keresztül. Veg ük sak alapul a re dszerek eállítás e üit. A ásodik á rá jól látszik, hog a hel kihasz álás, i t kategorizálás sze po tjá ól, az első Wi do s platfor, e tudta fel e i a erse t a ásik két erse társsal. Ez ára ár ter észetese eg áltozott. Szá tala külö féle sze po t ól meg izsgálhatjuk az eg es eállítási e üket és egoldásokat. Mel ik OS re delkezik 11

12 a legeg szerű eállítási e üpo tokkal? Mel ek és hol találhatóak azok a e üpo tok, a el ek kifejezette sak a haladó felhasz álók szá ára ajá lottak? Hog a érhető el az operá iós re dszer külö féle felületeiről a eállítások? Há éri tés szükséges ahhoz, hog eg áltoztassu k eg -eg lé eges eállítást? 3. á ra A háro operá iós re dszer közül, az ios eseté hasz ált álla dó e ük foglalják el a legkevesebb helyet, a aguk százaléká al. Az álla dó e ük és a Ho e go eg tökéletes egoldás e e az eset e, a el et a külső fejlesztők is előszeretettel alkal az ak a saját alkal azásaik készítése sorá. A Wi do s Pho e eseté 12

13 eglehetőse nagy a gond, hiszen ott nem kevesebb, mint 23%-ot foglalnak el az álla dó e ük ég úg is, hog a re dszer go jai ug a úg a kijelző kí ül hel ezked ek el, i t az ios eseté. Másik fo tos sze po t a eállítások hosszúsága. Bár az ios és A droid eállítások a telepített alkal azásokkal párhoza osa eg re csak ő ek és ő ül ek, a 3. á rá most az alapállapotokat láthatjuk. A jele legi soportosítás szeri t, a age ta jele ti a hálózati eállításokat, a zöld a készülékkel szorosa összefüggő eállításokat, a kék a sze él es eállításokat, lila az i ter etes fiókokkal kap solatos eállításokat, a sárga pedig a re dszer eállításait. Véle é e szeri t, itt i s szükség arra, hog i deg ik platfor ra kitérjü k külö külö, hisze a szí ek agukért eszél ek. Érde es egfig el i, hog a Wi do s Pho e eseté e ire kaotikus a hel zet. A eállítások hosszúsága kétszer akkora, i t a ásik két g ártó eseté e, ráadásul se il e re dszer e fedezhető fel a eállítások sorre djé e. Összességé e tehát jól látható, hog il e ag külö ségek lehet ek eg -egy platfor eállításai teki teté e, a el eg e óriási érték e eghatározza az adott o il operá iós re dszer sikerességét is a jö ő e. Hisze például, ha egy felhasz áló ár az első per ek e el ész a Wi do s Pho e eállításai ak re getegé e, talá sose fog o a tö é kitalál i. Meg kell ég jeg ez ü k, hog ára ár sokkal jo a hel zet, a fe ti képek ég a Material Desig és Metro stílus előtti egjele ést sze léltetik. I tegráltság Mi de g ártó ig ekszik saját ökosziszté ájához lá ol i a felhasz álókat. Az ios az icloud-ot hasz álja, a el ek segítségé el eg szerűe szi kro a tarthatjuk fotói kat, doku e tu ai kat, é jeg ei ket. A. es erziótól ár egjele íthetjük Ma ook ag ima gépü kö az üze etei ket alós idő e és reagálhatu k is azokra. Az Android mellet ér el a Google Dri e és a tö i Google szolgáltatás, leg e szó itt közös aptárról ag fotókról. Fejlesztőké t ég agasa szi tre e elhetjük ezeket, rootolással ag alkal azás fejlesztésé el, ég tö külső szolgáltatást i tegrálhatu k. 13

14 Ez a ásik két re dszer eseté e elég ehézkes. E ől a sze po t ól a Mi rosoft is tartja a lépést a erse társakkal, hisze szá ára ott a O edri e, Sk pe és a közösségi oldalak is eg re jo a eépülnek a re dszer alapjai a. Örö el tapasztaljuk, hog egyre jobb a mobiltelefo és az asztali Wi do s közötti átjárás. A legúja sza á a UWP U i ersal Wi do s Platfor ag o jó ak ígérkezik Android vs. ios - Melyik a izto ságosa? Mi el az o li e életü k ag részét az okos telefonunkon töltjük, tisztá a kell le ü k a készülékü k izto ságá al. Érde es felte ü k a kérdést, hog melyik a izto ságosa a két ag platfor közül? A kérdést tö sze szög ől is egközelíthetjük, de a álasz szi te eg értel ű. Nézzük eg a kö etkező szempontokat. Frissítések és izto sági ja ítások Nem mindegy, hog il e g orsa és re dszerességgel kapjuk eg az úja szoft er erziókat. Mi el a kiadott szoft erfrissítések általá a tartal azzák az újo a felfedezett izto sági és se ezhetőségi rések ja ításait, íg fo tos, hog izto sági szempontok miatt, mindenki hozzájuthasso ezekhez. Míg az Apple frisse kiadott ja ításai és frissítései szinte azonnal eljutnak az iphone tulajdonosokhoz, addig az A droid eseté e ki sit o olulta a hel zet. Mi el az eg es g ártók saját aguk dö tik el, hog frissítik-e az operá iós re dszereket, íg g akra üzletpolitikai té ezők iatt új készülék ásárlására ösztö zés sokkal ke ese eszközre jut el a frissítés. Ez a gyakorlatban annyit jele ti, hog ha például a -os é et ézzük, akkor az ios eseté e i dössze két fő erzióra és ezek al erzióira szűkíthetjük a izsgálat látókörét. Az Android eseté e szá ítás a kell e ü k a rége e kiadott erziókat is, például az Android 4.1 Jelly Beant, hisze ég ezek is fut ak eg es készülékeken. E ől a sze po t ól a Google ag o rosszul áll, ug a is hiá a ja ítja fol a atosa a felfedettezett izto sági réseket, ha a frissítések ag része ár e fog eljut i a tulajdonosokhoz. A készülékeket és felhasz álókat teki t e, ez a szá tö száz illiós is lehet. Pu likus se ezhetőségek 14

15 A kö etkező rész e a statisztikai adatokat a CVE details adat ázisára alapozta. Ezek az adatok a platformokat éri tő se ezhetőségek szá át, részleteit, súl osságát, erzió ké ti éri tettségét hi atottak e utat i. Azt hiszem, hogy egy adott szoftver esetü k e operá iós re dszer pu likus se ezhetőségei ek a listája, jól sze lélteti az operá iós rendszer vagy mobil platform izto ságát. Apple ios Mi el eg szerre tö platfor erzió a forgalo a, illet e a se ezhetőségek alószí űleg tö erziót is éri te ek, érde es eg szerre tö külö öző kiadást is eg izsgál i. Íg tehát eg erzió ké ti listát eszü k alapul. E él összetette listát ehéz és ajos összeállíta i, a re delkezésre álló lekérdezések iatt. Véle é e szeri t ez is jól sze léleti a hel zetet. Az ios eseté e íg éz ki a tá lázat: Verzió Is ert se ezhetőségek szá a Kritikus hibák szá a ios ios ios ios ios ios ios ios ios ios ios ios

16 ios A platfor izsgált erziói, a ikk írásá ak pilla atáig külö öző pu likus se ezhetőség e éri tettek, a i ől teki thető kritikus ak. Ez az adat ég fo tos lesz a késő iek e, ug a is eg érdekességre hí ja fel a fig el et. Google Android a az A droid tö erziója is ige sak elterjedt olt, íg eg ará t izsgál u k kell a 4.1, a 4.2, a 4.4, az 5.0, az 5.1, a., a. és a. -es erziószá al ellátott kiadásokat, ala i t ezek al erzióit is. Jele leg A droid erzió a eg értel űe jelen, vagy kezd jelen lenni a piacon. A kö etkező tá lázat sze lélteti a re dszer e felfedezett hi ákat. A jele legi tá lázat hi ái között, ag rész e átfedés a a re dszer erziók között. A tö erziót átfogó hi ákat, szá dékosa e szűrte ki. Mi el az A droid eseté e jele tőse tö erzió a közhasz álat a eg idejűleg, sőt a legtö erzió a re dszerfrissítéseket se kapja eg, íg a tá lázat sokkal jobban sze lélteti a közhasz álat a lé ő készülékek e rejlő hi ákat. Verzió Is ert se ezhetőségek Kritikus hi ák szá a Android Android Android Android Android Android Android Android

17 Android Android Android Android Android Android Android Android Az Android-os se ezhetőségek tö ire eg szerre, tö erziót is éri te ek, ezért a erzió ké ti se ezhetőségek szá a is tö szöröse az ios-é ak. Az egész platfor a összese 752 külö öző se ezhetőséget fedeztek fel, a i ől 42 volt kritikus az el últ eg é re le etít e. Míg az ios eseté e ez a szá se ezhetőség és kritikus hiba. A ásik érdekesség, hog az átlagos hi ák se ezhetőségi érőszá á ak az átlaga is jó al agasa az A droid eseté e. Ezeket a érőszá okat CVSS (Common Vulnerability Scoring System határozza eg, e ek a részletezésére ost e tér ék ki. A it tud u k kell róla, hog ez eg ol a ílt ipari sza á, a el a szá ítógépes re dszerek izto sági se ezhetőségét ag sérüléke ségét határozza eg. 17

18 4. á ra Az A droid re dszer e felfedezett hi ák szá a az és között 5. á ra - Az ios re dszer e felfedezett hi ák szá a és között A szá ok alapjá az A droid e áll a hel zet agaslatá. Ug a akkor figyelembe kell e ü k azt is, hog az Android az ios-szel sze e ílt forráskódú, a apság pedig eg re tö ki er izto sági ég pró ál A droid se ezhetőségek felfedezésé el ekerül i a hírek e az ios platformon, erre jó al ke ese esél ük a. Tehát az Android-ot il e sze po t ól ag o fig ele ö ezi. A se ezhetőségek újtotta lehetőségek közötti külö ségek se elha agolhatóak. Ne i degy, hogy egy kritikus hiba e ire hasz álható a g akorlat a. I e éz e hiá a a az eg ik platfor a tö se ezhetőség, ha a ásik a a eg ol a, a i el árki át eheti a készülékek feletti irá ítást, külö öse szak ai is eretek élkül. Ezek az adatok csak sze léltetés jellegűek, e tükrözik teljesen a kritikus hi ák súl osságát. Nem-pu likus se ezhetőségek A pu likus sérüléke ségi adat ázisok sak a jégheg sú sá ak szá íta ak, azokhoz a se ezhetőségekhez képest, a iket e hoz ak il á osságra. Ezeket jelle zőe titkosszolgálati ag al ilági üzleti érdekek iatt tartják titok a és tö ségük jó al eszél ese, kihasz álásuk jó al hatéko a tá adásokat tesz lehető é. A gond az, hog is eretle ségük iatt ezeket a se ezhetőségeket e tudjuk felhasz ál i a 18

19 kérdés eg álaszolásá a és az ele zés sorá se. Ezek alapjá elyik a izto ságosa? A re delkezésre álló adatok alapjá ag o úg tű ik, hog az Apple ios-t teki thetjük a izto ságosa platfor ak. Ezt iszo t to á i té ekkel is egerősíthetjük. Az első a ár e lített zárt forráskód, ug a is a ílt forráskódú Andorid-dal kapcsolatban tö, a közö ség szá ára is eretle, az i ter etes al ilág szá ára iszo t ag o is is ert se ezhetőséggel kell szá ol u k. A ásodik a jól is ert frissítési politika, a i el az Apple iszo lag g orsa küldheti ki a ja ításokat az összes felhasz áló szá ára. Ezzel sze e az Android-os se ezhetőségek jó eséll el sose kerül ek ja ításra a felhasz álók készülékei. A harmadik pedig az adott platfor ra elérhető alkal azások i ősége, a i ag a eghatározza a izto ságot. Saj os az A droid eze a tére se jeleskedik, a Google szűrője g akra e ged e kárte őkkel fertőzött alkal azásokat a Google Pla áruház a, iköz e az Apple külö öse ag fig elmet fordít az App Store kí álatá ak i őségére Google Play vagy App Store Is ét fel etődik a kérdés, hog ios ag A droid? Az eg hatal as eg álaszolatla kérdés, i el i dkét oldal ellett re geteg ér szól. Talá e is lehet eg értel űe eldö te i, hog alójá a el ik a jo. Ne is szeret é eldö te i, sőt e is tud á eldö te i ezt a kérdést. Megpró álok éhá ol a észre ételt eg itat i, amiben az egyik jobb, i t a ásik. Ez is elég ehéz kérdés, hisze az e erek tö sége elfogult a saját ked e é el sze e, ag a ásik oldalról ke és ismerettel, tapasztalattal rendelkezik. Mi el jó aga is A droid párti ag ok, ol a ér eket g űjtötte, amiben szerintem a Google Play jobb, mint az App Store. Mindenek előtt le kell szögezze, hog az Apple ol a o il operá iós re dszert hozott létre, a el hihetetle ül letisztult, zökke ő e tese hasz álható és a fe ti ta ul á szeri t izto ságos is. E e az összehaso lítás a szá dékosa, hag ta ki a Microsoft Store-t. Az elérhető alkal azások szá a is jól mutatja, hogy kicsit le van maradva a pia ezetők ögött. Körül elül ég szer ke ese alkal azás a a Mi rosoft Storeban mint a erse társ áruházak a. Bár a Mi rosoft azzal édekezik, hog a 19

20 legfo tosa alkal azások %-a ár elérhető platfor jára, de ég azért a ak hiá osságok. E ek a ag arázata teljese kéze fek ő. Mi de fejlesztő szeret é a i alizál i a e ételét. Legokosa dö tés, ha első kör e eg ol a platfor ra fejlesztik le alkal azásukat, a el ik elterjedt és fizetőképes táborral rendelkezik. Legjo álasztás az ios. Második kör e, ag ezzel párhuza osa jöhet a legelterjedte tá or az A droid. A Wi do s Pho e áltozat legutoljára kerül apire dre, ha eg általá elkészül. A Mi rosoft esél tele e e a erse e. Ha az alkal azások szá át esszük ra gsorolási sze po t ak, akkor az ios és az A droid fejfej mellett haladnak, viszont ha az alkal azás i őségét ézzük, akkor eg értel űe az ios a efutó. A Google- él iszo lag agas a rossz i őségű alkal azás szá a. A Google Play Áruház fejlesztő aráta. A kezdetektől fog a az Apple re dkí ül szelektí az App Store alkal azásai al szemben, ez etudható a ak, hog ag o fo tos szá okra a i őség iztosítás. E ek kö etkezté e az ios alkal azások iztosa a szerez ek hír e et, köszö hetőe i őség ek. Veg ük például az elterjedt S ap hat alkal azást. Az Apple készülékekre készült áltozat érhetőe jo, mint az Android-os erzió. A i őségre o atkozó hír é, g akra azt ered é ezi, hog az alkal azások kizárólagosa ag első sor a ios platformra fejlesztik. Viszont, ez a agas i őség iztosítás, fejlesztői részről, nagyobb kockázattal jár. Ha elego dolu k, hog a re getek, befektetett alkal azásfejlesztési idő elle ére egtagadhatják az alkal azás pu likálását. Persze ez e jele ti azt, hog hiá a az alkal azások ól az App Store-ban. Mivel az Android eseté e kise a kockázat, ez előidézte, hog szélese körű fejlesztői közösség épüljö ki. A Google Pla áruházat lapozgat a, re getek ol a kreatí és érdekes alkal azást találu k, a el teljese eg áltoztatja az A droid egjele ését, talá ez az, a i a ásik fél részéről hiá zik. A Google Play ki áló i for á iókat yújt Érdekes ek tű het azt o da i, hog a Google tö tájékoztatást újt, i t az Apple, hisze i dkettő g akorlatilag ug a azt az i for á iót újtja. Ez i d teljese igaz, de a Google Pla Áruház ki sit tö et utat, és jo a elhelyezi az adatokat. 20

21 Veg ük példá ak a jól is ert Fa e ook alkal azást. A Google Play gyakran tartalmaz képer őképeket, illet e ideókat is. Beláthatjuk, hog eg ideó, ami az alkal azásról készült sokkal ag o erejű, i t a képek az alkal azásról. Az i for á iók kéze fek őek és sokkal kö e e ol ashatóak. Ha eg ézzük a al oldali képet (6. á ra, sokkal re dezette ek és li eárisa ak tű ik, i t az App Store. Az alkal azás azo osító és tájékoztatás legmagasabb helyen va, alatta a telepítés fu k ió, ajd képek ag ideók az alkal azásról. Ez alatt az alkal azás részletes leírása, éle é ek és legalul ég éhá érdekes adat a fejlesztőkről, legutó i frissítésekről, ko pati ilitásról. 6. á ra Ter észetese i de ki ek eg a a saját prefere iája, de el kell is erjük, hog az App Store két oszlopos elre dezése eheze e ol asható, i t az eg oszlopos függőleges re dezés. Arra készteti a sze et, hog ugráljo az oszlopok között ol asás köz e. Az alkal azások jo a felfedezhetőek A Google Pla Áruház alap etőe az alkal azás oldalá re delkezésre álló összes szö eges leírással futtatja keresési lekérdezéseit. Például kereshetsz a Pla Áruház a kul ssza ak vagy kifejezés sorozatok segítségé el. A Pla Áruház ég az alkal azások leírását is leképezi, hog ol a találatokat adjon, a el ek legi ká rele á sak. 21

22 Összehaso lításképpe, az Apple App Store összehaso lítja a lekérdezést azokkal a kul ssza akkal, a el eket a fejlesztők a uálisa e ezettek, eg erre a élra kifejlesztett kul sszó szakasz an. Ez nem jelent gondot, ha a lekérdezés a kí á t alkal azás kul ssza ai közé tartozik, de ha ala i ko kréta keresést szeret e, akkor sokkal eheze egtalál i az igé ei ek egfelelő ios alkal azást. Ter észetese az a té, hog a Google Pla Áruház keresési lehetőségei jo ak, e eglepőek, hiszen eg ük sak alapul a Google keresőre otorokat. 22

23 3. Operá iós re dszerek szerkezeti felépítése 3.1 A droid OS felépítése System Apps Java Api Framework Native C/C++ Library Android Runtime Hardware Abstraction Layer Linux Kernel Drivers 7. á ra Android OS Az A droid eg ílt forráskódú re dszer, a el tö eszközre készült. A rendszer legfo tosa részét ag agját eg eg szerűsített Li u ker el képezi. A ker el leíró nyelve a C. A ker el lát el szi te i de fo tos feladatot, a e ória és a hard er eszközök kezelését, Ha g, egjele ítés, ka era, hálózati kap solat, e óriakezelés, stb.) az alkal azások felüg eletét, feladtok üte ezését, ez felel a re dszer izto ságért, alkal azás és re dszer szi te is. A motor felett található eg hardver a sztrak iós réteg, el ek a feladata, hog lehető é teg e a agasa szi tű hardver hasz álatot a Java API keretrendszer szá ára. Tulajdo képp eg I terfa e-t iztosít a agasa szi tű hardverkezeléshez. Ez tö kö tár odul ól épül fel, eg eg kö tár felel az eg es hard er ű eletekért, i t a fé képezőgép ag a bluetooth modul. A HAL (Hardware Abstraction Layer) felett helyezkedik el az ART (Android Runtime). Ez áltotta a rége i erziók a hasz ált pro essz- irtuális gépet a Dalvicot. A feladata, hog az alkal azás ájtkódját atí utasításokká alakítsa, a el et 23

24 az eszköz futtatókör ezete égre tud hajta i. Az elődjéhez képest a áltozás jele tős. A áltozás az A droid. erzió a jele tek eg, addig az úgynevezett just-in-time o platio jellemezte, vagyis az alkal azás minden i dításakor lefordításra került a ájtkód. Ezt a ódszert áltotta AOT ahead-of-time, a kód az alkal azás telepítésekor kerül fordításra, ezzel sökke t e az eszköz pro esszorhasz álatát, és e ek kö etkezté e ö elve üze időt. Az ART-vel egy szinten helyezkednek el a Natí C/C++ kö tárak (Webkit, OpenGL Libc stb). A Natí kö tárak szerepe i dössze a i, hog eg hidat képezze a Ja a és a Ker el között. Például a Java OpenGl API-já keresztül, hozzáférhetü k az Android keretrendszer Open GL API - jához, hog elérjük a D és D grafikák kezelését, illet e, ha ol a alkal azást fejlesztü k, a ihez C ag C++ szükséges. Az A droid NDK segítségé el, hozzáférhetü k ezekhez a atí kö tárakhoz, köz etle ül a kód ól. A kö etkező réteg a Ja a API keretre dszer, lehető é teszi a fejlesztők szá ára, hog az A droid operá iós re dszer teljes szolgáltatás so agját elérjék a Ja a el e írt API-kon keresztül. Ezek az API-k eg szerűsítik a oduláris re dszerele ek és szolgáltatások újrafelhasz álását. A kö etkező részek ől épül fel: Gazdag és ő íthető Vie S ste, melynek segítségé el felépíthető az alkal azás felhasz álói felülete, eleért e a listákat, rá sokat, szö egdo ozokat, go okat és akár eág azható e ö gészőt is. Erőforrás-kezelő, a el hozzáférést iztosít az erőforrásokhoz. Például a hel i karakterlá okhoz, grafikákhoz és elre dezési fájlokhoz. Az értesítési e edzser, a el lehető é teszi az összes alkal azás szá ára az eg é i fig el eztetések egjele ítését az állapotsor a. A ti it Ma ager, a el kezeli az alkal azások élet iklusát és közös a igá iós háttértárat iztosít. Tartalo szolgáltatók, a el ek lehető é teszik az alkal azások szá ára, hog hozzáférje ek ás alkal azások ól szár azó adatokhoz, például a Né jeg ek alkal azáshoz. 24

25 A fejlesztők teljes körű hozzáféréssel re delkez ek ug a azokhoz a keretre dszer APIkhoz, a el eket az A droid re dszeralkal azások hasz ál ak Az ios ar hite htúrája Cocoa Touch Media Services Core Services Core OS iphone Hardware 8. á ra ios Az ios az ipad, IPho e és ipod Touch és eg é Apple eszközökö futó operá iós rendszer. Ez az ar hitektúra kezeli a re dszer hard erét és iztosítja a atí alkal azások eg alósításához szükséges te h ológiákat. Az eredeti alkal azások Objecti e C el e íród ak és köz etle ül az ios rendszeren futnak, fizikailag telepít e a ak. Lehetőség a e es alkal azások létrehozására is, HTML, CSS és Ja as ript el segítségé el. Az il e re dszerek e köz etle ül az eszközö fut ak, hanem a Safariban. Ezek általá a hálózati kap solatot igé el ek a web szerverek elérése iatt. Mi t ahog az A droid példájá a láttuk itt si s köz etle ko u iká ió a hard erekkel, ha e eg köztes réteg újt agasa szi tű és kifi o ulta elérést az ala so a rétegek felé. A felépítése ag o haso lít a Ma OS X-ére, szi te sak a legfelső réteg e tér ek el. 25

26 A legalsó réteg a Core OS, a el az operá iós re dszer agja. Ez felel a fájlre dszerért, e óriakezelésért, hálózati kap solatért st. Köz etle kap solatot tart a hardverekkel. Az ios-t- eredetileg ites ar hitektúrára ter ezték. Csak késő az ios e ezetése óta újt lehetőséget a ites tá ogatáshoz. Az összes kö tárat itesre fordítottak, íg az alkal azások gyorsabban futnak, mivel a 64 bites kör ezet e e tra pro esszor erőforrások áll ak re delkezésre. A kö etkező fontosa ele ek ől épül fel: OS X kernel, socketek, izto ság, e ergiagazdálkodás, kul skezelés ke hai, ta úsít á ok, fájlre dszer, Bonjour. A Core Services alap ető szolgáltatások réteg iztosítja az alapszi tű hozzáférést az ipho e OS szolgáltatásaihoz. Ez teszi lehető é a Core OS réteg e lé ő szolgáltatások agasa szi tű kezelését. Mi t ahog a felsorolás a látszik, szinte minden szolgáltatást, a Core Ser i e réteg lát el. Az alá i összete ők ől épül fel: g űjte é ek olle tio s, í tár, hálózatkezelés, fájlok elérése, SQLite, Core Location, 26

27 i ter etes szolgáltatások, szálkezelés, eállítások, URL segédprogra ok. A Media réteg az ipho e alkal azások a hasz álható ulti édiás szolgáltatásokat iztosítja. Mivel az Apple nagyon fo tos ak tartja a i őségi grafika és professzio ális i őségű audió is ideó fu k iókat az alkal azás ál, íg ez a réteg, hi atott iztosíta i és tá ogatást ad i, hog eg alkal azás fejlesztés sorá az alkal azásu k egfelelje ezek ek a agas el árások ak. A ak elle ére, hog az OS tö édiatípust tá ogat, iztosak lehetü k e e, hog ha az Apple által újtott szolgáltatásokat és ézeteket hasz áljuk, az alkal azás egjele ése és a ulti édiai i ősége egfelelő lesz. Összete ői a kö etkezők: Core Audio, OpenGL, ha gke erés, ha gfel étel, ideolejátszás, JPG, PNG, TIFF, PDF, Quartz, Core Animation, OpenGL ES. A Co oa Tou h eg ol a a sztrak iós réteg, a el külö öző kö tárakat iztosít az 27

28 ipho e és az ipod Tou h progra ozásához. A Cocoa hoz haso lóa ez is MVC (Model- View-Controller) szoft erar hitektúrát hasz ál. Nag o haso lít a MacOS-e futó Co oahoz. Ez eg ki sit leeg szerűsített erzió, illet e tartal az eszköz és hardver specifikus szolgáltatásokat is, a el ek e találhatóak eg a MacOS ben. tö éri téses ese é ek, tö éri téses ezérlőele ek, g orsulás érő, ézethierar hia, Hel eghatározás, fig el eztetések, web ézetek, kap solat álasztó People Pi ker, kép álasztó (Image Picker), ezérlők Windows Phone felépítése Mióta a e ezették az UWP-t, ég ke esebb i for á ió al re delkezü k a Wi do s Pho e agjá ak a felépítéséről. Nehéz talál i, ol a ikket, ag leírást, a i az rétegek és szolgáltatások fu k ióit leír á. A híres megosztott agtól fe tről lefelé haladva két külö öző részt találu k. A Windows Core System és a Mobile Core. A Windows Core a rendszernek az a része, amely té legesen megosztja a Windows-kódot. Az OS ker elé ek csupasz lé eges eleme. A Mobile Core megosztja a fu k io alitást és a kódot a Windows rendszermaggal. Ez ár nem egyezik meg egy az egyben a Windows Core -al. Nagyon haso ló, de a mobil igé ekhez igazít a. Sokkal kevesebb fu k ió al rendelkezik, mint maga a Windows rendszermagja. Tehát eg üttesen Core és a Mobile Core az egyetlen terület, ahol kód egosztás van a két platform között. Vannak olyan 28

29 területek, ahol az API-k ugyanazok, de a kód ögött eltér a Windows és a Windows Phone. A megosztott mag felett a Windows Phone rendszer és az elő satlakozási alkal azások találhatóak. Például az emberek HUB-ja, ze ék és videók, a Windows Phone Shell, csatlakozáskezelés és a Platfor szolgáltatások stb. A platformszolgáltatások ég fő ele ől állnak, amelyek teljes érték e lefedik az alkal azásfejlesztéshez szükséges összes szolgáltatást. A so agkezelő - az a része a rendszernek, amely az alkal azások élet iklusát kezeli a telepítésről az eltá olításig a meta adatokkal eg ütt. A Végrehajtás kezelő - kezeli az alkal azásokat és a háttér folyamatokat, valamint azok égrehajtási logikáját. Felelős a gazdagép és az alkal azás ko u iká iója ért, például az alkal azás i dításáért és kikap solásáért. A a igá iós szerver - feladat az összes előtér e lé ő alkal azás közötti adatcsere le o olítása. Az erőforrás-kezelő - felüg eli az összes aktí folyamat erőforrásait, és ké szeríti azokat az opti ális CPU és a e ória hasz álatra. Ha az alkal azás rosszul űködik, az erőforrás-kezelő leállítja az alkal azás futását, hogy iztosítsa a telefon stabil és gyors álaszát. 29

30 Shell System Applications Platform Services Connection Managger Windows Phone 8 Mobil Core IE Trident CoreCRL Multimedia DirectX Shared Core Windows Core System NTFS Networking Security NT Kerner 9. á ra Wi do s OS 30

31 4. Multi-platfor egoldások Mára ár a o il alkal azásfejlesztés az egyik legkeresette szaktudás az i for atika, illet e progra ozás területé. A háro ag platfor ra aló fejlesztéshez ios, A droid, Wi do s Pho e, háro külö öző fejlesztői kör ezet és háro külö öző progra ozási el is erete szükséges. Ez i de ki ek eg ehezíti az életét, ha az alkal azását i dháro platfor ra el szeret é készíte i. ios: XCode (OS X-e elérhető sak, O je ti e-c, vagy Swift Android: Eclipse, Android Studio, Java Windows Phone: Visual Studio, C# Ez jele tőse ö eli az alkal azás fejlesztés költségeit, illet e eg háro szorozza a fejlesztési időt, ha e eg idő e kerül fejlesztésre. A o ilfejlesztés ilágá a e sak a élközö ség eg álasztása a ehéz, ha e a platfor é is. Eg fejlesztés sorá alap etőe két út közül álaszthatu k, vagy cross-platfor egoldás eg közös progra ozási el és eg közös fejlesztői kör ezet - ag eg esé el lefejlesztjük a atí alkal azásokat az egyes platformokra. Általá a kicsit zavaros a multi-platform fogalo eghatározása, mivel mindkét eset e szokták hasz ál i ezt a kifejezést. A to á iak a az eg közös kör ezet és közös el érte dő a ulti-platfor kifejezés alatt. A cross-platfor elsőre ag o sá ító lehet, hisze eg progra ozási el el minden eszközre készíthetü k alkal azást, azo a ag o kell ig áz unk a kör ezet eg álasztásá al. Ha e ig ázu k, teljesít é eli és felhasz álói él é el kap solatos go dok a ütközü k. A ásik hátulütője lehet a dolog ak, hog a projekt túlságosa kötődik a keretre dszerhez, azaz a projektet kell a keretre dszerü khöz igazíta i. Jelle zőe az il e kör ezetek legfrisse erziói is le a ak arad a a legúja te h ológiai egoldásokhoz képest, a ik ár a platfor fejlesztőkör ezeté e elérhetőek. Előfordulhat az is, hog a platfor szolgáltatásai korlátozottak. Ne ja asolt úg álaszta i ulti-platfor kör ezetet, hogy ne le é k iztosak a a, a projektü k i de szükséges szolgáltatása elérhető a 31

32 álasztott kör ezet e. Szakdolgozato a eg HTML alapú és eg általá os élú progra ozási el et álasztotta a C# -ot, a el hez a Xa ari újtja a rossplatfor kör ezetet. Léteztek ug a ol a egoldások, a ik atí alkalmazásokra haso lító él é t pró áltak újta i pl. Pho egap, de ezek legi ká szépe csomagolt HTML- e írt webappok - ak e ezhetőek. Va ak esetek, a ikor ez jó egoldás és ár re delkezésre áll a szükséges HTML, CSS és Ja as ript tudás, de szá os esetben, eg té legese atí alkal azás sokkal jo felhasz álói él é t tud újta i, i t ezek a e so agolt alkal azások. Ne is szól a arról, hog izo os eszközszolgáltatások kizárólag atí alkal azásosoko elül érhetőek el. Most égis eg szeret ék mutatni egy ilyen keretrendszert, az Ionic-ot. Véle é e szeri t, elég jól hasz álható és re geteg alkal azás eg alósításához elege dő lehetőséget iztosít egy ilyen Framework ismerete. 32

33 5. Beteki tés az Io i yújtotta szolgáltatások a Az Io i első megjele ését - a adták ki, A gular és Apa he Cordo a alapoko. Az el últ é ek e ag o felkapott lett, tö i t, illió o ilalkal azást építettek ki az Io i segítségé el, a i ag ságre dileg is tö illiós fejlesztőtá ort jele t. Kezdetben az alapötlet az olt, hog segítség a e fejlesztőket, hog eg szerűe és ke és ta ulással o ilalkal azásokat fejleszthesse ek. Íg lett az alapja a Ja ascript. Nag elő e olt, hog teljesen i g e es és ílt forráskódú. Ez a két té ező re geteg web fejlesztőt ösztö zött arra, hog kipró álja az Ionic-ot. Így viszonylag gyorsan nagy fejlesztőtá orra tehettek szert. Nag o jó dolog ak tarto, hog a ak teljese i g e es szoft erek, a el ek segítségé el, árki ol a alkal azásokat fejleszthet, a el ek akár eg áltoztathatják életü ket. Ha tö ezer dollárokat kelle e fizet ü k sak azért, hog elkezdhessü k is erked i eg fejlesztőkör ezettel és alkal azásokat fejlesszü k, re geteg fejlesztő ag sak pote iális fejlesztő, karrierje éget ér e ielőtt elkezdődött ol a. N ílt forráskódú és i g e es kör ezetek ek azért a ak hátrá ai is, sokakban felmerül a sta ilitás kérdése. Mi a akkor, ha egyszer csak fogják agukat és efejezik a fejlesztését. Ez elég g akori jele ség apjai k a, i el ezeknek a projektek ek, i s köz etle e ételi forrásuk. A ira azért e kell fél i, mivel elég óriási projektről a szó, ráadásul az alapja AngularJS keretrendszerre épül, a el elég sok efektetési forrást kí ál. Az A gularjs az eg ik leg épszerű Ja as ript keretre dszer, a el et jele leg hasz ál ak és aga a Google is tá ogatja. Ha ár alaki hasz ált A gularjs-t ag o g orsa sikerül elsajátíta i az Io i -ot. Ha ég e hasz ált, akkor az Io i sorá g orsa egis erheti az A gularjs-t, a el et akár weboldalá és o ilalkal azások készítése sorá is eg ará t felhasz álhat. Ideális eset e a o il e es alkal azások ak ol a ak kelle e le ie, i t a atí alkal azások ak. A legtö o il e es alkal azás ag hiá a, hog saj os hasz álat sorá sze láto ást e ol a zökke ő e tes, i t atí tárasai. Az Ionic új erziójá ak, ag o jól sikerült ezeket egolda ia. A legtö HTML o il keretre dszer él, ag go dot jele t az éri tési késleltetés, a súszó e ük akadozása. Ha az Io i eseté e a súszó e üt esszük alapul, azt a hatást kelti, i tha eg jól egírt atí alkal azást hasz ál á k. Legtö keretre dszer e erre 33

34 alap ól e olt eépített egoldás, ag ha olt is, e sikerült ala i jól. Újrahasz osítja a DOM ele eket, hogy a gördüléke ség eg aradjo ag o listák eseté e is. Beépítette kezeli a hard erese g orsított a i á iókat, lehető é teszi atí görgetés hasz álatát és ég sorolhat á to á. Az Ionic-nak van egy alapértel ezett felhasz álói felülete, a el ag o g orsa és eg szerűe testre sza ható CSS segítségé el. Szinte minden olyan összete ő előre elkészített, a el et eg o ilalkal azás sorá hasz ál i szeret é k, i t például: Form elemek Gombok Listák Na igá ió Felugró a lakok, értesítések Grid rendszer és ég ag o sok eg é. Az Io i az A droid és az ios közötti UI éli eltéréseket is figyelembe veszi. Ter észetese ezeket felül írálhatjuk és akár saját té ákat is létrehozhatu k. Tá ogatást ad jó éhá ol a eszköz szá ára, a el ek ag segítségü kre lehet ek a fejlesztési- és utá kö etési fázisok a. A kö etkező eszközöket szolgáltatja a fejlesztők szá ára: Ionic Playground eg játszótér, ahol kipró álhatjuk és g akorolhatjuk az Io i által újtott összete őket és szolgáltatásokat Ionic View az ide feltöltött alkal azásokat, egteki thetjük, hog hog an is éz ek ki alójá a az eg es platfor oko. GUI tool for IONIC LAB Eg eg szerű kezelőfelület, ahol az alkal azásu kat, külö öző platfor okra fordíthatjuk, egteki thetjük, kezelhetjük. 34

35 Ionic Creator - Egy webes felület ahol egter ezhetjük alkalmazásu al az ar ulatter ét. Eg szerű Drag & Drop segítségé el felépíthetjük az alkal azásu k teljes szerkezetét, amit e portálhatu k Ionic projektké t. Ionic Push Push üze et létrehozásához újtott szolgáltatás Ionic Deploy segítségé el eg szerűe frissíthetjük alkal azásu kat, a élkül, hogy az alkal azás új erzióját felül kellene izsgál i. Ionic Analytics nyomon kö ethetjük a felhasz álókat és az alkal azás hasz álatá al kapcsolatos fontos i for á iókat. Az Ionic 2 egérkezését mindenki izgatottan várta, főké, amikor ejele tették, hogy új alapokra helyezik a keretrendszert, a jól megszokott JavaScriptet TypeScript-re serélik. Sok fejlesztő fejé e fel erülhetett a kérdés: Már épp, hogy megszoktam az Ionic 1-et, most tanulhatok egy új keretrendszert?. Azt a té t il á aló ak tartom, hogy az Ionic 2 jobb, mint az Ionic 1. Mi de ekelőtt ege líte é, hogy az újrago dolás sorá, égis magas szinten az Ionic 2 nagyon haso lít az Ionic 1-re. Például az a szerkezet annyiban áltozott, hogy az Ionic 1-ben hasz ált Controller-t, amiben a logika volt, odellké t hasz álják, a ézetek szerepe nem áltozott. Viszont ez égis nagy előrelépés volt a kód újrafelhasz álás sze po tjá ól. A jelenlegi szerkezet kö edé lehető é teszi, hogy külö álló összete őket hozzunk létre és szinte eg szerű ásolással, egyik projekt ől a ásik a rakjuk azokat. Persze ez a szer ezés ár adott volt az Ionic 1-ben is, csak nem ez volt az alapértel ezett stílus. Sokkal nagyobb sza adság volt és akár egy Controller-el kezelhettük az alkal azásu kat. Az új erzió a ár ez nem tehető meg. A CLI (Command Line Interface) nagyon eg szerű és jól hasz álható, segítségé el kö e hozzáadhatu k platformokat, oldalakat, tabokat és eg é komponenseket ge erálhatu k. Az interface elkészít minden fájlt, az alkal azás futtatásához szükséges kóddal eg ütt. Nagy áltozás törté t a a igá iót illetőe is. Az első áltozat a ég nagyon webes egközelítés volt, a a igá iót ko figurá iós URL-ek látták el, amely nagyobb projektek eseté elég átláthatatla á és kö ethetetle é tették a kódot. Az Ionic 2 a igá iós vermet hasz ál, amely leeg szerűsíti az oldalak közötti áltásokat és a kódot 35

36 is átlátható á teszi. A sablon szintaxisa is áltozott, eg szerű lett és jobban érthető. A kö etkező éhá példá a, egyes helyeken az eltérés i i ális, de égis jele tős: 10. á ra Io i - kép eszúrása 11. á ra Io i - kép eszúrása 12. á ra Ese é y hí ás A i takódok között az eltérés jele téktele, de szá o ra az Io i szi ta isa ala i el eg szerű ek és il á aló ak tű ik. A ásik ked e e, hog az osztál ok a a this áltozó egtartja a szülőele et, íg e kell felesleges áltozókat e ezet ü k, hog po tos hi atkozást tudju k ad i a szülő ele ekre. A kö etkező példa ezt sze lélteti. 36

37 13. á ra Szülő ele egtartása 5.1. Az Io i telepítése, szükséges ko po e sek Az Io i fejlesztőkör ezet hasz álatához szükség a éhá segédprogra telepítésére. Elsőké t a legúja NodeJS kör ezetre a szükségü k. Ha ezt feltelepítettük a kö etkező CLI para sal telepítsük fel a Cordo a-t, a el tá ogatást ad a atí alkal azásfejlesztéshez is. npm install -g ionic cordova Ha ezzel elkészültü k i s ás tee dő k, i t létrehoz i az első alkal azásu kat. Már az alkal azás létrehozásá ál álaszthatu k előre elkészített sablo ok között. Kö e találhatu k ol at, a el jó alap lehet az alkal azásu k szá ára. Hét sa lo közül álaszthatu k. - blank - üres alkal azás - tabs egy eg szerű ta okkal ellátott i terfa e - sidemenu egy side e ü a igá ió al és oldalakkal - super - Eg kezdő projekt, előre elkészített oldalakkal, szolgáltatókkal. Ajá lott g akorláshoz. Re geteg példa kód a e e - conference Egy projekt, a el eg alós e alkal azást utat e - tutorial - Eg oktatóalapú projekt, doku e tá ió al - aws - AWS Mobile Hub Starter Ezek előre elkészített projektek, a el et a telepítő Git Hub-ról tölt le a telepítés sorá. 37

38 5.2. Első lépesek a fejlesztéshez A fejlesztés fol a atát eg eg szerű alkal azáso keresztül szeret é e utat i. Amit az elkészíte dő alkal azásról tud i kell. Az adatokat eg Rest API szolgáltatja a kliensek szá ára, amelyet PHP- a készítette el. E ek a részletezésére most nem tér ék ki, i el o ilalkal azás fejlesztése az elsődleges szempont. Az alkal azás i dössze öt képer őt fog eg alósíta i. Kezdőképer ő o iltelefo oltok ajá latai ak eg összesítő képer ője. A legked ező ajá lat és az összes elérhető ter ék. Variá ió oldal ter ék leírás ariá iók lista. Bolto ké ti eg edi ajá latok listája Partnerek oldal Google térképe egjelölt oltok és ezek listája Bolt adatlap A oltok it a tartása és eg é olttal kapcsolatos i for á iók. Rólu k aloldal Az alkal azás Mockup terve a kö etkezőképp éz ki 14. á ra Mo kup 38

39 A tervhez az Io i ak a eg előre elkészített sa lo ja, a el ag a haso lít a ézetü khöz, ez a ta s. Első lépés e álasszu k eg il e sa lo t. A sa lo létrehozásához adjuk eg a kö etkező CLI para sot. ionic start MyIonicProject tabs A i t kész az alkal azás, e ezzük át a egfelelő fájlokat, illet e a fájlok a lé ő eléréseket, a el ek az aktuális fájlra hi atkoz ak. Ha i dez eg a, ég e ag u k kész. Az Io i ezérlőjé e, a i az sr /app/app. odules.ts fájl a található, át kell ír u k az elérést, ajd háro hel e ja íta u k kell a ge erált kódot. Fe t az i port rész e az eléréseket és a e eket, illet e a declarations és e tr Co po e ts lokk a is. Mi de eg es újo a fel ett oldal, ko po e s, pro ider ag eg é kiegészítőt külö szükséges itt fel e i. Aki ár hasz ált A gularjs-t az megszokta, hogy mindent, mindenhol include-ol i kell. Elkészíthet é k a szükséges odelleket AngularJS- e i t a ter ék, ter ék ariá ió, olt, de i el eg REST API szolgáltatja szá u kra az adatokat, se il e g akorlati hasz át e láto e ek. Az egyes odellek tulajdo sága sak a álasz a kapott adatoktól függ. Az alkal azás eg ser i e pro idert fog hasz ál i és az adott oldalak feldolgozzák az innen kapott adatokat. Ehhez adjuk ki a kö etkező para sot: ionic generate provider product A CLI elkészíti a szükséges állo á t szá u kra, a űködéshez szükséges fu k iókkal. Eg pro ider felépítése a kö etkező: import { HttpClient } from '@angular/common/http'; import { Injectable } from '@angular/core'; import export class ProductProvider { public data: any; constructor(public http: HttpClient) { } loadall(page,search){ 39

40 return new Promise(resolve => { this.http.get(url+'/getphonelist/'+page+"?search="+search).subscribe(data => { this.data = data; resolve(this.data); }); }); } A pro ider segítségé el http kéréseket küldü k a ser er felé. A fe ti példa a keresés és ter ék lista eg alósítása. Válaszké t eg JSON o jektu a egkapjuk az össze o t ter ékek listáját. A két kapott para éterre a keresés és lapozás iatt a szükség. A su s ri e függ é segítségé el tudu k feliratkoz i arra az ese é re, amikor egkapjuk a álaszt. A resolve() függ é el jelezzük, hogy feldolgoztuk a kapot adatokat, az új adatok etöltése i dítható. Ehhez haso lóa készítsük el getshopdata, getshoplist, getvariatio függ é eket is. Az alá i szerkezetfa mutatja az Io i felépítését (15.-ik á ra. A fejlesztés sorá szi te sak az sr apára a szükségü k. A kö etkező szerkezet teszi lehető é, a para éter átadást a ézetek és a T pes ript állo á ok között. Az azo os el e ezésű ht l és ts fájlok képezik a hidat. A HTML fájlok a elérhetjük a T pes ript fájlok a defi iált áltozókat és a HTML fájlok a hí hatu k a T pes ript- e defi iált függ é eket az eg es ese é ekre. Az SCSS fájlok, pedig az eg es ézetek for ázásáért felelősek. A HTMLhez egszokotta itt is lehetőség a osztál ok és ID-k létrehozására az eg es ézetekben. Ezek segítségé el ol a azo osítókat készíthetü k, a el ek ek a segítségé e kö e e egfor ázhatjuk az elkészített felületi ele eket. Ezek élja, hog ké és CSS kód hasz álatá al, i él tö azo os for ázást igé lő ele et testre szabhassunk. 40

41 15. á ra Io i szerkezeti felépítés A providereket e elég eg szerűe az app. odels fálj a deklarál i, i de eg es oldalo, ahol hasz ál i akarjuk, újra i portál i kell. A ter ék oldal HTML kódja a kö etkezőképp éz ki. Csak éhá érdekes részt e el ék ki: <ion-list> <ion-item *ngfor="let item of productlist"> <h2 text-wrap>{{item.name}}</h2> <button ion-button (click)="openvariation(item)"> {{item.count}} ajánlat </button> </ion-item> </ion-list> <ion-infinite-scroll (ioninfinite)="doinfinite($event)"> <ion-infinite-scroll-content></ion-infinite-scroll-content> </ion-infinite-scroll> 41

42 Az első kie elés a lista ézetet utatja. A produ tlist áltozót az oldal etöltésekor feltöltjük a loadall függ é től kapott adatokkal. Az ele eke aló iterá ió a fe t e utatott ódo törté ik. Az eg es ese é ek hí ása is ag o eg szerű ódo zajlik. )árójel e eg o djuk, hog il e ese é re, il e függ é t szeret é k eghí i, illet e para étert is adhatu k eki. A szá o ra legérdekese rész az i fi it s roll. Segítségé el eg égtele lista létrehozását tehetjük eg. A ter ék listá a eg szerre sak ele et jele ítü k eg, hog az alkal azás se essége ésszerű határok között aradjo. Az i fi it s roll ese é, akkor hí ódik meg, ha a lista legutolsó ele éhez ér a görgetés. Ebben az esetben, ha ég ele eket szeret é k etölte i, lehetőségü k a ég tetszőleges ele eszúrására a lista égére. doinfinite(infinitescroll:any){ this.page= this.page+1; this.product.getinfinity(this.page, this.searchterm,this.productlist).then((result)=>{ } A this.productlist= result; }); infinitescroll.complete(); getinfinity(this.page, this.searchterm, this.productlist) függ é a kapott listához hozzáfűzi az úja ele et és a isszaadja a listát. Ha ezzel eg ag u k, jelezzük a ézet ek, hog a lista ódosult és ehet a kö etkező ele egjele ítése, infinitescroll.complete(). Az eg es ézetek közötti para éterátadásra a kö etkező ódo a lehetőség (click)="openvariation(item) az ope Variotio függ é a produt t odellü k e hel ezkedik el, a ézettől egkapja azt a ter éket, a el ikre kattintunk. A ariá iók oldal eg példá át eg tudjuk it i, de ehhez szükséges i portál i a odellü k e. import {VariationPage}from '../variation/variation'; Fe te e lítette, hog az Io i a igá iós er et hasz ál, a a igá ió eg alósításához, tehát rakju k a ere tetejére eg példá t a kapott para éterrel. 42

43 openvariation(item) { this.navctrl.push(variationpage,{item:item}); } Hozzuk létre a kö etkező oldalakat a CLI segítségel: ariatio, shop, shoplist: ionic generate page variation ionic generate page shop ionic generate page shoplist A programunk logikája eg értel ű, a ter ékek lista oldalo, ha az ajá latokra kattintunk, akkor megn ílik a ariá iók oldal, ha eg ter ék ariá ióra kattintunk, akkor pedig a olt adatait kell egjele íte ü k. Ezek elkészítéséhez a fe ti leírás i de e eg értel ű dolgot e utat. Ezeket e szeret é részletez i, vagy a hátralé ő kódokat e utat i. Az alkal azásu k ól ég eg rész hiá zik, a it e részletezte eddig. A térképes part er egjele ítő. Aki jártas ala e ire a e es te h ológiák a a ak ag o eg szerű dolga lesz. Az Io i Google Maps i tegrálása kísértetiese haso lít a Ja as ript-es eg alósításhoz. Első lépes e a Google JS Apiját hí juk eg az sr /i de.ht l fálj a. <script src=" Ezek utá a shop.ht l fájl a hozzuk létre a kö etkező szerkezetet a Google Maps i itializálásohoz. <ion-content> <div #map id="map"></div> </ion-content> A ézet e i s is szükség tö kódra, a térkép létrehozása T pes ript segítségé el törté ik. Első kör e deklarálju k eg a Google áltozót az osztál u k felett, hog elkerüljük a fordító pa aszkodását a hiá ára. declare var google; 43

44 Szer ezzük a etöltést az ionviewdidload() függ é e, a el a ézet etöltésekor fut eg. Még eg érdekesség a fe ti kód a, a #map rész. Az ele refere ia szeri ti elérése iatt a rá szükség, az osztál u k a a kö etkező kép tudunk mapelement: ElementRef; A térkép i i ializáláshoz eg ük fel a szükséges a para étereket, és hozzuk létre a egfelelő arkereket. A i esetü k e, i dössze para éterre a szükség: középpo t, térkép típusa és a közelítés ará a: let center = new google.maps.latlng( , ); let opt = { 'zoom': 9, 'center': center, 'maptypeid': google.maps.maptypeid.roadmap }; this.map = new oogle.maps.map(this.mapelement.nativeelement, opt); Ha ezt berakjuk a load() függ é e, ár létre is jö a térképü k. Ni s ás dolgu k, i t ráhel ez i az a arkereket a egfelelő hel re. A arkerek létrehozása is ag o eg szerű: addmarker(lat,long,shop){ let pos = new google.maps.latlng(lat, long); let marker = new google.maps.marker({ map: this.map, animation: google.maps.animation.drop, position: pos }); 44

45 Ezzel kész is az alkal azásu k. A kö etkező lépés a telepítés Alkal azás pu likálása Ha ár a eg kész alkal azásu k i s ás dolgu k, i t az alkal azást pu likál i. Első lépés e el kell tá olíta u k az a felesleges kiegészítőket, i t például a hi akeresési ko zol. Nem ajá lott, hog az alkal azásu k a ez a fu k ió elérhető legyen, izto sági okok iatt. Az eltá olításhoz a kö etkező CLI para sot szükséges kiadni: ionic cordova plugin rm cordova-plugin-console Ha eltá olítottuk a e kí á atos összete őket, ielőtt ég elkezde é k az alkal azás pu likálását, nyissuk meg a config.xml fáljt. A telepítés előtt ég éhá eg szerű dolgot be kell állíta u k. Írjuk át az alkal azás e ét, amire szeret é k, és állítsu k be egy erzió szá ot is. Itt van lehetőség egyedi alkal azás ikont eállíta i, csak írjuk felül a resource/icon.png fájlt és futtassuk a kö etkező parancsot: ionic cordova resources Ha a kép fájlu k egfelelőe ag éretű (nagyobb, mint 152x152 pixel), akkor az Io i auto atikusa lege erálja az összes szükséges éretet. Telepítés Android platformra A telepítéshez szükségü k a eg A droid Studiora, egy JDK-ra és az A droid SDK-ra. Ha ezeket feltelepítettük, az A droid SDK Ma ager segítségé el töltsük le azokat a platfor okat, a ikre szükségü k a, ag a ire az alkal azásu kat elérhető é akarjuk tenni. Fo tos, hog i de letöltött platfor hoz el kell fogad u k a li e e feltételeket, külö e e fog sikerül i a telepítés. Ehhez lépjü k be az Android SDK appájá a és futtassuk a kö etkező para sot../sdkmanager --licenses Fo tos, hog a e úlju k a kör ezeti áltozókhoz, ezekkel egg űlik az e er aja. JAVA_HOME és ANDROID_HOME. Az ANDROID_HOME elérést az A droid Stúdió által telepített kö tárra leg e állít a. A kul sge eráláshoz futtassuk a kö etkező parancsot 45

46 keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize validity Fontos, hogy ezt a kulcsot e tsük, mert ha el eszítjük, nem fogjuk tudni frissíte i az alkal azásu kat az áruház a. Ezzel ég nem égeztü k, mivel ég nincs aláír a az alkal azásu k. Az alkal azás aláírásához futtatnunk kell a jarsigner eszközt. jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore MY-release-unsigned.apk alias_name Ha kész ag unk, ég opti alizál i kell az alkal azásu kat az android nyujtotta zipalig eszköz segítségé el, a i az a droid uild-tools appájá a található zipalign -v 4 MY-release-unsigned.apk MY.apk Az elkészült alkal azásu kat íg ár feltölthetjük a Google Play Áruház a. Ha esetlég ég tö öríte i szeret é k az alkal azásu kat, akkor hasz álhatjuk az Android Stúdió által újtott ProGuard programot. A Play áruház a aló elhel ezés, ter észetese nem ingyenes, 25 dollár a fejlesztői fiók létrehozása, de ég mindig jobb mint az ios 99 dolláros tarifája. Telepítés ios platfor ra Szükségü k a eg XCode-ra, a i össze a kap sol a eg fejlesztői fiókkal. Az alkal azás pu likálása, ug a úg törté ik, i t ha eg ios alkal azást pu likál á k. ionic cordova build ios release Ha lefuttatjuk a parancsot, az Io i ge erál eg XCode projekt fájlt a szá u kra. Meg itjuk a projektet és égrehajtjuk a megfelelő lépéseket, i tha eg XCode projektet akar á k pu likál i. A frissítések telepítéséhez át kell ír u k a o fig. l - ben a verziószá ot és újra ge erál i az Io i segítségé el a projektet, ajd égrehajta i ug a ezeket a lépéseket. Sajnos e e az eset e se kerülhető el az XCode és a Ma kör ezet hasz álata. 46

47 Telepítés Wi do s Platfor ra A Wi do s platfor telepítéséhez szükség a a Visual Studio ag frisse áltozatára illet e a De elop e t Kit SDK-ra. Fo tos, hog először ezeket telepítsük fel, sak ezutá adjuk ki a kö etkező para sokat ionic cordova platform add windows A congig-xml- e fel kell e ü k a platfor ot, ajd lefordíta i az alkal azást: <preference name="windows-target-version" value="10.0" /> A ásik lehetőség, hog a ge erált projekt állo á t a Visual Studio segítségé el fordítjuk. Ha ár úg is szükség a a telepítésére é ezt tudo ajá la i Összegzés Ajá la i tudo az alkal azást azok ak, akik jártasak a e fejlesztés e, ag o kö e elsajátítható és kö e egszokható a kör ezet. Re ek desig ter ezője a, eg szerűe elkészíthetü k e e szi te ár il e egjele tést. Ha se il e eg edi for ást e hasz álu k, az alkal azás i ősége akkor is egfelelő lesz. Véle é e szeri t, sokkal eg szerű e és g orsa a elkészíthető enne egy lát á ter et, i t az Xa l szerkesztők e. Nag o szerethető kör ezet, a íg i de a leírtak ak egfelelőe űködik. Saj os a g akorlat a ag o sokszor futu k ol a hi á a, a i kihag ott ő ít é ek okoz ak. G akran ezek a hi aüze etek, félre ezetőek és nem i dig a hi a alódi okára utal ak. Ne érze úg, hog a keretre dszer teljese ki le e forr a, a ak ég hiá osságai. Fejlesztés köz e, elefuthat az e er ol a hi ák a, a ik az ES és ES áltás iatt nagyon kelle etle ek lehet ek a fejlesztő szá ára. Például eg O jektu o e tudu k eg szerűe égig iterál i, i el kikerült az eg áltozott az ES6 sza á á a. Főké t ez akkor lehet ag o kelle etle, ha ár hozzászoktu k az elő ihez. az A hi aüze et szá o ra teljese félre ezető olt, hog a let para s i s értel ez e a {} áltozóra, pedig alójá a sak ki kell kér ü k az o jektu kul sértékeit és azok alapjá kér i ki az ele eket. Az eg es platfor ok ag o eg szerűe hozzáadhatók, remek hibaüze etek kapu k, ha i s telepít e a egfelelő szolgáltatás. Az 47

48 alkal azások pu likálása, ár ki sit ehézkese, itt g akra futu k ele ol a hi ák a, a iket éha értel ez i se tudu k. Hisze i de összete ő telepít e a, de ala iért e találja a fordító. Legtö ször az adott ko po e s újratelepítése egoldja a pro lé át. Kelle etle, hog akár il e új ele et szeret é k a re dszer e fel e i érte itt az oldalakat, szer izeket, nagyon sok helyen kell i portál u k, éle é e szeri t i dokolatla ul sok. De mivel Angular JS alapokra a épít e, ez érthető, hisze a JS keretre dszerek él, eglehetőse ehéz a fájlok közötti átjárás. Ha ezeket a kelle etle ségeket leszá ítjuk, sak pozití éle é t tudok for ál i az Io i -ról. Ajá la i tudo akár agyob projektek eg alósításához is. Az eg es ko po e sek ag o jól elkülö íthetőek és újrafelhasz álhatóak. Tetszetős UI készíthető az alapele ek felhasz álásá al is, a grid re dszere ki áló, szi te i de ol a ele et egtalálhatu k a palettájá, a ire eg o il alkal azás fejlesztése sorá szükségü k lehet. Ni s szükség platfor spe ifikus kód létrehozására, eg séges kóddal készíthetü k tö platfor ra alkal azást. Re geteg eszköz spe ifikus tá ogatást is újt, ha ezek a kö etel é ek egfelel ek a projektü k spe ifiká iójá ak, átra álaszthatjuk ezt a fejlesztőkör ezet. A doku e tá iója ki áló, példakódok segítségé el a ak e utat a az eg es összete ők, a el et per ek alatt i tegrál i tudu k az alkal azásu k a. Ha egy 10-es skálá értékel e kellene az Ionic-ot, biztosan 8 feletti értéket kap a a jele leg szerzett tapasztalatai alapjá. Lehetséges, hog ez az érték áltoz a, ha él e e ele erül é k a lehetőségek e. 48

49 6. Xammarin, i t egy alter atív egoldás Hog iért álasztotta ezt a Xamarin-t? Első sor a pró álta, eg ol a platfor ot talál i, el ek a progra ozási el e e is eretle szá o ra. Második sze po t se olt elha agolható, hog ag o jó le e, ha a fejlesztőkör ezet se le e teljese is eretle. Ez ásodlagos sze po t olt, de é úg go dolo, hog ag o fo tos, hog az alkal azás, a i e fejleszte i kezdü k, legyen szerethető és főké t g orsítsa, segítse a fejlesztési fol a atot. Tapasztalatai alapjá, nem csak a progra ozási el elsajátításához kell sok idő, ha e a ki álasztott fejlesztői kör ezet újtotta lehetőségek kihasz álásá ak és ruti szerű hasz álatához is. Har adik sze po t, hog eglehetőse ag égek is hasz álják a Xamarin-t fejlesztői kör ezetké t, i t a Pi teres, Sla k és a JetBlue. Ha ekkora neveket hall az e er, kí á si á álik, hog it is tudhat ez a o ilfejlesztői kör ezet. Amit a Xamarin-ról tud i kell. Eg ílt forráskódú o ilalkal azás fejlesztői kör ezet, a el lehető é teszi atí alkal azások készítését ios, Android, Windows platformokra C# el e. Az a legjo a dolog a, hog eg el e írhatu k atí kódot, i dháro platfor ra, ahel ett, hog egta ul á k a Ja a-t, Objective C-t vagy Swiftet. Linux, Ma és Wi do s eseté e is elérhető. E ek tetejére ég a Visual Studio-ba is integrálható. A Xa ari - a készített alkal azások ak fő jelle zője a : atí API, atí UI és atí teljesít é. Ez annyit jelent, hogy a C#- a egírt kódot atí kóddá fordítja, i de eg es platfor szá ára. Ez sokkal jo és ag o teljesít é ű alkal azások előállítását teszi lehető é, i t az ol a alkal azások, amelyet az eszköz ek futás idő e kell értel ez ie. Az alkal azás i terfészé is a atí felhasz álói felület ezérlői találhatók eg. Ez azt jelenti, hogy a Xamarin alkal azások által újtott felhasz álói él é ug a ol a, i t eg atí te h ológiá al fejlesztett alkal azásoké. A S ipe és a görgetés fol a atos ak és ter észetes ek érződik. Az eszköz spe ifikus tá ogatások palettája ag. Lehetőséget iztosít, szi te i de SDKhoz, amel ek a platfor eredeti el é íródtak. A fejlesztés sorá fel tudjuk hasz ál i az előre egírt eljáráskö tárak által újtott lehetőségeket is. A megosztott i terfész elgo dolása zse iális. Létrehozhatu k ol a atí i terfészeket, a el ek Android, ios, és Wi do s Pho e felülete is hasz álhatóak a élkül, hog is er é k a 49

50 platfor UI ter ezőjét és ele eit. A Xa ari For az az összete ő, a el i dezt lehető é teszi. Arculati terveket C# és XAML for átu a hozhatjuk létre Xamarin For ele ek ől. Ezek a egírt kódok, ha jól szer ezettek, kö e újrahasz osíthatóak. A kód egosztás az eg es platfor ok között a kö etkező á ra re ekül sze lélteti. 16. á ra Megosztott kód A kód egosztásá ak két egközelítése létezik: Portable Class Library és ashared Projects. PCL: Portable Class Library Eg szokásos eljáráskö tár - projektben a DLL csak azon a bizonyos platformon űködik, a ire készítették. A PCL ré é ki álaszthatod, el platfor ok ko i á iójá szeret éd futtat i a kódot. Ne rég a Xa ari hozzáadta a PCL-ekhez a.net Sta dard eljáráskö tárak tá ogatását. A.NET Sta dard a.net API-k spe ifiká iója, a el i de.net futtatókör ezet e eleért e a.net Core és az ASP.NET Core platfor okat elérhető, és a el et a PCL-ek új ge erá iójá ak szá ak. Ez lehető é teszi a fejlesztők szá ára, hog ol a PCL-eket hozza ak létre, a el ek külö öző.net futtatókör ezetek e ug a azokkal az API-kal hasz álhatók. A.NET Standard Libraryt és a PCL-eket is ug a azo él ól hozták létre, azo an bizonyos dolgokban külö öz ek. A PCL-profilokat a eglé ő platfor ok etszete határozza eg, és i deg ik profil eg ásik Mi rosoft Platfor ot repreze tál. 50

51 Akár.NET Sta dard-at, akár a PCL-eket hasz álsz, a közpo tosított kód azzal az elő el jár, hog ha eg szeret éd áltoztat i ag refaktorál i a kódodat, ezt eg hel e teheted eg, és e sak a ódosított PCL-ekre lesz hatással, ha e a platform specifikus projektekre is. Shared Projects A PCL-el elle tét e a Shared Proje ts eseté i s ki e et, ehel ett a kódot lefordítja i de ol a projektre, ahol utalás a rá. A platform specifikus fu k iók egírásához a Shared Proje t ré é fordítóutasításokat adhatu k eg pl. #if ANDROID ) a közös kód a, a el lehető é teszi a kód részei ek e gedél ezését ag letiltását a projekt élplatfor jától függőe. Persze e sak elő ei a ak a re dszer ek. A kör ezet egis erése sorá találkozta ol a dolgokkal, a ik szá o ra ki sit ossza tóak oltak. Csak felsorol ák éhá at, sze léltetés kép. 1. Az eszközökö aló hi akeresés elég ehézkes 2. Az eg es összete ők re geteg sza ad hel et igé el ek és sak a re dszer partí ióra telepíthetőek. 3. UI szerkesztője i s, a kézzel írt kódok szi taktika hi ái sak fordítási idő e jele ek eg eg ter i ál a lak a, g akra ke és i fót tartal az ak a hi a okáról. 4. A fejlesztői doku e tá iója e az igazi. Főleg a UI szerkezetét illetőe. 5. A Xa ari For alós idejű elő ézetét a ai napig e sikerült űködésre ír i Telepítés és szükséges ko po e sek Hog a két fejlesztőkör ezet, ég jo a összehaso lítható leg e, ug a azt az alkal azás logikát szeret é eg alósíta i Xa ari - a is. Fejlesztőkör ezet ek ter észetese a Visual Studio-t álasztotta. A ikor a telepítő eli dul, álasszuk ki, 51

52 hogy a.net kör ezet e szeret é k Mo ilra fejleszte i. Ez tartal azza az összes ol a so agot, a i szükséges a cross-platform o ilfejlesztéshez. A szükséges kö etel é eket auto atikusa kijelöli a telepítő, a tö it álasszuk ki elátásu k szerint. Ó atosa á ju k a kiegészítőkkel, ag o ag a hel igé e. Windows eseté e az alap so ag is majdnem 30 Gb. Mivel rengeteg Android verzió a forgalo a íg az SDK Manager is elég sok hel et fog foglal i. A i rosszhír, hog a Wi do s eseté e sak a re dszer eghajtóra hajla dó feltelepül i. A teljes kör ezet felépítése egközelítőleg és GB-re is úlhat a so agok függ é é e. Még eg érdekesség a telepítés él, láthatjuk, hog a Cordo a kör ezetet is telepíthető. Tehát az Io i is fejleszthető Visual Studio-ban. 17. á ra Cordo a plugi Eg sze po t iatt álasztotta az Ato ot, i t fejlesztőkör ezetet. A alós idejű előkép iatt, a it a Node JS szer er iztosít. Kis erőforrással i de eg es ódosítás jól látható és o o kö ethető. Hiá a a eg ol a fejlesztőkör ezetü k, a i cross-platfor os alkal azásokat tud készíte i, az ios alkal azás fejlesztéséhez, még i dig elkerülhetetle az XCode és a Ma OSX hasz álata. A Xa ari eseté e is sak tá oli kap solat segítségé el fordíthatjuk le alkal azásu kat. Illet e a szi ulá ió is sak a a az eset e űködik, ha eg a az összeköttetés a két gép között, ag alap ól ala il e Apple ter éke kezdjük a fejlesztést. A Wi do s A droid szi ulá iók elég lassúak és elég hosszadal asak, íg az alkal azásu kat újra lefordítjuk a egfelelő platformokra. A fejlesztői kör ezetre se i egatí u ot e tudok o da i, re ek szolgáltatásokat iztosít és ag a g orsítja a fejlesztés a e etét Első lépések a fejlesztéshez Az alkal azás felépítése adott, ugyanaz az lesz az alapja, mint az Ionic - a elkészített alkal azás ak. A progra u k ak szüksége a ala il e Google térkép kö tárhoz és a JSON fájlok feldolgozásához ala il e eszközre. A Visual Studio NuGet 52

53 so agkezelője, a i segít ezek telepítésé e. Re geteg előre egírt so ag egtalálható itt. Mielőtt ala il e saját so ag ag kö tár fejlesztésé e kezde é k, érde es itt rákeres i, hátha a ár eg kész egoldás, a it hasz ál i tudu k. A JSON fájlok feldolgozására é a Ne to soft.jso so agot álasztotta, az ok ól kifol ólag, hog a kapott JSON o jektu okat ag o eg szerűe tudjuk kasztol i típuské szerítés az általu k eghatározott osztályokba. Illetve a e ezetett új ter ezési i ta az MVVM is ezt ja asolja Model-View-ViewModel). Ter észetes a Google térképekhez is sikerült talál o egfelelő so agot, Xa ari.for s.googlemaps. Ne felejtsük el, hog ost e e oldal a so agolt alkal azást íru k, íg a térkép eseté e, e tudjuk kikerül i a platfor függő ko figurá iókat. A projektnek é eg Porta le Class Library-t álasztotta. Esetemben szi te i deg il e projektet álasztok, i el i s szükség platfor spe ifikus egoldásokra. Az eg edi kód a Google Térkép alkal azáso ké ti para éterezésé el ki is erül. A projekt szerkezete a kö etkezőképp éz ki. 18. á ra Xa ari PLC felépítése A Model appá a található a REST Api által isszaadott JSON o jektu szerkezete. Az alkal azásu khoz osztál ra a szükségü k. A ter ékek listaoldalra Phone), az ár 53

54 összehaso lítás oldalra Variation), a bolt adatokhoz (ShopDetail) és a partnerek oldalra (Shop). Az eg es osztál okra azért a szükség, hog kö essük az MVVM ter ezési i tát, a it a Xa ari eseté e ja asol ak. A Modellek segítségé el az egyes adatokat a megfelelő for á a tudjuk isszaad i, ha esetleg a REST Api olyan adatokat tartal az, a it e szeret é k egjele íte i, feleslegese e tároljuk azokat. namespace MN_Xammarin.Model { class Phone { public int id { get; set; } public string name { get; set; } public string min { get; set; } public string image { get; set; } public string count { get; set; } } } Az eg es osztál ok a szükség a a getterekre és setterekre, hog a ézetü k e eg szerűe el tudjuk ér i azokat. A fe ti i tára a tö i modellt is elkészítjük. A kö etkező lépés e alakítsuk ki a e szer errel aló ko u iká ióhoz szükséges osztál u kat, e ezzük RestApi-nak. Az osztál u k aszi kro hí ásokkal fog ko u ikál i a szer errel, hog az alkal azás etöltési ideje egfelelő leg e. A REST Api-hoz letöltötte ég eg eg szerű összete őt a Co e ti it Plugi t. A Plugin szerepe a i, hog eg szerűe le tudjuk elle őriz i, hog az eszköz satlakozik-e az i ter ethez. Vizsgáljunk eg eg eg szerű adatlekérést. async void getvariation(listview list,label l,image i,string id) Az első háro para éter az i d Xa ari For ele. Ezek az ele ek e sak etöltéskor kaphat ak értékeket. Az ele ek auto atikusa frissül ek az eg es oldalakon, ha valamilyen ódosítást hajtu k égre akár aszi kro is. A Listák eseté e, ha ala il e háttér fol a attal akarjuk frissíte i a tartal at, akkor érde es 54

55 ObservableCollection-t hasz ál i lista hel ett, i el íg e kell fig el ü k, hog értesítést küldjü k a felületi kezelők szá ára a áltozásról. Ez abban az esetben hasz os, ha e szeret é k lapozót hasz ál i, ha e az Io i -ban megismert infinity scroll-t szeret é k eg alósíta i. A HTTP kérések le o olítását ag o eg szerűe sikerült egolda i, i dössze háro sor kódot kell ír u k, hog ki erjük az adatok eg URL í ről. var client = new System.Net.Http.HttpClient(); var response = await client.getasync(url); string productsjson=response.content.readasstringasync().result; A hátrá a, hog ezek e az aszi kro hí ások a, szá dékosa ki ették a hi akezelést, hog e álljo le az alkal azásu k, ha eg háttérfol a at e álaszol, ag ala i hi a törté ik. Íg ag o ehéz kideríte i, hog hol a a hi á k alódi oka. Ne űködik a egszokott tr at h egoldás. A i iszo t jó hír, hog az osztál u k a eghatározott áltozókat az aszi kro kérések is el tudják ér i futás köz e is. A ked e e a kö etkező egoldás a JSON o jektum modell e aló kasztolása. var myobjlist = JsonConvert.DeserializeObject<List<Phone>>(productsJson); A Pho e osztál u k a eghatározott setterek alapjá a kapott JSON fájl a megkeresi az eg ező kul sokat és létrehoz előlük eg Pho e ele eket tartal azó listát. A lista hel ett hasz álhatu k tetszőleges felsorolható adatszerkezeteket is. Például az e lített ObservableCollection-t. A kö tár képes az ele ek közötti típus átalakításra is. Ha például az Pho e.id a JSON o jektu a szö egké t adja issza, auto atikusa az I teger osztál ól kerül szár aztatásra. Ha feldolgoztuk a kérést, akkor adjuk át a listá kat a XAML lista ele ek, a to á iak a sak a egjele ítést kell for áz u k. Az alkal azásu k fül ől fog áll i. Szükségü k a eg a igá iós ézetre. A Xa ari zse iálisa egoldotta a ézetek eg ás a ág azását. A Xa ari Form re delkezik Ta edpage ele el, íg e kell saját agu k ak elkészíte i ezt a ézetet se. Néhá spe iális ele, i t az eg szerű tartal i oldal, ag lapokat tartal azó oldal, ag listaoldal, ag a igá iós oldal egtalálható a Xa ari For 55

56 elemeknél. Az App. a l. s fájl a tudjuk eállíta i, hog el ik oldalu k leg e az alkal azásu k kezdőoldala. <?xml version="1.0" encoding="utf-8"?> <TabbedPage xmlns=" xmlns:x=" xmlns:local="clr-namespace:mn_xammarin.pages" x:class="mn_xammarin.navigation"> <local:products></local:products> <local:about></local:about> <local:shops></local:shops> </TabbedPage> Ta edpage eseté e, ha eg a ak a létrehozott oldalak sak a é teret kell egad u k és ár e is húzhatjuk az elkészített oldalai kat. Az :Class para éter határozza eg, hog el ik kezelő felel az oldal űködéséért. Mi de eg es az oldalo eghí ott függ é ek ag ese é ek a Na igatio. a l. s fálj a kell le ie. Mi el az oldalak ak saját kezelőik a ak, íg azokra ár e ér é es ez a é tér. A lapozók feliratai a tartal i oldalak Title tag a egadott szö egei lesz ek. A lapozók egjele ése az eg es operá iós rendszereken eltérő lesz. Mint ki ézet e, i t elhel ezkedésileg. E ek az okáról a késő iek e lesz szó. Ahhoz, hog i dháro re dszere haso ló elhel ezkedés e és egjele és e tudjuk hasz ál i a lapoldalakat, ahhoz ás összete őt kell keres ü k ag saját agu k kell egfor ázi. <ListView x:name="productlist" Grid.Row="1" HorizontalOptions="FillAndExpand" HasUnevenRows="True" > Az egyes Xamarin Form ele ek fel tudu k í kéz i áltozó e ekkel az :Na e para éter segítségé el. Íg eg szerűe tudu k hi atkoz i az osztál ok a (View- Model). Fo tos itt is, hog sak az adott ele él eghatározott é tér e tudjuk elér i. Két lehetőség a a lista feltöltésére, ag é alapjá egadjuk ekik az ele eket, ag a Bi di gco te t segítségé el eg o djuk eki, hog il e áltozót 56

57 hasz áljon. Szá o ra az első egoldás tű t logikusa ak. Ha lefutottak a háttérfol a atok a kapott ered é t a listá a töltjük. Két érdekes dolog aradt, a i ek a eg alósítása e teljese eg értel ű, az i fi it s roll és a keresés. A listák ak a eg ol a ese é e, a i a lista ele ek görgetésekor hí ódik eg. Ezt az ese é t kell felhasz ál u k a eg alósításhoz is. ItemAppearing az ese é ü k. A egoldást eg rekurzí függ é el oldotta eg. A i érdekessége, a hog a rekurzí hí ások is aszinkron ódo törté ek, tehát az osztál u k a szükséges ol a áltozókat létrehoz i, a i alapjá koordi áljuk a rekurzí hí ásokat. A kö etkező para éterek árja a függ é : async void getproducts(listview list, string search, int page ) Mindezek mellett szükség a ég éhá áltozóra: aktuális oldalszá, ele ek listája és eg logikai áltozóra, hog fol a at a a -e ala il e aszi kro kérés. A függ é hí ás elejé a logikai áltozót igazra állítjuk és eállítu k eg szá lálót a jele legi lista hosszára. Ha eg a ak az új ele ek, eg ézzük, hog a lista új hossza áltozott-e a kérés előttihez képest. A rekurzí függ é ől aló kilépést ez a feltétel efol ásolja. For lista újratöltése utá a logikai áltozót isszaállítjuk ha isra. Ha a listá k érete őtt, akkor szükségü k a ég eg oldal lekérésére. Viszo t e ek sak akkor kell egtörté i, ha a lista utolsó ele éhez görgettü k. this.loading = false; if(countitem < this.phone.count) { list.itemappearing += (sender, e) => { if( phone.count == 0 this.loading) return; if (((Phone)e.Item).id == phone[phone.count - 1].id) { this.actpage++; this.loading = true; getproducts(list, search, this.actpage); } 57

58 }; } Tehát, ha a lista érete áltozott, akkor a hozzáadott listaele ek él felülírjuk az ItemApperang függ é t. A kö etkező feltétel iztosítja, hog sak a lista utolsó ele éhez aló görgetés eseté törté je eg a hí ás: if (((Phone)e.Item).id == phone[phone.count - 1].id) A tö i agától érthető. Ug a ez űködik a keresés eseté e is, sak a i a tee dő, hogy i de keresés eseté a lekérés oldalszá át isszaállítjuk az első oldalra. A Google Térkép A Xa ari tá ogatást ad a C#- ól aló di a ikus ézet ele ek létrehozására is. A Google térkép él ezt a egoldást álasztotta, hog e utassa a Xa ari mennyire újt sza adságot a fejlesztés e. Ha sikerese feltelepítettük a Xa ari.for s.google Maps so agot szükségü k lesz eg kis platfor o ké ti ko figurálásra is. Első lépés e készítsük el a Google o sol- a a egfelelő kul sokat az egyes alkal azásokhoz. UWP eseté e Bing- ől kell térkép kul sot kér ü k az alkal azásu khoz. Ha kész a ak a kul sok, jöhet ek a platfor o ké ti eállítások Android A droid eseté e eg kell keres ü k a projekt állo á ai között a Mai A ti it. s fájlt és az O Create függ é é e elhel ez i a kö etkező kódot: Xamarin.FormsMaps.Init(this, bundle); Ezzel ég e ag u k kész, ég eg helyen meg kell ad i a etaadatok között a Google térkép kul sot. Keressük eg a Properties/A droid Ma ifest. l ko figurá iós fáljt és hel ezzük el a kö etkező sorokat: <meta-data android:name="com.google.android.maps.v2.api_key" android:value="abcdefghijklmnopqrstuvwvaluegoeshere" /> Az A droid alkal azásu k eseté e a kö etkező alkal azáse gedél eket is e kell, hog állítsuk AccessCoarseLocation, AccessFineLocation, 58

59 AccessLocationExtraCommands, AccessMockLocation, AccessNetworkState, AccessWifiState, Internet ios Keressük meg az AppDelegate.cs fájlt és a Fi ishedla hi g függ é é e hel ezzük el az térkép létrehozásához szükséges kódot Xamarin.FormsMaps.Init(); Illetve az Info.plist fájl a itt is e gedél t kell az alkal azás szá ára (ios 8) <key>nslocationalwaysusagedescription</key> <string>can we use your location</string> <key>nslocationwheninuseusagedescription</key> UWP <string>we are using your location</string> A Wi do s eseté e a a legkö e dolgu k, itt sak a Mai Page ko struktorá a kell eghí u k a Google térképet a kapott kul su kkal. Xamarin.FormsMaps.Init("INSERT_AUTHENTICATION_TOKEN_HERE"); Az alkal azás létrehozása ár i e g erekjáték. A egfelelő oldal XAML kódjá a létre kell hoz u k eg é el ellátott Sta kla out ele et, a i e ajd a Google térképet töltjük. A kö etkező kódrészlettel tudjuk létrehoz i a térképet var map = new Map(); 300 }; var stack = new StackLayout { Spacing =0, HeightRequest = map.movetoregion(mapspan.fromcenterandradius(new Position( , ), Distance.FromMiles(40.3))); stack.children.add(map); StackLayoutMap.Children.Add(stack); rest.getshops(shoplist, map); Ezzel i de kérdéses dolgot egoldottu k az alkal azásu k a, ár sak a i tee dő k aradt, hog közzé teg ük az alkal azásu kat i dháro platfor o. 59

60 6.3. Alkal azás közzététele A Visual Studio ag o jó álasztás olt az alkal azás pu likálása sze po tjá ól, szi te i de t eg si ál a felhasz áló hel ett, sak éhá eállítással és katti tással kirakhatjuk alkal azásu kat a Google Pla ag a Wi do s Store áruház a. Az ios eseté e szi te i de áltozatla, itt se tudjuk elkerül i a tá oli Ma kör ezet en törté ő telepítést. Alkal azás közzététele a Google Play áruház a Az alkal azás közzététele előtt érde es eállíta i éhá dolgot az alkal azással kap solat a. Szi te i de eg es eállítás eg hel e található íg i s sok dolgu k. Az Android alkal azást ki álaszt a a eállítások e ü e állítsu k e alkal azás iko t, illet e erziószá ot. Csökke thetjük az alkal azás éretét, ha eállítu k eg li kert. Az első lehetőség az SDK Assa lies O l. Ez sak a egosztott kód a hasz ált összete őket hag ja eg, i de eg é e hasz ált összete őt eltá olít a kód ól. Sdk és User Asse lies ez a álasztás eghag i de ol a lehetőséget, amely a PCL-ben hasz ál a a. Tehát az első álasztás sak azokat a ko po e seket hagyja meg, amire az Android-nak szüksége a, a ásodik ég plusszban azokat, amik a PLC - e hasz ál a a ak. Illet e az alkal azás éretét ég sökke thetjük az A droid SDK ProGuard összete ő el. Ez eltá olítja a fel e hasz ált ja a te kódot az alkal azásu k ól. A két eszköz segítségé el akár eg edére sökke thetjük az alkal azásu k éretét. Bizto sági sze po t ól érde es kikap sol i az alkal azásu k a a hi akeresési ódot. Ha a Visual Studio - a újra fordítjuk az alkal azásu kat auto atikusa lege erálja szá u kra az aláírt apk fájlokat. Ezzel kihag hatjuk azt a éhá lépést, a it az Io i eseté e égre kellett hajta u k az alkal azás közzétételéhez. Ha minden eállítottu k, akkor ar hi áljuk a projektü ket. Itt ég érde es eg éz i, hog a projekt eállítások ál, e a -e kapcsol a a Release ód, i el az alapértel ezett eállítás a hi akeresés. Ha ezt e tettük eg, akkor e fogjuk tud i elkészíte i az alkal azásu k ar hí erzióját. Ha i de re d e törté t i s ás dolgu k, i t a egosztás go segítségé el közzéte i a Pla áruház a. 60

61 Windows Store A Mi rosoft ter ékek eseté e a a legeg szerű dolgu k. Katti tsu k jo go al az UWP alkal azásu kra és álasszuk a Store lehetőséget. Ha re delkezü k Mi rosoft fejlesztői fiókkal, eg telepítőhöz haso ló lépés sorozat segítségé ek rögtö felrakhatjuk alkal azásu kat a Wi do s Store áruház a. ios Az Ionic-hoz képest itt az ios telepítés ko figurá iója a gazdagépe törté ik, de itt is szükség a a tá oli XCode-ra az alkal azás elkészítéséhez és közzétételéhez. A tá oli szer er eállításokat se kell sokáig keres i, i el ha egpró álu k ios eszközre telepíte i, ag alkal azást futtat i a Visual Studio auto atikusa eli dítja a arázslót a kap solat létrehozásához. Azt e részletez é, hog XCode segítségé el, hog a kell alkal azást közzéte i, hisze szakdolgozato a a ulti-platform egoldásokról a szó Összegzés Összességé e a Xa ari t és Visual Studio-t ag o jó egoldás ak tarto rossplatfor alkal azások fejlesztéséhez. A egosztott kód és az eg edi kód aránya ag o jó. Az alkal azás készítése sorá, talá ég az % -ot se érte el a platfor o ké ti kód ará a. Ko ol a alkal azások ál, alószí űleg ez jó al tö lenne, de alószí űleg úg se halad á eg az %-ot. Háro platfor eseté e, ez ár el ille theti a Xa ari felé a fejlesztőket. A it legjo a hiá olok a fejlesztőkör ezet e, a Visual Studio-ban megszokott izuális szerkesztő felület. Ne sikerült az alkal azás ar ulatter ezéséhez, se il e egfelelő izuális szerkesztő ko po e st talál o. Ha lenne ilyen, 10- ől -esre értékel é a Xa ari -t. A doku e tá iója se tér ki a UI lehetséges szerkezeti felépítésére, it i e lehet hasz ál i, el ik ele ek el ik lehet ele e st. Összességé e az XAML szerkesztő orzal as. Ne elég, hog a doku e tá ió e tér ki a részletekre, a szerkesztő se jelzi az esetleges hi ákat. Mi de eg es hi a, fordítási idő e derül ki. Jelle zőe a kapott hi ák is sak azt o dják eg, hog az adott sor a ala i gond van, de hogy 61

62 mi okozza a hibát, arról e kapunk i for á iót, a fejlesztő ek kell kitalál ia. A NuGet so agkezelője ag o jó és re geteg előre elkészített plugin egtalálható e e. A so agok hi aja ításaira se kell sokat ár i, tapasztalatai alapjá hete te legalá eg frissítést kaptunk a telepített so agokhoz. A ézetek és az osztál ok közötti ko u iká ió kialakításá a is találta eg kis ki et i alót. Az osztál ok irá á ól a ézetek felé szi te ár i egoldható, iszo t a isszafelé ko u iká ió ki sit ehézkese. Például, ha eg katti tás ese é ek szeret é k átad i tö para étert. Ehhez úg e ezett Command létrehozására a szükség, a i ek leadhatjuk a kí á t para étereket. Véle é e szeri t sokkal eg szerű le e, ha ár úg is tudu k ese é ekre függ é eket hí i, hog a függ é ek ek eg ől át tud á k ad i a szükséges para étereket. De ez sak ké el i dolog, i el alójá a a lehetőség az il e ko u iká ió eg alósítására. Mára ár, hog a Mi rosofthoz került a Xa ari, jele tős áltozáso e t keresztül a re dszer. A i ag pozití u, hogy sokkal biztosabb alapokra helyezték. A rége i erziók a, azért ég voltak hiá osságok és a kör ezet sta ilitása is egi gott egy-eg frissítés sorá. A doku e tá ió i ősége is sokat ja ult az é ek sorá, de lát a az Io i doku e tá ióját, ég itt is a i e fejlőd i. Az alkal azás pu likálási fol a atát, ag o jól egoldották, kö e el égezhető a doku e tá ió alapjá. A szerkezeti felépítésé e észre ehető, hog eg ag o általá os egoldást kí ál a fejlesztők szá ára, szi te ár il e alkal azás elkészíthető a segítségé el. Az új eszköz spe ifikus szolgáltatások és frissítések, ki sit kés e kerül ek pu likálásra. Mo djuk ez ala il e szi te érthető, hisze, a ikor egjele ek az új tá ogatások, a csapatnak kell egy cross-platfor os i ple e tá iót készíte i az újdo ságokról és a fejlesztés is időigé es, főké t a tesztelése a platfor és a re geteg erzió iatt. Viszo t azt, hozzá kell te ü k, hog azért e ol só dolog Xa ari -ban fejleszteni. Mi el az új áltozatok sak Visuál Studio- al elérhetőek, az é i dolláros árat, sza adúszó fejlesztőké t e iztos, hog i de ki ki tudja fizet i. Ha eg pál akezdő fejlesztő, ulláról akar a Xa ari - a alkal azásokat fejleszte i, eszközökkel, licence - ekkel eg ütt, hozzá etőleg egy 5- dolláros efektetés le e. Ki ételt képez ek a diákok, ők i g e kipró álhatják a Xa ari -t. Ez szeri te eg agá állalkozó ak ag kezdő ek elég ahhoz, hog e kezdje foglalkoz i a Xa ari -nal. Ha lenne egy 62

63 e teljes fu k io alitású i g e es erziója, sokkal ag o fejlesztői köre lehet e. Íg is tö i t 1,5 illiós fejlesztői ázissal re delkezik, a i azért e ke és. A fejlesztői égek között is találhatóak ag e ek, i t a Pi teres ag Sla k. Ha ég a fejlesztői kör ezet ek a ak hiá osságai, a fejlesztés égter éke, az alkal azás, ag o jó. Való a képes fel e i a erse t a atí alkal azásokkal. Nehéz eldö te i, hog az alkal azás i e íródott, teljesít é ileg ki álóak, és az a legfo tosa té ező, éle é e szeri t, a it egy cross-platfor os kör ezet ek tudnia kell. Eg fejlesztés sorá a felhasz álók éle é e a legfo tosa, e sze po t, hog il e ódo fejlesztették az alkal azást. 63

64 7. Xa ari és Io i A kö etkező rész e szeret é összehaso líta i a két kör ezetet, ol a ér eket összeg űjte i, a el ek ek a tudatá a, segítséget tudok újtani a egfelelő keretrendszer ki álasztásá a. Mel ek azok a fejlesztési igé ek ag kö etel é ek, a el ek eg ik ag ásik platfor segítségé el kö e e ki itelezhetőek? Milyen elő ei ag hátrá ai a ak a fejlesztés ek? Milyen fejlesztési irá el ek lehet ek? 7.1. Alkal azásfejlesztési irá yok Eg alkal azás fejlesztésekor, az alkal azás élja ár elege dő lehet ahhoz, hogy eghatározzuk, il e platfor ra érde es fejleszte i. A ak elle ére, hog létez ek cross-platfor os egoldások a o il alkal azásfejlesztés e, a projekt üte ezése e feltétle i dokolja az il e egoldások hasz álatát. Ezek a egoldások, e efol ásolják például az A droid ag ios fejlesztői ázis sökke ését. Erre a rétegre ég i dig ag igé a. Képzeljü k el eg alkal azást, a i el elsősor a pé zt szeret é k keres i. Ter észetese itt jó egoldás lehet a ulti platfor, de e szeret é k eg szerre kifizet i az összes platfor fejlesztési költségét, illet e i él ol só a szeret é k egtud i, hog az alkal azás pia i sikere, e ire áll tá ol ag közel az el árásokhoz képest. Érde es az App Store-t álaszta i elsődleges pia ak, a i ől ár eg rálátást kapu k, hog érde es-e to á fejleszte i az alkal azásu kat eg é platfor okra. A ásik egközelítés, hog i g e es alkal azást szeret é k fejleszte i, hog eg izo os él soportot ég jo a agu khoz tudju k lá ol i. A leg ag o élközö séget a Google Pla szolgáltatja, tehát ezt a pia ot kell álaszta u k. A letöltések szá a és hog e ie hasz álják az alkal azásu kat jó e slést újthat, hog ár-érték ará a kifizetődő-e ios alkal azást fejleszte ü k. Persze ezek sak fel etések, ha alaki alkal azást szeret e készíte i ag készíttet i az izo ára eg a g őződ e az alkal azásá ak a sikerességéről. Összességé e tehát, eg ik fejlesztői sapat ak si s itől tarta ia, az igé és egre delők szá a ag já ól eg ségese egoszlik. 64

65 7.2. Alkal azásfejlesztési igé yek A ikor fejlesztői kör ezetet szeret é k álaszta i az alkal azásu k elkészítéséhez, a legfo tosa sze po t, hog is er ü k kell, az alkal azás élközö ségét és a kö etel é eket. Létezhet ek ol a kö etel é ek, a el ek ek tudatá a e biztos, hogy a cross-platformos keretrendszer elég tá ogatást újt, az alkal azás teljes fu k io alitásá ak a eg alósításához. Saj os ezek él a kör ezetek él, e ől a sze po t ól a fejlesztő kezei eg a ak köt e, a keretre dszer határokat állít a eg alósítással sze e. N il á aló, hog il e esetek e e tehetü k ást, i t az eg e ké t lefejlesztjük az alkal azást az egyes platformokra. A pia o lé ő alkal azások ól ítél e, e ek az előfordulása ige sekél. Az eg es kör ezetek közötti tá ogatás is jó ská eltérhet. Első lépés e a lehetséges egoldások közül, ki kell álaszta u k azokat a lehetőségeket, a el ek képesek az alkal azás teljes fu k io alitását eg alósíta i. Második ér adó po t lehet, hog az elkészíte dő spe ifiká ió e ire tá aszkodik a atí kö tárakra. A ak elle ére, hogy az Ionoc - ak is a tá ogatása atí kö tárakhoz, ha tö il e igé erül fel, i ká a Xamarin-t tudo ja asol i. Az Io i eseté e eg külö réteg a az alkal azás és a atí kö tárak között íg a teljesít é e is lassa, a Xa ari eseté en ez a réteg sokkal közele áll a atí kö tárakhoz. Ha valamilyen szempontot meg kellene határoznom, hog ikor érde es Io i -ot vagy Xamarin-t álaszta i, akkor azt o da á, hog ha e oldalké t képzeljük el az alkal azásu kat és az gyorsabban megvalósítható, i t ug a ez alkal azás astag klie s eseté e, akkor álasszuk i ká Io i -ot. Ha rö id határidejű és o olult UI -al re delkező alkal azást szeret é k, akkor is az Io i -ot ja asol á. Ha ag o adatszerkezetekről és o olult üzleti logiká al re delkező hel zet adódik, akkor i ká a Xa ari -t. Köztudott, hog a atí alkal azások jo a képesek kihasz ál i az eszköz erőforrásait. Az eddigi tapasztalatai alapjá, az Io i segítségé el g orsa a tudu k alkal azást készíte i. Érezhető e e, hog ki sit e es sze lélet ől közelíti eg a dolgokat, iszo t ezek re ekül hasz álhatóak és re geteg ko po e st kí ál ak. Az is fo tos sze po t lehet, hog a fejlesztési fázis fol a á e ire áltozhat eg az üzleti logika az egyes üte ezések alatt. Ha ez a áltozás ér adó, akkor eg értel űe hasz álhatjuk a PCL-t Porta le Class Li rar ag akár a Shared Project-et. Mi dkét 65

66 álasztás jó lehet szá u kra. Ezek a ja aslatok ter észete sak, akkor szá otte őek, ha úg kell o il alkal azást fejleszte ü k, hog ag eg kell ta ul u k eg új progra ozási el et, vagy ég i s is eretü k se il e ross-platformos fejlesztői kör ezet e. Ha alaki jártas eg keretre dszer e, a i egoldást újt a pro lé ájára, akkor ter észetes azt kell álaszta ia Megosztott kód és platfor függő egoldások A megosztott kód ará a íl á az Io i eseté e ala so a. Ez e i de eset e jó az alkal azás sze po tjá ól. Ha ol a projektet kell készíte ü k, ahol a űködés eltérhet az eg es platfor ok között, akkor Io i eseté e feltétel lokkok segítségé el tudjuk ezt egte i. Ez átláthatatla á teszi a kódot és feleslegesen hajt égre eg so ó feltétel izsgálatot. Elle tét e a Xa ari Shared Projekt egoldásá a, a fordító sak az adott platfor ra ér é es kódokat fordítja le. E e az eset e ja asolta a Xa ari egoldása. A Xa ari álasztása ellett szólhat az is, hog e sak a egosztott kód értéke ala so, ha e az operá iós re dszer felületi ele ei eg ségese kezelhetőek a Xa ari For ok segítségé el. A szolgáltatás lé ege, hog eghatározott felületi ele ek kö tárá ól álogat a létrehozu k eg felhasz álói i terfészt, fordításkor pedig a Xa ari összeköti ezeket a felületi ele eket az adott operá iós re dszer atí ele ei el. Il e például a StackLayout, melynek a egfelelője Wi do s Pho e eseté e a Sta kpa el, A droid eseté e pedig eg LinearLayout. A Xa ari ég eg új dolgot ezetett e, eg új ter ezési i tát MVVMet (Model-View-ViewModel). A i ta lé ege, hog alkal azásu kat háro, jól elkülö íthető részre o tsuk szét, íg eg részt jo a átlátható á és elkülö íthető é ál ak az eg es rétegek, ásrészt pedig a projekt e edzs e t helyzete is eg szerű é álik. Miért érdekel é a felületter ezőt, hog az alkal azás a háttér e honnan kapja az adatot? És iért árjuk el tőle, hog tö száz soros kódokat há ozzo át ahhoz, hog egtalálja, hol is íra át kódszi te, a felülete lé ő szö egeket? 66

67 19. á ra MVVM Alkal azásu kat tehát háro jól elkülö ülő logikai rész e tudjuk felépíte i. A View fogja tartal az i a felületeket, itt határozzuk eg a külö öző képer ők egjele ését. A Model - szá dékosa seréltem fel a sorrendet tartalmazza a deklará ióját az adateg ségek ek osztál ok, a ag lass-ok), hogy pontosan milyen adattípusokkal is fog dolgoz i az alkal azásu k. A ViewModel pedig az utó i kettő összekötését oldja eg. Itt kerül ek példá osításra az o jektu ok, itt határozzuk eg a g űjte é eket, el eket ala il e for á a szeret é k a felülete egjele íte i. Ezt a i tát ig ekezte kö et i a e utató alkal azás sorá is. 67