Presentation on theme: "Joel Bapaga on Web Design Strategies Technologies Commercial Value."— Presentation transcript:
Joel Bapaga on Web Design Strategies Technologies Commercial Value
Strategies Conceptualisation Analysis Design Production Testing Launch Maintenance Evaluation
Conceptualisation Intended / target audience Goals or mission of website define primary audience goals conduct competitive analysis define content outline create sitemaps and wireframes
Analysis Information topics Functionality requirements Environmental requirements Contents requirements Information Architecture –Organise and label information on websites so regular people (not involved in the design of the site) can actually find what they are looking for.
Design Determine the site structure and organisation (template) Prototype the design (page layout) Website organisation –Hierarchical –Linear –Random
Design (Continued) Navigation –Global (accross the website) –Local (for a subsection of the website) Use of breadcrumbs Clear labels and use font internet friendly Social Media Integration (APIs)
Tools used to build a website Sitemap (Google XML) Wireframe (Template Selection) RAD (Codelobster) Workbench (Database Management) Custom CSS Custom PHP
Production Choose a web authoring tool (Codelobster) Organise website files (.htaccess rights) Develop / install and individually test components Add contents (Dummy data for testing purposes) Customise CSS (Custom CSS Plugin) Customise PHP (Custom PHP Plugin)
Testing Test on different web browsers and versions Test with different screen resolutions and devices Test using different bandwidths Test from another location
Testing (continued) Types of Testings Automated –Link checker –w3c xhtml and css validation tools Usability –Interact with the user and peers –User / client testing
Launch Sign-off Change management After Sales Support Notification
Maintenance Site enhancements Fixes, loops / bugs / critical updates New components Security implementations Audit Trail Backups Client Rapport
Evaluation Revisit goals, objectives, mission How far goal and target been met Develop plan to better meet goals, objectives, mission, security Back to number Conceptualisation
Why this technique? Fast Reliable Deliverable Code on the fly Various documentations and help to help achive goals Great Commercial Value
Technologies MVC (WordPress) PHP mySQL jQuery APIs CSS
Why MVC? Model – View – Controller is a software architectural pattern for implementing user interfaces. –Reusable object codes –A pattern that allows to significantly reduce the time taken to develop applications with user interfaces.
Wordpress CMS? WordPress is truly FREE and Open Source Plugins give you more functionalities The Visual Editor and CMS are Outstanding Easily Add a Blog To Your Site Themes Let You Style Your Site It’s Easy to Keep WordPress Secure WordPress is Google Ready! WordPress Sites are Accessible Your Site Can Grow With You
Why PHP? Short Time to Market –PHP enables fast implementation of complex solutions. Easy Integration –PHP runs on practically any platform Flexibility –PHP also offers great flexibility during and after the initial project. Availability of Resources
Why mySQL Easy to use Secure and fast Inexpensive and scalable Manages memory very well Runs on many operating systems Supports several development interfaces
Why APIs a set of functions and procedures that allow the creation of applications which access the features or data of an operating system, application, or other service. Very handy in connecting your website to social media sites Improves backlinks for good SEO practice
Why CSS A style sheet language used for describing the look and formatting of a document written in a markup language.
Commercial Value Services are updated more and also more often Quality of WordPress services is better Linux Server hosted Easy of expansion Great After Sales Value Components reusable in other projects
Presented by Joel Bapaga http://nextdime.wordpress.com References Wikipedia WordPress Oracle