Lester  Lievens  Lowie  Benoot  

Wouter  Standaert  

HTML5  showcase  –  loca:on  based  community  website    

www.foodsteps.be  

Content 0.    Demo  1.  What  is  foodsteps?  2.  Inspira:on  3.  Used  techniques  4.  Obstacles  5.  Teamwork  6.  Cri:cal  self-­‐reflec:on  7.  Conclusion  8.  Q&A  

2  

3  

1. What is foodsteps?  

What is foodsteps?  

•  Goal:  HTML5  showcase  

•  Loca:on  based  community  website  

•  Mobile  website  

4  

5  

2. Inspiration

6  

HTML5 is hot!    

7  

People love social media  

8  

People love food  

9  

= Foodsteps  

10  

3. Used techniques

New HTML5 features  

•  Geoloca:on  API  •  Websockets  •  Video  •  Drag  and  drop  •  New  tags  •  CSS3  

11  

Other  

•  Spoon  Library  (Netlash)  •  PHP  Gowalla  (Lester  Lievens)  •  Google  Geocoding  class  (Bert  Pa_yn)  •  jQuery  •  Url  rewri:ng  

12  

13  

4. Obstacles

14  

5. Teamwork

15  

Collaboration tool  

16  

Version control  

17  

6. Critical self-reflection  

18  

7. Conclusion

19  www.ishtml5readyyet.com

20  

8. Q&A