SIP 2024 Student Tech Guide
SIP 2024 Student Tech Guide
Use
the Table of Contents below to navigate this doc.
Table of Contents
Table of Contents
HQ Tech Guide
Logging into HQ
Navigating HQ
Changing Your Name in HQ
Using the HQ Calendar and Events
Progress Tracking in HQ
Resetting HQ If Stuck
Zoom Tech Guide
Meeting Norms
Setting Up Zoom
Joining Zoom Meetings
Turn On/Off Camera on Zoom
Mute/Unmute Yourself on Zoom
Share your Screen
Interacting Virtually
Organizing Your Screen During Class Time
Replit Tech Guide
Signing Up for Replit
Accessing a Replit Core License
Logging In to Replit
Creating a Project
Forking a Project
Using the Editor
Saving a Project
Viewing your Project
Sharing or Submitting Project Code
Collaborating/Inviting Someone to Join a Project
Viewing Your Projects
General Replit Resources
Discord Tech Guide
Getting to know Discord
Signing up for Discord
Return to Top of Page
1
Safety
Getting Set Up in the Server
Logging into Discord
Who's in the Discord?
Using Channels
Flair Roles
Community Events
Using Threads
Using Forums
Lofi Music Bot
When you go to hq.girlswhocode.com, you will see the landing page, Click on SIP & SPP to sign
in. If you are also involved in a Girls Who Code Club, you will have a separate sign in.
Logging into HQ
You should have received an email with the title Welcome to Girls Who Code HQ. Click on the
link in the email to log into HQ with the email account you used to register for SIP. If you used a
Gmail account to register, you can choose Continue with Google. If you have multiple accounts
and are unsure of what to use, please send an email to [email protected].
Navigating HQ
When logging into HQ you will notice the following tabs in the navigation bar on the top right of
your window.
Program Info
This is where you can see information about your section, schedule for the day, Staff bios, and if
applicable, partner information.
Progress
The progress tracker is where you can check and visualize the progress you have made on
different activities. This is also where you will find your answers, projects, and certificates as
they are added during the program.
You can note to your Teaching Team through your Zoom or Discord display names how you
prefer to be called.
To change your name on HQ, click on your icon in the top right corner, and click "View Profile."
Now, you will be able to change your first and last name in HQ!
Just click on the Zoom link to join during the specified time!
You can also view this information under the "Program Info" tab at the top right corner of HQ.
The right side will show a schedule box for upcoming events for the day.
You will see symbols in the Curriculum and on the Progress page.
Student View Symbol Description
You will see this symbol when grading is not required on the Progress
> Answers tab.
You will see this when an answer is submitted and pending a grade
on the Progress > Answers tab.
You will see this when an answer is submitted and pending a grade
on the Progress > Activities tab.
Once you have submitted a Project, a Projects tab will appear and your projects will be shown
below.
And finally, when you earn your certificate, it will also show up here. It will also show up in your
User Profile.
Note that the NAME that will show up on the certificate is the name that appears on HQ. If you
would like a different name to appear on your certificate, go into Profile, and change your
name.
Return to Top of Page
10
If you have questions about your certificate, please contact your Teaching Team.
Resetting HQ If Stuck
If you notice that HQ is not loading or you are stuck on a blank screen you may need to clear
your browser’s cache. As you use the internet your browser saves the history of everything you
have viewed, this makes it difficult to load content on HQ.
1. On your browser, open up the more
menu and find "Clear Browsing
Data…"
Meeting Norms
● Always mute yourself when joining meetings. Only unmute when called upon if you have
a question or to share. Even if you are being very quiet, having background noise while
someone else is speaking can be distracting.
● Follow classroom norms. Your Teaching Team may have specific norms that they prefer
when interacting through Zoom. Since there may be delays in video and voice, there are a
number of ways you can interact with each other without distracting the person who is
speaking. You can either raise your hand, use reactions, use the chat feature, or
physically give a thumbs up to acknowledge each other.
● Be respectful of one another. If you notice a classmate hasn’t gotten a chance to speak
yet, lift them up by offering a space to share.
Setting Up Zoom
You can join Zoom links using either your browser or desktop client. (Note that GWC will not be
providing you with a paid license.) Using the browser does not require a Zoom account. If you
already have an account and would like to download the Zoom desktop client, follow the
instructions linked here.
To edit your display name once you’re in the meeting, click the three dots on the thumbnail of
your face and click “Rename”. Alternatively, you can click the three dots next to your name in
the Participants view and choose “Rename” in the drop down menu.
On the bottom left corner of your control bar, click on the arrow on the Stop/Start Video button.
A pop-up will appear - click on "Choose Virtual Background…"
The Settings box will come up with a preview of your video. Under your preview, you can blur
your background, select a preloaded background, or add a new one by clicking on the plus (+)
button at the bottom right of your video preview. You can add an image or video from your
computer. Please make sure your background is respectful and follows Summer Programs
expectations.
● This will open up a new page and prompt you to allow microphone and camera. Click
Allow in the pop up window. If this window does not pop up, you might have to configure
your pop-up blocker. Check the address bar for a message or blocked pop-up icon.
● Next, click Join with Video , to turn on your video for the meeting. Next you will click Join
with Computer Audio.
is off . You should also see that your Zoom box only shows your name or profile
picture.
3. To turn on your camera, click the Camera button again and the red slash should be
removed from the icon.
. You should also see the same icon show up on the bottom left corner of your
video.
3. To unmute, click the Microphone button again and the red slash should be removed from
the icon.
Locate the Share Screen icon on the bottom menu. This will pop up a screen with all
of your windows open on your computer. You may choose to share your entire screen or just a
single window.
Interacting Virtually
There are a number of different ways to interact with your group in a virtual meeting without
disrupting the speaker. You can either raise your hand, use reactions, use the chat feature, or
physically give a thumbs up to acknowledge each other.
Click the Reactions button on the bottom right of your menu. You can choose from the
clapping emoji 👏 👍 ❤️ 😂
😮 🎉 ✋
, the thumbs up emoji , the heart emoji , the crying/laughing emoji , the
surprised emoji , the celebratory emoji , or the Raise Hand feature .
Raise Hand
✋
If you use the ✋
Raise Hand feature, you will be able to Lower Hand, which will remove the
hand icon from your name, by clicking on Reactions again.
To Pop out the chat window, click the arrow on the top left of the chat window and select the
Pop Out option. This will open a new window with just the Zoom chat.
Zoom Annotations
Meeting participants can annotate on a shared screen as a viewer or the one that started
sharing their screen. You can also use annotation tools when sharing or viewing a whiteboard.
Return to Top of Page
21
Accessing The Annotation Tools If You Are Viewing A Shared Screen
1. While viewing a shared screen or shared whiteboard, click View Options then
Annotate at the top.
Using Stamp/Draw
1. You will see these annotation tools:
Note: The Select, Spotlight, and Save options are only available if you started the
shared screen or whiteboard.
2. To use the draw tool to insert lines, arrow, and shapes, click on Draw.
Note: To highlight an area of the shared screen or whiteboard, select the
following square or circle icon to insert a semi-transparent square or circle.
3. To use the stamp tool to insert predefined icons like a check mark or star, click on
Stamp.
Clearing Annotations
1. Click Clear to delete all annotations.
We recommend setting up your screen with Replit on one side and your Zoom screen on the
other side. Your Replit code, HQ, the slide PDF, or any other tool you need for that activity should
be in the same browser window
Note that your video tutorials will also cover how to use Replit if you prefer to learn by video.
For "Where do you plan to use Replit?," you can use "For school." Then for the second question
"How much software creation experience do you have?" select what applies to you.
Your username will be based on the email, Google, or Github account you used to create an
account. Please make sure you do not use your first and last name.
🚫Do not use your first and last name as your username 🚫
You can use a nickname or your first name and last initial. If your account contains your full
name, follow these instructions from Replit to change your username in Replit:
Go to the CLI. Make sure you are logged into Replit, then click "account."
A pop-up will appear to change your username. Type in a new one, then click submit. You can
only change it one time.
Logging In to Replit
Go to replit.com/login.
If you have a Replit associated with a Google, GitHub, Facebook, or Apple account:
1. Choose the way you signed up.
2. Next, a new tab will open up. Login to Google, GitHub, Facebook, or Apple.
3. Once you’ve done that, the new tab that opened will close and you will be logged in on
your original Replit tab. Note that you may have to press Log in again, and it should
automatically sign you in.
Creating a Project
1. Click on + Create Repl in the top left corner.
2. A box will pop-up that will allow you to choose the Template or coding language. The
Template will depend on what course you are in. Note that throughout the program you
Return to Top of Page
26
will most likely be forking a project (instructions below) rather than creating a project
from scratch.
3. Make sure to give your project a name on the right side under Title.
Forking a Project
"Forking" refers to making a copy of an existing software project to customize or further develop
it, a practice often seen in open source projects.
3. After you click on fork, a box will appear to edit the name and description of your copy of
the project. Add your name and your last name initial, then press Fork Repl.
📌Reminder 📌
You should NOT include any personally identifiable information on your projects. This includes
things like: last name (use an initial), email, address, phone number, social media account
names, and school name.
Saving a Project
Replit will automatically save your project for you, but be sure to have a stable internet
connection and press Run before you exit your project to ensure that it gets saved.
Or:
2. Copy the URL and paste is where you want to share it.
3. This will share the Cover page where people can see the code, fork your project, and
leave comments.
a. In order for viewers to run your project, they have to fork it. They cannot run it
from the Cover page.
* REMEMBER: This gives someone else editing privileges. You should NOT share this link with
anyone you do not trust.
At GWC, we believe that recent advances in AI will shift the tech landscape dramatically in the
years to come, specifically related to generative AI. But what is generative AI actually? We like
this definition from Aspen Digital:
Generative AI is a subset of artificial intelligence technologies that are used to create new
content, such as images or text, based on patterns in large amounts of existing content.
Generative AI differs from classification AI—like email spam filtering or tumor detection
used in medical settings—because generative AI systems are designed to make content,
not to make decisions.
We believe that learning computer science will also change as generative AI (or genAI) tools
become more integrated across platforms we use to develop new applications, tools, and more.
This is one reason we are so excited to offer Replit AI as another tool in your box. We also think
it is important to be explicit about the guidelines you should follow when using this tool to make
the most out of this experience!
General Use
Below you will find specific guidelines and tips, but here are two of the most important:
➔ Never, ever enter personally identifiable information into a generative AI tool. This
includes items like: last name, email, address, phone number, social media account
names, and school name.
➔ Always take a critical approach to the output of Replit AI. These tools are not perfect
or infallible and can produce incorrect, irrelevant, or biased results. You should always
review the generated content to check for accuracy, contextual appropriateness, and
bias. Use your best judgment and if you’re not sure, use another approach to verify the
information.
Help you implement an idea for your project AFTER you have already tried on your own. In the
left navigation bar, click AI under Tools. This will open a new tab with a message bar. Type in the
prompt or question for your idea. Here is a prompt structure you can use to get started:
➔ I am a student learning about [topic] with [no/some/lots of] experience in [programming
language]. I want to develop a program that [describe the output you want to happen in
as much detail as possible]. I know that I need to do the following: [describe the
pseudocode that you have, like draw the ball to the screen or update the variable to
increment]. Write a basic starter program and describe how it works.
Help you formulate a question to take to Student Hours or post in the Discord #debugging
channel. Remember, you don't only have to rely on AI - you can rely on the GWC team and your
peers to help you debug! If you're not quite sure where your problem is, you can use the tips
above to better pinpoint where the problem in your code is. When receiving help, it's always
useful to list the different things you have tried so the person who is helping you can find the
bug faster!
Layout
You will be part of a GWC 2024 server. Servers are spaces on Discord made by specific
communities and friend groups. You will only use one server for your program. Servers are
organized into text and voice channels. Channels are dedicated to specific topics and can have
different rules. GWC Servers will mainly be using text channels where you can post messages,
upload files, and share images for others to see at any time. In channels, you can send
messages, or scroll to see what others are saying. The Lofi Music music channel on our server
will keep you on mute with a chat feature available, and we’ll utilize the Community Events
channel for special synchronous events throughout the summer!
2. Open your Discord app and click on the “+” button on the bottom left in the server
navigation pane.
4. A blue banner will appear asking you to complete some tasks. Press “Complete.”
Carefully read through the Server Rules. Once you have read and understood the Server
Rules, check the box "I have read and agree to the rules." Then press Submit.
Messaging
While direct messages (DMs) are possible in Discord, we will NOT use DMs for any GWC
program. This is to reduce risk and provide visibility into communications as a precaution. If you
have a private question for your Teaching Team, you should message them on HQ or email.
GWC Staff will NOT DM you. Exercise caution if you do receive DMs, and do not respond to
anyone you do not know. Take steps to protect yourself and others.
Additional Resources
Follow these links for safety tips, security tips, mental health tips, and accessibility
recommendations.
Please be patient as we are working as fast as possible at the beginning of the program to get
everyone into the Discord Server. If you are not assigned a role after 48 hours, you can contact
Type in your username and password, and click Login. If you forgot your password, click on
"Forgot your password?" and follow the steps onscreen to recover your account.
You can check out this link for alternative ways to log in.
Teaching Teams
Teaching Teams including Instructors and TAs are there to engage with you during
asynchronous times either about course-related or even off-topic subjects. There will be a
channel dedicated to your classroom. Keep in mind that Discord should not be your main point
of contact for private questions–please send them an email. Bios can be viewed in your Student
Orientation.
Moderators
Moderators will help keep us safe by making sure all participants are following the Code of
Conduct and treating each other with kindness and respect. Moderators will have some
experience in Computer Science, but they should not be your first point of contact if you need
help with your coursework. You should contact your Teaching Team. Bios can be viewed in your
Student Orientation.
Using Channels
Each channel has a specific topic or purpose. To keep channels organized, be sure what you are
posting is relevant to the channel. Descriptions of each channel are listed in the table below.
Channels
Welcome and Info 👋
Code of Conduct Access the server code of conduct and rules.
Need Help If you are unable to see the rest of the server, please follow
the troubleshooting guidelines!
Choose Your Flair Tell us a little about yourself with our new flair roles! *Check
out Flair Roles for more information
Community Events 🗓️
Movie Night We'll be hosting two synchronous Community Events! These
will be visible the day of the event.
Game Night
Surprise Event
Community 🗣️
Introductions Introduce yourself to your peers and Teaching Team!
Share Outs and Shout Shout out a peer or Teaching Team member who helped you!
Outs Additionally, share any projects that you’re proud of!
Debugging Need help? Post a link to view your code along with your
question to get help from your peers! *This is a Forum
channel Style. Check out Using Forums for more
information.
Tech Connect Connect with other GWC students and learn about women
and nonbinary people in the tech space! Please note: You
must be 16 years or older to have a LinkedIn profile.
General For all those little conversations that you’re not quite sure
where they belong!
Movies and TV Easy on the spoilers! What are you watching right now?
Channels below in gray and with asterisks are hidden unless you have the corresponding Flair
Role.
Crochet and Knitting* Calling all fiber artists: share your creations here!
Exercise and Sports* Staying active? Share your PRs, tips, and questions!
Art and Photography* Have a piece of art you want to share? Post your pics here!
Music Channel
Lofi Music Listen to some Lofi music with your fellow coders! *Check out
Lofi Music Bot for more information.
Flair Roles
Flair roles are a way to share what your interests are as well as give you access to some hobby
channels. In order to add your flair roles, follow the instructions below:
1. Ensure that you are a member of the Discord server.
2. Once our Moderator has assigned you the Student role, you will see several new
channels open up, including one called #choose-your-flair under the category
Welcome and Info. Click on the #choose-your-flair channel to open it.
4. Once you’ve chosen all of your roles, find your name in the right-hand sidebar. Left
click on your username to show your profile and ensure that your roles appear to be
correct. If you have any trouble, please @ one of our Discord Moderators.
Community Events
We will have Community Events through our Discord! Community Events are an opportunity to
bond with your fellow peers in a casual way. To join, a Stage Channel for that specific
Community Event will appear on the day of. During the time of the event, you can join the Stage
Channel.
For information on Stage Channels, check out the Discord documentation here. Stage Channels
are shown with an icon of a person with two semi circles on top: . You will join as an
audience member where you will be muted, but you can interact with your peers through chat.
Viewing a Thread
To view a thread, you can:
1. When you are looking through a channel, you can see threads underneath a message if
one was created. Clicking on the thread will open up a new column on the right side
where you can see all the messages in the thread
2. You can also see thread activities in the channel in the top with the hashtag and chat
bubble sign . This panel will tell you the latest activity on a thread.
Responding to a Thread
To respond to a thread, open up a thread using one of the listed options above. Send a message
in the thread by typing in the textbox and pressing enter. Once you have added a message to a
thread, you will have joined a thread.
hashtag and speech bubble . A new column will appear to the right.
3. Name the thread into something descriptive. Be as specific as possible, so other
students will be able to tell what the thread is about.
4. On the rightmost column, send a message to the thread.
Using Forums
The #faq and #debugging channel are Forum Channels. This means that the channel will be
organized by discussions, and students can respond to discussions with replies. This allows you
to:
● Easily browse through previously asked questions
● Tag questions with topics
● Search conversations using the Search Bar or filter by tags
Your Teaching Team will NOT be regularly moderating these channels - if you would like
assistance from a Teaching Team member, be sure to post in your Classroom channel. If you
do not see your question posted, you can start a new post. Be sure to tag your post with the
appropriate tag.
#debugging
If you do not see your question posted, you can start a new post. Be sure to tag your post with
the appropriate tag:
➔ Interactive Avatar
➔ CYOA Game
➔ Collection Game
➔ Game Jam Project
➔ Mini Games
➔ Other
2. Click on the channel “Lofi Music” to join the voice channel. There, a user will always
be present called “Lofi Radio.” NOTE: You will be unable to unmute and talk with
other users in the channel.
3. Ensure that the bot is unmuted by right clicking on the bot name and unchecking the
“mute user” box. Adjust the volume so that it is comfortable for you.
4. If you’d like to “chat” with other users present, you can utilize the text channel
attached to the Lofi Music channel by hovering over the name of the channel and
clicking on the voice bubble as seen below. This button will open a new channel for
you to chat with your fellow programmers.