Kratka predstavitev novih funkcionalnosti IE8 in pregled uporabe brskalnikov v svetu in Sloveniji.

1. Internet Explorer 8
Valentin Bufolin @ domenca

2. Internet Explorer 8
Valentin Bufolin @ domenca

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

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

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

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

7. 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

8. 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

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

10. 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

11. 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

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

14. 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

15. 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

16. 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

17. Spletni izrezki / Web slices

18. Spletni izrezki -
WebSlices

19. Spletni izrezki -
WebSlices
• Izpostavi delček strani

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

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

22. 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

23. 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

24. Spletni izrezki -
Kako spoznati?

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

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

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

28. 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

29. 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

30. Spletni izrezki -
Implementacija

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

32. 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”

33. 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>

34. 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”

35. 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>

36. Hitra opravila / Accelerators

37. Hitra opravila -
Accelerators

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

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

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

41. 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

42. 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

43. Hitra opravila -
Accelerators

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

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

46. 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

47. Kako uporabljamo
servise?

48. Kako uporabljamo
servise?
Izberemo
besedilo

49. Kako uporabljamo
servise?
Izberemo
besedilo

50. Kako uporabljamo
servise?
Izberemo Kopiramo
besedilo besedilo

51. Kako uporabljamo
servise?
Izberemo Kopiramo
besedilo besedilo

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

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

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

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

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

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

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

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

60. 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

61. 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

62. Hitra opravila -
potek

63. Hitra opravila -
potek
Namestimo
opravilo

64. Hitra opravila -
potek
Namestimo
opravilo

65. Hitra opravila -
potek
Namestimo Izberemo
opravilo vsebino

66. Hitra opravila -
potek
Namestimo Izberemo
opravilo vsebino

67. Hitra opravila -
potek
Namestimo Izberemo Izberemo
opravilo vsebino aktivnost

68. Hitra opravila -
potek
Namestimo Izberemo Izberemo
opravilo vsebino aktivnost

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

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

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

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

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

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

75. Vizualno iskanje / Instant
Search

76. Vizualno iskanje -
Instant search

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

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

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

80. 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

81. Nove funkcionalnosti in
Domenca

82. Q &A

84. 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