søndag 29. juli 2012

Short URL's

Dagens tema er Short URL.
Og hva er så en URL?

Kjært barn har mange navn. URL, link, hyperkobling.
Kort fortalt så er det adressen til den siden du vil lese på internett.
Når du skal lese min blogg har du enten fått linken tilsendt av meg eller en annen som har lest bloggen.

Eller kanskje du har funnet meg på twitter eller facebook.
Før eg begynte å bruke IFTTT (se forrige blogg) så min URL slik ut:
http://bamsehiet.blogspot.com/ når eg la den ut på sosiale medier.

Etter at eg har begynt å la automatikken råde så ordner IFTTT det slik at når det legges ut ser det slik ut:
http://bit.ly/Nr0jjz (dette er linken til bloggen om IFTTT)

Og det er her vi snakker om Short URL's
Som du ser så er den kortere enn den vanlige linken til bloggen min, og denne er til og med spesifikk til den ene bloggen.
Skulle eg selv lagt ut linken til den ene spesifikke bloggen ville det sett slik ut:
http://bamsehiet.blogspot.no/2012/07/if-this-then-that_22.html

I dette tilfellet er det bitly.com som har levert en kortere link.
http://bitly.com/

Hvem er så bitly.com og hva kan de gjøre for meg?
Allerede på forsiden, før du har bedt om en konto eller sett noe særlig på konseptet får du muligheten til å lage Short Url's

Hvorfor skal du lage Short URL's? Tvitrer du?
Veldig mange sider på nettet har veldig lange linker.
Og skal du da på twitter (som kanskje er det beste eksemplet) dele en link, forsvinner dine 140
tegn ganske fort.

Tar du turen rundt på nettet vil du se at bitly sine Short URL's er mye brukt.

Her er en liten video:


Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!

lørdag 28. juli 2012

Mindmaps

Hei igjen!!

Det nærmer seg studiestart for mange, selv om vi enda har noen uker igjen med "sommer" De aller fleste av oss har veldig hektisk dager, og det blir ikke akkurat mindre hektisk jo eldre vi blir.

Jobb, barn, barnas fritidssysler, egne interesser skal pleies, og når man da i tillegg slenger inn en Bachelor utdannelse så er timeplanen så godt som fullstappet.
Da er det viktig å være strukturert, planlegge godt, og kanskje ikke aller minst ha de riktige verktøyene.

Og det er et slikt verktøy eg vil trekke frem denne gangen.
For en del år tilbake ble eg introdusert for et fenomen som heter Mind-maps. Som er en glimrende måte å jobbe på iforbindelse med læring, prosjekter, øke hukommelsen og det siste spesielt er viktig når man skal lese til eksamener.

Og hva er så et mindmap?
Jo! Det er en måte å visualisere det man kan rundt et tema. La oss ta utgangspunkt i temaet verdenshistorien.
Umåtelig stort tema, hvor det er mye å lese og veldig mye å huske.
Siden eg ikke er noen historiker kan det godt være at eg kommer med noen feile detaljer her, men
det er kun for å eksemplifisere hva mind-maps er.

Ta et stort hvitt ark. A4 er stort nok til denne øvelsen. Sett ordet 'verdenshistorien' midt på arket med en sirkel rundt. Dette er utgangspunktet ditt. Tegn en liten strek (1 cm eller no) ut fra sirkelen din og skriv et nytt ord 'verdenskrigene'. Sett en sirkel rundt det og.
Utifra det ordet kan man lage 2 nye bobler 'Første verdenskrig' og 'Andre verdenskrig'. Og slik kan du fortsette. Utifra ditt eget hode. Og det er litt av poenget her. Det er utifra DITT hode.


Det fine er at du kan bruke farger, små tegninger, ord, bilder, hva det nå enn måtte være som
får DEG til å huske.

Se på denne videoen av Tracy Gardner på youtube




Men dette er ment å være en blogg innen IT så denne innledningen fører til et tips. Eg har ikke lagt skjul
på i min blogg fascinasjonen for nettbrett og andre bærbare enheter.
Der finnes en app som er både for iPad og Android som heter MindJet.


Denne har eg testet og det tok ikke lange tiden før eg hadde laget et digert mindmap over mitt nyeste prosjekt! Og det er viktig når man skal velge seg apper, at de er så enkle at man slipper å tenke over hvordan man skal bruke de, man kan bare sette i gang. På MindJet har man blant annet mulighet for å legge til farger, man kan legge inn lister, og man har hele tiden oversikten over hva man har gjort.

Når man så er ferdig kan man velge om man bare skal lagre det, eller om man skal for eksempel sende det videre som en mail. Da får man mailen som tekst, samtidig som man får mindmappet som et tillegg i form av en PDF-fil. PDF står for Portable Document Format og er et veldig godt filformat til dette.
Hjemmesiden til MindJet er http://www.mindjet.com
Der kan du finne en del informasjon om produktene Deres, samt litt om hvem de er. Kan være verdt å ta en liten titt.
Som de fleste andre litt større aktører på nett som har et godt produkt og respekt for seg selv så er det laget youtube videoer for å illustrere hvor enkle produktene er. MindJet har også slike.


Video for MindJet for iPad & iPhone





Video for MindJet for Android





Tre videoer denne gangen! Også Android brukerne er tatt godt hånd om!

Håper dette blogginnlegget har gitt deg et tips du kan bruke utover høsten!

Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!

søndag 22. juli 2012

If this then that…

Det høres nesten ut som en setning som kommer ut fra en far som prøver å få barna til å forstå
at enkelte ting er ikke akseptert.I dette tilfellet er dette noe mye mer positivt og så absolutt inn i tiden,
selv om tjeneste ble lansert for halvannet år siden. Jfr Nr7/2012 Hjemme PC

I det siste Hjemme PC bladet har de en artikkel om ifttt.com, som var det som fikk meg til å sperre opp øynene!

Poenget med hele tjenesten er å automatisere internett for deg.

Ta for eksempel meg. Eg blogger, og grunnen til at eg blogger er for å dele en av mine interesser med andre.
Hvordan skal eg få delt med andre min blogg?

Eg har valgt å spre mitt budskap utover facebook og twitter.

Og frem til eg fant denne løsningen har det blitt gjort manuelt, når eg har hatt en mulighet.
Ikke nok med at man skal skrive og redigere bloggen sin, men man skal også sørge for å få det delt med andre.

Ifttt.com er en tjeneste som hjelper deg med blant annet slikt.

Etter man har laget seg en konto velger man å lage en oppskrift (eller flere) på hvordan man ønsker at ting skal være.
Personlig har eg 2 oppskrifter. Når eg legger ut en ny blogg skal den tvitres og den skal legges ut på facebook.

Ifttt.com kjøres hvert 15 minutt, så i ”verste” fall kan det ta 15 minutter før det er publisert!

Løsningen ifttt.com har valgt er veldig intuitiv. Med det mener eg at det er veldig lett å lage en oppskrift.
Blogger, Facebook, Twitter og DropBox med flere blir kalt channels, eller kanaler.
Totalt støtter ifttt.com 47 kanaler.  Så i tillegg til å gjøre ting lettere for deg,
så blir du kanskje kjent med nye tjenester og muligheter gjennom å bruke ifttt.com?

Linken til ifttt: http://ifttt.com/

Det nærmer seg sommerferie, og vi har nettopp vært gjennom en serie blogginnlegg som omhandler bilder. Med ifttt kan du lagre bilder fra Instagram til DropBox.

Her er ifttt.com sin egen side om hvem de er og hva de gjør:
http://ifttt.com/wtf

God sommer!

Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!

fredag 6. juli 2012

HTML programmering Del IV

Legge til bilder

Så er vi kommet til det vi har bygget opp til i det siste. Hvordan legge ut bilder på websiden vår. Dette er ikke en veldig avansert affære, men det er greit at vi gjør det på en ryddig og god måte!

For et par blogginnlegg siden, der vi startet opp serien med HTML programmering
ble du bedt om å lage en mappe på desktopen. Finn denne mappen og åpne den. Inni denne mappen lager du en mappe til som du kaller images

I denne undermappen skal du legge alle bildene du ønsker å bruke.

Grunnen til at vi gjør det slik er at etterhvert som du blir bedre og bedre på å lage sider så vil du inkludere mere materiell.
Om du da legger alt i en mappe kan det fort bli uoversiktlig. Og er tanken din å eksempelvis etterhvert lage en side for å selge produter eller promotere ditt eget firma er det "et must" at du har kontroll.

Eg legger bildene: bilde1, bilde2 og bilde3 inn i min images mappe.
Disse kjenner du til fra før om du har sett de andre blogginnleggene ang bilder.

Taggen vi skal bruke heter <img>
Her er det vi skal legge inn:
<img src="images/bilde1.jpg" alt="bilde 1" />

Om du finner frem html filen du allerede har laget, skal den se omtrentlig slik ut:

<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no/" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
</BODY>
</HTML>

La oss legge inn bildene under linken til side2.html

Slik:

<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no/" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
<br />
<img src="images/bilde1.jpg" alt="bilde 1" />
<img src="images/bilde2.jpg" alt="bilde 2" />
<img src="images/bilde3.jpg" alt="bilde 3" />
</BODY>
</HTML>

Det du da vil se er 3 bilder liggende under hverandre på venstresiden, og kanskje
de er blitt ganske så store.
Grunnen til dette er igjen det at vi har ikke opprettet en CSS fil, vi har heller
ikke sagt noe om hvor store de skal være.

La oss ta utgangspunkt i bilde 2:
<img src="images/bilde2.jpg" alt="bilde 2" />

For å sette størrelsen må vi inkludere informasjon om høyde og bredde:
width="336" height="69"

Da blir det seende slik ut:
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" />

Har du no gjort det riktig vil siden din se slik ut:

<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>HER SKAL VI LEGGE INN TITTELEN</TITLE>
</HEAD>
<BODY>
<H1>Mine linker!</H1>
<br />
<H2>Linker fra nett:</H2>
<a href="http://www.vg.no/" target="_blank" title="vg.no">vg.no</a><br>
<br />
<H2>Mine egne sider:</H2>
<a href="side2.html">Side2</a>
<br />
<img src="images/bilde1.jpg" alt="bilde 1" /><br />
<img src="images/bilde2.jpg" width="200" height="200" alt="bilde 2" /><br />
<img src="images/bilde3.jpg" alt="bilde 3" />
</BODY>
</HTML>


For den observante leser så ser du kanskje at eg har lagt inn noen <br />
Dette er for å sikre at ikke bildene kommer ved siden av hverandre, men under hverandre.

Kanskje du kan eksperimentere litt? Så skal eg om ikke så lenge komme med en blogg
der eg viser kordan du kan gjøre om bildene til linker!

Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!

torsdag 5. juli 2012

Bilderedigering

Så du bildene fra forrige blogg?
Fine, ikke sant?

En av mange ting som har vært med på å drive det teknologiske racet de siste årene er
folks ønsker og krav om å kunne drive med en stor hobby.
Bilder, bilderedigering, bildemanipulering, deling av bilder, listen er lang.

Dette har ført til at smart telefoner og små bærbare pc'er har blitt veldig kraftige,
overføringshastigheten på linjene bedre og for å ikke snakke om verktøyene tilgjengelig.

Og når vi snakker om verktøy så er eg stor fan av de verktøyene som koster minst, men likevel
gir det man trenger.

Vi startet med smart telefoner som eksempel og kan like så godt fortsette med smart telefoner.
Bilde 2 på forrige blogg var redigert på en iPhone4S med en liten app som heter Filter Mania 2.
Dette er en gratis app, og det liker vi! Denne appen kan ta det mest kjedelige motivet og få det
til å se ut som en magisk scene fra en eventyrfilm!
På itunes sies det at det er over 300 filtre som kan legges på! Mer enn nok for de fleste med andre ord!

Her er et bilde med filter lagt oppå.



Her er linken til appen på itunes:
http://itunes.apple.com/us/app/filtermania-2/id527880592?mt=8

Har dessverre ikke satt meg inn i bilde apper for android, men om det er ønskelig er det bare å legge
inn en kommentar på denne bloggen, eller besøke meg på facebook, så skal eg sette meg ned og teste!

Det er alltid ekstra kjekt å teste noe nytt, og en liten utfordring hadde vært på sin plass snart!

Noe eg HAR testet litt, på PC, er et program som heter GIMP.
GIMP står for GNU Image Manipulation Program og adressen til hjemmesiden deres er:
http://www.gimp.org/

GIMP er vel noe av det beste eg har kommet borti på PC for redigering av bilder, og kan absolutt anbefales. Men samtidig skal det sies at dette er et avansert verktøy og det krever at man setter seg litt mer inn i hvordan det virker, kontra en liten app.

Om du har lyst å se litt, og danne deg et lite inntrykk kan du se her:
http://www.gimp.org/screenshots/ (også hentet fra samme hjemmeside som i sted)

Det tredje eksempelet eg vil trekke frem, og da er vi tilbake i apple sin verden.
Er såkalte booth på iPad.

Der finnes massevis av slike på App Store og Play Butikk (android).
Ipad 2, som eg sjøl har, kom med en slik ferdig installert, Om man har barn merker man fort kor morsomt en slik app kan være, og for å trene på å legge inn bilder på din egen hjemmeside er de ekstra morsomme. Tenk så morsomt det er for poden å komme i barnehagen eller på skolen å fortelle om at de er på internett!

Kort liten blogg i dag, håper at Dere åpner inspirasjonsskuffen og leker med bilder slik at Dere er klare til vi skal legge bilder inn på hjemmesiden vi lager!

Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!

mandag 2. juli 2012

Bilder på web

Hei igjen!

I forrige blogg tipset eg om at du kanskje kunne ta mobilen ut og knipse litt.
Eller kanskje du har funnet noen gamle bilder på en cd / dvd plate.

Et par ting som er viktig å vite når man skal holde på med bilder, spesielt med
tanke på at man skal bruke de på en webside, er at de tar veldig mye mer plass enn vanlig tekst.
Så her er bildeformat og størrelse en ting å tenke på.

Det er klart. har du bare et bilde er det ikke så viktig, men om du ser på sider som vg.no som har masse grafikk er dette ting å tenke over.

Eg skal først presentere deg for et par formater som er vanlig å velge når man skal legge ut bilder på web.

Bildeformater og forskjeller.
GIF, JPG og PNG.

Vi begynner med GIF.
Hva er GIF og når bruker vi det?

GIF står får Graphichs Interchange Format.
Dette formatet støtter opptil 256 forskjellige farger. Formatet har tapsfri komprimering.
Det vil si at man kan redusere størrelsen på bildet uten å redusere kvaliteten.

GIF passer best for enkle bilder som grafikk eller logoer.
Det er også mulighet for enkle animasjoner.

JPEG og hva er så det?
JPEG står for Joint Photographic Experts Group som er gruppen som har utviklet dette formatet.
En av de store forskjellene mellom GIF og JPEG (JPG) er at her kan man komprimere MED tap.
Det fører til at vi kan redusere filstørrelsen betraktelig.
Formatet er laget utifra hvordan vårt øye fungerer. Det er en del ting øyet uansett ikke oppfatter
som kan fjernes uten at bildekvaliteten forringes.
JPEG passer best til bilder med mange farger uten skarpe kanter eller linjer.

Tredje og siste bildeformat til bruk på nett er PNG
Som står for Portable Network Graphics
Dette er et format som ble laget for å erstatte GIF.
PNG er ikke begrenset til 256 farger slik GIF er.
Dette formatet passer best til bilder som har store felter med lik farge. Veldig mye
av grafikken på web er av slik art.

Om du vil lese mer om disse filformatene vil eg anbefale no.wikipedia.org

Nå vet du noe om bilder og filformater.

I sist blogg hintet eg om at du kanskje kunne skaffe deg et par bilder.
Vel... Her er et bilde eg tok en vakker dag og som eg sendte til min samboer for
redigering senere samme vakre kveld. Høres fint ut ikke sant?





Dette er det samme bildet, bilde 1 er tatt av en iPhone4,
bilde 2 er redigert på en annen iPhone4S og dette bringer oss videre til neste blogg.
Redigering og behandling av bilder.

Om eg ikke blir brutt opp i bits eller inntar en binær form så vil det snart komme en ny blogg med nye erfaringer fra Mitt IT-eventyr!