1. Web Design

2. Web Design – What’s Involved  The Client – listening and mind reading

3. Web Design – What’s Involved  The Client – listening and mind reading  Planning Stage – 90% of the work goes here

5. Web Design – What’s Involved  The Client – listening and mind reading  Planning Stage – 90% of the work goes here  The Actual Design – throwing on the glitter

6. v

7. Web Design – What’s Involved  The Client – listening and mind reading  Planning Stage – 90% of the work goes here  The Actual Design – throwing on the glitter  Making It Actually Work – making sure the glitter doesn’t fall off

9. Web Design Education

10. Things to think about  Can I learn this, or is it a natural talent?

11. Things to think about  Can I learn this, or is it a natural talent?  Where to expand those thinking muscles

12. Web & Application Development Behind the scenes with the code…

13. Microsoft or Open Source  Business needs/requirements VS  Developers Preferences

14. Things to think about  What does my website do?  What data does my website need to store?  How do I want it to look like?  How do I want to interact with it?  What reporting will I need?

15. Things to think about  What does my application do?  What data does my application need to store?  How do I want the application to look like?  How do I want to interact with it?  What reporting will I need?

16. Design Perspective 3 Things  Model Business Logic/ How is it designed  View How does it look  Data (Controller) The data / What specifics are you representing http://en.wikipedia.org/wiki/ModelViewController

17. Platforms  Websites for Business  Applications for Home  CMS, Typo3, WordPress, Drupal  SharePoint  ERPs Dynamics AX, GP, NAV, SL; Epicor  CRM Microsoft CRM, Sugar CRM, Salesforce

18. Web & Application Development Hosted elsewhere in the Cloud?

19. Big Movement  Future of Web and Business  Future of Gaming  Future of Design, Video, Photography  Decide for yourself!

20. Cloud Computing What is Cloud? What can I use it for? What does it mean for me? Does it cost anything to develop?

21. http://en.wikipedia.org/wiki/Cloud_computing

22. Amazon Web Services

23. Azure (Microsoft)

24. Google App Engine

25. Open Gov Data Initiative

26. http://openturf.cloudapp.net/

27. Web 2.0

28. Open Web / Web 2.0

29. Social Media  Facebook, Twitter, G+, LinkedIn, YouTube  Future is SOCIAL  How do you build a better website that leverage social capabilities?

30. Web Design & Development Content Management Systems (CMS)

31. Content Management Systems  What are they?

34. Content Management Systems  What are they?  Why do I need to know about them?

35. Content Management Systems  What are they?  Why do I need to know about them?  Aren’t they kind of cheating?

36. Web Design & Development User Experience

37.  Why can’t my users read my mind?

38. User Experience  Why can’t my users read my mind?  How to read the users mind

39. Mobile Development  Apple iPhone  Google Android  Windows 8 Phone  Others RIM Blackberry 10, HP webOS, Nokia Symbian

40. Game Development  What Game do I love? How many hours?  Is there a SDK or an Engine that I can use to MOD it?  XNA Game Studio (for Visual Studio), Unity 3d, Unreal 3 Engine, Crytek CryEngine 3, Engine, Bethesda’s Creation Engine, Source Engine SDK, iD Tech 5

41. APPENDIX FOLLOWS  Model Design Visualization Software  Useful Software for Web/Application Dev.  Useful Tutorial Websites  Cloud Services  Mobile Development Software  Game Engine Lists  Acronyms

42. Model Design Visualisation  MS Visio  MSSQL/MySQL (Table Views)  UML (Unified Modeling Language)  Http://apps.open-libraries.com/best-open-source-uml-tools/ Http://apps.open-libraries.com/best-open-source-uml-tools/ A great way to build a design is the see it visually until it looks right.

43. Useful Software for Web For Web Development  Xampp (Apache2, MySQL, PHP) (LAMP,MAMP,WAMP)  CMS (Typo3, Wordpress, Drupal)  DreamWeaver, Zend Studio, PHP Dev Studio, JCreator, Eclipse, NetBeans and others  Valuable Languages PHP, Java, C#, VB.net, SQL, CSS, JavaScript

44. Useful Software For Application Development  NUnit  SVN, GIT, Team Viewer (Version Control)  Notepad++  Visual Studio (Free Ed) (C#, C++,C, VB.NET)  Valuable Languages Java, C#, VB.net, SQL  MySQL or MSSQL

45. Useful Websites (tutorials)  W3schools  http://www.w3schools.com http://www.w3schools.com  CSSZenGarden  http://www.csszengarden.com/ http://www.csszengarden.com/  Tizag  http://www.tizag.com http://www.tizag.com  DynamicDrive  http://www.DynamicDrive.com http://www.DynamicDrive.com

46. Websites (Cloud)  Amazon Web Services http://aws.amazon.com  Azure (Microsoft) http://manage.windowsazure.com  Google App Engine http://developers.google.com/appengine  OGDI Project http://ogdisdk.cloudapp.net

47. Mobile Development Software For Mobile App Development  Objective-C, (Apple iDevices) iPhone SDK http://developer.apple.com/  Java, C++,C (Android) Android SDK http://developer.android.com  Windows 8 RT SDK http://dev.windowsphone.com/en-us/downloadsdk  Custom Tools  Thing to research: Do you want your app to be on one market or both?

48. Game Engine Sites:  Unity http://www.unity3d.comhttp://www.unity3d.com  Games made with: http://unity3d.com/gallery/made-with-unity/game-listhttp://unity3d.com/gallery/made-with-unity/game-list  XNA Game Studio http://www.microsoft.com/en-ca/download/details.aspx?id=23714http://www.microsoft.com/en-ca/download/details.aspx?id=23714  Games made with: http://en.wikipedia.org/wiki/Microsoft_XNA#Partial_List_of_Games_that_use_XNAhttp://en.wikipedia.org/wiki/Microsoft_XNA#Partial_List_of_Games_that_use_XNA  Unreal 3 Engine http://www.unrealengine.com/udkhttp://www.unrealengine.com/udk  Games made with: http://en.wikipedia.org/wiki/List_of_Unreal_Engine_games#Unreal_Engine_3http://en.wikipedia.org/wiki/List_of_Unreal_Engine_games#Unreal_Engine_3  Crytek CryEngine 3 http://mycryengine.comhttp://mycryengine.com  Games made with: http://en.wikipedia.org/wiki/CryEngine#Games_using_CryENGINEhttp://en.wikipedia.org/wiki/CryEngine#Games_using_CryENGINE  Bethesda’s Creation Engine http://www.creationkit.comhttp://www.creationkit.com  Ships with Steam and need a copy of Skyrim  Source Engine SDK (Ships with Steam which is Free) http://source.valvesoftware.com/sourcesdk.phphttp://source.valvesoftware.com/sourcesdk.php  Games made with: http://en.wikipedia.org/wiki/Category:Source_engine_gameshttp://en.wikipedia.org/wiki/Category:Source_engine_games  iD Tech 5 (Not available for Licensing at this time.)  Games made with: http://en.wikipedia.org/wiki/Id_Tech_5#Games_using_id_Tech_5http://en.wikipedia.org/wiki/Id_Tech_5#Games_using_id_Tech_5

49. Acronyms  CSS –Cascading Style Sheets  UML – Unified Modeling Language  PHP – PHP Hypertext Preprocessor  CMS – Content Management System  SQL – Structured Query Language  SDK – Software Development Kit  SVN - Subversion