Sivuston avulla Coreplast tavoittelee erityisesti uusia ulkomaalaisia tukkureita ja jälleenmyyjiä, mutta myös kuluttajille on oma osionsa.

Coreplast on tunnettu erityisesti huippulaadukkaista Coreflect- ja Talmu-heijastimista. Lue lisää osoitteessa www.retailreflector.com.

Sivustolle tullaan tuottamaan vielä Angry Birds -heijastinanimaatio, verkkokauppa, sekä käännökset venäjäksi ja ruotsiksi.

Suomessa Rovion kanssa yhteistyötä ovat tehneet aikaisemmin Finnair ja Fazer, joten pääsimme hyvään seuraan.

Angry Birds –heijastimista turvaa jalankulkijoille

Angry Birds heijastimet loistavat katukuvassa ensi syksynä. Heijastinvalmistaja Coreplast Laitila Oy ja Rovio Entertainment Oy solmivat lisenssisopimuksen, joka yhdistää kaksi tunnettua suomalaista innovaatiota. Vihaiset linnut välähtelevät syyspimeässä turvaten jalankulkijat ja varsinkin koulunsa vasta aloittaneet keltanokat.  Yhteistyön tavoitteena on nostaa tietoisuutta heijastimista jalankulun liikenneturvallisuuden parantajina. vähittäiskaupan ja Euroopan jälleenmyyjien kiinnostusta heijastimista. Suomessa tuotteita jakelee mm Tammer-Tukku Oy ja Toy-Pap Oy.

”Rovio haluaa ilahduttaa ja turvata faninsa nykyaikaisilla, viihdyttävillä Angry Birds -heijastimilla. Angry Birds -heijastimet ovat paitsi hauskan näköisiä, myös äärimmäisen tehokkaita. Ne suojelevat fanejaan Angry Birdseille luontaisella suojeluinnokkuudella.  Valitsemme lisenssituotevalmistajamme korkeilla laatukriteereillä”, kertoo Rovion lisenssi ja tuotemyynnistä vastaava Harri Koponen.

”Olemme tyytyväisiä yhteistyöstä ja tuotteista jotka avaavat uusia ovia Euroopan vähittäismarkkinoilla. Heijastin on vielä suhteellisen tuntematon turvallisuustuote Pohjoismaiden ulkopuolella, joten yhteistyö huippusuositun Angry Birds -brandin kanssa takaa kiinnostuksen jälleenmyyjien parissa. Tilauksia on jo tullut, vaikka tuotetta ei ole julkistettu”, sanoo Mikko Koivisto, Coreplast Laitila Oy:n toimitusjohtaja.

Yhteistyön kautta heijastin tutuksi

Euroopassa heijastimien vaikutus liikenneturvallisuuteen ei ole selviö.  Angry Birds -brändättyjen heijastimien avulla tavoite on kiinnittää kuluttajan huomio uuteen turvallisuustuotteeseen. Myymälässä lattiatelineen yhteydessä pyörii havainnollistava video siitä, kuinka tuote toimii pimeällä.

Coreplast tukee Maailman Terveysjärjestön (WHO) globaalia Decade of Action for Road safety 2011-2020 –kampanjaa, joka vetoaa kaikkien maiden hallituksiin liikenneonnettomuuksien vähentämiseksi. Suomessa heijastin yleistyi 1970-luvulla ja tämä näkyy jalankulkijaonnettomuuksien määrän laskuna.

Lisätietoja:
Mikko Koivisto, toimitusjohtaja, Coreplast Laitila Oy, +358 50 5301714, mikko.koivisto@coreplast.fi, www,coreplast.fi,
Rovio Entertainment Oy,  media@rovio.com

Coreplast Laitila Oy on maailman johtavia muoviteollisuuden sopimusvalmistajia. Visuaalisia ja mittatarkkoja muovituoteratkaisuja tehdään mm. sähkö-, elektroniikka-, kodinkone-, ympäristö- ja huonekaluteollisuudelle. Lisäksi valmistamme turvallisia COREFLECT heijastimia.  Tuotannostamme yli 40 % päätyy vientiin eri maanosiin, kaikkiaan 35 maahan. Vuonna 2010 liikevaihtomme oli 13 milj. euroa ja henkilökuntamme määrä noin 80.

Rovio Entertainment  Oy on viihde- ja mediayhtiö maailmalla menestyneen Angry Birds -brändin takana. Vuonna 2009 Rovio julkaisi Angry Birds -pelin ja sen hahmoista tuli maailmanlaajuinen ilmiö. Angry Birds -pelit ovat nauttineet kasvavasta suosiosta kaikkialla maailmassa, ja ilmiö on laajentunut yhä uusille liiketoiminta-alueille. Rovio laajentaa toimintaansa animaatioiden, oheistuotteiden, julkaisu- ja kustannustoiminnan, sekä erilaisten palvelujen saralla. Rovion pääkonttori sijaitsee Espoossa. www.rovio.com

Haavoittuvuus perustuu siihen, että esim. PHP:n moottori käsittelee lähetetyn pyynnön hajautustaulujen avulla. Verkkopalvelut toimivat näiden pyyntöjen avulla. Esimerkiksi kun haet meidän sivustolta jotain, ilmestyy osoiteriville ?s=XXXX&lang=fi, jossa “s” on avain ja “XXXX” arvo. Koodissa sitten katsotaan, että löytyykö “s”-avainta ja jos löytyy niin tehdään haku sen arvolla (“XXXX”).

Kun lähetetyt avaimet ovat ei-numeerisena, antaa PHP 5 avaimille osoitteen hajautustaulusta DJBX33A-funktion avulla. Funktio voi antaa saman osoitteen eri avaimille. Saman tuloksen saa esimerkiksi tt ja uU. Mitä useampi avain on samassa osoitteessa, sitä kauemmin kestää prosessointi. Tauluun syöttö vie resursseja n^2, jossa n on samassa osoitteessa olevien avainten määrä.

Kun saman hash-arvon omaavia avaimia syötetään tuhansia, kestää prosessoinnissa jopa minuutteja. Yhdessä kyselyssä näitä pareja voi olla äärettömästi POST-pyynnössä, ellei palvelinohjelmistossa ole toisin määritelty. Kun pyyntöjä tehdään lukuisia palvelimelle samaan aikaan, käyttää palvelin niihin kaikki tehonsa, eikä pysty enää tarjoilemaan sivuja.

Näitä kyselyitä voi tehdä myös JavaScriptin avulla. Eli mikäli suosittuun verkkopalveluun pääsee tietoturva-aukon kautta syöttämään hyökkäyskoodia, ajaa jokainen palvelun käyttäjä automaattisesti kyseisen koodin, joka on kohdistettu kaatamaan haluttu palvelin.

Voit varmistaa oman palvelimesi turvallisuuden esimerkiksi https://github.com/koto/blog-kotowicz-net-examples/tree/master/hashcollision -osoitteesta löytyvien skriptejen avulla. Tuotantopalvelinten kanssa kannattaa yllättäen olla varovainen tätä testaillessa.

Suojautuminen

Suhosin: En nää mitään syytä jättää Suhosinia asentamatta, meidän palvelimilla se on ollut aina. Suhosin suojaa lukuisilta haavoittuvuuksilta, myös tältä. Suhosin rajaa automaattisesti pyynnön muuttujien määrät (oletuksena tuhanteen).

post_max_size: Kuinka monen tavun kyselyt palvelin hyväksyy. Mikäli sivusto ei vastaanota tiedostoja tai muuta suurta dataa, kannattaa tämä asettaa mahdollisimman pieneksi.

max_input_time: Kuinka kauan PHP saa prosessoida lähetettyä dataa.

max_input_vars: Kuinka monta avain-arvo-paria PHP sallii lähetettävän. (PHP versiot 5.3.9 ja eteenpäin)

ModSecurity: Hyvä ylipäätänsä olla käytössä. Noudata varovaisuutta, ettei ohjelmisto estä myös normaaleja pyyntöjä, kuten HTML/Word-syötteitä.

Raportti

http://events.ccc.de/congress/2011/Fahrplan/attachments/2007_28C3_Effective_DoS_on_web_application_platforms.pdf

Usean sivun kääntäminen on hankalaa, mikäli kääntäjät eivät pääse aloittamaan aina oletuskielen versiosta, eli esimerkiksi englannista. Tämä ei ole tällä hetkellä enää Apostrophessa mahdollista, koska uusien ominaisuuksien ja parantelujen myötä meidänkin oletuskielimuokkaukset lakkasivat toimimasta.

Tätä ongelmaa varten teimme napin, jota klikkaamalla sivuun kopioituu kaikki oletuskielen elementit. Nappia klikkaamalla kääntäjän on mahdollista kääntää oletussisältö halutulle kielelle yksi elementti kerrallaan. Ohessa tarvittava koodi:

public static function copyPage($pid, $lang, $author_id)
{
	$q = Doctrine_Query::create()->from('aArea a')
	->where('a.page_id = ? AND culture = "en"', $pid)
	->execute();

	foreach($q as $r) {

			// Check that the old record doesn't exists
		$oldExists = Doctrine_Query::create()->from('aArea a')
		->where('a.page_id = ? AND culture = ? AND name = ?',
			array($pid, $lang, $r->getName()))
		->count();

			// If record is found skip to next element
		if($oldExists > 0) {
			continue;
		}

			// Insert new aArea and aAreaVersion
		$aArea = new aArea();
		$aArea->page_id = $pid;
		$aArea->name = $r->getName();
		$aArea->culture = $lang;
		$aArea->latest_version = 1;
		$aArea->save();

		$aav = new aAreaVersion();
		$aav->area_id = $aArea->getId();
		$aav->version = 1;
		$aav->author_id = $author_id;
		$aav->diff = '';
		$aav->save();

			// Insert aSlot & aAreaVersionSlot
		$asq = Doctrine_Query::create()->from('aAreaVersionSlot avs')
		->leftJoin('avs.AreaVersion av')
		->leftJoin('avs.Slot as')
		->where('av.area_id = ?', $r->getId())
		->having('av.version >= ALL(SELECT version FROM a_area_version WHERE area_id = ?)', $r->getId())
		->execute();

		foreach($asq as $asqr) {
			$os = $asqr->getSlot();

			$slot = new aSlot();
			$slot->type = $os->getType();
			$slot->variant = $os->getVariant();
			$slot->value = $os->getValue();
			$slot->save();

			$avs = new aAreaVersionSlot();
			$avs->slot_id = $slot->getId();
			$avs->area_version_id = $aav->getId();
			$avs->permid = $asqr->getPermId();
			$avs->rank = $asqr->getRank();
			$avs->save();

		}
	}
}

Tähän on erittäin yksinkertainen syy. sfGuardin login-sivu palauttaa 401-statuksen, mikäli Symfonyyn ei olla kirjauduttu. Selain tulkitsee sen niin, ettei sivustolle olla kirjauduttu vielä ja kysyy täten salasanoja uudelleen, vaikka ne oikein olisikin annettu.

Voit korjata ongelman lisäämällä sfGuardAuth-moduulin applikaatioosi ja tekemällä sinne normaalin actions-classin (class sfGuardAuthActions extends BasesfGuardAuthActions). Ylikirjoita executeSigninin esimerkiksi näin:

public function executeSignin($request)
{
	$r = parent::executeSignin($request);
	$this->getResponse()->setStatusCode(200);
	return $r;
}

1. Saat rekisteröityä iPhonen ja iPadin hiirieleet
2. Safari ei liiku ylös- tai alaspäin scrollatessa
3. Normaalit linkit toimivat (tästä tuli yllättäen vaikein kohta).

Aluksi täytyy kuunnella iOS:n hiirieleitä ja muuttaa ne normaaleiksi tapahtumiksi. Näitä on mm. touchstart, touchmove, touchend ja touchcancel. Tarpeelliseksi tulee hiirieleiden ulkopuolella mm. orientationchange (kun käyttäjä kääntää päätettä 90′). Lisää iOS-tapahtumista Applen sivustolta.

Uusin jQuery tukee kyllä .bind(“touchstart”)-tyylisesti touchstarttia ja touchendiä, mutta ei esimerkiksi touchmovea. Eventit voi muuttaa normaaleiksi seuraavalla tavalla:

Sivuston latauksen yhteydessä:

document.addEventListener("touchstart", touchHandler, true);
document.addEventListener("touchmove", touchHandler, true);
document.addEventListener("touchend", touchHandler, true);

function touchHandler(event)
{
    var touches = event.changedTouches,
    first = touches[0],
    type = "";
    switch(event.type)
    {
        case "touchstart": type = "mousedown"; break;
        case "touchmove":  type="mousemove"; break;
        case "touchend":   type="mouseup"; break;
        default: return;
    }

     //initMouseEvent(type, canBubble, cancelable, view, clickCount,
     //    screenX, screenY, clientX, clientY, ctrlKey,
    //     altKey, shiftKey, metaKey, button, relatedTarget);

    var simulatedEvent = document.createEvent("MouseEvent");
    simulatedEvent.initMouseEvent(type, true, true, window, 1,
              first.screenX, first.screenY,
              first.clientX, first.clientY, false,
              false, false, false, 0/*left*/, null);

    first.target.dispatchEvent(simulatedEvent);
}

Lähde

Tämän jälkeen haluamme estää normaalin iOS-eventin tapahtumasta, koska olemme jo laukaisseet virtuaalisen eventin. Yksinkertaisinta olisi lisätä touchHandler-funktion loppuun event.preventDefault(), joka estää eventtiä tapahtumasta. However, tällöin mitkään normaalit tapahtumat eivät toimi. Käyttäjä ei voisi esimerkiksi klikata linkkiä. Voisi luulla, että klikkauksen saa laukaistua $(this).click() tyylillä, mutta ei sekään pelannut. Yksi huono hacki olisi tietysti location.hrefin käyttö, mutta sille ei voi syöttää esim. target-parametria. Homma saadaan toimimaan Oikein(tm) seuraavalla koodilla:

$(document).bind('touchstart touchend', function(e) {
		// Kill normal events, allow link clicking
	if( $(e.target).is("a") || $(e.target).parent().is("a") ) {
		e.stopPropagation();
	} else {
		e.preventDefault();
	}
});

Edellinen jQuery-koodi tarkistaa, onko klikkaus kohdistunut linkkiin, tai esimerkiksi kuvaan, joka on linkin sisällä. Jos ei, peruutetaan eventti. Halutessaan parent-elementit voisi loopata kaikki läpi tuossa iffissä, mutta meidän käyttötapauksessa sille ei ollut tarvetta.

stopProgation() estää jQueryn tunkeutumasta parentteihin. Normaalistihan <div><div><div></div></div></div>-tapauksessa childiä klikatessa $(document).bind(“touchstart touchend”) kävisi läpi kaikki elementit childistä p2:seen. Näin tapahtuen se käynnistäisi preventDefaultin aina, ellei ensimmäinen elementti DOMissa olisi linkki.

Muita tarpeellisia juttuja

Fullscreen:<meta name=”apple-mobile-web-app-capable” content=”yes”>
Statusbarin tyyli: <meta name=”apple-mobile-web-app-status-bar-style” content=”default” />
Estetään käyttäjän skaalaus, tai skaalaus, joka aiheutuu päätettä kääntäessä:
<meta name=”viewport” content=”user-scalable=no, width=device-width, minimum-scale = 1, maximum-scale = 1″ />

Tein vanhasta tottumuksesta kaikki animaatiot manuaalisesti JavaScriptillä, älä tee samaa virhettä. Mikäli mahdollista, käytä jQueryn animatea niin säästät tajuttoman paljon aikaa. Tämän lisäksi joudut tietysti laskemaan hiiren kiihtyvyyksiä, elementtejen sijainteja jne, mutta se on pikku juttu.

iOS ei tykkää, että ladot html:ään tuhat diviä grafiikoineen ja vielä liikuttelet niitä. Lataa sisältö ajaxilla ja näytä vaan tarvittava määrä elementtejä ruudun ulkopuolelta. Hakukoneille kannattaa tietty ladata sisältö ilman JavaScriptiä. Jopa visibility: hidden parantaa suorituskykyä dynaamisesti ladatulle sisällölle, mikäli joissain tilanteissa display: none ei olisi mahdollinen.

Katso kalvot Slidesharesta:

Jaamme nyt nämä kaikki tiedostot, ettei muiden tarvitsisi kirjoittaa kaikkia käännöksiä alusta lähtien itse, siinä on kuitenkin jonkin verran hommaa.

• messages.fi.xml
• apostrophe.fi.xml
• sf_guard.fi.xml
• sf_admin.fi.xml

Voitte muokata ja käyttää tiedostoja niinkuin parhaaksi näette. Tallentakaa tiedostot, selaimet näyttävät nuo todennäköisesti “väärin”.

Mikäli teillä on muutosehdotuksia tiedostoihin, raportoikaa ihmeessä.

Joissain kampanjoissa on huomioitu sosiaalisen median mahdollisuudet ja joissain ei. Erityisesti tämä näkyy Facebookissa.

Facebookin mainosmahdollisuudet antavat mahtavat kohdennusmahdollisuudet, jonka avulla kampanjan tuotto/investointisuhde (ROI) on mahdollista saada valtavaksi.

Otetaan esimerkkinä kolmen ehdokkaan mainokset.Sanna Perkiö, Seppo Huhta ja Janina Mackiewicz. Kenen mainosta klikkaisit, mikäli olisit 24v suomalainen sinkkumies? Perkiön mainos ampuu yli (kuka oikeasti äänestää sinkukuuden asiantuntijuuden perusteella?), mutta on ainoa mainos, joka on suunniteltu juuri sinulle. Tässä on esimerkillisesti hyödynnetty Facebookin kohdennusmahdollisuudet. Huhdan ja Mackiewiczin mainokset kosiskelevat naisia ja miehiä, nuoria ja vanhoja ja jokaista kieltä äidinkielenään puhuvaa. Minkä takia liittyisin edustajan kannattajajoukkoon, joka ajaa vähän kaikkien etuja ja ei tunnu olevan mainoksen perusteella varma itsekään, kenen asioita ajaa. Kohdennus lukuisten arvojen mukaan ei maksa mitään, joten kannattaa aina tehdä useampi versio mainoksesta, jonka mainosteksti ja muut ominaisuudet ovat tarkasti kohdennettu halutulle kohderyhmälle. Tällöin saavutetaan laadukkaampia vierailijoita: heitä jotka haluavat jakaa juuri sinun ilosanomaasi.

1. Erotin
   CSV:n nimen perusteella (Comma separated values) olisi loogista käyttää pilkkua. Kuitenkin, koska kohderyhmänä usein on nimenomaan Excel-käyttäjät, on erottimena syytä käyttää puolipistettä (;). Muista erotella data myös lainaus- tai heittomerkeillä: “Niko Viitala”;”Online Revenue Oy”;\n
2. Content-type
   Esim. Wikipedian mukaan Content-typenä voidaan käyttää yksinkertaisesti text/csv. Haluamme kuitenkin Excelit avaamaan tiedoston oletuksena, joten laita Content-typeksi application/vnd.ms-excel
3. Encoding
   Excel ei tunnista oletuksena Unicodena tallennettuja CSV-tiedostoja. Lisää tiedoston alkuun BOM. Tällä kerrot Excelille tiedoston olevan Unicodea. Homma hoituu näin yksinkertaisesti PHP:llä: echo pack(“CCC”,0xef,0xbb,0xbf);
   
4. Numerot
   Mikäli puhelinnumerot, postikoodit yms halutaan saada näkymään oikein (nollat alussa jne), tulee numerot näyttää Excelin columnissa tyylillä =”XXXX”. Eli generointi PHP:llä esim. echo ‘”=”"040123123″”"‘;

Ominaisuuksiin kuuluu mm. viisas välimuistin asetus selaimelle per tiedosto, sekä css-, html- ja javascript-koodin optimoiminen. Moduuli ei korvaa esimerkiksi palvelimien välimuistiratkaisuja, mutta optimoi generoidun koodin käyttäjää varten. Hyödyt ja haitat ovat siis samankaltaiset, kun tulostuksen gzippauksessa: palvelinresursseja kuluu hiukan enemmän, mutta sivu latautuu käyttäjälle nopeammin.

Eri ominaisuudet on mahdollista ottaa käyttöön VirtualHostejen perusteella. Täten on helppo kokeilla, että millä ominaisuuksilla tietty sivu saa parhaan hyödyn. Useat järjestelmät käyttävät jo valmiiksi Page Speedin tekniikoita, kuten optimoivat valmiiksi JavaScript- sekä CSS-koodit, jolloin Page Speedin filtterin käyttäminen niihin lisää vaan kuormaa palvelimella.

Page Speediä ei ole vielä saatavilla distrojen paketinhallinnoista, mutta se on ladattavissaGooglen Page Speed -sivulta. Moduuli vaatii uusimman Apachen. Page Speedistä on saatavilla myös SDK, jonka avulla kehittäjät voivat käyttää Page Speed -tekniikoita myös muualla kuin Apachessa.