• Like
Ie8 - nove funkcionalnosti
Upcoming SlideShare
Loading in...5
×

Ie8 - nove funkcionalnosti

  • 469 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
469
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • - predstaviti blog
    - dobil občutek, da so v Domenci podcenjeni
    - mogoče dolgočasno ampak menim, da uporabno
    - mogoče tudi koga navdušil za bloganje
    - na koncu navezal tudi na korporativni blog








































































Transcript

  • 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
  • 12. Nekaj principov http://www.slideshare.net/lachlanhardy/welcome-to-ie8-integrating-your-site-with-internet-explorer-8
  • 13. 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
  • 14. 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
  • 15. 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
  • 16. Spletni izrezki / Web slices
  • 17. Spletni izrezki - WebSlices
  • 18. Spletni izrezki - WebSlices • Izpostavi delček strani
  • 19. Spletni izrezki - WebSlices • Izpostavi delček strani • Namesti se v brskalnikovo vrstico (Favorites / Priljubljeno)
  • 20. Spletni izrezki - WebSlices • Izpostavi delček strani • Namesti se v brskalnikovo vrstico (Favorites / Priljubljeno) • Uporabniku sporoči kdaj se je vsebina osvežila
  • 21. 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
  • 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 • Ogled se šteje kot obisk spletnega mesta
  • 23. Spletni izrezki - Kako spoznati?
  • 24. Spletni izrezki - Kako spoznati? • S pomočjo ikone
  • 25. Spletni izrezki - Kako spoznati? • S pomočjo ikone
  • 26. Spletni izrezki - Kako spoznati? • S pomočjo ikone • Vizualna izpostavitev izrezka ob pomiku miškinega kazalca
  • 27. 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
  • 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 • Privzeta dimenzija 320 x 240 px
  • 29. Spletni izrezki - Implementacija
  • 30. Spletni izrezki - Implementacija • Stilski razred ”hslice”: • <div clas=”hslice” id=”1”>
  • 31. 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”
  • 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” • Stilski razred ”entry title”: • <h2 class=”entry title”> Naslov </h2>
  • 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> • Stilski razred ”entry content”: • ne ActiveX, lahko pa ”rel=feedurl”
  • 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” • Atributa “ttl” in “endtime”: • <p>ta spletni izrezek se obnavlja na <span class=”ttl”>5</span> minut</p>
  • 35. Hitra opravila / Accelerators
  • 36. Hitra opravila - Accelerators
  • 37. Hitra opravila - Accelerators • Olajšajo opravljanje vsakdanjih opravil • Približajo uporabnikom funkcionalnosti vašega spletnega mesta / aplikacije
  • 38. Hitra opravila - Accelerators • Olajšajo opravljanje vsakdanjih opravil • Približajo uporabnikom funkcionalnosti vašega spletnega mesta / aplikacije • Spoznamo z ikono
  • 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 • Omogočajo pregled informacije ne, da bi zapustili splento stran
  • 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 • Omogočajo uporabo storitve / spletne strani z enim klikom
  • 42. Hitra opravila - Accelerators
  • 43. Hitra opravila - Accelerators • Omogoči hitri dostop do servisov spletnih strani / aplikacij preko menija
  • 44. Hitra opravila - Accelerators • Omogoči hitri dostop do servisov spletnih strani / aplikacij preko menija • Uporablja se jih za ”look up” in ”send to” operacije
  • 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 • Opisani so z XML datoteko
  • 46. Kako uporabljamo servise?
  • 47. Kako uporabljamo servise? Izberemo besedilo
  • 48. Kako uporabljamo servise? Izberemo besedilo
  • 49. Kako uporabljamo servise? Izberemo Kopiramo besedilo besedilo
  • 50. Kako uporabljamo servise? Izberemo Kopiramo besedilo besedilo
  • 51. Kako uporabljamo servise? Odpravimo se na Izberemo Kopiramo drugo spletno besedilo besedilo mesto
  • 52. Kako uporabljamo servise? Odpravimo se na Izberemo Kopiramo drugo spletno besedilo besedilo mesto
  • 53. Kako uporabljamo servise? Odpravimo se na Izberemo Kopiramo Se prijavimo drugo spletno besedilo besedilo (če je treba) 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 Prilepimo drugo spletno besedilo besedilo (če je treba) besedilo 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 Zahtevamo drugo spletno besedilo besedilo (če je treba) besedilo opravilo 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 Vrnemo se na prejšnje spletno mesto
  • 60. 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
  • 61. Hitra opravila - potek
  • 62. Hitra opravila - potek Namestimo opravilo
  • 63. Hitra opravila - potek Namestimo opravilo
  • 64. Hitra opravila - potek Namestimo Izberemo opravilo vsebino
  • 65. Hitra opravila - potek Namestimo Izberemo opravilo vsebino
  • 66. Hitra opravila - potek Namestimo Izberemo Izberemo opravilo vsebino aktivnost
  • 67. Hitra opravila - potek Namestimo Izberemo Izberemo opravilo vsebino aktivnost
  • 68. Hitra opravila - potek Izvedemo aktivnost Namestimo Izberemo Izberemo opravilo vsebino aktivnost
  • 69. Hitra opravila - potek Izvedemo aktivnost Namestimo Izberemo Izberemo opravilo vsebino aktivnost
  • 70. Hitra opravila - potek Izvedemo Se premaknemo aktivnost na servis Namestimo Izberemo Izberemo opravilo vsebino aktivnost
  • 71. Hitra opravila - potek Izvedemo Se premaknemo aktivnost na servis Namestimo Izberemo Izberemo opravilo vsebino aktivnost Predogled aktivnosti
  • 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 Rezultat na aktivnosti obstoječi strani
  • 74. Vizualno iskanje / Instant Search
  • 75. Vizualno iskanje - Instant search
  • 76. Vizualno iskanje - Instant search • Podprto že v IE 7
  • 77. Vizualno iskanje - Instant search • Podprto že v IE 7 • Omogoča enostavno dodajanje podprtih ponudnikov iskalnih vsebin
  • 78. Vizualno iskanje - Instant search • Podprto že v IE 7 • Omogoča enostavno dodajanje podprtih ponudnikov iskalnih vsebin • Podpora in integracija s Hitrimi opravili
  • 79. 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
  • 80. Nove funkcionalnosti in Domenca
  • 81. Q &A
  • 82. 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