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

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

© 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

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

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

• 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

• 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

• 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

• More efficient connectivity

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

• Audio and video are first class citizens

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

• Visuals natively rendered in the browser

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

• No user should ever wait on your watch

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

• 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

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

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

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

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

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

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

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

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

• 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

• 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

• 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

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

Scotland National Museums

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

• 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