Infographics & Google Drive

  • Module Screencasts

  •  Please watch the following screencast videos. After viewing the videos, you can determine which La[B]rid option you will follow for this module.
    1. Module introduction (6 min.)
    2. Piktochart Tutorials (8 min.)
    3. Submitting your project (3 min.)
    4. General Weebly Tips (14 min.)

    LEARNING ACTIVITY #2: Infograpics Notes in Microsoft Office Word (or Apple Pages saved as a Word file)
    These short videos demonstrate how to complete the instructions, using Microsoft Office 2007 (Windows OS). Yours may be more recent, but it will give you an idea.

    Be sure to check the Meeting Schedule (left navigation) to see when our next one-on-one meeting is scheduled. Click here to see how to retrieve your meeting log from Google Drive.

  • LEARNING ACTIVITY #1: Creating an Infographic

  • MODULE OVERVIEW

  • Goals and Objectives
    1. Approach new computer-based tasks more easily and with greater confidenceDescribe key terms and concepts associated with computers and software applications
    2. Discuss the functions of computers in classrooms, businesses, homes, and other environments
    3. Locate, open, and use the following software applications at an intermediate level: e-mail, word processing, spreadsheet, presentation, web page development, internet search strategies, and BlackBoard course management system
  • DUE DATES FOR MODULE 7
  •  The assignments below are due by the end of the day on:
    • Infographic project submitted to Blackboard (4 points)
    • Infographic project added to your website (1 point)
    • Infographic notes submitted to Blackboard (5 points)
  • Grades are Updated
  • Remember…As part of our La[B]rid model, if you have two or more assignments missing or have a D or lower, then you MUST be coming in to class on MWF until you are caught up. We can also set up a help session if you need any assistance completing the assignments. The Ed Tech Lab in Payne 213 is another option for help.
  • LEARNING ACTIVITY #1: CREATING AN INFOGRAPHIC
  • Attached Files:
  • Add data from Google Form Responses – item on creating a chart – refer to Excel tutorials.
    • Cause and Effect
    • Chronological
    • Quantitative
    • Directional
    • Product

    TAKE NOTES ON BULLETS #1 & #2 (In MS Office Word or Apple Pages): See Learning Activity #2 for instructions on the formatting.


    STEPS TO CREATE INFOGRAPHIC

    1. For this module, you are going to create your own infographic using a program called Piktochart. Everyone will receive a PRO account for Piktochart. You will need the Coupon code below to access the Pro features.
      1. Find your Coupon code in this Piktochart Codes Google Sheet,  Copy the key code and paste it in step #4 below. [Make sure you use the code next to your name.]
      2. Go to http://magic.piktochart.com/redeem
      3. Register for a new account if you have not done so. If you have an account, just log in.
      4. Enter the key code where it says “Paste your Coupon Code here” [If a message pops up that the code has already been used, please ask your instructor for another one.]
      5. Press Redeem button.
      6. You now have access to the PRO features for the next year.
    2. Tutorials: Piktochart is a fairly straighforward program. A lot of drag and drop elements. They have a number of templates that you can choose from that will help get you started. Before starting, you will want to take a look at the Piktochart Tutorials. There are SIX short tutorials (less than two minutes) that will help get you started. [a couple are now private, but you may search Piktochart YouTube Channel for others.]
    1. Create your Piktochart infographic. The topic/content of your infographic should be relevant to your website. I cannot tell you what to include in your infographic because everyone’s will be different. You should be sure that your infographic meets the definition of an infographic (above).
    2. When you are finished, PUBLISH your Piktochart project. Make sure that you set it to PUBLIC. You will submit a URL link for your Infographic into Blackboard for grading.

    3. Add infographic to your website: either Embed the HTML code of your Piktochart project into a page on your website, OR  download from Piktochart as an image, and upload the image to your website.
  •   Infographics are visual images such as a chart or diagram used to represent information or data. When a complex piece of information needs to be described quickly, precisely and clearly, a graphic is suitable. Infographics are used for signs, maps and data presentations. Scientists, technical writers, mathematicians, educators and statisticians ease the process of developing, organizing, recording and communicating conceptual information by using infographics (source). Types of infographics:
  • PREVIOUS EXAMPLES
  •  Here are a few high quality examples of projects that were previously completed for this module:

    As always, you can click here to see a full list of websites from previous semesters.

  • LEARNING ACTIVITY #2: Infographics – Notes
  • Attached Files:
  • In this activity you will review information about infographics. If you were to conduct some job searches in any field, you would find a very common requirement that the candidate know how to use Microsoft (MS) Office products at an intermediate or advanced level – not just basics. It is the technology most often used in the work place. This activity is designed to give you practice using MS Office Word features (comparable in Apple Pages) you might find useful in the workplace. You will take notes on the infographics resources provided in this module, for content to format.
    OVERALL STEPS: The videos in the Module Screencasts demonstrate these instructions.

    1. Open a new Word document.
    2. Title it “Infographics” using a first level heading style (Heading 1).
    3. Add 7 section titles (listed below) using a second level heading style (Heading 2). Only the titles should use the heading style.

      • To each section, add content from your notes. For the content (text) of each section and subheadings, use No Spacing.
      • Double space between sections.
      • Next to each section title (below) are instructions for how to format your notes content.
    4. Save the document on your local computer, and name the file [your first initial+last name_InfogrpahicsNotes].
    5. Submit your infographics notes file, to the Learning Activity #2 Assignment link below. [If you used Apple Pages, be sure to save as an MS Office Word file.]

    7 SECTIONS: The bold font indicates the title of the section, which should be formatted with Heading 2.

    1. Definition & Importance: Indented paragraphs
    2. Three Important elements of Infographics: Use third level heading style (Heading 3) for each of the three elements. Write a sentence or two description, under each heading.
    3. The History of Infographics: Indented paragraphs
    4. Types of Infographics: Use third level heading style (Heading 3) for the names of each of the types of infographics, and a sentence or two description for each type (use No Spacing style for descriptions). Format just this section into two columns with a line in between, not including the Types of Infographics heading. Make sure the second column begins with a heading for one of the types of infographics (Don’t split a description between the bottom of the first column and the top of the second.)
    5. Tips for Designing Infographics: Create a bulleted list with a keyword for the Tip (in italics), followed by a colon: and brief description (e.g. Simplicity: simple, clean, concise, clear – well organized) All of the font in the bulleted list should use No Spacingstyle.
    6. Examples of Infographics:
      • Use third level heading style (Heading 3) to list the names of at least 3 examples that are of interest to you, and the type you would categorize it. (e.g. Ferrari – Product)
      • Copy the image of each of your examples, and paste it into your document so it is left justified under the heading.
      • Under the image, briefly explain why that example is of interest to you. Use No Spacing style.
      • Text wrap:
        Select the image. Select the Format tab that appears in the ribbon. Use the Text Wrapping drop down menu to arrange your explanation text to the right of the image. Choose More Layout Options > Square (Wrapping Style) > Right only (Wrap Text). Click OK. [You may explore other options for text wrapping, if you like.]
    7. References: list
      • Cite the text content, using APA format. [Word has a citation tool under the References tab on the ribbon. Or, search for APA formats.]
      • Cite the media, using the format provided in the Blackboard course.
  • Read the information about Infographics from LEARNING ACTIVITY #1, bullets 1. (two articles) and 2. (additional examples). While you are reviewing the resources about infographics, TAKE NOTES in a Microsoft Office Word document (or Apple Pages, then saved as a Word file).
  • MODULE 7: Learning Activity #1: Create Infographic with Piktochart
  • Attached Files:
  • Submit a link to your Piktochart project URL link (hyperlinked) in the Write Submission area.
  • After submitting your Piktochart project in Blackboard, be sure to EMBED it on a page on your website (using the second embed code found in Piktochart).
  • Placeholder: LA#2 Infographic Notes
  • Availability:
  • Item is not available.
  •  – move assignment back from Resources…take out instructions from the assignment
  • CITING MEDIA
  •  You will be adding various media (images, video, audio) to your projects this semester. Most of the media you will not own. If your media falls under Fair Use or Creative Commons (CC) then you will need to cite or reference where you retrieved the media. Cite your media the way the CC licenses says to.
    • Images: [John F. Kennedy portrait] TopNews.in. Retrieved 11/5/10 from  http://topnews.in/files/john-f-kennedy111.jpg.
    • Video: [CBS Announces JFK’s Death] Youtube. Retrieved 11/5/10 from  http://www.youtube.com/watch?v=4CjWbemTNcw&feature=related.
    • Audio: [Ask not audio] Soundboard. Retrieved 11/5/10 from  http://www.soundboard.com/sb/John_F_Kennedy_JFK.aspx.

    NOTES: Your website does not come under Fair Use because it is public. You must cite who the media belongs to, and where applicable the permission you have been given.

    1. If the media that you are using belongs to you then make sure to cite that “All media (or identify which media) on this page belongs to the author of this website”.
    2. If the images on your site are owned by Weebly then you have permission to use them on your site. Simply cite that “All media (or identify which media) is owned by Weebly.”
    3. If you are given media with permission to use it, cite both “owned and permission given by …”
    4. For CC media that you are using add the CC license to the end of your citation, the way CC license says to. For example, “… is licensed under CC BY 3.0.”
      Note: Click here to view the CC licenses. Each one has their CC BY … and License Deed, which is where you find the number such as 3.0 for Attribution license (the rest are 4.0). There is also an image you may copy/save to use where needed.
  • Format: Use the format below to cite any media that you use that is NOT your property, and falls under Fair Use.
  • Positive Thinking and Daily Tech Tip
  •  Simple Acts of Kindness
    • CTRL-Z: erase highlighted text
    • CTRL-C: copy highlighted text
    • CTRL-X: cut highlighted text
    • CTRL-V: paste highlighted text
    • (use command on a Mac)
  •  Keyboard shortcuts
  • REMINDERS
  •  Helpful reminders:
    1. Check your grades weekly. Please let me know if you have any questions.
    2. Bring headphones to each class.
    3. Technology Lab in Payne 213 – Just a reminder that you can go get technology help in Payne 213. You can also check out equipment, practice with Smartboards, work on group projects, and get help on assignments.
    4. Problems with the Internet? View the Systems Health website to check on campus outages.
    5. ASU Counseling Service is available to help you with anything you might need – no matter how small or large (notations of counseling are not part of your university record)
    6. ASU Ethics and Compliance Hotline – The purpose of the hotline is to promote a safe, secure and ethical environment for all students, faculty, staff and guests of the University
  • Weebly Course Project UPLOAD LINK FOR SHARING
  • Availability:
  • Item is not available.
  • UPLOAD WEEBLY PROJECT LINK IN THIS LOCATION FOR SHARING
  • GROUP SHARING LOCATION
  • Availability:
  • Item is not available.
  • CLICK ON THIS LINK TO SHARE YOUR WEEBLY PROJECT SITE.
  • Second Round of One-on-One Meetings
  • Please be sure to fill out the Student Notes portion of your Meeting Log (MyASU > My Drive). You will write in notes, from your perspective, on what we discussed during our meeting. Include any questions you might have. If you do have specific questions for me, be sure to go to File > Email collaborators and enter your message before sending it to me.
  • Strategic Planning Mind Maps – Peer Share & Feedback
  • Availability:
  • Item is not available.
  • Let’s take some time to share your Strategic Planning Mind Maps with your peers. Give each other your full attention, ask questions and give suggestions to your partner. View my Strategic Planning Mind Map.
  • Self-Check Activity
  • Use this document as you build your website throughout the semester.
    • Includes information for Citing Media
  • Support Information – Create a Website

Questions

We provide links to external websites for convenience. Learn-U does not endorse and is not responsible for their content, links, privacy, or securities policies.