![](\"http:\/\/appinventor.mit.edu\/explore\/sites\/all\/files\/support\/main\/AppInventor-Doc-Diagram.png\")
<\/a><\/p>\nIrudian ikusi daitekeen bezala, AppInventor-ek zerbitzari batzuetan gordetazen ditu guk sortutako programak, modu horretan edozein lekutik lan egin dezakegularik.<\/span><\/p>\n Bestalde, programa bat egiteko garaian, AppInventor-en bi gunetan lan egingo dugu:<\/p>\n Hasi baino lehen, Google-en kontu bat izan behar dugu, eta nabigatzaile bat ireki, AppInventor 2-en web lekura joanez: http:\/\/ai2.appinventor.mit.edu\/<\/a><\/p>\n Hasieran, AppInventor-ek esango digu nola lortu dezakegun telefono mugikorra AppInventor-era konektatzera. Hau egin ezkero, gauzak egiten ditugun einean, mobilean ikusiko ditugu.<\/p>\n App bat nola egiten den ikasteko, zer hobeto bat egitea baino!! Benetazko App dibertigarri bat sortuko dugu: FutbolZale<\/p>\n Zertan datza FutbolZale<\/strong>: ideia irakasle batzuen artean sortu zen egun batetan bazkaltzen genuen bitartean, gure lagun athletic zaleak, erreal zaleak, eta eibar zaleak zirikatu ditzakegularik. Imaginatu athletic zalea den lagun bateri argazki bat ateratzen diogula. App-ak argazkia ateratzera ahaleginduko du, eta gero hiru ekipo horietako kamiseta bat gainjarri diezaiokegu. Noski, gure kasuan errealaren kamiseta jarriko diogu, eta gero argazki hori gure lagunen artean partekatu dugu (WhatsApp-en adibidez!!). Argazki trukatu hau, gorde, bidali, etab. egin ahal izango dugu. Prest? Aurrera!!<\/p>\n Lehenik, diseinadorean lan egingo dugu, botoiak eta beste elementuak sartuz. Erabiliko ditugun irudiak hemen utzi dizkizuet eskuragai: http:\/\/bit.ly\/futbolzale<\/a>. Deskargatu, eta karpeta batetan utzi zure ordenagailuan.<\/p>\n AppInventor-en aurkituko dugun lehen gauza, pantaila bat da (Screen<\/em> ingelesez). Gure kasuan pantaila bakarrarekin lan egingo dugu, eta bertan honako elementuak sartuko ditugu, eta izen esanguratsuak jarri gero gogoratu ahal izateko:<\/p>\n Image Sprite<\/strong> elementua, argazki elementu bat da, bainan mugimendua izan dezakelarik. Gure kasuan, behatzarekin mugitu ahal izango dugu, gure lagunaren gorputzaren gainean jarri ahal izateko.<\/p>\n Guztira horrela geldituko litzateke:<\/p>\n Nik elementu bakoitzaren izena aldatu egin diot, gero askoz errazago delarik bakoitzarekin \u201cgauzak\u201d egitea, eta ez gara liatuko.<\/p>\n Hurrengo pausoa, aplikazioaren logika garatzea izango litzateke. Hau blokeak erabiliz egingo dugu.<\/p>\n Blokeen pantailan, lehen sortutako elementu bakoitzekin egin ditzakegun ekintzak agertzen dira. Adibidez, honako blokeak jartzen baditugu:<\/p>\n Lehenengo ekintza, argazkia ateratzeko botoia sakatzen dugunean aplikazioak zer egingo duen adieraztea da: When btnAteraArgazkia.Click<\/em>, hau da, botoia sakatzen dugunean, mugikorraren kamarari argazki bat ateratzera eragiten diogu: Call Camera1.TakePicture<\/em>.<\/p>\n Behin argazkia aterata (AfterPicture blokea<\/em>), orduan ImageSprite<\/strong> elementuan argazki hori jartzen dugu irudi bezala. Hurrengo blokeek imagina rotatzeko kapazidadea ematen digute. Behin rotazioa egin eta gero (beharra badago), ImageSprite<\/strong> horretan dagoen irudia Canvas<\/strong> elementura pasatzen dugu fondoko irudi bezala, eta MU-ren logoa ikusgai jartzen dugu (Canvas<\/strong>-ean gainjarriz). Hau exekutatu ezkero, argazki bat atera, eta Canvas<\/strong>-ean jarriko da, MU-ko logoa agertaraziz.<\/p>\n Eskuineko partean, \u201cImagePicker\u201d<\/strong> elementuaren ekintzak agertzen dira. Hau da, argazkia kamararen ordez, galeriatik hartu nahi badugu, botoia sakatu, eta mugikorrak argazkia aukeratzea eskatuko digu, argazki hori aldagai global batetan sartu, eta gero Canvas<\/strong>-aren fondo bezala ezarriz. Bukaeran ere, MU-ko logoa gainjarriko dugu.<\/p>\n Hurrengo blokea askoz sinpleagoa da:<\/p>\n<\/div>\n Oraingoan, ImageSprite<\/strong> elementuak (kamisetak alegia), behatzarekin mugitzeko ekintzak adieraziko ditugu. Horretarako, kamiseta bakoitzaren elementuak \u201cDragged<\/strong>\u201d motatako elementu bat izango du, eta hau mugitzean, elementu hori gure behatzak duen posiziora mugitu arazi egingo dugu (pantailaren X eta Y ardatzetan).<\/p>\n AppInventor-ek ez dakar bi hatzekin irudi bat handitu edo txikitzeko posibilidaderik, beraz, kamiseta gure lagunaren gorputzean ondo finkatzeko bi botoi sartu ditugu lehen: zoom bat handitzeko, eta beste bat txikitzeko (btnZoomIn<\/strong>, btnZoomOut<\/strong> botoiak). Erraz ikusi daitekehen bezala, ZoomIn botoia sakatuz gero, kamiseta ezberdinen lodiera eta altuera aldatu dezakegu.<\/p>\n\n
Egingo al dugu App bat? FutbolZale!<\/h2>\n
\n
\n
\n
\n
\n
\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n