WD-Assign14

• Start at 1:30-5 minutes - Jess3 Data Visualization Company - Google vs. Gall

• Taking data and putting it into a picture - similar to Charts and Graphs - "Info-Graphics"

• Information Design = is faster to absorb, discuss and make decisions with.

• Info-Graphics with animation is a smart tool.

• GooglePolitics https://plus.google.com/+GooglePolitics/posts

• This was very visual - it is the number of searches on each political candidate during the Republican Debate minute by minute. http://goo.gl/LbSKBt

• IBM has Smart Planet http://www.ibm.com/smarterplanet/us/en

Read/watch/research and give me 200+ words on what you found useful, what you think after researching: Google Trends, Elections, Visualization, Politics, etc.

4. Code Examples/3 Before & After

• Before+After: do 3 Before & After examples from the Chapters, put links to them on your Google Web Site's Assignment14 web page.

• You might even feel comfortable using an example from the W3schools page you Researched or something that pertains to your Final Project.

• When you are ready for JilMac to grade you, put a LINK to the Google Assignment14 web page in Moodle.

5. Workshop ---- Testing your Web Site

Great Debugging Techniques https://blog.hartleybrody.com/debugging-code-beginner/

8 ways to Test Your Website

Your website is the "storefront" of your business (even if you have a literal storefront, too). Your website needs to attract customers and keep them coming back for more (with the help of social media - it will get them there ... but the content will keep them there.

So pull up your website (or a favorite site) and ask yourself a few questions:

1. Where do your eyes go first? You only have a few seconds to capture the attention of your audience...make sure they're seeing something important.

2. Can you tell what the website is about? Again, you only have a few seconds to communicate your unique value, so be clear and compelling.

3. Is important information above the fold? Make sure your opt-in forms and Unique Selling Proposition are available without scrolling down.

4. Are the benefits highlighted? Your visitors want to quickly learn "what's in it for them." Spell out the benefits clearly on the homepage.

5. Is there a clear call to action? If they like what they see, prospects need to know what to do next. It can be to buy now, start a free trial, or simply download a free report.

6. Are the colors and font distracting? Jarring colors, quick animation, and gaudy fonts can really be distracting. And if your visitors are distracted, they'll click away.

7. Do you feel personally connected? Consumers want to buy from people, not machines. Connect with your prospects by being honest, straightforward, and using a conversational style.

8. Are there links to social media? Many people want to do a little more research before buying. Linking to social media sites gives your potential customers another glimpse into your company (and perhaps a few testimonials from other customers).

Once you determine a few areas where you can improve, develop a plan to start implementing changes. You don't have to do them all at once - just do a few at a time until you have a website that really converts.

Faster than Fast!

PageSpeed https://developers.google.com/speed/pagespeed (Includes mobile testing)

Minify https://developers.google.com/speed/docs/best-practices/payload#MinifyHTML

============================================================================================================

Notions of Adult Computer Literacy http://en.wikipedia.org/wiki/Information_literacy

States: information literacy as “...the ability to know when there is a need for information, therefore Computer Information Literacy – would be the ability to know there is a need for ……

How much has this class taught you about Computers … and how much has this class taught you about Web??

When I explain that manipulating images is something that Microsoft Word has done for 20 years, or that Tables work the same way in Word as they do in Excel or on the Web ….

When I share in my classes how Paint works on images – and that Paint or similar graphic software has been a part of every computer since the late 1980’s when the Windows operating system first came out – and that was just a copy of the Macintosh.

• • Or that … Database concepts have not changed by incorporating the WEB …

  • Or that … Life Long Learning …. Is NOT just for Web Pages ….

  • Or that … there is no Magic in Computers … it is all work …

  • Or that … Computers take out the MUNDANE … and allow us to expand!

    • Or that … concepts taught by the Nuns in New Math classes are just the Logic & Algebra used in Spreadsheets, Databases, Images, 3D graphics & Computer Programming classes.

JilMac’s Important Concepts, weather they apply to you NOW or in the FUTURE:

• • KIDS are NOT smarter than Adults

  • Kids are NOT afraid to FAIL, Adults ARE

  • Practice is the way to learn.

  • Not getting the immediate result you wanted does not mean you did it wrong – it means you have NOT YET learned how to do it efficiently

  • Learning how to Learn, how you Learn, different ways that work for you

  • Learning how to Protect your Important Files so you can Learn Safely

  • You do NOT have to know how something will turn out to try it

  • Be kind to yourself while you are learning

  • Take a Deep Breath or Laugh (vs. Holding your breath)– it gets the most oxygen to your brain in the fastest amount of time

  • Drink fluids – your brain needs them

  • Join user groups, classes, forums – learning with a group is fun

  • Learning is a Life Long project

  • You will need technology more as you age - helps with hearing, seeing, getting to the Library, connecting with friends, doctors, medical information, etc.

EXTRA CREDIT – up to 1 point – Read Wikipedia, Read JiMac’s write-up & Important Concepts, tell me how you view Learning differently now -vs- at the beginning of the semester. 200+ words

You are learning about how to format the Navigation and the Body - using CSS - you don't have to memorize everything ... you do have to understand how things work - and where the formatting comes from. That is what these exercises are for. Enjoy them - Start to think about how you will be formatting your project.

REMINDERS - INSTRUCTIONS - Other Points of View

CLICKABLE Links & Clickable Images:

Open a Link in a NEW TAB & Make a Graphic/Picture Linkable in your Web Site

NOTE: You can use this to add Social Networking Clickable LINKS to your site for:

Facebook Professional Page, LinkedIN, Twitter, Your BLOG, Your RESUME

or any other Web Resource to promote your Internet Presence, have people FIND what YOU want them to FIND.

HTML: the a href tells the LINK where to GO

the target="_blank" tells the LINK to open in a NEW Page/Tab

the scr= tells the LINK where to get the graphic from

<a href="http://www.facebook.com/jil.macmenamin"

target="_blank">

<img alt="Like JilMac on Facebook"

border="0" height="144"

src="https://sites.google.com/site/jilmacaaaaaaaaa/home/facebookLIKE.jpg?height=144&amp;

width="200">

</a>

Google Sites: Add a FaceBook Professional Page LIKE link

Facebook Public Page: http://www.facebook.com/jil.macmenamin

1. Find a Facebook LIKE button from Google Images or http://pixabay.com

2. Download the image and save it where you can retrieve it

3. Open the page you want to have the LIKE link on

4. Add the graphic to the page

5. Modify the graphic "CHANGE"

6. Change the LINK to this URL - I will put the Facebook Public Page URL

7. Click Open this LINK in a NEW window

(this may default to TAB if you have your browser set up that way - the browser sets the rules)

8. Save the Page ...AND... TEST the Page

Google Sites - Manual over-ride of Google Navigation

1.) Edit the Google Site you want to change the Navigation

2.) Click MORE

3.) Click EDIT SITE LAYOUT (on your navigation you will see the Sidebar pencil & + icons

4.) Make changes, then Close (in upper right hand corner) when done

Forms-Refresher

• How to Create them https://sites.google.com/site/jilmacgsites/form

• How to Modify them Go to Google Docs/DRIVE > Edit the file > Form > Edit Form

• How to Embed them Open the page that you want the form on > Insert > Spreadsheet Form

• How to get ALERTS See Below ....

• How to enter Data into them Use the TAB key to get from field to field

• How to get STATISTICS from them Form > Show Summary of Responses (you can Block, Copy & Paste)

• How to get ALERTS

Edit the Form > Tools > Notification Rules

Click Save to save your notification rules

Click OK

Now ... go test your form - add a record

did you get an Alert from Google?

===========================================================================================================

Note: An hour of code used to just be in the Fall, however it is now available year round!!

USE Internet Explorer, some versions of CHROME won't work <- this may change from year to year, browser version to browser version

The Hour of Code is an hour-long introduction to computer programming designed to demystify coding and show students that everyone can learn the basics. At Khan Academy, we’ve crafted several custom-made tutorials for your child that require no prior experience.

Hour of Drawing with Code: Your child will learn to program using JavaScript, one of the world's most popular programming languages via two great options:

· Drag-and-drop: experimental block-based coding for younger children with less-developed typing skills and children on tablet devices (ages 8+).

· Typing: keyboard-based coding for older children (ages 10+).

Hour of Webpages: Your child will learn to make their own web pages using the basics of HTML and CSS (ages 10+).

Hour of Databases: Your child will learn the fundamentals of databases using SQL to create tables, insert data into them, and do basic querying (ages 12+).

Last year, 15 million students tried computer programming for at least one hour during Computer Science Education Week on Khan Academy and other platforms.

Khan Academy's Hour of Code https://hourofcode.com/khanacademy

Partner tutorials that teach JavaScript

P.S. you don't have to do this yourself ... you could just watch a family member do it (delegation) - and give me 100 words-1 point for what you learned. If you have a family member do it, have them tell you what they learned for another 1 point.