web design. web design – what’s involved the client – listening and mind reading
TRANSCRIPT
Web Design
Web Design – What’s Involved 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
The Actual Design – throwing on the glitter
v
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
Web DesignEducation
Things to think about Can I learn this, or is it a natural talent?
Things to think about Can I learn this, or is it a natural talent?
Where to expand those thinking muscles
Web &Application DevelopmentBehind the scenes with the code…
Microsoft or Open Source
Business needs/requirementsVS
Developers Preferences
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?
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?
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
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
Web &Application DevelopmentHosted elsewhere in the Cloud?
Big Movement Future of Web and Business
Future of Gaming
Future of Design, Video, Photography
Decide for yourself!
Cloud ComputingWhat is Cloud?
What can I use it for?
What does it mean for me?
Does it cost anything to develop?
http://en.wikipedia.org/wiki/Cloud_computing
Amazon Web Services
Azure (Microsoft)
Google App Engine
Open Gov Data Initiative
Web 2.0
Open Web / Web 2.0
Social Media Facebook, Twitter, G+, LinkedIn, YouTube Future is SOCIAL How do you build a better website that
leverage social capabilities?
Web Design & DevelopmentContent Management Systems (CMS)
Content Management Systems What are they?
Content Management Systems What are they?
Why do I need to know about them?
Content Management Systems What are they?
Why do I need to know about them?
Aren’t they kind of cheating?
Web Design & DevelopmentUser Experience
User Experience Why can’t my users read my mind?
User Experience Why can’t my users read my mind?
How to read the users mind
Mobile Development Apple iPhone
Google Android
Windows 8 Phone
Others • RIM Blackberry 10, HP webOS, Nokia Symbian
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
APPENDIX FOLLOWS
Model Design Visualization Software Useful Software for Web/Application Dev. Useful Tutorial Websites Cloud Services Mobile Development Software Game Engine Lists Acronyms
Model Design Visualisation 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.
Useful Software for WebFor 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 SoftwareFor 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 Websites (tutorials) W3schools
http://www.w3schools.com CSSZenGarden
http://www.csszengarden.com/ Tizag
http://www.tizag.com DynamicDrive
http://www.DynamicDrive.com
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
Mobile Development SoftwareFor 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?
Game Engine Sites: 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 Crytek CryEngine 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
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_5
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