{"id":1154,"date":"2013-05-01T05:56:05","date_gmt":"2013-04-30T19:56:05","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=1154"},"modified":"2013-05-01T05:56:05","modified_gmt":"2013-04-30T19:56:05","slug":"a-media-job-for-listening-task-class-webpage-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/a-media-job-for-listening-task-class-webpage-tutorial\/","title":{"rendered":"A Media Job for Listening Task Class webpage Tutorial"},"content":{"rendered":"<p>Welcome to a tutorial about the The Making of <a target=_blank title='Listening Class' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=1152'>&#8220;English Learning &#8211; Listening Class &#8211; Tapioca Five Ways&#8221;<\/a> (the same techniques went into making <a target=_blank title='Listening Class' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=2608'>&#8220;English Learning &#8211; Listening Class &#8211; Love at First Bite&#8221;<\/a>  as well).<\/p>\n<hr \/>\n<blockquote style=\"background-color: yellow;\"><p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/' title='English Learning - Listening Class - Tapioca Five Ways - Click to start class'><img loading=\"lazy\" decoding=\"async\" style=\"zoom: 30%;\" src=\"http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/Tapioca_FiveWays.jpg\" usemap=\"#ff92814\" width=\"2090\" height=\"1399\" alt=\"click map\" border=\"0\" \/><\/a><p class=\"wp-caption-text\">English Learning - Listening Class - Tapioca Five Ways<\/p><\/div><br \/>\n<a target=_blank href='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/' title='English Learning - Listening Class - Tapioca Five Ways - Click to start class'>Click to start class (and am recommending you put on your personal headphones now, because task starts straight away).  Can you answer the questions asked after you listen to &#8220;Tapioca Five Ways&#8221;?<\/a><\/p>\n<\/blockquote>\n<hr \/>\n<p>Regarding the Making of &#8216;The Making of &#8220;English Learning &#8211; Listening Class &#8211; Tapioca Five Ways&#8221; &#8216; found PhotoBooth on a Mac laptop very useful.<\/p>\n<hr \/>\n<p>Regarding the The Making of &#8220;English Learning &#8211; Listening Class &#8211; Tapioca Five Ways&#8221; found very useful:<\/p>\n<ul>\n<li>the article (ie. the inspiration, or source) <img title='Card Reader' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/Tapioca_FiveWays.jpg'><\/img><\/li>\n<li>the voice recorder <img title='Voice Recorder' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/Recorder.jpg'><\/img><\/li>\n<li>the camera <img title='Camera etcetera' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/PhotographArticle.jpg'><\/img><\/li>\n<li>the card reader <img title='Card Reader' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/CardReader.jpg'><\/img><\/li>\n<li>the lead used by both the voice recorder and the card reader &#8230; rare and very useful  <img title='Cable' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/CardReaderUsage3.jpg'><\/img><\/li>\n<li>the Mac laptop<img title='Mac Laptop etcetera' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/MacLaptop.jpg'><\/li>\n<li><a target=_blank title='MP3 to OGG online' href='http:\/\/www.online-convert.com'>MP3 to OGG conversions online <img title='MP3 to OGG' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/MP3toOGG.jpg'><\/img><\/a><\/li>\n<li>Gimp, PaintBrush, MAMP, Finder, Firefox, Chrome, FireFtp (on Firefox) on Mac laptop<\/li>\n<\/ul>\n<hr \/>\n<p>Here are some steps:<\/p>\n<ul>\n<li>Record the voice reading the article to MP3 &#8230; add .ogg conversion to the mix via <a target=_blank title='MP3 to OGG online' href='http:\/\/www.online-convert.com'>MP3 to OGG conversions online<\/a> <img title='Camera etcetera' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/RecordArticle.jpg'><\/img><\/li>\n<li>Record the voice questions about the article to MP3 &#8230; add .ogg conversion to the mix via <a target=_blank title='MP3 to OGG online' href='http:\/\/www.online-convert.com'>MP3 to OGG conversions online<\/a><\/li>\n<li>Record the voice explanations regarding the article to MP3 &#8230; add .ogg conversion to the mix via <a target=_blank title='MP3 to OGG online' href='http:\/\/www.online-convert.com'>MP3 to OGG conversions online<\/a><\/li>\n<li>Use lead and voice recorder and Mac all connected and use Finder to copy to local webserver location<\/li>\n<li>Photograph the article with the camera (for student to get the context) &#8230; one too fuzzy (to be readable) .jpg, one at end okay to read .png<\/li>\n<li>Use lead and card reader and Mac all connected and use Finder to copy to Mac laptop <img title='Camera back' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/CameraOPenBack.jpg'><\/img> <img title='Camera back' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/CardReaderUsage5.jpg'><\/img><\/li>\n<li>Use Gimp and\/or Paintbrush to massage camera .JPG into fuzzy .jpg and non-fuzzy .png at local webserver location <img title='Gimp Usage'  onclick='window.open(\"http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/GimpUsage.jpg\");' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/GimpUsage.jpg'><\/img><\/li>\n<li>Research use of audio tag for HTML and setInterval functionality for Javascript <img title='Research'  onclick='window.open(\"http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/ResearchSetInterval.jpg\");' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/ResearchSetInterval.jpg'><\/img><\/li>\n<li>Piece HTML as webpage of the Listening Task Class <img title='Code1' onclick='window.open(\"http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/Code1of2.jpg\");'  src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/Code1of2.jpg'><\/img> <img title='Code2' onclick='window.open(\"http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/Code2of2.jpg\");' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/Code2of2.jpg'><\/img><\/li>\n<li>Test and test and test on localserver using MAMP via http:\/\/localhost:8888\/audiotest.html with several different browsers (there are cross-browser concerns here) <img title='UnitTest1' onclick='window.open(\"http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/UnitTest1of2.jpg\");'  src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/UnitTest1of2.jpg'><\/img> <img title='UnitTest2'  onclick='window.open(\"http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/UnitTest2of2.jpg\");' src='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/UnitTest2of2.jpg'><\/img> &#8230; Stop Press: A localserver is not necessary really, as you can gather the files together on your hard disk in a new directory (or path) and point your web browser at this via the File menu and its Open File submenu.<\/li>\n<li>When happy, transfer .html .jpg .png .MP3 .ogg to place on webserver to make it all happen &#8230; via (s)ftp (FireFtp via Firefox, to be precise)<\/li>\n<li>Point your browser at it &#8230; <a target=_blank title='Tapioca Five Ways' href='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/'>Tapioca Five Ways<\/a> &#8230; Stop Press: A localserver or public webserver is not necessary really, as you can gather the files together on your hard disk in a new directory (or path) and point your web browser at this via the File menu and its Open File submenu.<\/li>\n<\/ul>\n<p>Download programming source code for &#8220;Tapioca Five Ways&#8221; and rename to <a target=_blank title='audiotest.html' href='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask\/audiotest.html_GETME'>audiotest.html<\/a>.<\/p>\n<p>Download programming source code for &#8220;Love at First Bite&#8221; and rename to <a target=_blank title='audiotest2.html' href='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask2\/audiotest2.html_GETME'>audiotest2.html<\/a>.<\/p>\n<hr \/>\n<blockquote style=\"background-color: yellow;\"><p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask2\/' title='English Learning - Listening Class - Love at First Bite - Click to start class'><img loading=\"lazy\" decoding=\"async\" style=\"zoom: 30%;\" src=\"http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask2\/Love_atfirstbite.jpg\" usemap=\"#ff92814\" width=\"2090\" height=\"1399\" alt=\"click map\" border=\"0\" \/><\/a><p class=\"wp-caption-text\">English Learning - Listening Class - Love at First Bite<\/p><\/div><br \/>\n<a target=_blank href='http:\/\/www.rjmprogramming.com.au\/TESOL\/ListeningTask2\/' title='English Learning - Listening Class - Love at First Bite - Click to start class'>Click to start class (and am recommending you put on your personal headphones now, because task starts straight away).  Can you answer the questions asked after you listen to &#8220;Love at First Bite&#8221;?<\/a>\n<\/p><\/blockquote>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d1154' onclick='var dv=document.getElementById(\"d1154\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?cat=61\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d1154' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to a tutorial about the The Making of &#8220;English Learning &#8211; Listening Class &#8211; Tapioca Five Ways&#8221; (the same techniques went into making &#8220;English Learning &#8211; Listening Class &#8211; Love at First Bite&#8221; as well). Click to start class &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/a-media-job-for-listening-task-class-webpage-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,13,30,37],"tags":[113,377,396,576,711,760,781,931,997,1032,1200,1319],"class_list":["post-1154","post","type-post","status-publish","format-standard","hentry","category-elearning","category-esl","category-photography","category-tutorials","tag-audio","tag-elearning","tag-esl","tag-html","tag-listening","tag-media","tag-microphone","tag-photography","tag-programming","tag-recording","tag-stop-press","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/1154"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=1154"}],"version-history":[{"count":0,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/1154\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=1154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=1154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=1154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}