html5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

24
© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel www.sela.co.il

Upload: israeli-internet-association-technology-committee

Post on 31-Oct-2014

13 views

Category:

Travel


5 download

DESCRIPTION

 

TRANSCRIPT

Page 1: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel www.sela.co.il

Page 2: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 2

What is HTML5?

Government Organizations Main Challenges

HTML5 and Government Organizations

Q&A

Summary

Page 3: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

HTML5 is...

• The future of the web

• Not just a marketing message

• Still under development

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 3

Page 4: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 4

Page 5: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• New ways to mean what you actually meant to mean

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 5

Page 6: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• Web Apps can work offline and store data on client side

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 6

Page 7: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• Web Apps can present device-aware features and UX

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 7

Page 8: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• More efficient connectivity

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 8

Page 9: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• Audio and video are first class citizens

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 9

Page 10: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• Visuals natively rendered in the browser

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 10

Page 11: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• No user should ever wait on your watch

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 11

Page 12: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• Like the last version (CSS 2.1) but better

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 12

Page 13: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 13

Page 14: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 14

Page 15: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel

Source: http://fmbip.com/litmus/

Page 16: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel

Source: http://fmbip.com/litmus/

Page 17: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel

Source: http://fmbip.com/litmus/

Page 18: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• Accessibility

– Regardless of physical impairments or level of technological ability

– Multiple devices reach

– Multiple platforms reach

• User Experience (UX)

– Simplicity

– Organized well

– And more

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 18

Page 19: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• HTML5 is HTML – you’re already most of the way there

• Most visitors’ browsers can handle most things

• Many strategies can be used to implement:

– Lowest common denominator

– Vertical slices – target a specific HTML5 functionality

– JavaScript ‘Polyfills’ can be used to patch the holes

– Using fallbacks strategies

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 19

Page 20: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• Accessibility

• Largest audience reach

• Good for mobile browsing (if done right!)

• Reusable, modular content

• SEO Benefits

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 20

Page 21: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 21

Scotland National Museums

Page 22: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

22 © Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel

Page 23: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק

• Develop once!

– Get multiple devices reach

– Get multiple platforms reach

© Copyright SELA software & Education Labs Ltd. 14-18 Baruch Hirsch St.Bnei Brak 51202 Israel 23

Page 24: HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק