Mobiilituotekehitys: syyskuuta 2013

maanantai 23. syyskuuta 2013

Hello Cordova

Tein hello cordova device kokeilun
seuraavien linkkien pohjalta. TÄMÄ ja TÄMÄ. Ensimmäinen linkki on tämän kurssin opettajani, Tero Karvisen materiaalia ja toinen phonegap materiaalia.

En kohdannut ongelmia tehdessäni tätä cordova api kokeilua, koska minulla oli pohja jo aikasemmin tehdyistä.

tekijä: Heikki Mitikka
status: toimii

seuraavaksi screenshotit, mistä näkee hieman koodia ja sen että tämä toimii onnistuneesti emulaattorissa.

MainActivity.java ---> run = avautuu emulaattoriin

main activity kutsuu index.html tiedostoa.

tässä index.html periaate jota main activity kutsuu.

kuvassa toimiva testaus emulaattorissa.

maanantai 16. syyskuuta 2013

kuvia

Tehtävänä oli tehdä jqueryllä peli missä on grafiikkaa (kuvia). En kuitenkaan keksinyt peliä niin tein itse ottamistani valokuvista sliderin, missä nappia painamalla kuva vaihtuu.

käytin http://www.slidesjs.com scriptiä normaalin jquery scriptin lisäksi.

Sivu on testattavissa TÄÄLLÄ

Heikki Mitikka
Status : toimii

<!doctype html>
<head>
<style>
    #slides {
      display:none;
    }
</style>

            <link rel="stylesheet" href="js/jquery.mobile-1.3.2.min.css" />

           <script src="js/jquery-2.0.3.min.js"></script>
           <script src="js/jquery.slides.min.js"></script>

<script>
    $(function(){
      $("#slides").slidesjs({
        width: 400,
        height: 200
      });
    });

    $(function(){
$("#slides").slidesjs({
    navigation: {
      active: true,
      effect: "slide"
    }
});
});
</script>
</head>
<body>
<div id="slides">
    <img src="kuvat/1.jpg">
    <img src="kuvat/2.jpg">
    <img src="kuvat/3.jpg">
    <img src="kuvat/4.jpg">
    <img src="kuvat/5.jpg">
</div>
</body>

torstai 12. syyskuuta 2013

random numero generaattori

KOKEILE OHJELMAA TÄSTÄ!

maanantai 9. syyskuuta 2013

Hello Cordova!

Tulin kurssille vasta toisella kerralla ja jouduinkin siis itse painimaan ensimmäisen tehtävän parissa ja selvittämään miten koko homma toimii. Toisaalta koin sen hyväksi, koska jouduin nimenomaan itse tekemään ja kokeilemaan.

Aloitin tehtävän tekemisen asentamalla ubuntun windowsin rinnalle. Ubuntua oli tullut asenneltua ennenkin, joten se ei ollut mikään ongelma.

Asensin Eclipsen opettajani Tero Karvisen ohjeiden mukaisesti.

$ sudo apt-get update && sudo apt-get -y install ia32-libs eclipse

Eclipsen asennuksessa ei ollut mitään ongelmia.

Seuraavaksi googlasin install android eclipse plugin

Seurasin tarkasti opettajani laatimia ohjeita ja asensin android kehitysympäristön onnistuneesti wizardin avulla jälleen ilman mitään ongelmia. Ajattelin että minulla oli varmasti tuuria matkassa koska kaikki toimi niinkuin pitikin ja sain Hello Worldin toimimaan heti ensimmäisellä yrityksellä.

Seuraavaksi siirryin hello phonegap kohtaan opettajani ohjeissa, mutta jostain syystä en saanut näillä ohjeilla terminaalin kautta mitään toimimaan, joten kaverini linkkasi minulle TÄMÄN blogin, jonka ohjeita seuraamalla sain phonegapin toimimaan ilman mitään ongelmia.

Käytin terminaalissa seuraavat komennot jotka lainasin ylempänä linkkaamasta blogista

$ mkdir assets/www/
$ wget https://github.com/phonegap/phonegap/zipball/2.1.0
$ unzip 2.1.0
$ rm 2.1.0
$ cp -i phonegap*/lib/android/cordova*.jar libs/
$ cp -i phonegap*/lib/android/cordova*.js assets/www/
$ cp -ri phonegap*/lib/android/xml/ res/
$ rm -r phonegap-phonegap*/

Jatkoin loput opettajani ohjeiden mukaisesti jonka linkki löytyy tämän merkinnän alusta.