torstai 19. joulukuuta 2013

Loppukatsaus

Kurssin alkuvaiheessa opettajani sanoi ettei googleplay tunnusten hankkiminen ole pakollista, joten en ole vielä vähäisen rahatilanteen vuoksi niitä hankkinut. Appiukko app mitä olen yhteistyössä kehittänyt kurssin aikana v-logaaja papananaaman kanssa, on vielä vaiheessa ja lopullinen julkaisu storessa venyy varmaan ensivuoden puolelle. Beta versio joka löytyy alempaa on kuitenkin toimiva versio, mutta ilman tiettyjä ominaisuuksia joita haluamme vielä ohjelmaan laittaa.

Koska app on tilaustyö, haluan sen olevan täysin valmis ennenkuin se laitetaan mihinkään julkiseen jakoon tai sitä ylipäänsä mainostetaan mitenkään.

App on siis suunnattu niille ihmisille jotka seuraavat papananaaman toimintaa eripuolilla somea. App on vähänniinkuin lahja niille jotka jo tietävät hänet. Tämä oli meidän lähtökohtamme.

liki 30k tilaajaa youtube kanavallaan takaa kyllä latausmäärät sitten kun app julkaistaan. Myös omat seuraajani lataavat app'n aivan varmasti jos pelkkiä latauskertoja haluaa haalia. Tämä ei kuitenkaan ole tarkoituksena tässä että kuka nyt saa eniten latauksia, se ei meitä kiinnosta. Tiedämme että niitä tulee, niin siitä ei tarvitse murehtia.

- Heikki
a1200730

sunnuntai 1. joulukuuta 2013

Appiukko beta

Aloin kehittämään siis mobiilituotekehitys kurssin softaksi ystäväni youtube menestyksen pohjalle hänelle suunnattua applicationia. Kyseessä on siis sosiaalisen median kokoava app joka tulee vielä tulevaisuudessa tekemään enemmän, kunhan aikataulut ja muut antavat periksi. Tällähetkellä projekti on hieman jäissä ystäväni henkilökohtaisten syiden takia. Itse pyrin kuitenkin vielä kurssin loppuun mennessä kehittämään beta versiossa toimimattomat asiat toimiviksi.

App perustuu siis http://youtube.com/user/papananaama käyttäjään ja hänen huumoriinsa/sosiaaliseen mediakäyttäytymiseen. Aiomme julkaista appin storessa vasta sitten kun se on meidän molempien mielestä totaalisen valmis.

Lataa APK tästä ja kokeile. tässä muutama kuva kun testasin ohjelmaa HTC sense puhelimella.

Kaikki applicationin kuvat ovat joko minun ottamiani valokuvia tai tekemiäni.

status: beta

HUOM!!!!
mm. tulevia asioita kunhan youtube api päättää julkaista sen, push notification uusista videoista. tällähetkellä aiheesta oli saatavilla vain luentoja muttei mitään koodia. eli odottelemme. JOS joku sattuu tietämään miten kyseisen asian voisi ratkaista toisin, otan ilomielin tietoa vastaan!



torstai 28. marraskuuta 2013

torstai 10. lokakuuta 2013

connection game (not working)

Yritin saada tämän koodin perusteella toimimaan itse connection game ohjelmaa, mutta vaikka taistelin sen parissa kauan, en saa sitä toimimaan emulaattorissa. missäköhän mahtaa olla vika? koodi on kuitenkin pieniä muokkauksia lukuunottamatta melkein sama.

<!DOCTYPE html>
  <head>
    <title>Guess your connection</title>
  
    <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
  
    <script type="text/javascript" charset="utf-8">
   
        document.addEventListener("deviceready", onDeviceReady, false);
   
             function onDeviceReady() {
        checkConnection();
    }

    function checkConnection(guess) {
        var networkState = navigator.network.connection.type;

        var states = {};
        states[Connection.UNKNOWN]  = 'Unknown connection';
        states[Connection.ETHERNET] = 'Ethernet connection';
        states[Connection.WIFI]     = 'WiFi connection';
        states[Connection.CELL_2G]  = 'Cell 2G connection';
        states[Connection.CELL_3G]  = 'Cell 3G connection';
        states[Connection.CELL_4G]  = 'Cell 4G connection';
        states[Connection.NONE]     = 'No network connection';
   
                    if (states[networkState] == guess){
                        alert('that's right, your connection is ' + states[networkState]);
                    }else{
                        alert('no, guess again.');
                    }
               }
    </script>
   
  </head>
 
  <body>
    <h1>Guess your connection!</h1>
            <button onClick="checkConnection('None')>No connection</button>
          <button onClick="checkConnection('2G')">2G</button>
          <button onClick="checkConnection('3G')">3G</button>
          <button onClick="checkConnection('4G')">4G</button>
          <button onClick="checkConnection('WiFi')">WiFi</button>
          <button onClick="checkConnection('Ethernet')">Ethernet</button>
  </body>
</html>

Alert boksin testaus

Testailin tämän linkin perusteella alert ominaisuuden toimintaa.
Alempana koko koodi ja ohjelman status on toimiva. En sinällään kohdannut mitään ongelmia, koska lähteessä olevat ohjeet olivat selviä ja koodi helppolukuista mistä oli siis helppoa muokata sitä.

Ainoana asiana olisin halunnut buttoneihin erottelun, että tulee eri viesti painettaessa, mutta sitä en saanut aikaiseksi. Olisiko tähän kenties vinkkejä jos tuota koodia katsoo?


<!DOCTYPE html>
<html>
  <head>
    <title>Alert testing</title>

    <style>
        body {
            background-color: #000000;
            font-size: 12px;
            text-align: center;
        }
    </style>

    <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
    <script type="text/javascript" charset="utf-8">

    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
    }

    function onConfirm(button) {
        alert('ei pida uskoa kaikkea mita netissa sanotaan! Kannykassasi on nyt virus ');
    }
   

    function showConfirm() {
        navigator.notification.confirm(
            'You are the winner!',
            onConfirm,             
            'ONNEKSI OLKOON',          
            'lunasta voitto,poistu'
        );
    }

    </script>
  </head>
 
  <body>
    <a href="#" onclick="showConfirm(); return false;">Paina tasta niin voit voittaa auton!!!</a>
  </body>
</html>

keskiviikko 9. lokakuuta 2013

simple jquery hello world

Tässä simppeli jquery hello world. div id kutsuu hello worldia. id on hello tässä tapauksessa. jquery kirjasto linkitetty webistä koska helpompi testata itse jos haluaa vain ottaa koodin ja kokeilla.
 
<!DOCTYPE HTML>
<html>
<head>
    <title>jQuery Hello World</title>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>

<body>
    <script type="text/javascript">
        $(document).ready(function(){
         $("#hello").html("Hello World");
        });
    </script>

<div id="hello">
</div>

</body>
</html>

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.