October 20, 2017 Meeting

Welcome Back! Let’s get down to it!

This week we are going to:

  1. Quickly introduce and catch up anyone who is new this week – WELCOME!
  2. Make sure everyone has the following:
    1. GitHub Account
    2. Cloud9 Account with our team
    3. Forked the HTML5, CSS and JS book repo at github
    4. Created a new workspace with the github repo in Cloud9
  3. Let’s add a home page for our site – kind of like this: https://youtu.be/ent9dh0dRJg
    1. Add “index.html” in cloud 9 and type in a bit of html (we will talk about this in a bit)
    2. git add .
    3. git commit -m “added index.html”
    4. git push
  4. Enable GitHub Pages in settings (it is probably turned off by default)
  5. Copy the URL in your GitHub settings for your website, once you push your changes, your site is published there! Whoot!
  6. Now let’s add
    1. A title for our index page <title>This is my really great page</title>
    2. A header <H1>This is my really great header</H1>
    3. An image <img src=”myImage.jpeg” alt”really great image”/>
      1. Make a new folder called “images”
      2. Find a great image online somewhere and save as to your desktop
      3. File -> upload local files in Cloud9
      4. push again to git
        1. git commit -a -m “my note”
        2. git push
    4. What happened? Didn’t work quite right? Let’s TROUBLESHOOT!
      1. Can we see what is going on by using F12 developer tools in Chrome?
      2. Can we see if everything got up to git the way we wanted? Check out our git hub repo online.
      3. Use Ctrl+F5 to do a forced refresh of your browser
    5. BONUS: If we have time, check out https://www.favicon-generator.org/
      1. Make a favicon
      2. Add it to the root of your website
      3. Add two lines to your header
      4. Commit, push and check out your site!
  7. Awesome! Share your site URL on Slack so we can all see it!

 

Advertisements

October 13, 2017 Meeting

Welcome to a new year of Fox Valley Girls Coding Club!

We will meet in the Board Room of 25N at 5:45pm, October 13, 2017.

Meeting Agenda:

Excited to meet our new members and catch up with our returning members! It is going to be a great year! 🙂

bookcover

 

GEMS Event at Niles West April 22, 2017!

The Fox Valley Girls Coding Club extends a warm welcome and congratulations to all the girls attending the Niles West GEMS event for girls in grades 5 through 8.

I am thrilled to be presenting again! Our sessions will be an introduction to what coding is all about. Each group rotates through several different STEM sessions at the event, each about 30 minutes long. Here are copies of the material for anyone who wants to review Scratch/coding concepts.

GEMS Niles West Introduction to Scratch Handout: this is for people new to coding and covers basic concepts while building a GEMS Dance Party App based on the introductory tutorial on the MIT Scratch Web site

GEMS Niles West Advanced Scratch Handout: this is for people who are already familiar with Scratch and its basic blocks and introduces some advanced concepts (working with lists, clones, custom procedures). We start with the introductory project as a base and enhance it.

April 21, 2017 Meeting

We will meet in the Board Room of 25N at 5:45

We will continue working on our Mobile App in App Inventor.

If anyone needs to catch up with what we have done so far in our Wardrobe Wiz app, I have written up step-by-step documentation and updated the app in the App Inventor Gallery

FVGCC Wardrobe Wiz App – Project Iteration 2

Nikki has set up our official  FVGCC Hat Design. If you would like to order one here is the link: https://www.customink.com/g/afx0-00az-8ek0 The order deadline is April 28th!

April 7, 2017 Meeting: More Mobile

We will meet in the boardroom in 25 N at 5:45 pm on April 7th, 2017.

We will continue development of our Wardrobe Wiz project, adding these features:

  • Ability to photograph and store other types of outfit components to go with the Tops
  • Ability to match different types of outfit components and store them as outfits
    • Think about how you would go about this if you have an indexed list of Tops and an indexed list of Bottoms and you want to store many mix and match combinations. A given top can go with several Bottoms and vice-versa.
    • Tip: An initial approach may be to define an outfit as 2 indices: index of Top and index of Bottom stored together. But, remember what happens if we delete an item from a list in Scratch! Think about what is unique about each item, other than an index.
  • Need to catch up? No worries! If you haven’t gotten Phase 1 completed you can use my project from the App Inventor Gallery as a starter. You will just need to log into MIT App Inventor with your Google account. On the top menu near the upper right, select Gallery, in the box by Search for apps, type endlessloop to see all my projects, select WardrobeWiz_Phase1, then click “Open the App”
  • Features completed for Phase 1:
    • Take pictures and add to list of Tops
    • Save list of Tops to database
    • Delete a Top from list and database
    • When app starts, load existing Tops list from database
    • Scroll through pictures of Tops by swiping to previous or next

March 10, 2017 Meeting – Cybersecurity and Mobile Madness with a Purpose

We will meet in the Board Room at 25N at 5:45 pm on March 10, 2017

Special Guest Speaker on Cybersecurity: Tom Wallace of Jellyvision has graciously volunteered to speak to us about Cybersecurity. Please be at the meeting promptly by 5:45 for what will surely be an interesting talk on a topic that is so essential not only to coders and anyone in the tech industries but to all of us who use these cyber devices every day.

Mobile Madness Project: Continue our special Mobile project, developing Iteration One which we started at the last meeting. We will be referring to this document, so you may wish to print it out:  App Inventor Project Iteration One. We will discuss what makes sense to tackle in the next Iteration.

App Inventor – Project Iteration One

In the last couple of meetings our group has come up with an idea for a new app, done some story-boarding, and walked through design and requirements for Iteration 1. We got started with some of the coding for that Iteration at our last meeting but didn’t have time to fully implement and test it. To get us all “on the same page” here is one solution that provides a working model that we can use. We have replaced the image component with a Canvas component and added the database. This document details how to build it:

App Inventor – Project Iteration 1

Credits/Recommendation:

The excellent free online course Mobile Computing with App Inventor – CS Principles presented by Trinity College in Hartford Connecticut and taught by Professor Ralph Morelli via edX is phenomenal  at teaching both App Inventor and Computer Science Principles. I learned about storing photos in a list and a database from doing the Slide Show App of Week 2 of the Course. I highly recommend this course!