第1935回-生生用平板-低年級注音拼音練習:在 Blogger 上把自己建立的「注音高手」題庫變成遊戲

國語音韻覺識的探索之旅~

跟隨江明勳老師一起學習,如何在顏國雄老師的 HTML5 FUN 遊戲平台上製作您的學生需要精熟練習的題庫。透過粗獷且細膩 (???真敢說,哈哈) 的教學示範,讓數位學習的目標不再遙遠。這既能分擔老師的教學負擔,也是對傳統學習方法的一次溫柔而深刻的詮釋。請點擊影片連結,與我們一起享受集眾人智慧所帶來學習的美好。


影片版:

注音拼音高手:在 Blogger 上把自己建立的題庫變成遊戲 - YouTube

文字版:

以下是我請 AI 從我錄的影片中擷取出來的文字稿 (我還沒有仔細校對過喔)

大家好,我是江明勳老師。兩天前呢,我利用顏國雄老師開發的 HTML5 FUN 遊戲式題庫網站的這個「注音高手」的這個小遊戲製作了一些南一國語二上的圈詞拼音的遊戲,那也做了康軒一上的。

有一些老師跟我說呢,他想要自己做做看。我覺得太感動了,那甚至還有一個老師也願意幫我製作。那所以呢,我就特別錄了一個影片來給大家從零開始,來讓你上手製作。那我相信你在這個10分鐘的影片,10分鐘以內看完以後呢,你一步一步跟著做,如果順利的話也許可以做得出來。好,不敢保證一定可以的。

那我們的目標是什麼呢?首先第一個就是你要先準備好圈詞,譬如說這個是康軒國語二上的第二課,一起做早餐的圈詞。你要先把這些圈詞準備好。然後呢,我先複製起來好嗎?你不一定要用 LoiLoNote,用任何的軟體,只要你能夠輸入文字的軟體就可以,記事本也可以。

再來注音高手呢,我就按廚師帽。

進來題庫烘焙機之後呢,就請你往下拉。按這裡開啟html5放,烘焙機。對不起我有點累了,今天好想睡喔,因為剛剛失敗了好幾次。這個已經是我第三次錄影了。好,請你原諒我。如果我講的不是很好的話。好,那這邊呢,你看一下這個體庫原始碼這邊。你看得到我的手嗎?因為我現在失敗太多次了,變成是用ipad在錄我的電腦螢幕。好,因為這樣子保證最不會失敗。把這個輸入的框拉大一點。然後把我們剛剛複製起來的,康軒二上國語第二課的圈詞先把它貼上。貼上之後呢,你可能會想要設定一些參數囉。那我們就來選1-2設定參數。那你要不要設定實體就好呢?還是全部的題目都給學生練好。像我的話我可能會打100,因為這樣100以內的話就會全部都出完。要不要亂數,這些的。好,那再來步驟二就是試玩囉。


那這邊有幾題?有...,不知道耶,11題。他就會全出讓學生練習。那學生練習完之後呢,找...,對了,這個要選字。可是我如果不希望學生選字,只要他注音答對就好呢?那怎麼辦?太好了,這是一個好例子。那我要退...現在是預覽畫面對不對?我要回到體庫的那個烘焙機要怎麼樣?你第一個想到的可能是,按這個左邊左邊左邊上面這個倒退鍵對不對?千萬不要按倒退鍵喔,你要按右邊這邊。哇!炸型災難現場,在這邊,在這邊,模糊掉了,為什麼?為什麼變成模糊的?好,OK,在這邊,在那個題目的題,題目的題上面是不是有一個XX?好啦,沒關係,總是可以看。有點不專業。不過沒關係,我也不在乎裝不專業,只要能錄成功就好了。我現在已經豁出去了。好,我們剛剛有一個什麼問題要修改呢?我不要讓他選字,不要讓學生選字,所以哪一個打勾要取消?


1-2-3,虛擬鍵盤是否要選字?這個要怎麼樣?取消,這樣學生只要注音對了,早餐的注音對了就好,不用選字。可能三四年級以上你可以考慮留著讓他選字。好,那還有什麼?不要亂數,就亂數一樣。好,我再試玩一次喔。希望會成功。你看亂數初級就是不是每次都是固定順序。笑臉,我笑不出來了。我累累的想睡覺。真的不用再選字了,太好了。這的確是我們一樣的樣子。叫我第一名,我有點不累了。很好。那我已經預覽完了。記得要按這個小叉叉。現在這個畫面沒有拍到。在這裡,要特別注意喔。這個小叉叉按下去才能夠回到這裡喔。你不按會怎麼樣?就是你這邊的體庫,你打這些體庫的字會全部都不見了。如果你剛剛不是從別的地方複製貼上會哭喔。不要找我喔,我已經跟你講了。好,那在這裡呢,最難的部分來了。預覽完結束,改完之後呢,我要,還有一個地方,功能選項這裡,你要選自動進入 ​遊戲,不要問我為什麼,當然自動進入遊戲比較快。然後接下來呢,這裡,查看合併後的原始碼自動複製到剪貼布,你就按下去,你就會看到原始碼,看不懂,沒關係,你只要知道這個是原始碼就好了。複製貼上,那接著再來,更難的步驟來了,就是你要申請一個部落格。那怎麼申請呢?首先呢,你要有一個Google的帳號。那Google的帳號,如果你進到Gmail,或者是那個雲端硬碟,不是都會有一個九宮格嗎?就這個東東,然後裡面就有很多Google的應用程式可以選,那這裡面就有一個Blogger。有看到嗎?這個Blogger點下去,然後呢,你就建立網址。其實每個有Google帳號的人,都可以申請做這個Blogger。建立網址,那我就選我要建立在這個帳號。那我的密碼,你問我密碼,你問我密碼,我是知道嗎?我想看看,我不能唸出來。好,還好我沒有唸出來。一首歌裡面的一句歌詞,通常我會把它哼出來。這裡有一些告示,歐盟法律規定,blablabla,看完了,打叉叉。


再來最重要的,網址名稱,你要叫做什麼呢?我就叫做,江明勳老師的遊戲。那你就可以選擇是不是每個人都可以看到你的部落格,還是只有特定的人可以看到。然後還有很多設定,那些都是你可以慢慢來調的。好,那你建立好了部落格之後,接下來你要做的是發佈你的遊戲。那你剛剛做的遊戲,你已經有原始碼了,那你就把原始碼貼到你的部落格裡面。然後發佈。發佈之後呢,你就可以告訴你的學生,你已經做好一個遊戲了,他們可以來玩。那個瀏覽器裡面都有一個,三條斜線,下面會有一個儲存並分享。然後會有一個建立QR Code,就可以交出QR Code啦。那你就可以叫學生,請學生把平板拿出來,掃一下這個QR Code。那學生就可以在平板上玩啦。所以在大屏上可以玩,教室的那個主控螢幕啦。那學生在平板上也可以玩,看你的處境,是生生有平板的呢,還是斑斑有大屏的情境,都可以來做運用。


那再來我們再加一個運用,就是說如果你是有,使用LoiLo Note的老師的話呢。如果你要裝一個東西啦,你的瀏覽器,要裝一個叫做,LoiLo Web Card。LoiLo Web Card,LoiLo Web Card,你要進這個Google的一個應用程式商店,然後打LoiLo Web Card,然後可以找到這個,外掛的程式。然後我現在已經裝好了,所以就這樣子。那你可以把它加入,然後就會產生一個像這樣的一個符號。一個照相機的符號,然後我點下去之後呢,就按製作Web Card。什麼事都沒發生,你看後面你看看你看看,就做好了。啊但是這是不是完美,不是嘛我要這個做什麼,我要的是遊戲啦。所以呢我要再回來這邊,首先呢我要讓畫面停在哪裡,停在我們的遊戲畫面,剛先二上國語第二課,然後呢按一下這個LoiLo Web Card的按鈕,然後按製作Web Card。好啪啪,這個就做好了。漂亮嗎?感動嗎?很好吼。好,那這樣子就怎麼樣呢,你就可以做好一個啦。那全部把它做完,每一課都有。加油宜山老師我就靠你囉,OK,如果你有空就幫我做一做。我跟宜山老師做了一個共用筆記,所以他在這邊做我也可以看得到,同步接收的概念。懶就懶嘛,還說什麼什麼什麼,不要講太多了反正就是這樣,有人做就是大家的福利。那希望早一天我們可以,趕快把迪林集的所有的部分,都做出來吼,聽說期中考快到了吼,那如果有老師想要複習的話,希望趁早把它做完。好那錄影到這邊謝謝各位,掰掰喔沒有沒有還不行還不行,還沒完還沒完,假設我現在要做好第二課了對不對,那我要做第三課我怎麼做,我是不是會用到第三課的這個語詞,那我們再來開我們的Blog喔,Blog在哪裡,在這裡好回到這裡對不對,那,我開兩個視,我做兩個吼來,然後再一個,再一個再一個什麼,先回到文章的列表,是不是只有一個文章,我先把它開一個,開一個新聞,開同一個畫面吼因為等一下我要複製貼上,然後這裡呢這個是,左邊這個是這個文章的列表,右邊這個是這篇文章的內容,對吧,好那我們就點一下這個新聞章。那這新聞章的標題,我要叫什麼呢?我把這邊第二課的複製過來然後改哪裡,改,改成什麼三,然後這邊改第三課。阿這裡面的那個,原始碼題目原始碼呢,Ctrl A 全選,Ctrl C 複製,然後這邊Ctrl V 貼上。


哇神速喔,你現在不只是會做部落格,還會做遊戲而且你還會修改原始碼,超強的對不對?我把第二課改成第三課,再來哪裡要改,這些題庫的題目是不是要改,為什麼呢因為這是第二課的題庫,那我們現在第三課不是這個,第三課是那個很有名的那一課,我來看一下,走過小巷,我記得好像有看到很多,老師平時教過這一課,我把這些語詞圈詞選起來,然後呢我再回到,我的這個部分,改哪一邊千萬不要改錯,右邊是第幾課第二課,左邊呢第三課,剛剛走過小巷是第幾課第三課,自己做久了你會混掉,就這些,然後我就再把它做發佈,發佈文章,發佈文章之後呢,等一下喔,是不是就變成兩篇部落格的文章,那我們點一下,查看這一篇文章,哇你看看,注音高手的遊戲來了,來了來了,走過小巷從山上滾下來,小熊從山上滾下來,之類的,我已經開始亂講話表示我很累了,我剛才把它錄完,到這裡怎麼辦怎麼把它變成一張,LoiLo Note的卡片呢?你還記得怎麼變卡片嗎?我要在哪邊呢?怎麼把這個網頁,變成一張卡片,在LoiLo Note上的話呢,很簡單就是按一下哪裡,如果你有安裝這個LoiLo Web Card的話,就會多了一個小按鈕,多了那個小按鈕之後呢你就看,哪一個網頁要變成一張web卡片,你就按一下按一下,按一下,好真的有飛進來嗎,有嗎,在這裡,這第幾課你還記得嗎,第三課在這邊,放進來,點進來看我們來看一下,同學二上全詞,第一課資料,第二課資料,第三課在這裡,這樣好不好,我們就又完成一課了,恭喜你,希望以珊老師可以幫我接棒坐下去,偷懶不是啦,你也有學到嘛,別人也有享受到,我覺得老師是一個共同體,彼此互相合作,一起度過難關,快樂的事情會加倍,痛苦的事情會減半,這就是我們教師社群的好處。




留言

這個網誌中的熱門文章

第1918回-師師有法寶-4-雄-筆順練習-南一-康軒-翰林-國小國語- QR Code 大合集

第1804回- Google 文件如何一次看兩頁?

第1670回-自主學習-如何印出中英對照的 TED 演講逐字稿