Class Activity website

1. Discuss the steps in designing a website.

2. Explain the following and give examples

Target Audience 

in terms of designing a website what you need to do is to know, Who's is your target audience, After identifying your target audience, we can start designing your website. Web design will be map according to your understanding of your audience e.g., what they want, expect, and how we will improve their buyer’s journey on your website.#

Sitemap 

A sitemap is a road map that is followed during the development of a website. It outlines the goals and purposes of a site, such as attracting new leads or making online sales, to give direction to your project. It also helps you provide your visitors with an enhanced user experience, like easy navigation, by establishing the hierarchy of your site’s pages at an early stage.

Wireframe 

is a way to design a website service at the structural level. A wireframe is commonly used to lay out content and functionality on a page that takes into account user needs and user journeys. are used early in the development process to establish the basic structure of a page before visual design and content is added. 

Style Guide

A style guide is a document of code standards that details the various elements and patterns of a site or application. It is a one-stop place to see all visual styles of the site such as headers, links, buttons, color pallets and any visual language that is used on the site.

Prototype

A website prototype can be any mock-up or demo of what a website will look like when it goes live. Although it may not as perfect as the final website, it can give u a really good idea of the functionality, user journey and flow through a website.

User Experience (UX)

User experience (UX) design is the process design teams use to create products that provide meaningful and relevant experiences to users. This involves the design of the entire process of acquiring and integrating the product, including aspects of branding, design, usability, and function.

User Interface (UI) 

User interface (UI) design is the process of making interfaces in software or computerized devices with a focus on looks or style. Designers aim to create designs users will find easy to use and pleasurable. UI design typically refers to graphical user interfaces.

Defining Your Target Audience | West Chester PA Web Design and Website Development. (2018). Westchesterdigital.com. Retrieved 1 December 2019, from https://www.westchesterdigital.com/2018/11/16/defining-your-target-audience/

Importance of Target Audience for Website Design | Virtuolegance. (2018). VirtuoLegance. Retrieved 1 December 2019, from https://www.virtuolegance.com/importance-of-knowing-your-audience-in-web-design/

Sitemap. (2015). Web design. Retrieved 1 December 2019, from https://stuyhsdesign.wordpress.com/web-design/sitemap/

Team, O., Team, O., & Borowska, P. (2015). Tips and Tricks: Why Web Design Matters to Your Target Audience. Onextrapixel. Retrieved 1 December 2019, from https://onextrapixel.com/tips-and-tricks-why-web-design-matters-to-your-target-audience/

Lynch, K., & Lynch, K. (2019). Style Guides for Web Design and Development. Beacon Blog. Retrieved 1 December 2019, from https://www.beacontechnologies.com/blog/2015/09/style-guides-for-web-design-and-development/

Web Development Framework

Web Development Framework 

Example of Framework of JSP in server side 

Django

Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers, it takes care of much of the hassle of Web development, so you can focus on writing your app without needing to reinvent the wheel. It’s free and open source.

The advantage of Django 

• Fast: This has been designed in a way to help the developers make an application as fast as possible. From idea, production to release, Django helps in making it both cost effective and efficient. 
• Fully Loaded: It works in a way that includes dozens of extras to help with user authentication, site maps, content administration, RSS feeds and much more such things. These aspects help in carrying out the web development process completely.
• Secure: When you are doing it in Django, it is ensured that developers don’t commit any mistakes related to security. Some of the common mistakes include SQL injection, cross-site request forgery, clickjacking and cross-site scripting. To manage effectively usernames and passwords, the user authentication system is the key.

Advantages and Disadvantages of Django. (2017). Hackernoon.com. Retrieved 5 November 2019, from https://hackernoon.com/advantages-and-disadvantages-of-django-499b1e20a2c5

The Web framework for perfectionists with deadlines | Django. (2019). Djangoproject.com. Retrieved 5 November 2019, from https://www.djangoproject.com/

Example of Framework of Jquery in client side

Meteor

Meteor is a full stack JavaScript (JS) framework, made up of a collection of libraries and packages, bound together. in a way that makes it easy to prototype applications. Essentially, it makes web development easier. It’s flexible and requires less code, which means less bugs and typically a higher quality and more stable end result.

The advantage of Meteor

• Meteor is easy to learn and quick to build with—making it a new favorite for many developers. 
• Only one language,  JS both front-end and back-end
• Meteor can be used for reactive programming out of the box

Why you should check out Meteor.js. (2019). Why Meteor.js. Retrieved 5 November 2019, from http://whymeteor.com/