Thesis Presentation: Firmness

Transcript

1. RECAP: “Information/Data Visualization of News Stories -with a particular focus on UK politics and the General Election in May 2015”
2. Firmness: Let’s talk tech Realising Infographics and Data-Viz on the Web…
3. Firmness: What’s our workflow? A   C   researcher /designer researcher /writer Dropbox + Googledocs + html files R   R   SVG + PNG D3 + Google charts
4. PHP Includes Making ‘InfoEarth’ modular f o o t e r J S e l e c t i o n c o u n t d o w n m e n u l o g o mySQL Database O r g a n i s e D a t a - v i z , A r t i c l e s a n d I n f o g r a p h i c s phpMyAdmin
5. SVG Scalable Vector Graphics: XML - based vector image format = Markup that can be manipulated Let’s talk graphics Snap.io javascript library to animate Opensource HTML5 inline SVG Properties jQuery.load Load SVG SVG clean up? Remove comments + doctype
6. SVG caniuse.com PNG? Static Fall backs:
7. FACEBOOK PINTREST Let’s talk sharing I WANT USERS TO BE ABLE TO SHARE GRAPHICS ON SOCIAL MEDIA Facebook share: Pintrest ‘Pin it’ button: Embed Code: SEO
8. Q&A: Website Progress 1. History in 100 words for each parties: Labour, Conservatives, Liberals and UKIP and theme’s: Healthcare (NHS), Education, Immigration and Employment/Welfare. 2. Infographic Accompanying ‘History in a 100(ish) words’. 3. InfoEarth Homepage Globe (SVG with CSS animation) 4. SVG Using Inkscape