tag:blogger.com,1999:blog-37019431486514265932024-02-02T01:09:37.307-06:00TECHing It One Day at a TimeLessons and ideas to support the teaching of a K-5 technology applications class.dburkehttp://www.blogger.com/profile/10675266748906149086noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-3701943148651426593.post-2314838858622919192013-07-14T14:20:00.002-05:002013-07-14T14:20:22.826-05:00Showcasing Awesome Tech-Integration Projects<br />
<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 18px; font-weight: normal; margin: 0px; position: relative;">
Project Showcase:</h3>
<div>
<br /></div>
<h3 class="post-title entry-title" itemprop="name" style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 18px; font-weight: normal; margin: 0px; position: relative;">
Lakeland's Poetry in the Park</h3>
<div class="post-header" style="background-color: white; color: #999999; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 1.6; margin: 0px 0px 1.5em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-8488777716289271272" itemprop="description articleBody" style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 1.4; position: relative; width: 578px;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHaQyEhUsxyFHH4Qwcp_oKvkr7GqJd9iLjR54ZfrltV1eFWk2ZReUiChlbQMIDXElq-kTIG37ldR_8pjvl3jtczlC3fZasvHfVPMYou90k4IKm_CXp1pp3zfoGDXZlZRsEDmGRVsQcz4w/s1600/March+2012+097.JPG" style="color: #6699cc; text-decoration: none;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5722119288308156162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHaQyEhUsxyFHH4Qwcp_oKvkr7GqJd9iLjR54ZfrltV1eFWk2ZReUiChlbQMIDXElq-kTIG37ldR_8pjvl3jtczlC3fZasvHfVPMYou90k4IKm_CXp1pp3zfoGDXZlZRsEDmGRVsQcz4w/s320/March+2012+097.JPG" style="border: none; float: right; height: 320px; margin: 0px 0px 10px 10px; position: relative; width: 240px;" /></a>Authentic learning is important to Mrs. Pittinger’s Third Graders. Last spring, students' poetry was hung in trees at Central Park in Lewisville for park visitors to read and enjoy.<br />
<br />
<br />
<div>
The poems were written by the students, using a free-verse “start-stop” format and apps like <i>Instant Poetry</i>. Customized images using apps like <i>DoodleBuddy</i> and <i>Skitch</i> were created by students to illustrate their work. Additionally, QR codes, with an invitation for readers to post comments on the Class’ Blogsite and to listen to audio recordings of the poems were included.</div>
<br />
<br />
<div>
This project enabled students to create and publish free-verse poems for an authentic audience, while strengthening their writing skills. By writing letters to the Central Park Manager, requesting permission to post their work, students also learned how to interact with city government.</div>
<br />
<br />
<div>
The students enjoyed this opportunity to share their public art with the community of Lewisville.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbQDATU5fYdvxwgHzO_Uf4fG1sbCnBs2uAcupKIcbT9dGFGro6ONUWAwDHm_ncGAEmMOIrkWJQ3vi19gBLjzUouJ8iFp4uUAnJjhKMYl0qncF6Qysq6mJOIov57bAqeqqyi-Q2IbxZS3GY/s1600/poem+code.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbQDATU5fYdvxwgHzO_Uf4fG1sbCnBs2uAcupKIcbT9dGFGro6ONUWAwDHm_ncGAEmMOIrkWJQ3vi19gBLjzUouJ8iFp4uUAnJjhKMYl0qncF6Qysq6mJOIov57bAqeqqyi-Q2IbxZS3GY/s320/poem+code.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<i>Sample student poem: Recorded using QR Voice </i></div>
<br /></div>
</div>
dburkehttp://www.blogger.com/profile/10675266748906149086noreply@blogger.com0tag:blogger.com,1999:blog-3701943148651426593.post-31553632836000022132012-12-03T17:03:00.001-06:002012-12-03T17:04:18.090-06:00Kindergarten's QR-Coded Audio Letters to SantaSo excited to begin a new project with my Kindergarten students that will involve creating QR-coded audio letters to Santa. The project will begin by having the students create a picture of Santa using a drawing tool such as KidPix or Tux Paint. The picture will be saved and then printed.<br />
<br />
The next step will be to brainstorm what students might say if they could talk to Santa. Since most of my students are English language learners (ELLs) it is important for us to practice speaking as much as possible. Students will use <a href="http://vocaroo.com/" target="_blank"><strong>Vocaroo</strong></a><strong> </strong>to record their own audio letter to Santa. <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="online audio recorder" border="0" height="200" qea="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZgrIWFv5hhhHWL9Ax6aODwVlgE8sSljCOy-GVqlMzMbBuT7qFKzOIX-zKECiMl8MjnREsFhvHXsDAkZe3qVuvt5BF09igJzXE5K1a32gO-f-EcC6IgpuuNuiklbDZK272he7fhWxOZjvj/s320/Vocaroo_Online_recorder.png" title="Vocaroo " width="320" /></div>
<br />
<div style="border: currentColor;">
Not only is Vocaroo simple for little ones to use (one button to click to record) but the sharing options are fabulous! There is a QR code link (see bottom, right corner in the image below) that easily converts the audio recording to a QR code.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="160" qea="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX-ncqqP6_JrYG7XG53xTSsJwH8FSFtPCds9fVPGcl_AXliVIWXHbZeUIlJXD_zEtYmaZHu3-ki-WTLlYddcNNFGqR04O8sYGXucImqmUAkcv4ALa4rJLRtVifKzJRulqjgbr2FUTmDodi/s320/vocaroo_sharing_options.png" width="320" /></div>
<div style="border: currentColor;">
<br /></div>
<div style="border: currentColor;">
Vocaroo has no limit as to the length of the recordings, but I will try to keep my students' messages under 1 minute. The Vocaroo site stores the audio files online for a short time (I have had one that has lasted for a couple of weeks). There are, however, numerous download options available if there is a desire to keep an audio file permanently.</div>
<div style="border: currentColor;">
<br /></div>
<div style="border: currentColor;">
The final step will be to print the QR code and attach it to the student's drawing. We will post these as a hallway bulletin board display and then send the completed project home as a Christmas gift for parents to enjoy.<br />
<br />
Here is a sample:<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja5mrSFam8ArUrI1h94jcUOz29qeEHDNu61KY5aVEBP_TCvG1ekoPP5hMohH85XYatasl2aro6njg4i84VwSIeYshsB2-OP-81RIS6LMDQz3OpRHdcFiMRlqmk_BYnGROEmpnnZAh3j3iu/s1600/letter+to+santa+qr+project.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja5mrSFam8ArUrI1h94jcUOz29qeEHDNu61KY5aVEBP_TCvG1ekoPP5hMohH85XYatasl2aro6njg4i84VwSIeYshsB2-OP-81RIS6LMDQz3OpRHdcFiMRlqmk_BYnGROEmpnnZAh3j3iu/s400/letter+to+santa+qr+project.png" width="400" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja5mrSFam8ArUrI1h94jcUOz29qeEHDNu61KY5aVEBP_TCvG1ekoPP5hMohH85XYatasl2aro6njg4i84VwSIeYshsB2-OP-81RIS6LMDQz3OpRHdcFiMRlqmk_BYnGROEmpnnZAh3j3iu/s1600/letter+to+santa+qr+project.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja5mrSFam8ArUrI1h94jcUOz29qeEHDNu61KY5aVEBP_TCvG1ekoPP5hMohH85XYatasl2aro6njg4i84VwSIeYshsB2-OP-81RIS6LMDQz3OpRHdcFiMRlqmk_BYnGROEmpnnZAh3j3iu/s1600/letter+to+santa+qr+project.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><div style="text-align: left;">
</div>
</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<em></em><br />
<em></em><br />
<em>Scan the QR code and listen for yourself!</em></div>
dburkehttp://www.blogger.com/profile/10675266748906149086noreply@blogger.com0tag:blogger.com,1999:blog-3701943148651426593.post-42494957492856190932012-11-04T18:54:00.001-06:002012-11-04T18:54:26.039-06:00Digital Passport - Our Favorite Digital Citizenship SiteThe best tool that I have found for reinforcing digital citizenship in elementary school is the <a href="https://beta.digitalpassport.org/educator-registration" target="_blank">Digital Passport</a> site sponsored by Common Sense Media. My 3rd-5th grade students LOVE the videos and beg to play the games that focus on digital safety, respect and community. <br />
<br />
The introductory activity on the site shows students how to create a strong password using a combination of letters, numbers and symbols. (This skill was exactly what we needed before creating our Google Apps passwords this year).<br />
<br />
There are also five different modules that actively engage the students and cover timely topics such as:<br />
<ul>
<li><em>Communication</em> - "Twalkers" teaches students why it is not wise to multitask when using a cell phone.</li>
<li><em>Privacy</em> - "Share jumpers" explains when it is appropriate and not appropriate to share info. online.</li>
<li><em>Cyberbullying</em> - "Evolve" encourages students to become upstanders who take action to stop cyberbullying.</li>
<li><em>Search</em> - "Search shark" provides practice to help students become adept at keyword searching.</li>
<li><em>Creative Credit</em> - "Mix-n-mash" focuses on copyright issues and teaches students to value someone else's creative work.</li>
</ul>
Each module takes my students between 15-20 minutes to complete so students can finish a module during their regularly scheduled time in my Technology Applications class. (Note: After 15 minutes a screen will pop-up asking students to press the Reset button if they are going to continue working). <br />
<br />
I LOVE the site, as a teacher, because it is <strong>free</strong> and the teacher management tools are fabulous! Following is a "sneak peak" of what my teacher account looks like:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwMqPYbjMDI23lDjKuIIqNbmx-CKV9ylx5sV97lsEHJluvXwM1fAEL16yYtTajkqtwoSPm9K_VoRS66pw1pBAdRGSf5nEa1zzwcFuC5NcbdCBlJFz2kh71PDf9oooRI1ezJw9pc5HQBAbT/s1600/digital_passport.png" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="171" qea="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwMqPYbjMDI23lDjKuIIqNbmx-CKV9ylx5sV97lsEHJluvXwM1fAEL16yYtTajkqtwoSPm9K_VoRS66pw1pBAdRGSf5nEa1zzwcFuC5NcbdCBlJFz2kh71PDf9oooRI1ezJw9pc5HQBAbT/s320/digital_passport.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The online educator materials explained how to easily create .csv documents to import my student data and set up accounts for my 450+ students. There are online reports that allow me to see exactly how my students are performing, and I have teacher options available that allow me to control when students are permitted to access the modules. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
We have successfully completed two of the modules and have had no issues with site availability or performance. That, in itself, is a rarity among free Internet-based tools.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Kudos to Common Sense Media for creating a quality product and then providing it at no cost to educators/students!!!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Click here to visit the site and complete the educator registration - <span style="color: #cc0000;"><a href="https://beta.digitalpassport.org/educator-registration" target="_blank">DIGITAL PASSPORT:EDUCATOR REGISTRATION</a></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
dburkehttp://www.blogger.com/profile/10675266748906149086noreply@blogger.com0tag:blogger.com,1999:blog-3701943148651426593.post-68048374753180912442012-08-10T12:07:00.001-05:002012-08-10T12:07:24.277-05:00Computer Lab Posters and "Techno Lovin' Birds" ThemeThe school year is nearly upon us! It is time to create an inviting learning environment in the computer lab. I have decided to go with a variation of the popular angry birds theme which I am calling "Techno Lovin' Birds." Our campus mascot is the roadrunner so this theme will be perfect for my grade K-5 students. Since my school mandates that 75% of the room be comprised of authentic student work, I have to give careful consideration to the content of the remaining 25%. <br />
<br />
My first task was to search and locate the font that is used for angry birds. I discovered that it is called <strong><a href="http://cooltext.com/Download-Font-Feast+Of+Flesh" target="_blank">Feast of the Flesh</a></strong> and can be downloaded for free (always a great thing for teachers!).<br />
<br />
Since angry birds are so simple to create, I used the shape tool and made a roadrunner variation. Here is the poster that will be placed over my classroom sofa to create a collaborative work space. (I will be happy to share any of my editable documents if you would like them. Just shoot me an email using my address below).<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZGCBbnJmmYOrWd99wlNOFggCvLvwCG-tY1nRIq-_taeIZ2y-5OQvCeWE4_ZU9MfiOi4jP63bWzSAV7aiYo67iAfhf2XZPaowkp5GtD6R9nO-X7iQvtuQbvcmPooiqpAsBsfN1TSFmtkbt/s1600/techno_birds_poster2.png" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="194" kda="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZGCBbnJmmYOrWd99wlNOFggCvLvwCG-tY1nRIq-_taeIZ2y-5OQvCeWE4_ZU9MfiOi4jP63bWzSAV7aiYo67iAfhf2XZPaowkp5GtD6R9nO-X7iQvtuQbvcmPooiqpAsBsfN1TSFmtkbt/s320/techno_birds_poster2.png" width="320" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
I also need to post the 3-2-1 grading scale used and our classroom rules or, as I have called them, technology reminders.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9140z-6YvcjF8Iox_2UyOVBFtVbViz2ksIF1qwFMWCBt2TUV3csCovPFAXY3i50otulP1GjBPToTHRcMsvLUFUwaHJNOLDFEe92m_M-FR1w-JmUKcyUKqaI4GNUJnuumwFk2pp3PttA62/s1600/wonderful_3.png" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" kda="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9140z-6YvcjF8Iox_2UyOVBFtVbViz2ksIF1qwFMWCBt2TUV3csCovPFAXY3i50otulP1GjBPToTHRcMsvLUFUwaHJNOLDFEe92m_M-FR1w-JmUKcyUKqaI4GNUJnuumwFk2pp3PttA62/s320/wonderful_3.png" width="192" /></a></div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnT8N8DRuqzSp0KPokiQ7Chp6XfqR9rGtSKPUMuUircSww4A1ZkuZt73hqkcpgCGdmx6xn1Ybt62abPEBGwVDGLr1Se36h-43IgMQy3RodVd_6SWZy_25jgHHnQ1NzoNe807d37eZ3Qr6/s1600/good_work_2.png" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" kda="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnT8N8DRuqzSp0KPokiQ7Chp6XfqR9rGtSKPUMuUircSww4A1ZkuZt73hqkcpgCGdmx6xn1Ybt62abPEBGwVDGLr1Se36h-43IgMQy3RodVd_6SWZy_25jgHHnQ1NzoNe807d37eZ3Qr6/s320/good_work_2.png" width="193" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUzMuetHu8qRMs8qHMyOvqjsZsnzihlsNvlRG7Z3Vcf7_9NbH7TAD05LrxqANu6sMBl5baRPjBsqtojcSd91bvkQ5YiCQpK4l-UwZm7Syu8ZgPdZh8J6hD0deo73gI52NQLaajBvoQNS0W/s1600/whoops_1.png" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" kda="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUzMuetHu8qRMs8qHMyOvqjsZsnzihlsNvlRG7Z3Vcf7_9NbH7TAD05LrxqANu6sMBl5baRPjBsqtojcSd91bvkQ5YiCQpK4l-UwZm7Syu8ZgPdZh8J6hD0deo73gI52NQLaajBvoQNS0W/s320/whoops_1.png" width="195" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimlSyp2aHGLMhRD3rPvi3Gww27gdjYQv6TvAiMUH10RRz4Z3YLdQ2nar7ToE2XoddWXZat2PXzG3ZYhQGIeNoDtWEDGGi0VbH5wLdYiciZViniE8Y8JCL1yEqVeIbAiJMByta1oLtK0ZAh/s1600/tech_lab_reminders_border_poster.png" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" kda="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimlSyp2aHGLMhRD3rPvi3Gww27gdjYQv6TvAiMUH10RRz4Z3YLdQ2nar7ToE2XoddWXZat2PXzG3ZYhQGIeNoDtWEDGGi0VbH5wLdYiciZViniE8Y8JCL1yEqVeIbAiJMByta1oLtK0ZAh/s320/tech_lab_reminders_border_poster.png" width="195" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Other excellent sources that I have found for lab posters:<br />
<ul>
<li><a href="http://askatechteacher.wordpress.com/2011/08/04/19-free-posters-for-your-tech-lab/" target="_blank">Ask a Tech Teacher</a> </li>
<li><a href="http://www.google.com/educators/posters.html" target="_blank">Google Education Classroom Posters</a> </li>
<li><a href="http://blog.learningtoday.com/Portals/60233/docs/bloomsposterv4.pdf" target="_blank">Bloom's Taxonomy Butterfly poster</a> </li>
<li><a href="http://pinterest.com/source/elementarytechteachers.ning.com/" target="_blank">Pinterest board with technology lab decorating ideas</a> </li>
<li><a href="http://schoolweb.lisd.net/schoolweb3/file.php?file=%2F1944%2F3rd_Grade%2Fcolored_keyboarding_chart.pdf" target="_blank">Keyboard downloadable template #1</a></li>
<li><a href="http://www.technologyrocksseriously.com/p/school-signs.html" target="_blank">Technology Rocks, Seriously!</a> - I will be using this THINK poster on social media media from her collection. (Excellent posters here!)</li>
</ul>
<br />
<ul><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidrdxt9-8TkzmzG0tkKLTRsXz2zIOR9a87hv1cawBvhdSHo4ZoUrGSabeto4vCDXN7677y40kXU2QHXc5rDOLzkPAumqjGThTjtUXhqu1VUa0Z3wNSSHD9chjnb14IkZlHL8ZVJb_Qwemp/s1600/think_poster.png" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" kda="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidrdxt9-8TkzmzG0tkKLTRsXz2zIOR9a87hv1cawBvhdSHo4ZoUrGSabeto4vCDXN7677y40kXU2QHXc5rDOLzkPAumqjGThTjtUXhqu1VUa0Z3wNSSHD9chjnb14IkZlHL8ZVJb_Qwemp/s200/think_poster.png" width="154" /></a></div>
</ul>
<div align="left" class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Always on the look-out for other good stuff. Please share!</div>
<div class="separator" style="clear: both; text-align: left;">
Contact me via email at: <a href="mailto:burked@lisd.net">burked@lisd.net</a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>dburkehttp://www.blogger.com/profile/10675266748906149086noreply@blogger.com1tag:blogger.com,1999:blog-3701943148651426593.post-44570200955585280792012-07-04T19:57:00.000-05:002012-07-04T20:29:32.878-05:00Using Pixlr to Create Transparent Image Backgrounds<strong><span style="font-family: Arial, Helvetica, sans-serif;">Getting Started with my Classroom Website</span></strong><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><strong><em><span style="font-size: x-small;">Online Image Editing</span></em></strong> </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Happy Fourth of July! I started working on my new classroom website using the district's approved Moodle-based tool, but I quickly discovered that I was going to need to do some simple image editing (create transparent image backgrounds). I decided to explore some of the advanced editing options available on the </span><a href="http://pixlr.com/editor/" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif;">Pixlr</span></a><span style="font-family: Arial, Helvetica, sans-serif;"> website. I have used the </span><a href="http://pixlr.com/express/" target="_blank"><span style="font-family: Arial, Helvetica, sans-serif;">Pixlr Express</span></a><span style="font-family: Arial, Helvetica, sans-serif;"> portion of the site previously but never took the time to look at the more robust version of this tool. After some trial and error, I discovered a way to make my image backgrounds transparent. I have to say that I am pretty impressed with the options available for online image editing in Pixlr. I will be using this site more in the future and hope to incorporate it into some photo editing lessons next year. In the meantime, I hope these steps for creating transparent image backgrounds may save someone else a little time:</span><br />
<br />
<div class="MsoNormal" style="margin: 0in 0in auto;">
<span style="font-family: Arial, Helvetica, sans-serif;"></span></div>
<div class="MsoNormal" style="margin: 0in 0in auto;">
<span style="font-family: Arial, Helvetica, sans-serif;">1. Go to <strong><a href="http://pixlr.com/editor/" target="_blank">Pixlr</a></strong> and choose to <strong>Open image from computer</strong></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">2. Go to <strong>Layer</strong>><strong>New Layer </strong></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">3. Double-click to unlock the image layer. Drag to move up in the layers toolbox. It will now be placed above the new layer. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCjU7umIvOk7pDgjEwOaWy47yc76DHbcw3k2c5MjOcFQ1ztcMIBMt0wy6o1vcIl0_tvO7gZnm60A3jM-7xO2iiWGrNuvUZaabdoAuaoejk4biKMfinvuMIIezS9tswf__mT6OUsfEKhNV/s1600/layers1.png" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="156" sca="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcCjU7umIvOk7pDgjEwOaWy47yc76DHbcw3k2c5MjOcFQ1ztcMIBMt0wy6o1vcIl0_tvO7gZnm60A3jM-7xO2iiWGrNuvUZaabdoAuaoejk4biKMfinvuMIIezS9tswf__mT6OUsfEKhNV/s200/layers1.png" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Arial, Helvetica, sans-serif;"></span><span style="font-family: Arial, Helvetica, sans-serif;">4. Use the magic wand tool to select the background area in the image layer. <br />5. Go to <strong>Edit</strong> and <strong>Cut</strong>. The background area will now be checkered gray and white which means it is transparent. Repeat this step until all the desired background areas are removed. </span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjelhPVUgQN49ZH21EXOdWP9bRDN-0Xm46jUNkIKCfeLl6pXLMWQX87ZorcifSomojXhqYuevr3d06qMBRDTzwWdM1sJUnjrFId_FwKUkEYO86f6Y99jK4noDQhdQnRTLSdUFl5fryUH_VT/s1600/birdtransp.png" imageanchor="1" style="clear: left; cssfloat: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="164" sca="true" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjelhPVUgQN49ZH21EXOdWP9bRDN-0Xm46jUNkIKCfeLl6pXLMWQX87ZorcifSomojXhqYuevr3d06qMBRDTzwWdM1sJUnjrFId_FwKUkEYO86f6Y99jK4noDQhdQnRTLSdUFl5fryUH_VT/s200/birdtransp.png" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">6. Go to <strong>File</strong>><strong>Save</strong> and select <strong>.png</strong> in the format pop-down menu to save your new image with transparent background. </span><br />
<br />
<span style="font-family: Arial;">So easy! (once I figured out the steps).</span></div>
<br />
<div style="text-align: left;">
</div>
<br />
</font></span>dburkehttp://www.blogger.com/profile/10675266748906149086noreply@blogger.com7tag:blogger.com,1999:blog-3701943148651426593.post-54085898722084486832012-06-28T23:27:00.000-05:002012-06-28T23:27:06.404-05:00And so it begins...I have been truly blessed to explore a variety of teaching assignments/opportunities in my 28 years as an elementary educator. Classroom teacher, Literacy and Science Support Teacher, Library Media Specialist, Instructional Technologist...so many rewarding learning experiences! Next year, I find myself pursuing a new opportunity serving as the Technology Applications teacher for grades K-5 in a large school district located north of Dallas, TX. Join me as I develop my curriculum, incorporate technology tools and begin "TECHing" it one day at a time.dburkehttp://www.blogger.com/profile/10675266748906149086noreply@blogger.com0