Sovelluskehitystä: Pahvidemo online

Viikko sovelluskehitystä on takana ja Pahvi on edistynyt varsin nopeasti.

Tällä hetkellä Pahvissa toimii (tavalla tai toisella) tekstilaatikoiden ja tyhjien taustalaatikoiden lisäys, niiden koon muutos, raahaaminen, poistaminen, syvyystason määrittäminen, tekstin muokkaus sekä laatikoiden taustavärin ja tekstin värin muuttaminen. Lisäksi esitysmoodi on toiminnassa.

Pahvia on testattu Chrome-, Firefox-, Safari- ja Opera-selaimien uusimilla tai uudehkoilla versioilla, ja niillä kaikilla sovellus toimii varsin hyvin. Eniten ongelmia edellä luetelluista selaimista tuottaa Opera. Internet Explorerilla Pahvia ei ole vielä testattu, joten IE-yhteensopivuudesta ei ole toistaiseksi tietoa. Oletan, että IE9 saattaa toimia ainakin osittain. Esitystilassa käytössä oleva plugin zoomooz tukee myös IE9-selainta.

Kaikki kommentit ja palaute Pahvista on erittäin tervetullutta, joko tänne blogiin tai sähköpostitse janne.saarela(AT)opinsys.fi. Ja muistattehan, että sovellusta on kehitetty vasta viikon ajan, joten se on vielä varsin "alpha-asteella" :)

Pahvia pääsee kokeilemaan käytännössä täällä:
http://pahvidemo.opinsys.fi/

Sovelluskehitystä: Pahvi kehittyy

Kolme päivää vauhdikasta sovelluskehitystä on nyt takana. Pahviin on tullut tässä ajassa jo varsin mukavasti toiminnallisuutta.
Tekstilaatikon:

• muokkaus
• poisto
• koon muuttaminen
• syvyystason (z-index) säätö
• siirtäminen pahvilla eri paikkaan

sekä layers-valikko, jossa voi tällä hetkellä vaihtaa elementtien syvyystasoa, ovat tällä hetkellä jo Pahvissa.

Muutimme hieman mediavalikon perusajatusta, ja nyt siinä on vain lisää(+)- ja layers-näkymät. Ajatuksena on, että lisää-näkymästä raahataan muokkausalueelle eri mediaelementtejä ja kaikki lisätyt mediaelementit näkyvät sitten layers-näkymässä.


Layers-valikkoon tulee myöhemmin enemmänkin valittuun objektiin liittyviä toimintoja.
Alla olevassa kuvassa on havainnolistettuna ajatus siitä (Layer properties-kohta).

Pahvin muokkaustilan perusnäkymä tällä hetkellä

Mediavalikon voi piilottaa näkyvistä muokkaustilassa.

Esitysnäkymässä mediavalikko häviää näkyvistä ja
elementit muuttuvat "zoomautuviksi"
(http://janne.aukia.com/zoomooz/).

Jos haluat kokeilla Pahvia, ja Git on tuttu, niin suuntaa Pahvin GitHub-sivulle ja forkkaa :)
Pahvin virallinen demosivu tullee jo tämän viikon loppuun menessä, mutta viimeistään ensi viikon alussa.

Sovelluskehitystä: Pahvi pystyyn

Viikoilla 3-4 on vuorossa opinnäytetyön sovelluskehitysvaihe. Kuten aiemmin olen maininnut, kehityksen kohteeksi päätyi "Pahvi" - yhteistoiminnallinen mediaesitysten koontisovellus.

Pyrin blogaamaan lyhyesti joka päivän tuloksista tai aina kun mainitsemisen arvoista kehitystä on tapahtunut. Demosivusto on tarkoitus myös aukaista mahdollisimman pian, eli heti kun sovellus on siinä vaiheessa, että sitä on edes jossain määrin järkevää käyttää.

Pahvin kehitys aloitettiin siis eilen varsin mukavalla tohinalla. Kahden viikon sprintin tavoitteena on saada aikaan toimintakelpoinen prototyyppi, jolla voi koota tekstiä ja kuvia sekä julkaista niitä zoomooz.js-kirjaston mahdollistamalla tavalla. Kaikki muu sen päälle on tietysti plussaa.

Luultavasti tärkeimpänä lisänä minimivaatimusten lisäksi voisi pitää sovelluksen reaaliaikaisuutta. Toisin sanoen sitä, että samaa "Pahvia" eri laitteilla muokkaamassa olevat henkilöt näkevät toistensa tekemät muutokset samanaikaisesti. Muita Pahviin pohdittuja ominaisuuksia voi tarkastella GitHubissa, lisäksi siellä voi seurata sovelluksen teknistä kehitystä tai miksipä ei myös osallistua siihen :)

Itse kehitän lähinnä Pahvin ulkoasua ja käytettävyyttä. Esa-Matti ja Jouni taas keskittyvät enemmän taustatekniikkaan ja sen koodaukseen.

Eilisen ja tämän päivän jälkeen sovelluksen ulkoasun pohja on jo ihan hyvällä mallilla. Lisäksi tekstin muokkaaminen, tekstilaatikoiden raahaminen ja poistaminen muokkausalueella sekä niiden syvyystason säätö toimivat. Pahvissa on toiminnassa myös esityksen muokkaus- ja esitystilat.

Tällä hetkellä Pahvi näyttää tältä:

Perusnäkymä, hiiri toisen tekstilaatikon päällä

Esitysmoodi päällä, tekstilaatikon zoomaus aktiivinen

Herättääkö tämän hetkinen ulkoasu ajatuksia tai tuleeko mieleen jotain muuta kommentoitavaa?