helmikuu 2008 – Se elää sittenkin

27.2.2008

SMS:n lähettämiseen www-sovellus

Pitäisi tehdä www-sovellus sms-viestien lähettämiseen esimerkiksi tiedottamista varten. Palikat on kasassa ja homman toimivuus on testattu ”proof of concept”-tasolla, mutta vielä pitäisi tehdä www-liittymä ja tietokannat vastaanottajista.

Homma on ”kallista”. Puhelin on atk-tukihenkilöltä vanhaksi jäänyt Nokia 3310 (hintaa on, jos sen kaupasta käy käytettynä ostamassa, noin 20e), joka on koko ajan laturissa kiinni (joten huono akku ei ole mikään haitta). Datakaapelin löytäminen on vaikeinta, mutta sen saa www-kaupasta (esim Halvat hinnat) alle neljän euron. Palvelimeen tarvitaan vain COM-portti (voi puuttua ihan uusimmista palvelimista, mutta vanhoista koneista se löytyy ihan kaikista). Vielä puuttuu kaupungin tarjoama SIM-kortti, mutta testiviestejä raaskii lähettää omallakin liittymällä.

SMS:n lähettäminen on testattu Gnokii-ohjelmalla ja Debianin Linuxilla käyttäen komentoriviä ja www-liittymää, joka oli toteutettu PHP:llä.

Keräilen tänne kokemuksia homman toteuttamisesta.

24.2.2008

XRAY

Näppärä työkalu, jolla saa selville www-sivun rakenteen ja CSS:n sen takana, on XRAY. Toimii muuten oikeastikin hienosti!

Sen jälkeen vaan ottamaan röntgenkuvia www-sivuista:

22.2.2008

Ekat widgetit

Tulipa sitten tehtyä Google-hakuwidgetti, jota voi käyttää WP:n sivupalkissa.

Samaan tahtiin tein myös Wikipedia-hakuwidget.

Olkaat hyvät!

(Pura ja siirrä kansio wp-content/plugins-kansioon)

(Google and wikipedia search widget to wordpress)

19.2.2008

Googlen kartta www-sivulle

Tulipa tehtyä pari kokeilua Googlen kartoilla, Comenius-partnerit ja eLukion koulut.

Kartan lisääminen on ”helppoa”. Hanki ensin API avain Googlelta, jotta voit lisätä kartan omalle sivullesi. Avain on palvelimella hakemistokohtainen, joten pidä kartat omassa hakemistossaan.

Peruskartta saadaan html-koodilla (korvaa riville 7 abcdefg:n tilalle oma API-avaimesi)

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg"
            type="text/javascript"></script>
    <script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
      }
    }

    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
  </body>
</html>

Sinulla pitäisi olla nyt yksinkertainen sivu, jossa on kartta. map.setCenter(new GLatLng(37.4419, -122.1419), 13); kertoo, missä kartan keskipiste sijaitsee ja 13 on zoomaustaso.

Kartan ulkonäköä voidaan muuttaa seuraavilla keinoilla:

var map = new GMap2(document.getElementById("map_canvas"));
map.setMapType(G_SATELLITE_MAP);

Asettaa kartan tyypin. Mahdolliset arvot ovat G_NORMAL_MAP, G_SATELLITE_MAP, G_HYBRID_MAP, G_DEFAULT_MAP_TYPES.

Komennoilla

map.addControl(new GLargeMapControl());
map.addControl(new GScaleControl());

saadaan lisättyä painikkeita kartan ohjaamiseksi. Mahdolliset arvot ovat GLargeMapControl, GSmallMapControl, GSmallZoomControl, GScaleControl, GMapTypeControl, GHierarchicalMapTypeControl, GOverviewMapControl.

Palleroita saadaan lisättyä HTML-koodilla

// me
var piste = new GLatLng(64.145247,25.370607);
var me = new GMarker(piste);
map.addOverlay(me);

GLatLng arvot saadaan maps.google.comin avulla hakemalla ensin haluttu paikka ja valitsemalla ”Tee linkki tähän sivuun”. Koodista etsitään sitten parametri ll= ja siitä saadaan koordinaatit pisteelle. Sivu, josta voi olla apua (copy pastaa koko html-koodi lootaan ja sivu palauttaa ll arvon)

Tuolla tavalla ei kannata lisätä monia pisteitä, vaan kannattaa käyttää kml-tiedostoa. Se sisältää tiedot useista paikoista:

<Folder>
  <open>1</open>
  <name>eLukio</name>
  <Placemark>
    <name>Haapaveden lukio</name>
    <Style>
      <IconStyle>
        <Icon>
          <href>C:Program FilesNorthGatesKML Editor Lighti5icon14.png</href>
        </Icon>
        <colorMode>normal</colorMode>
        <color>FFFFFFFF</color>
      </IconStyle>
    </Style>
    <Point>
      <coordinates>25.366365,64.140471</coordinates>
    </Point>
    <LookAt>
      <longitude>25.366365</longitude>
      <latitude>64.140471</latitude>
    </LookAt>
  </Placemark>
</Folder>

Kyseinen kml-tiedosto on tehty North Gates kml-editorilla, mutta periaatteessa sen voisi käsinkin ”helposti” tehdä.

Kml-tiedosto saadaan ladattua kartan tiedoiksi geoXml:n avulla:

    function load() {
      if (GBrowserIsCompatible()) {

         geoXml = new GGeoXml("http://oversti.org/eLukio.kml");

        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(64.614459,27.13623), 7);
        map.setMapType(G_HYBRID_MAP);
        map.addControl(new GLargeMapControl());
        map.addControl(new GScaleControl());

        map.addOverlay(geoXml);
         }
        }

19.2.2008

Unscrew America

Aika mielenkiintoinen saitti: http://unscrewamerica.org/ . Kertoo tiedettä ja taloutta tavallisten hehkulamppujen vaihtamisesta energiansäästö ja ledilamppuihin.

Mikä saitista tekee todella mielenkiintoisen, on sen käyttöliittymä! Kokeile itse ja kommentoi. Ainoa puute on se, että hiirtä pitää vielä klikata.

Vertaapa huvin vuoksi http://www.dontclick.it/, jossa on käyttöliittymä, jota ei tarvi klikata. Aika vaikeata olla klikkaamatta 🙂