0
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 ji...
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-iz...
Trdovratnost IE 6
                 v Sloveniji




http://www.iprom.si/news/1604/25/Brskalnika-Internet-Explorer-in-Firefo...
Trdovratnost IE 6
                 v Sloveniji
   • 79% uporabnikov uporablja Win XP




http://www.iprom.si/news/1604/25/...
Trdovratnost IE 6
                 v Sloveniji
   • 79% uporabnikov uporablja Win XP
   • 17% uporabnikov Win Vista
   • 9...
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...
V povprečju se porabi...
• 30% več časa za razvoj za IE 6!!!
• 5% več časa za razvoj za IE 7
• IE 8 ... ?



             ...
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.slideshar...
Nekaj principov
• Interoperabilnost:
  •   napiši spletno stran 1x in naj bo podprta povsod

• Kompatibilnost:
  •   ne kv...
Nekaj principov
• Interoperabilnost:
  •   napiši spletno stran 1x in naj bo podprta povsod

• Kompatibilnost:
  •   ne kv...
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 / Priljub...
Spletni izrezki -
         WebSlices
• Izpostavi delček strani
• Namesti se v brskalnikovo vrstico
  (Favorites / Priljubl...
Spletni izrezki -
         WebSlices
• Izpostavi delček strani
• Namesti se v brskalnikovo vrstico
  (Favorites / Priljubl...
Spletni izrezki -
          WebSlices
• Izpostavi delček strani
• Namesti se v brskalnikovo vrstico
  (Favorites / Priljub...
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

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

...
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”>
•   Identifika...
Spletni izrezki -
            Implementacija
•   Stilski razred ”hslice”:
    •   <div clas=”hslice” id=”1”>
•   Identifika...
Spletni izrezki -
            Implementacija
•   Stilski razred ”hslice”:
    •   <div clas=”hslice” id=”1”>
•   Identifika...
Spletni izrezki -
            Implementacija
•   Stilski razred ”hslice”:
    •   <div clas=”hslice” id=”1”>
•   Identifika...
Hitra opravila / Accelerators
Hitra opravila -
 Accelerators
Hitra opravila -
         Accelerators
• Olajšajo opravljanje vsakdanjih opravil
• Približajo uporabnikom funkcionalnosti
...
Hitra opravila -
         Accelerators
• Olajšajo opravljanje vsakdanjih opravil
• Približajo uporabnikom funkcionalnosti
...
Hitra opravila -
         Accelerators
• Olajšajo opravljanje vsakdanjih opravil
• Približajo uporabnikom funkcionalnosti
...
Hitra opravila -
         Accelerators
• Olajšajo opravljanje vsakdanjih opravil
• Približajo uporabnikom funkcionalnosti
...
Hitra opravila -
         Accelerators
• Olajšajo opravljanje vsakdanjih opravil
• Približajo uporabnikom funkcionalnosti
...
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

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

• Up...
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
          ...
Kako uporabljamo
                        servise?

                        Odpravimo se na
Izberemo    Kopiramo
          ...
Kako uporabljamo
                        servise?

                        Odpravimo se na
Izberemo    Kopiramo           ...
Kako uporabljamo
                        servise?

                        Odpravimo se na
Izberemo    Kopiramo           ...
Kako uporabljamo
                        servise?

                        Odpravimo se na
Izberemo    Kopiramo           ...
Kako uporabljamo
                        servise?

                        Odpravimo se na
Izberemo    Kopiramo           ...
Kako uporabljamo
                        servise?

                        Odpravimo se na
Izberemo    Kopiramo           ...
Kako uporabljamo
                        servise?

                        Odpravimo se na
Izberemo    Kopiramo           ...
Kako uporabljamo
                        servise?

                        Odpravimo se na
Izberemo    Kopiramo           ...
Kako uporabljamo
                        servise?
                        Odpravimo se na
Izberemo    Kopiramo            ...
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
                               ...
Hitra opravila -
                        potek
                                   Izvedemo
                               ...
Hitra opravila -
                        potek
                                   Izvedemo    Se premaknemo
              ...
Hitra opravila -
                        potek
                                   Izvedemo     Se premaknemo
             ...
Hitra opravila -
                        potek
                                   Izvedemo     Se premaknemo
             ...
Hitra opravila -
                        potek
                                   Izvedemo     Se premaknemo
             ...
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 ...
Vizualno iskanje -
        Instant search
• Podprto že v IE 7
• Omogoča enostavno dodajanje podprtih
  ponudnikov iskalnih...
Vizualno iskanje -
        Instant search
• Podprto že v IE 7
• Omogoča enostavno dodajanje podprtih
  ponudnikov iskalnih...
Nove funkcionalnosti in
      Domenca
Q &A
Dokumentacija
Izgradnja spletnih izrezkov:
http://is.gd/aCYEt
http://is.gd/aCYLw
http://is.gd/aCYQC

Izgradnja hitrih opra...
Ie8 - nove funkcionalnosti
Ie8 - nove funkcionalnosti
Ie8 - nove funkcionalnosti
Upcoming SlideShare
Loading in...5
×

Ie8 - nove funkcionalnosti

507

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
507
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • - predstaviti blog
    - dobil ob&amp;#x10D;utek, da so v Domenci podcenjeni
    - mogo&amp;#x10D;e dolgo&amp;#x10D;asno ampak menim, da uporabno
    - mogo&amp;#x10D;e tudi koga navdu&amp;#x161;il za bloganje
    - na koncu navezal tudi na korporativni blog








































































  • Transcript of "Ie8 - nove funkcionalnosti"

    1. 1. Internet Explorer 8 Valentin Bufolin @ domenca
    2. 2. Internet Explorer 8 Valentin Bufolin @ domenca
    3. 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. 4. Brskalniki http://en.wikipedia.org/wiki/File:Web_browser_usage_share.svg
    5. 5. Brskalniki v Slo http://www.iprom.si/news/1604/25/Brskalnika-Internet-Explorer-in-Firefox-po-priljubljenosti-skoraj-izenacena.html
    6. 6. Trdovratnost IE 6 v Sloveniji http://www.iprom.si/news/1604/25/Brskalnika-Internet-Explorer-in-Firefox-po-priljubljenosti-skoraj-izenacena.html
    7. 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. 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. 9. V povprečju se porabi... http://www.slideshare.net/npar007/nz-ie8-auckland-barcamp2-12-july-2008
    10. 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. 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. 12. Nekaj principov http://www.slideshare.net/lachlanhardy/welcome-to-ie8-integrating-your-site-with-internet-explorer-8
    13. 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. 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. 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. 16. Spletni izrezki / Web slices
    17. 17. Spletni izrezki - WebSlices
    18. 18. Spletni izrezki - WebSlices • Izpostavi delček strani
    19. 19. Spletni izrezki - WebSlices • Izpostavi delček strani • Namesti se v brskalnikovo vrstico (Favorites / Priljubljeno)
    20. 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. 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. 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. 23. Spletni izrezki - Kako spoznati?
    24. 24. Spletni izrezki - Kako spoznati? • S pomočjo ikone
    25. 25. Spletni izrezki - Kako spoznati? • S pomočjo ikone
    26. 26. Spletni izrezki - Kako spoznati? • S pomočjo ikone • Vizualna izpostavitev izrezka ob pomiku miškinega kazalca
    27. 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. 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. 29. Spletni izrezki - Implementacija
    30. 30. Spletni izrezki - Implementacija • Stilski razred ”hslice”: • <div clas=”hslice” id=”1”>
    31. 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. 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. 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. 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. 35. Hitra opravila / Accelerators
    36. 36. Hitra opravila - Accelerators
    37. 37. Hitra opravila - Accelerators • Olajšajo opravljanje vsakdanjih opravil • Približajo uporabnikom funkcionalnosti vašega spletnega mesta / aplikacije
    38. 38. Hitra opravila - Accelerators • Olajšajo opravljanje vsakdanjih opravil • Približajo uporabnikom funkcionalnosti vašega spletnega mesta / aplikacije • Spoznamo z ikono
    39. 39. Hitra opravila - Accelerators • Olajšajo opravljanje vsakdanjih opravil • Približajo uporabnikom funkcionalnosti vašega spletnega mesta / aplikacije • Spoznamo z ikono
    40. 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. 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. 42. Hitra opravila - Accelerators
    43. 43. Hitra opravila - Accelerators • Omogoči hitri dostop do servisov spletnih strani / aplikacij preko menija
    44. 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. 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. 46. Kako uporabljamo servise?
    47. 47. Kako uporabljamo servise? Izberemo besedilo
    48. 48. Kako uporabljamo servise? Izberemo besedilo
    49. 49. Kako uporabljamo servise? Izberemo Kopiramo besedilo besedilo
    50. 50. Kako uporabljamo servise? Izberemo Kopiramo besedilo besedilo
    51. 51. Kako uporabljamo servise? Odpravimo se na Izberemo Kopiramo drugo spletno besedilo besedilo mesto
    52. 52. Kako uporabljamo servise? Odpravimo se na Izberemo Kopiramo drugo spletno besedilo besedilo mesto
    53. 53. Kako uporabljamo servise? Odpravimo se na Izberemo Kopiramo Se prijavimo drugo spletno besedilo besedilo (če je treba) mesto
    54. 54. Kako uporabljamo servise? Odpravimo se na Izberemo Kopiramo Se prijavimo drugo spletno besedilo besedilo (če je treba) mesto
    55. 55. Kako uporabljamo servise? Odpravimo se na Izberemo Kopiramo Se prijavimo Prilepimo drugo spletno besedilo besedilo (če je treba) besedilo mesto
    56. 56. Kako uporabljamo servise? Odpravimo se na Izberemo Kopiramo Se prijavimo Prilepimo drugo spletno besedilo besedilo (če je treba) besedilo mesto
    57. 57. Kako uporabljamo servise? Odpravimo se na Izberemo Kopiramo Se prijavimo Prilepimo Zahtevamo drugo spletno besedilo besedilo (če je treba) besedilo opravilo mesto
    58. 58. Kako uporabljamo servise? Odpravimo se na Izberemo Kopiramo Se prijavimo Prilepimo Zahtevamo drugo spletno besedilo besedilo (če je treba) besedilo opravilo mesto
    59. 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. 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. 61. Hitra opravila - potek
    62. 62. Hitra opravila - potek Namestimo opravilo
    63. 63. Hitra opravila - potek Namestimo opravilo
    64. 64. Hitra opravila - potek Namestimo Izberemo opravilo vsebino
    65. 65. Hitra opravila - potek Namestimo Izberemo opravilo vsebino
    66. 66. Hitra opravila - potek Namestimo Izberemo Izberemo opravilo vsebino aktivnost
    67. 67. Hitra opravila - potek Namestimo Izberemo Izberemo opravilo vsebino aktivnost
    68. 68. Hitra opravila - potek Izvedemo aktivnost Namestimo Izberemo Izberemo opravilo vsebino aktivnost
    69. 69. Hitra opravila - potek Izvedemo aktivnost Namestimo Izberemo Izberemo opravilo vsebino aktivnost
    70. 70. Hitra opravila - potek Izvedemo Se premaknemo aktivnost na servis Namestimo Izberemo Izberemo opravilo vsebino aktivnost
    71. 71. Hitra opravila - potek Izvedemo Se premaknemo aktivnost na servis Namestimo Izberemo Izberemo opravilo vsebino aktivnost Predogled aktivnosti
    72. 72. Hitra opravila - potek Izvedemo Se premaknemo aktivnost na servis Namestimo Izberemo Izberemo opravilo vsebino aktivnost Predogled aktivnosti
    73. 73. Hitra opravila - potek Izvedemo Se premaknemo aktivnost na servis Namestimo Izberemo Izberemo opravilo vsebino aktivnost Predogled Rezultat na aktivnosti obstoječi strani
    74. 74. Vizualno iskanje / Instant Search
    75. 75. Vizualno iskanje - Instant search
    76. 76. Vizualno iskanje - Instant search • Podprto že v IE 7
    77. 77. Vizualno iskanje - Instant search • Podprto že v IE 7 • Omogoča enostavno dodajanje podprtih ponudnikov iskalnih vsebin
    78. 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. 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. 80. Nove funkcionalnosti in Domenca
    81. 81. Q &A
    82. 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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×