Internet Explorer 8
Valentin Bufolin @ domenca

Internet Explorer 8
Valentin Bufolin @ domenca

Potek
• Raba brskalnikov
• Zakaj trdovratnost IE 6?
• IE 8
• Spletni izrezki
• Hitra opravila
• Vizualno iskanje
• Kako jih lahko uporabimo v Domenci?
• Q &A

Brskalniki
http://en.wikipedia.org/wiki/File:Web_browser_usage_share.svg

Brskalniki v Slo
http://www.iprom.si/news/1604/25/Brskalnika-Internet-Explorer-in-Firefox-po-priljubljenosti-skoraj-izenacena.html

Trdovratnost IE 6
v Sloveniji
http://www.iprom.si/news/1604/25/Brskalnika-Internet-Explorer-in-Firefox-po-priljubljenosti-skoraj-izenacena.html

Trdovratnost IE 6
v Sloveniji
• 79% uporabnikov uporablja Win XP
http://www.iprom.si/news/1604/25/Brskalnika-Internet-Explorer-in-Firefox-po-priljubljenosti-skoraj-izenacena.html

Trdovratnost IE 6
v Sloveniji
• 79% uporabnikov uporablja Win XP
• 17% uporabnikov Win Vista
• 98% uporabnikov M$ OS
http://www.iprom.si/news/1604/25/Brskalnika-Internet-Explorer-in-Firefox-po-priljubljenosti-skoraj-izenacena.html

V povprečju se porabi...
http://www.slideshare.net/npar007/nz-ie8-auckland-barcamp2-12-july-2008

V povprečju se porabi...
• 30% več časa za razvoj za IE 6!!!
http://www.slideshare.net/npar007/nz-ie8-auckland-barcamp2-12-july-2008

V povprečju se porabi...
• 30% več časa za razvoj za IE 6!!!
• 5% več časa za razvoj za IE 7
• IE 8 ... ?
http://www.slideshare.net/npar007/nz-ie8-auckland-barcamp2-12-july-2008

Nekaj principov
http://www.slideshare.net/lachlanhardy/welcome-to-ie8-integrating-your-site-with-internet-explorer-8

Nekaj principov
• Interoperabilnost:
• napiši spletno stran 1x in naj bo podprta povsod
http://www.slideshare.net/lachlanhardy/welcome-to-ie8-integrating-your-site-with-internet-explorer-8

Nekaj principov
• Interoperabilnost:
• napiši spletno stran 1x in naj bo podprta povsod
• Kompatibilnost:
• ne kvari že obstoječih strani
http://www.slideshare.net/lachlanhardy/welcome-to-ie8-integrating-your-site-with-internet-explorer-8

Nekaj principov
• Interoperabilnost:
• napiši spletno stran 1x in naj bo podprta povsod
• Kompatibilnost:
• ne kvari že obstoječih strani
• Inovativnost:
• upelji nove funkcionalnosti, ne da bi pri tem
uplival na prvi dve točki
http://www.slideshare.net/lachlanhardy/welcome-to-ie8-integrating-your-site-with-internet-explorer-8

Spletni izrezki / Web slices

Spletni izrezki -
WebSlices

Spletni izrezki -
WebSlices
• Izpostavi delček strani

Spletni izrezki -
WebSlices
• Izpostavi delček strani
• Namesti se v brskalnikovo vrstico
(Favorites / Priljubljeno)

Spletni izrezki -
WebSlices
• Izpostavi delček strani
• Namesti se v brskalnikovo vrstico
(Favorites / Priljubljeno)
• Uporabniku sporoči kdaj se je vsebina
osvežila

Spletni izrezki -
WebSlices
• Izpostavi delček strani
• Namesti se v brskalnikovo vrstico
(Favorites / Priljubljeno)
• Uporabniku sporoči kdaj se je vsebina
osvežila
• Za ogled vsebine ni potrebno obiskati
spletnega mesta

Spletni izrezki -
WebSlices
• Izpostavi delček strani
• Namesti se v brskalnikovo vrstico
(Favorites / Priljubljeno)
• Uporabniku sporoči kdaj se je vsebina
osvežila
• Za ogled vsebine ni potrebno obiskati
spletnega mesta
• Ogled se šteje kot obisk spletnega mesta

Spletni izrezki -
Kako spoznati?

Spletni izrezki -
Kako spoznati?
• S pomočjo ikone

Spletni izrezki -
Kako spoznati?
• S pomočjo ikone

Spletni izrezki -
Kako spoznati?
• S pomočjo ikone
• Vizualna izpostavitev izrezka ob pomiku
miškinega kazalca

Spletni izrezki -
Kako spoznati?
• S pomočjo ikone
• Vizualna izpostavitev izrezka ob pomiku
miškinega kazalca
• Preko orodne vrstice za odkrivanje RSS
virov, v brskalniku

Spletni izrezki -
Kako spoznati?
• S pomočjo ikone
• Vizualna izpostavitev izrezka ob pomiku
miškinega kazalca
• Preko orodne vrstice za odkrivanje RSS
virov, v brskalniku
• Privzeta dimenzija 320 x 240 px

Spletni izrezki -
Implementacija

Spletni izrezki -
Implementacija
• Stilski razred ”hslice”:
• <div clas=”hslice” id=”1”>

Spletni izrezki -
Implementacija
• Stilski razred ”hslice”:
• <div clas=”hslice” id=”1”>
• Identifikacijski razred za html element (id):
• mora biti vedno enoličen in se nahajati na istem mestu
kot ”hslice”

Spletni izrezki -
Implementacija
• Stilski razred ”hslice”:
• <div clas=”hslice” id=”1”>
• Identifikacijski razred za html element (id):
• mora biti vedno enoličen in se nahajati na istem mestu
kot ”hslice”
• Stilski razred ”entry title”:
• <h2 class=”entry title”> Naslov </h2>

Spletni izrezki -
Implementacija
• Stilski razred ”hslice”:
• <div clas=”hslice” id=”1”>
• Identifikacijski razred za html element (id):
• mora biti vedno enoličen in se nahajati na istem mestu
kot ”hslice”
• Stilski razred ”entry title”:
• <h2 class=”entry title”> Naslov </h2>
• Stilski razred ”entry content”:
• ne ActiveX, lahko pa ”rel=feedurl”

Spletni izrezki -
Implementacija
• Stilski razred ”hslice”:
• <div clas=”hslice” id=”1”>
• Identifikacijski razred za html element (id):
• mora biti vedno enoličen in se nahajati na istem mestu
kot ”hslice”
• Stilski razred ”entry title”:
• <h2 class=”entry title”> Naslov </h2>
• Stilski razred ”entry content”:
• ne ActiveX, lahko pa ”rel=feedurl”
• Atributa “ttl” in “endtime”:
• <p>ta spletni izrezek se obnavlja na <span
class=”ttl”>5</span> minut</p>

Hitra opravila / Accelerators

Hitra opravila -
Accelerators

Hitra opravila -
Accelerators
• Olajšajo opravljanje vsakdanjih opravil
• Približajo uporabnikom funkcionalnosti
vašega spletnega mesta / aplikacije

Hitra opravila -
Accelerators
• Olajšajo opravljanje vsakdanjih opravil
• Približajo uporabnikom funkcionalnosti
vašega spletnega mesta / aplikacije
• Spoznamo z ikono

Hitra opravila -
Accelerators
• Olajšajo opravljanje vsakdanjih opravil
• Približajo uporabnikom funkcionalnosti
vašega spletnega mesta / aplikacije
• Spoznamo z ikono

Hitra opravila -
Accelerators
• Olajšajo opravljanje vsakdanjih opravil
• Približajo uporabnikom funkcionalnosti
vašega spletnega mesta / aplikacije
• Spoznamo z ikono
• Omogočajo pregled informacije ne, da bi
zapustili splento stran

Hitra opravila -
Accelerators
• Olajšajo opravljanje vsakdanjih opravil
• Približajo uporabnikom funkcionalnosti
vašega spletnega mesta / aplikacije
• Spoznamo z ikono
• Omogočajo pregled informacije ne, da bi
zapustili splento stran
• Omogočajo uporabo storitve / spletne
strani z enim klikom

Hitra opravila -
Accelerators

Hitra opravila -
Accelerators
• Omogoči hitri dostop do servisov spletnih
strani / aplikacij preko menija

Hitra opravila -
Accelerators
• Omogoči hitri dostop do servisov spletnih
strani / aplikacij preko menija
• Uporablja se jih za ”look up” in ”send to”
operacije

Hitra opravila -
Accelerators
• Omogoči hitri dostop do servisov spletnih
strani / aplikacij preko menija
• Uporablja se jih za ”look up” in ”send to”
operacije
• Opisani so z XML datoteko

Kako uporabljamo
servise?

Kako uporabljamo
servise?
Izberemo
besedilo

Kako uporabljamo
servise?
Izberemo
besedilo

Kako uporabljamo
servise?
Izberemo Kopiramo
besedilo besedilo

Kako uporabljamo
servise?
Izberemo Kopiramo
besedilo besedilo

Kako uporabljamo
servise?
Odpravimo se na
Izberemo Kopiramo
drugo spletno
besedilo besedilo
mesto

Kako uporabljamo
servise?
Odpravimo se na
Izberemo Kopiramo
drugo spletno
besedilo besedilo
mesto

Kako uporabljamo
servise?
Odpravimo se na
Izberemo Kopiramo Se prijavimo
drugo spletno
besedilo besedilo (če je treba)
mesto

Kako uporabljamo
servise?
Odpravimo se na
Izberemo Kopiramo Se prijavimo
drugo spletno
besedilo besedilo (če je treba)
mesto

Kako uporabljamo
servise?
Odpravimo se na
Izberemo Kopiramo Se prijavimo Prilepimo
drugo spletno
besedilo besedilo (če je treba) besedilo
mesto

Kako uporabljamo
servise?
Odpravimo se na
Izberemo Kopiramo Se prijavimo Prilepimo
drugo spletno
besedilo besedilo (če je treba) besedilo
mesto

Kako uporabljamo
servise?
Odpravimo se na
Izberemo Kopiramo Se prijavimo Prilepimo Zahtevamo
drugo spletno
besedilo besedilo (če je treba) besedilo opravilo
mesto

Kako uporabljamo
servise?
Odpravimo se na
Izberemo Kopiramo Se prijavimo Prilepimo Zahtevamo
drugo spletno
besedilo besedilo (če je treba) besedilo opravilo
mesto

Kako uporabljamo
servise?
Odpravimo se na
Izberemo Kopiramo Se prijavimo Prilepimo Zahtevamo
drugo spletno
besedilo besedilo (če je treba) besedilo opravilo
mesto
Vrnemo se na
prejšnje spletno
mesto

Kako uporabljamo
servise?
Odpravimo se na
Izberemo Kopiramo Se prijavimo Prilepimo Zahtevamo
besedilo besedilo drugo spletno (če je treba) besedilo opravilo
mesto
Vrnemo se na
prejšnje spletno
mesto

Hitra opravila -
potek

Hitra opravila -
potek
Namestimo
opravilo

Hitra opravila -
potek
Namestimo
opravilo

Hitra opravila -
potek
Namestimo Izberemo
opravilo vsebino

Hitra opravila -
potek
Namestimo Izberemo
opravilo vsebino

Hitra opravila -
potek
Namestimo Izberemo Izberemo
opravilo vsebino aktivnost

Hitra opravila -
potek
Namestimo Izberemo Izberemo
opravilo vsebino aktivnost

Hitra opravila -
potek
Izvedemo
aktivnost
Namestimo Izberemo Izberemo
opravilo vsebino aktivnost

Hitra opravila -
potek
Izvedemo
aktivnost
Namestimo Izberemo Izberemo
opravilo vsebino aktivnost

Hitra opravila -
potek
Izvedemo Se premaknemo
aktivnost na servis
Namestimo Izberemo Izberemo
opravilo vsebino aktivnost

Hitra opravila -
potek
Izvedemo Se premaknemo
aktivnost na servis
Namestimo Izberemo Izberemo
opravilo vsebino aktivnost
Predogled
aktivnosti

Hitra opravila -
potek
Izvedemo Se premaknemo
aktivnost na servis
Namestimo Izberemo Izberemo
opravilo vsebino aktivnost
Predogled
aktivnosti

Hitra opravila -
potek
Izvedemo Se premaknemo
aktivnost na servis
Namestimo Izberemo Izberemo
opravilo vsebino aktivnost
Predogled Rezultat na
aktivnosti obstoječi strani

Vizualno iskanje / Instant
Search

Vizualno iskanje -
Instant search

Vizualno iskanje -
Instant search
• Podprto že v IE 7

Vizualno iskanje -
Instant search
• Podprto že v IE 7
• Omogoča enostavno dodajanje podprtih
ponudnikov iskalnih vsebin

Vizualno iskanje -
Instant search
• Podprto že v IE 7
• Omogoča enostavno dodajanje podprtih
ponudnikov iskalnih vsebin
• Podpora in integracija s Hitrimi opravili

Vizualno iskanje -
Instant search
• Podprto že v IE 7
• Omogoča enostavno dodajanje podprtih
ponudnikov iskalnih vsebin
• Podpora in integracija s Hitrimi opravili
• Vizualni prikaz rezultatov znotraj iskalnega
okna, ne da bi uporabnik odtaval na drugo
spletno mesto

Nove funkcionalnosti in
Domenca

Q &A

Dokumentacija
Izgradnja spletnih izrezkov:
http://is.gd/aCYEt
http://is.gd/aCYLw
http://is.gd/aCYQC
Izgradnja hitrih opravil:
http://is.gd/aCZ1k
http://is.gd/aCZ5k
Izgradnja vizualnega iskanja:
http://is.gd/aCZjZ
http://is.gd/aCZq7