Skip to main content

Home/ Diigo In Education/ Group items tagged html code

Rss Feed Group items tagged

Martin Burrett

Codemoji - 47 views

  •  
    "A fun site for learning html/CSS coding which uses emojis to help learners remember the syntax. You can run the code within the site to test it and you can switch between emoji and text based code at the click of a button. There are also lessons to follow to help users become a coding pro."
Martin Burrett

SoloLearn - 53 views

  •  
    A breathtaking array of 'learn to code' Apple, Android and Windows phone apps. Learn C++, Python C#, HTML, SQL, JavaScript, Java, CSS, php and Swift via the site or apps. These are 'must try' tools for anyone starting out with coding. The site even has a 'Code Playground' to experiment with your code.
Steve Kelly

HTML5 UP! Responsive HTML5 and CSS3 Site Templates - 23 views

  •  
    Thinking of using classier code for my classroom website than the stuff our district provided software generates... #code #KTI2014
Tim Cooper

The Value of the Designer Who Codes | Inc.com - 20 views

  •  
    clever article about the value of design in computer science/coding.
mgranger

How learning to code might improve writing skills - ICT and Computing in Educ... - 70 views

  •  
    An argument for how the thinking between coding and writing are parallels.
Garrett Kerr

Cool Cat Teacher Blog: QR Code Classroom Implementation Guide - 183 views

  •  
    How to use QR codes in the classroom by Vicki Davis. Great educator and user of technology.
Mark Gleeson

Blogging About The Web 2.0 Connected Classroom: QR Huh? What The Heck Is A QR Code? - 92 views

  •  
    Provides some good ideas for using QR codes in classroom
Todd McKee

Learn to code | Codecademy - 54 views

  •  
    I began coding as a 6 year old on a Amstrad CPC-464 with a Tape drive (iPod generation see the cutting edge of 1980s design at http://media.pcadvisor.co.uk/cmsdata/news/3206319/amstrad_cpc464.jpg). With the success of apps and app stores, coding has been elevated to the mainstream. This site teaches the basics of HTML coding. http://ictmagic.wikispaces.com/ICT+&+Web+Tools
Martin Burrett

Phaser - 25 views

  •  
    Create HTML5 animations, games, tools and more with this superb coding platform, which has a complete learning course to get you and your pupils going. You can also play creations from the community.
Doug Henry

QRVoice - audio in a QR code - 110 views

  •  
    QR voice encodes a given text message into QR code that once scanned by a QR scanner smartphone application reproduces the message with a synthesized voice.
Pam Haney

Coldtags suite: QR code bookmarklet - 5 views

  •  
    This takes you to a site you can use to create a bookmarklet that will allow you to convert the URL to a QR code.
Miss OConnor

ISTE 2010 - Backchannel code of conduct | Dangerously Irrelevant - 33 views

  •  
    iste code of conduct for backchannelling. Concise and kid friendly could also be used in the classroom
anonymous

Op-Ed: Web 2.0 Code-Switching in the Online Classroom - 44 views

  •  
    K-12 teachers have long experienced multilingual students code-switching - or simultaneously using more than one language variety - in the classroom...
smilex3md

The Racial Dot Map: One Dot Per Person for the Entire U.S. - 132 views

  •  
    This map is an American snapshot; it provides an accessible visualization of geographic distribution, population density, and racial diversity of the American people in every neighborhood in the entire country. The map displays 308,745,538 dots, one for each person residing in the United States at the location they were counted during the 2010 Census. Each dot is color-coded by the individual's race and ethnicity. The map is presented in both black and white and full color versions. In the color version, each dot is color-coded by race.
Martin Burrett

Lissa Explains it All -- HTML Help and Tutorial for Kids - 57 views

  •  
    This is a superb site with everything teachers need to get their class coding with HTML. http://ictmagic.wikispaces.com/ICT+%26+Web+Tools
Abir Qasem

Quick Highlighter: A simple to use code syntax highlighter - 3 views

shared by Abir Qasem on 05 Oct 11 - Cached
  •  
    Great tool for creating HTML of your code to show it to the class
Emily Mann

The Wilderness Downtown - 47 views

  •  
     Chrome Experiments of fun with html5 are meant to show off the clean and fast beauty of the new code.  Of  course Google wants you to see it in Chrome for full effect, and I would encourage that as Chrome is an easy and responsive browser, you try it out.  The Wilderness Downtown is a great example of an interactive and connected multimedia experience that mashes together Google Maps and Earth with a driving tune to blast you to your past.  Go in and enter your old address and feel the nostalgia of swooping over your childhood home with a soundtrack and pacing just for you. Students are making digital stories.  They may not be writing html5 apps, but they are accessing, or can access, many sources of media to deepen their message.  A showing of a story like what you help create with The Wilderness Downtown experiment can inspire students to consider how they can use everyday tools like Google Earth to connect with an audience. Just go to http://www.thewildernessdowntown.com/ and type in your address. 
Ian Woods

AJET 26(3) Drexler (2010) - The networked student model for construction of personal le... - 77 views

  • Web application(networked studentcomponent) Tool usedin test case Student activitylevel of structure Social bookmarking (RSS) Delicioushttp://delicious.com/ Set up the account Subscribe to each others accounts Bookmark and read 10 reliable websites that reflect the content of chosen topic Add and read at least 3 additional sites each week. News and blog alert (RSS) Google Alerthttp://www.google.com/alerts Create a Google Alert of keywords associated with selected topic Read news and blogs on that topic that are delivered via email daily Subscribe to appropriate blogs in reader News and blog reader (RSS) Google Readerhttp://reader.google.com Search for blogs devoted to chosen topic Subscribe to blogs to keep track of updates Personal blog (RSS) Bloggerhttp://www.blogger.com Create a personal blog Post a personal reflection each day of the content found and experiences related to the use of personal learning environment Students subscribe to each others blogs in reader Internet search (information management, contacts, and synchronous communication) Google Scholarhttp://scholar.google.com/ Conduct searches in Google Scholar and library databases for scholarly works. Bookmark appropriate sites Consider making contact with expert for video conference Podcasts (RSS) iTunesUhttp://www.apple.com/itunes/whatson/itunesu.html Search iTunesU for podcasts related to topic Subscribe to at least 2 podcasts if possible Video conferencing (contacts and synchronous communication) Skypehttp://www.skype.com Identify at least one subject matter expert to invite to Skype with the class. Content gathering/ digital notebook Evernotehttp://evernote.com/ Set up account Use Evernote to take notes on all content collected via other tools Content synthesis Wikispaceshttp://www.wikispaces.com Post final project on personal page of class wiki The process and tools are overwhelming to students if presented all at once. As with any instructional design, the teacher determines the pace at which the students best assimilate each new learning tool. For this particular project, a new tool was introduced each day over two weeks. Once the construction process was complete, there were a number of personal web page aggregators that could have been selected to bring everything together in one place. Options at the time included iGoogle, PageFlakes, NetVibes, and Symbaloo. These sites offer a means to compile or pull together content from a variety of web applications. A web widget or gadget is a bit of code that is executed within the personal web page to pull up external content from other sites. The students in this case designed the personal web page using the gadgets needed in the format that best met their learning goals. Figure 3 is an instructor example of a personal webpage that includes the reader, email, personal blog, note taking program, and social bookmarks on one page. The personal learning environment can take the place of a traditional textbook, though does not preclude the student from using a textbook or accessing one or more numerous open source texts that may be available for the research topic. The goal is to access content from many sources to effectively meet the learning objectives. The next challenge is to determine whether those objectives have been met. Figure 3: Personal web page compiles learning tools
  • Table 2: Personal learning environment toolset Web application (networked student component) Tool used in test case Student activity level of structure Social bookmarking (RSS) Delicious http://delicious.com/ Set up the account Subscribe to each others accounts Bookmark and read 10 reliable websites that reflect the content of chosen topic Add and read at least 3 additional sites each week. News and blog alert (RSS) Google Alert http://www.google.com/alerts Create a Google Alert of keywords associated with selected topic Read news and blogs on that topic that are delivered via email daily Subscribe to appropriate blogs in reader News and blog reader (RSS) Google Reader http://reader.google.com Search for blogs devoted to chosen topic Subscribe to blogs to keep track of updates Personal blog (RSS) Blogger http://www.blogger.com Create a personal blog Post a personal reflection each day of the content found and experiences related to the use of personal learning environment Students subscribe to each others blogs in reader Internet search (information management, contacts, and synchronous communication) Google Scholar http://scholar.google.com/ Conduct searches in Google Scholar and library databases for scholarly works. Bookmark appropriate sites Consider making contact with expert for video conference Podcasts (RSS) iTunesU http://www.apple.com/itunes/ whatson/itunesu.html Search iTunesU for podcasts related to topic Subscribe to at least 2 podcasts if possible Video conferencing (contacts and synchronous communication) Skype http://www.skype.com Identify at least one subject matter expert to invite to Skype with the class. Content gathering/ digital notebook Evernote http://evernote.com/ Set up account Use Evernote to take notes on all content collected via other tools Content synthesis Wikispaces http://www.wikispaces.com Post final project on personal page of class wiki The process and tools are overwhelming to students if presented all at once. As with any instructional design, the teacher determines the pace at which the students best assimilate each new learning tool. For this particular project, a new tool was introduced each day over two weeks. Once the construction process was complete, there were a number of personal web page aggregators that could have been selected to bring everything together in one place. Options at the time included iGoogle, PageFlakes, NetVibes, and Symbaloo. These sites offer a means to compile or pull together content from a variety of web applications. A web widget or gadget is a bit of code that is executed within the personal web page to pull up external content from other sites. The students in this case designed the personal web page using the gadgets needed in the format that best met their learning goals. Figure 3 is an instructor example of a personal webpage that includes the reader, email, personal blog, note taking program, and social bookmarks on one page.
  • The personal learning environment can take the place of a traditional textbook, though does not preclude the student from using a textbook or accessing one or more numerous open source texts that may be available for the research topic. The goal is to access content from many sources to effectively meet the learning objectives. The next challenge is to determine whether those objectives have been met.
  • ...1 more annotation...
  • AssessmentThere were four components of the assessment process for this test case of the Networked Student Model: (1) Ongoing performance assessment in the form of weekly assignments to facilitate the construction and maintenance of the personal learning environment, (2) rubric-based assessment of the personal learning environment at the end of the project, (3) written essay, and (4) multimedia synthesis of topic content. Points were earned for meeting the following requirements: Identify ten reliable resources and post to social bookmarking account. At least three new resources should be added each week. Subscribe and respond to at least 3 new blogs each week. Follow these blogs and news alerts using the reader. Subscribe to and listen to at least two podcasts (if available). Respectfully contact and request a video conference from a subject matter expert recognised in the field. Maintain daily notes and highlight resources as needed in digital notebook. Post at least a one-paragraph reflection in personal blog each day. At the end of the project, the personal learning environment was assessed with a rubric that encompassed each of the items listed above. The student's ability to synthesise the research was further evaluated with a reflective essay. Writing shapes thinking (Langer & Applebee, 1987), and the essay requirement was one more avenue through which the students demonstrated higher order learning. The personal blog provided an opportunity for regular reflection during the course of the project. The essay was the culmination of the reflections along with a thoughtful synthesis of the learning experience. Students were instructed to articulate what was learned about the selected topic and why others should care or be concerned. The essay provided an overview of everything learned about the contemporary issue. It was well organised, detailed, and long enough to serve as a resource for others who wished to learn from the work. As part of a final exam, the students were required to access the final projects of their classmates and reflect on what they learned from this exposure. The purpose of this activity was to give the students an additional opportunity to share and learn from each other. Creativity is considered a key 21st century skill (Partnership for 21st Century Skills, 2009). A number of emerging web applications support the academic creative process. Students in this project used web tools to combine text, video, audio, and photographs to teach the research topics to others. The final multimedia project was posted or embedded on the student's personal wiki page. Analysis and assessment of student work was facilitated by the very technologies in use by the students. In order to follow their progress, the teacher simply subscribed to student social bookmarking accounts, readers, and blogs. Clicking through daily contributions was relatively quick and efficient.
  •  
    Scholarly and important but also practical. Scroll down for an incredible chart of ideas that challenges older students to take charge of their own learning.
1 - 20 of 56 Next › Last »
Showing 20 items per page