Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand...
Transcript of Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand...
![Page 1: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/1.jpg)
1
Taking a Website Live
Based on slides from Alex Loddengaard
![Page 2: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/2.jpg)
2
What’s after CSC309? n Continue practicing Web Programming
n What if you want more? n What if you want your own .com name? n What if you want to make some money? n What if you want to take web development
to the next level?
![Page 3: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/3.jpg)
3
The Truth n The gap between a legitimate website and a personal
project is small - this is the beauty of the web n All of you are capable of making something that
people will use n Examples:
n Facebook.com n Craigslist.org n You name it…
n All websites started off simple
![Page 4: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/4.jpg)
4
The Next Level is Hosting n Buy a domain name
n Example: mydomain.com n Buy web space from a hosting company
n They provide you with Python, MySQL, etc n You can buy a domain name and web space from the
same company n A few companies:
n Namecheap.com n Dreamhost.com n Godaddy.com n Westhost.com
![Page 5: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/5.jpg)
5
OK, you’re live
Refine your website
![Page 6: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/6.jpg)
6
Research n First step to refinement is research
n Research will tell you more about the problem you’re solving n Understand your users n Understand use cases
n Research by interviewing, surveying, etc n Solve a real problem n Research increases the likeliness of your website
being used n It’s more fun when your website is used :)
![Page 7: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/7.jpg)
7
Focuses n Where to focus?
n Add more functionality or a few core features? n Open vs. closed source n Develop API framework? n Look-and-feel? How important is it?
Make decisions – Take risks
![Page 8: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/8.jpg)
8
Privacy n Be upfront with your user
n Specify your privacy policy in a “Terms” page n Facebook’s “Terms” page is over 10 pages n Twitter had issues with this recently
![Page 9: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/9.jpg)
9
You got a good idea
Track and evaluate your website
![Page 10: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/10.jpg)
10
Website Analytics n What’s this?
n Follow your website visitors by website Analytics n Google Analytics n Statcounter
![Page 11: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/11.jpg)
11
Google Analytics (GA) n Sign up here: http://www.google.com/analytics n Then just install the JavaScript they give you n GA gives you insane statistics about your site
![Page 12: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/12.jpg)
12
Revenue Models
Make some money
![Page 13: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/13.jpg)
13
Advertisements on Your Site n Google AdSense
n Automatically displays relevant ads n Paid per click (usually ~$.10-3.00) n Customizable look and feel n Anyone with a website can install these! n Just sign up and install the JavaScript n www.google.com/adsense
![Page 14: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/14.jpg)
14
Cellarspot AdSense Example
![Page 15: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/15.jpg)
15
Referrals n Website owner gets commission from
referred sale n Many e-commerce sites offer this n Amazon.com, Bestbuy.com, etc n Commission ranges between 5-10% n Look for “Join Associates” on
Amazon.com
![Page 16: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/16.jpg)
16
Cellarspot Referral Example
![Page 17: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/17.jpg)
17
E-Marketing
Market your site and get users onboard
![Page 18: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/18.jpg)
18
Google AdSense and AdWords
n Google AdSense n Google pays you for showing third-party ads on
your website n www.google.com/adsense/
n Googel AdWords n You pay Google for advertising your website
n in relevant Google search results n in relevant third-party pages
n www.google.com/adwords/
![Page 19: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/19.jpg)
19
Remember <meta> tags? n Did you use those? n Let’s learn about SEO …
![Page 20: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/20.jpg)
20
But first n If you were Google, how would you
determine if one website was better than another?
n Do you determine the most popular person by what they say about themselves?
![Page 21: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/21.jpg)
21
Search Engine Optimization (SEO) n The way your site performs in search engines n Learn more here:
n http://en.wikipedia.org/wiki/PageRank n http://en.wikipedia.org/wiki/Nofollow n http://en.wikipedia.org/wiki/
Search_engine_optimization n Include the appropriate <meta> tags
n Description, keywords, etc n Use a descriptive <title>
n Look at Amazon’s title -- it’s long Amazon.com: Online Shopping for Electronics, Apparel, Computers, Books, DVDs & more
![Page 22: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/22.jpg)
22
SEO (cont.) n See each search engine’s recommendations
n Yes, they specify them n http://www.google.com/support/webmasters/
n Most important: n Get people to link to you n Get bloggers to blog about you
n Google likes bloggers
![Page 23: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/23.jpg)
23
Google PageRank n Bubbles are websites, arrows are links
![Page 24: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/24.jpg)
24
SEO (cont.) n Typically your website will be
keyworded based on the anchor text of incoming links n Also keyworded by <title>, <meta> and
content
![Page 25: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/25.jpg)
25
Google Bombs n Before Google got smart, they keyworded
mostly by anchor text n Bloggers linked to whitehouse.gov/president
with anchor text “miserable failure” n Googleing “miserable failure” showed
whitehouse.gov/president as the first link n Google has since fixed this n http://en.wikipedia.org/wiki/Google_bomb
![Page 26: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/26.jpg)
26
![Page 27: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/27.jpg)
27
A Useful SEO tool n Google Webmaster Tools
n http://www.google.com/webmasters n Useful information about your site in
Google’s search engine
![Page 28: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/28.jpg)
28
Legal Info
Don’t get shutdown or sued
![Page 29: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/29.jpg)
29
Intellectual Property n Copyright ©
n Establishes ownership of content n Images, reviews, etc
n Trademark ™ n Establishes exclusive usage of a logo, name, or
phrase n Patent
n Establishes ownership and exclusive usage of a product, algorithm, etc
n Very complicated
![Page 30: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/30.jpg)
30
Copyright n Don’t violate it n Don’t use someone else’s
n Images n Code snippets
n Unless the license agreement says you can n Any other data on any website
n Copyrights don’t need to be specified n They are implicit
![Page 31: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/31.jpg)
31
Protect Yourself n As an individual running a website, your
private assets are not protected n Protect your private assets by either
n Registering a Limited Liability Company n Becoming incorporated
n Dependent on the state you operate in n http://www.secstate.wa.gov/corps/
n This probably isn’t necessary unless you’re doing something that might be borderline illegal
![Page 32: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/32.jpg)
32
Software Development n Make good code decisions
n Will make improving / fixing your code MUCH easier
n Try to build a team of developers, because multiple heads are better than one
n Review each other’s code
![Page 33: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/33.jpg)
33
Conclusion n Making your own site is an indefinite success n Your CSC309 project…
n Can be used in every single one of your interviews in software companies
n Can prominently sit on your resume n Can make you (some) money n Can be an overall great experience
![Page 34: Taking a Website Livemashiyat/csc309/Lectures/Going_live.pdf · Understand your users ! Understand use cases! Research by interviewing, surveying, etc ! Solve a real problem ! Research](https://reader033.fdocuments.us/reader033/viewer/2022050501/5f93c7ab87a7873c825512fe/html5/thumbnails/34.jpg)
Enjoy the winter!