1 / 49

Web Design

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

zuriel
Télécharger la présentation

Web Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Design

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

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

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

  5. v

  6. 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 Web Design – What’s Involved

  7. Web Design Education

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

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

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

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

  12. 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? Things to think about

  13. 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? Things to think about

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

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

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

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

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

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

  20. Amazon Web Services

  21. Azure (Microsoft)

  22. Google App Engine

  23. Open Gov Data Initiative

  24. http://openturf.cloudapp.net/

  25. Web 2.0

  26. Open Web / Web 2.0

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

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

  29. What are they? Content Management Systems

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

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

  32. Web Design & Development User Experience

  33. Why can’t my users read my mind? User Experience

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

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

  36. 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, CrytekCryEngine 3, Engine, Bethesda’s Creation Engine, Source Engine SDK, iD Tech 5 Game Development

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

  38. MS Visio • MSSQL/MySQL (Table Views) • UML (Unified Modeling Language) • 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. Model Design Visualisation

  39. 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 Useful Software for Web

  40. 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 Useful Software

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

  42. 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 Websites (Cloud)

  43. 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? Mobile Development Software

  44. Unity http://www.unity3d.com • Games made with: http://unity3d.com/gallery/made-with-unity/game-list • XNA Game Studio http://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_XNA • Unreal 3 Engine http://www.unrealengine.com/udk • Games made with: http://en.wikipedia.org/wiki/List_of_Unreal_Engine_games#Unreal_Engine_3 • CrytekCryEngine 3 http://mycryengine.com • Games made with: http://en.wikipedia.org/wiki/CryEngine#Games_using_CryENGINE • Bethesda’s Creation Engine http://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.php • Games made with: http://en.wikipedia.org/wiki/Category:Source_engine_games • iDTech 5 (Not available for Licensing at this time.) • Games made with: http://en.wikipedia.org/wiki/Id_Tech_5#Games_using_id_Tech_5 Game Engine Sites:

  45. 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 Acronyms

More Related