Tag Archives: google apps for education

Managing Devices for Remote Learning

Part time school, distance learning, bring your own device – these classroom trends can all introduce a diverse mix of technology devices. Multiple devices such as desktop computers and tablets, and a variety of operating systems challenge teachers to become instant experts. But we’re educators, not computer scientists. What to do? Managing devices that are not the same doesn’t have to be a roadblock.

There’s lots of help available. There are free apps that work the same no matter what device students have. As for curriculum, TechnoKids has versions of technology projects for Google Apps as well as Microsoft Office 2019, 2016, 2013, and Office Online.

Here are some suggestions and tips to questions you may have. If I’ve left out any issues, just email us at information@technokids.com and we’ll try to help.

managing devices

What free apps are available to work on multiple devices?

There are two commonly used choices for teachers and students: Google Apps or G Suite and Microsoft Office 365 both offer free accounts. They also have options specifically for education use. Simply sign up! Once logged in using a browser, students can access a word processor, spreadsheet, presentation app, and many more tools to create digital assignments. No matter what device they are using, what students see will all be the same.

How do I share files with my students?

There are lots of options to help teachers give assignments to their students digitally.

Sharing can be as simple as uploading a file for students to download and work on. Use email, Dropbox, Google Drive, or many other cloud storage services.

Or there are powerful classroom management systems let teachers set up classes, create and distribute templates, and evaluate student work. Students sign in, join a class, and then complete and submit their completed activities. Collaboration is another benefit of these tools. Teachers can create forums to encourage community question and answer spaces. In this way, students can help one another instead of just corresponding with the teacher. 

TechnoKids offers helpful step-by-step instructions to set up Google Classroom and Class Notebook. Click on the links to get started.

Do TechnoKids projects work on different devices?

When you purchase a TechnoKids projects, you will automatically receive multiple versions. No deciding and restricting your users to limited options. Most TechnoKids projects come in all of the following:

  1. Google Apps
  2. Microsoft Office 2019, 2016, and 2013
  3. Microsoft Office 365 Online

You can give each student the specific version needed for their device. Instructions, tools, and sample images will match in the Student Workbook will match what they see.

How can I track my students and their devices?

To keep organized, it’s a good idea to create a class list and record what device each student is using. Use a spreadsheet with the headings Name and Device. Add any other columns as needed. Now you can sort and filter the data by what device students are using. Then it’s just one step to upload the version of a project that corresponds to each group using a specific type of device.

How can I adjust my curriculum to accommodate multiple devices?

See Six Tips to Adapt to Online Learning with TechnoKids and Distance Learning Hints for Success to see some suggestions. Read helpful, time saving hints such as using student peer coaches, flexibility in assignments, and timing options.

How can students build creative projects?

When it seemed as if remote learning was going to be a short-term event perhaps for a few weeks or so, the quick solution may have been assigning worksheets to students. But now it seems that some form of distance learning may be a part of education for the foreseeable future. Students need to be challenged with inquiry based, creative, and engaging assignments. We know that they are savvy consumers of media. But they should also develop their creative expression and become producers of media.

Offer tasks that require higher order thinking skills, independence, responsibility, and collaboration. Students using a variety of devices with which they are familiar can meet the challenge of student-centered, self-directed education. Promote ‘anytime, anywhere‘ learning that extends beyond classroom walls.

Where can I read more about managing multiple devices?

Get TechnoKids BYOD Handbook.

This free, downloadable ebook will answer frequently asked questions, suggest fun web apps to use, and give classroom management tips for working with a variety of computers, tablets, and smartphones.

FUN TIP: As a motivating start to an inquiry project, check out the Word Clouds section of the BYOD Handbook. Students brainstorm words associated with a theme. Then they use a free online tool to automatically create a unique image from the words. It’s a fan favorite!

word cloud

Managing Devices Unscrambled

At first, it may seem like chaos with so many different devices being used in the classroom or by students working remotely. But it’s actually empowering for students to use their own technology. They are comfortable with their own tools, and that’s the first step in achieving meaningful, relevant, and engaged learning.

STEM and Web Design for Kids

Why should you consider incorporating STEM and web design into curriculum? Do students really need to know how to build web pages? After all, how likely is it that they will choose jobs in computer science or careers requiring any these skills? What benefit is an understanding of web design if becoming a web designer is not a future goal?

STEM and web design

Learning how to create a web page has substantive value. Knowledge of website construction and the decisions that need to be made in its creation empower students. Following are some of the benefits to teaching STEM and web design.

Provides an Authentic Audience

When students make a website and publish it in the public domain, they are aware that not just their teacher or classmates will be viewing their results. Anyone in the world will be able to see it. They are motivated to provide the best quality of their work by having an unlimited number of actual, legitimate viewers. This is strong incentive for putting their best efforts into their creations.

Builds Digital Citizenship

In designing a web page, a student becomes a producer of information. With this power comes responsibility. The website should be a meaningful contribution to the World Wide Web. To achieve this goal students must apply Internet search strategies to link to trustworthy sources of information. They must also respect copyright laws in regards to the use of media. Moreover, they need to create content that is respectful of others. These activities promote digital citizenship as it requires them to behave appropriately when online.

Develops Media Awareness

Considering the perspective of the audience is a critical skill in web page design. In planning an online publication, students should first reflect on their target audience. Whether it is their peer group, younger kids, or the public in general, the website should be appropriate. Decisions about wording, types of graphics, and suitability of hyperlinks is affected by the type of viewer. A clear navigation system through the site, information blocked into organized headings, appealing images, and working and informative links all contribute to a site attractive to the consumer. Understanding what engages an online audience is essential.

Fosters STEM Career Skills

Very few students will become actual web page designers. However, a very large proportion of students will pursue careers related to technology skills. Whether they become online marketers, bloggers, programmers, software developers, scientists, systems analysts, or engineers, the future will favor young adults who have STEM skills. Building a website can spark an interest in pursuing other STEM areas.

stem and web design

Promotes Creative Arts

STEM has been amended to STEAM to include the value of the Arts. When publishing a web page, creative decisions need to be made: background themes, layout, image choice and type, text typeface and formatting, and overall page appearance. These choices are all important in keeping the viewer engaged. Eye catching and aesthetically appealing websites will attract and hold a viewer’s attention.

Encourages Collaboration

STEM and web design

Effective communication skills are an integral part of many STEM job skills postings. It’s a rare career that doesn’t require proficiency in working as a group. And website creation isn’t done in isolation. Before publication, a site should be submitted to peers for comments and constructive critique. The written or spoken teamwork between designer and testers is a key component in the development of a successful project.

TechnoSite to Teach STEM and Web Design Using Google Sites

STEM and web design

TechnoSite is a project in which students become web designers. Using Google Sites and following illustrated, step-by-step instructions, they construct a website that includes links to fun places for kids on the World Wide Web. Develop vital career skills by teaching STEM and web design. Learn more about TechnoSite and how you can purchase and download it today!

Chromebook Users, HTML Coding, and Pictures

Chromebooks and HTML

TechnoKids has recently released a programming project written especially for Chromebook users. TechnoHTML5 has long been a fan favorite among teachers. It’s now been edited specifically for use with Chromebooks and Google Drive. Students create a web page using HTML and CSS, style text, add images, and insert links.

Using a web-based text editor to write HTML has some unique features. One of the things we really liked about using a Chromebook was the free text editor HTML Editey. On one screen that is divided into two side-by-side panes, the user can write code and simultaneously see a preview. The ability to see successful results and troubleshoot problems on the same screen is great! See our previous post that lists all the ways that this app can make Chromebook users into skilled web page developers.

Adding pictures to an HTML project on a Chromebook is unique, as you are using a web-based app. Instead of collecting images and saving them in a folder to upload with the HTML file, you have to link to existing images on the Internet. Here are some tips to make that job easier for your students.

chromebook users

First, Consider Copyright

As responsible digital citizens, students should be familiar with usage rights. Ensure that they know that they cannot simply link to any image they want.

Some pictures need to be purchased to use them. Those will often have a watermark, or a company name, printed on them covering part of the picture. Other pictures may have a note describing how they can be used while others are free with no limitations on use. These are often called royalty-free.

Copyrighted pictures posted online may have a copyright © symbol on the image with the date or name of the owner. This is a way of identifying who took the picture. If students want to use a copyrighted picture to complete school work, in most cases they can. However, the copyright symbol must not be removed.

Most search engines can filter images to quickly find those that you can use by license or usage rights. Before copying an image web address, have students check to make sure the picture may be used in school work.

Search for an Image

Narrow the search: When searching for pictures to use on a web page with a Chromebook, you may want to filter the search. In Google Images, click Tools. Change the size to Medium to avoid large file sizes. From Usage Rights, pick a choice that allows you to use the picture.

Look at the source: When previewing the image thumbnail, look at the source of the picture. If it is from Pixabay, you cannot link to the image.

Check the picture size: A typical web page is about 960 pixels wide. Use this as a guide when selecting images. Rest the cursor over an image thumbnail. The pixel size will show. Is it too large?

Test the Image

  1. Copy the image address:Chromebook and HTML

    • When you find a picture you want, click the thumbnail to see it in a preview window.
    • Right click on the image.
    • From the menu, choose Copy image address. TIP: To right click on a Chromebook, press the ALT key at the same time you click the mouse button or track pad.

  2. Test the image web address to make sure that it will work:

    • Open a new tab in the web browser.
    • Click inside the address bar.
    • Right click and select Paste or press CTRL + V. Press ENTER. Can you see the picture? If yes, you should be able to link to it. If not, find another image.

TIPS:
You may need to find a different picture if the web address…
• is very long.
• does not include the picture file type such as .jpg or .gif .
• has many symbols.

How to Add an Image Using a Web-Based Text Editor

  1. Place the cursor where you want to add the picture. Type:

    <img src=”” alt=”description”>
  2. Place the cursor between the pair of quotation marks and press CTRL + V or right click and pick Paste to add the image web address copied earlier:

    <img src=”http://www.website.com/picture.gif” alt=”description”>
  3. View the picture in the web page preview pane.

More Tips for Adding Images for Chromebook Users

Picture Dimensions:

It’s good practice to include the width and height of the picture in the img tag. The picture will display without this information. However, it is helpful to the web browser.
For example:

<img src=”http://www.website.com/picture.gif” alt=”description” width=”600″ height=”400″>

To discover the picture dimensions, insert the image into the web page, right click on the image and select Inspect.

chromebook users

Check picture dimensions.

If you want to resize the picture, change the figures in the code by a proportional amount, for example, divide both width and height by 2 to make the image smaller on the web page:

<img src=”http://www.website.com/picture.gif” alt=”description” width=”300″ height=”200″>

Add Breaks to Adjust Text:

One easy solution to change the placing of a picture and text is to add a number of breaks <br> before or after text. Or, divide a large paragraph into two smaller ones.

Wrap Text:

By default, pictures are inline and aligned to the left. You can change the float of an image to wrap text.

For example, make the image float to the left and the text wrap around it by adding the code:

<img style=”float: left;” src=”http://www.website.com/picture.gif” alt=”description”>

Create a Picture Class:

To apply different style options to pictures, you can create classes. If you add a style to the img element in the head of the web page document, all the pictures will look the same.

For example, you can create a class called .pictureright that can be applied to all the pictures that you would like to align to the right. You can apply settings to make a unique style. The code may look something like this:

.pictureright { float: right;
margin-right: 50px;
border-style: solid;
border-width: 5px;
border-color: orangered; }

Then, in the body of the document, add the .pictureright class to the code an existing image:

<img class=”pictureright” src=”http://www.website.com/picture.gif” alt=”chromebook users”>

Exclusively for Chromebook Users

Find these ideas and lots more in TechnHTML5 for Chromebooks. See samples and investigate the source code that constructed them. Create a unique web page using the Student Workbook in digital or printed format. Integrate programming into curriculum. Enhance STEM skills to make your students future-proof!

New! HTML Coding for Chromebook Users

teach STEM skills

Teach HTML coding using Chromebooks

TechnoHTML5 has always been a favorite top seller for educators. With the current focus on STEM education, teaching HTML coding is more relevant than ever. Now that Chromebooks are prevalent in the classroom, TechnoKids has modified this popular project specifically for Chromebook users. Using a web-based text editor that integrates with Google Drive makes HTML coding a breeze. Now when you order TechnoHTML5 you will receive two versions: one for desktop HTML text editors such as Notepad or Code Writer and a version for Chromebook users that uses a free app such as HTML Editey.

STEM Activities to Learn Life Skills

I wrote in a previous blog about the reasons to teach programming. Of course, not many students will choose careers as computer scientists or program developers, but that’s not the main rationale for coding lessons. Strong communication skills and personality traits that lead to success in life and the workplace are critical goals for students. Learning to code does just that. As they learn to plan, organize, write, edit, and troubleshoot, students build invaluable life skills. Perseverance, problem solving, analytical thinking, creativity, and collaboration are enhanced by learning programming. These crucial personal habits will benefit students for life.

Everything Educators Need to Teach HTML

TechnoHTML5 for Chromebooks is an introductory HTML project for middle and high school grades. Students build a web page using HTML and CSS. They style text, graphics, and hyperlinks. Optional challenges have them format lists, add a background image, create a class, add animated gifs, and more! Step-by-step instructions with checklists in the Student Workbook build organizational skills. The Teacher Guide includes assessment tools such as a summary of skills and customizable marking sheet to evaluate the completed web page projects. Digital resources include sample files, reference sheets, review questions, and skill reviews for practice.

Coding for Chromebook

Students design a web page on the topic of their choice using TechnoHTML5.

Chromebooks Make HTML Coding Easy

HTML Coding is fun and easy using a Chromebook and Google Drive. coding for ChromebookOn a desktop, I found it cumbersome to always save my work in the text editor then toggle to a browser and refresh to see a preview. But using a free text editor for Chromebooks such as HTML Editey provides instant feedback. Two panes allow the user to write code and see immediate results.

There are many other great features to HTML Editey that we’ll write about in an upcoming post.