Tags:
Node Thumbnail

การเขียนโปรแกรมแบบลาก-วาง (drag and drop) นั้นมีมานานแล้วแต่รอบนี้กูเกิลออกมาทำเองเลยเป็นข่าวใหญ่สักหน่อย โดย Google Blockly เป็นภาษาเขียนโปรแกรมค่อนข้างเต้มรูปแบบ แต่ทำงานที่ทำงานบนเว็บได้ทั้งหมด โดยไม่ต้องเขียนโค้ดเลยแม้แต่บรรทัดเดียว

ระบบพัฒนารูปแบบคล้ายๆ กันนี้เราคงเคยเห็นใน App Inventor กันมาก่อนแล้ว แต่ Blockly ทำงานบนเว็บจริงๆ โดยไม่ต้องใช้แอ็บเพล็ต เทคโนโลยีทั้งหมดเป็น SVG และจาวาสคริปต์ แถมยังแปลงโค้ดเป็น Dart และ Python ได้ด้วย

โรงเรียนไหนคิดไม่ออกว่าจะเอาแท็บเล็ตไปทำอะไร ติดต่อกูเกิลหรือคนแถวนี้ให้แปลง Blockly ใส่แท็บเล็ตแล้วปล่อยให้เด็กเขียนโปรแกรมแข่งกันได้เป็นอย่างแรก ส่วนผู้ใหญ่ ใครแก้ข้อนี้ได้สั้นกว่ากันเอามาโชว์กันในข่าวนี้ได้

ที่มา - Google Code

Get latest news from Blognone

Comments

By: zixs
ContributoriPhoneWindows PhoneAndroid
on 13 June 2012 - 21:16 #431773
zixs's picture
repeat forever
do
if not wall to the right
then turn right
else if not wall to the left
then turn left
move forward

Blog: https://medium.com/@tanakritsai

By: chalet16
ContributorAndroidUbuntuWindows
on 13 June 2012 - 21:13 #431774

repeat forever move forward turn left move forward turn right

By: Appwizard
Android
on 13 June 2012 - 21:57 #431787 Reply to:431774

+1

By: gift2533
AndroidWindowsIn Love
on 13 June 2012 - 22:16 #431810 Reply to:431774

ผมก็ทำแบบนี้ครับ ^^ +1

By: AlninlA
ContributorAndroidUbuntu
on 13 June 2012 - 21:14 #431776
AlninlA's picture

มันน่าให้เด็กๆ เรียนมากเลย

By: Be1con
ContributorWindows PhoneWindowsIn Love
on 13 June 2012 - 21:49 #431783 Reply to:431776
Be1con's picture

+1


< Code | Design | Life | Blogger | Beyond >

By: viroth
ContributorBlackberryIn Love
on 13 June 2012 - 22:02 #431794
viroth's picture

พยายามแล้วผมไม่มีทักษะในการเขียนโปรแกรมเลย

By: l2aelba
iPhoneAndroid
on 13 June 2012 - 22:06 #431795
l2aelba's picture


<img id="pegman" width="49" height="52" src="1x1.gif" style="top: 91px; left: 313px">

By: Fzo
ContributorAndroid
on 13 June 2012 - 22:06 #431799
Fzo's picture

เจ๋งอ่ะ


WE ARE THE 99%

By: althema
AndroidWindows
on 13 June 2012 - 22:12 #431804

No Description

By: narok119
ContributoriPhone
on 13 June 2012 - 22:50 #431837 Reply to:431804

+1 ทำได้แบบนี้เปี้ยบเลยครับ ไม่นึกว่าจะมีคนทำเหมือนกันนะเนี่ย

By: ComSci-MFU
Windows PhoneAndroidWindows
on 13 June 2012 - 22:31 #431817
ComSci-MFU's picture

No Description

อันแรกเร็วกว่า แต่ทั้งคู่ถึงเหมือนกัน

By: ZetaSolid
Windows PhoneSymbianUbuntuWindows
on 13 June 2012 - 22:49 #431832 Reply to:431817
ZetaSolid's picture

แบบที่สองลืมใส่ move forward ด้านบน turn right ปะครับ

By: put4558350
ContributorAndroidUbuntuWindows
on 13 June 2012 - 22:50 #431836
put4558350's picture

No Description


samsung ใหญ่แค่ใหน ?
https://youtu.be/6Afpey7Eldo

By: Charin Tapang
ContributorAndroidRed HatUbuntu
on 13 June 2012 - 23:25 #431866 Reply to:431836
Charin Tapang's picture

อันนี้เร็วกว่า


Charin Tapaeng on G+

By: iStyle
ContributoriPhoneAndroidSymbian
on 14 June 2012 - 14:16 #432177 Reply to:431836
iStyle's picture

ทำแบบเร็วสุดได้อันนี้แหละ


May the Force Close be with you. || @nuttyi

By: HMage
AndroidWindows
on 13 June 2012 - 22:53 #431843

จริงๆ มันไม่ต่างจากพิมพ์เอาเลยนะ แต่ทำไมเล่นแล้วรู้สึกเพลิน...?

By: softganz
AndroidUbuntu
on 13 June 2012 - 22:55 #431845
softganz's picture

ขอลองด้วยคน ออกมาประมาณนี้

alt="Maze"

By: Azadious
iPhoneAndroidWindows
on 17 June 2012 - 14:48 #433482 Reply to:431845
Azadious's picture

อันนี้เก๋ามากครับยอมรับเลย ออกได้ทุกรูปแบบด้วย

By: gotobanana
iPhoneAndroidBlackberrySymbian
on 13 June 2012 - 22:57 #431848
gotobanana's picture

แค่ดูก็ไม่เข้าใจแล้ว

By: Be1con
ContributorWindows PhoneWindowsIn Love
on 13 June 2012 - 23:00 #431852 Reply to:431848
Be1con's picture

อันนี้ไม่ต้องเรียนรู้โค้ดเลยครับ เล่นง่าย ๆ


< Code | Design | Life | Blogger | Beyond >

By: papboyz
iPhoneAndroidWindows
on 13 June 2012 - 23:13 #431862

repeat forever do move forward turn left move forward turn right

ไปแบบเถือกๆ

By: billion
ContributoriPhoneAndroid
on 13 June 2012 - 23:24 #431865

ไม่ได้ใช้ repeat forever ยาวเหยียดเลย 555

By: gudome
ContributoriPhoneWindows
on 13 June 2012 - 23:34 #431876

ลองแล้ว ถ้าสำหรับเด็กๆ แนะนำให้เล่น Alice กับ Kodu ดีกว่าครับผม

By: thep
Writer
on 13 June 2012 - 23:52 #431887

ลองมั่ง.. เอาแบบ ต่อให้ปลายทางอยู่จุดไหนใน maze นี้ก็หาเจอหมด

No Description

By: deaw on 14 June 2012 - 00:18 #431911 Reply to:431887
deaw's picture

อันนี้อัลกอลิทึ่มแมลงสาบป่าวครับ แถกำแพงด้านซ้าย 555

By: thep
Writer
on 14 June 2012 - 00:44 #431934 Reply to:431911

แหม ๆ ขนาดปรมาจารย์เตียซำฮงยังรู้จักประยุกต์เพลงมวยจากสัตว์ทั้งหลาย อิ ๆ

By: thep
Writer
on 14 June 2012 - 00:51 #431937 Reply to:431911

บังเอิญด้วยว่า maze ที่กำหนดให้นี้สามารถ traverse ได้ด้วยการแถกำแพงด้านซ้าย ถ้าเป็น maze แบบ pacman อาจจะไปไม่รอด :P

By: deaw on 14 June 2012 - 01:10 #431948 Reply to:431911
deaw's picture

เพิ่มเติมข้อมูลครับ
Maze solving algorithm
http://en.wikipedia.org/wiki/Maze_solving_algorithm
ตามที่คุณเทพว่าไว้เป็นการแถกำแพงทางซ้าย (Wall follower โดยใช้ left-hand rule)

ตกลงเตียซำฮงกับจางซานฟงนี่คนเดียวกันใช่มั้ยครับ คือในนิยายใช้เตียซำฮงแต่ในหนังชุดดันเป็นจางซานฟง คนที่ไม่มีพื้นด้านภาษาจีนก็จะงงครับผมคนนึงล่ะ

By: thep
Writer
on 14 June 2012 - 09:07 #432016 Reply to:431948

ขอบคุณสำหรับข้อมูลครับ ความจริงตอนทำก็อยากใช้อัลกอริทึมอื่นเหมือนกันครับ แต่ building block ที่ให้มันไม่มี memory ใด ๆ ทั้งสิ้น สุดท้ายเลยทำได้แค่แมลงสาบไต่กำแพงนี่แหละ แล้วมันก็เพียงพอสำหรับ maze ในโจทย์ด้วย

เตียซำฮงกับจางซันฟงคือชื่อเดียวกันครับ คือ 張三丰 เตียซำฮงเป็นภาษาแต้จิ๋ว (ตัว 三 ที่แปลว่าสามนั้น แต้จิ๋วบางครั้งออกเป็น "ซา" [แบบใน "เจ๊ก-หนอ-ซา"] บางครั้งก็เป็น "ซำ" เช่นในคำว่า 三國 ที่แปลว่าสามก๊ก ก็ออกเสียงเป็น "ซำกก") ส่วนจางซันฟงเป็นจีนกลาง (ที่จริงพินอินเขียนเป็น Zhāng Sānfēng น่าจะอ่านว่า "จางซันเฟิง" มากกว่า)

By: McKay
ContributorAndroidWindowsIn Love
on 14 June 2012 - 13:32 #432143 Reply to:432016
McKay's picture

+1


In Soviet Warcraft, Argus comes to you.

By: deaw on 14 June 2012 - 15:59 #432250 Reply to:432016
deaw's picture

โอ้..ขอบคุณครับ ได้ความรู้ใหม่อีกแล้ว

By: sugarcane
AndroidUbuntu
on 14 June 2012 - 00:10 #431892

เอามั่ง

By: Wizard.
iPhoneAndroidUbuntuWindows
on 14 June 2012 - 00:29 #431923
Wizard.'s picture

เมากันไปข้าง...

By: buzdesign on 14 June 2012 - 00:59 #431939

เอาด้วย

No Description

By: EThaiZone
ContributorAndroidUbuntuWindows
on 14 June 2012 - 02:39 #431972
EThaiZone's picture

ดันเผลอมาเจอ ทำเอาไม่ได้นอน -*-

เพลินมาก


มันไม่ง่ายเลยที่จะทำ GIF ให้มีขนาดน้อยกว่า 20kB

By: skuma
iPhoneWindows PhoneAndroidBlackberry
on 14 June 2012 - 08:57 #432015
skuma's picture

ง่ายดีแต่ ทำผิดไปหลายครั้ง 555

By: pitsanu
Contributor
on 14 June 2012 - 09:15 #432020

น้อยๆ

By: figgaro
ContributorAndroidWindows
on 14 June 2012 - 10:38 #432053
figgaro's picture

แบบนี้ได้มะ ไปมันทุกทางเลย *-*


Nellika Consulting

By: McKay
ContributorAndroidWindowsIn Love
on 14 June 2012 - 13:35 #432144 Reply to:432053
McKay's picture

move forward หลัง do if wall ahead ไม่จำเป็นหรือเปล่าครับ


In Soviet Warcraft, Argus comes to you.

By: figgaro
ContributorAndroidWindows
on 14 June 2012 - 13:46 #432151 Reply to:432144
figgaro's picture

จริงด้วยครับ 555 เดี๋ยวผมลองเปลี่ยน logic อันอื่นมั่ง ไม่รู้ว่ามันเช็ค wall ข้างซ้ายขวาก็ได้ด้วย -*-


Nellika Consulting

By: rattananen
AndroidWindows
on 14 June 2012 - 11:09 #432072

มั่นใจว่าเร็วที่สุด

By: PikaboyZ
Android
on 14 June 2012 - 11:32 #432083 Reply to:432072

เอางี้เลยรึ หุหุ

By: rattananen
AndroidWindows
on 14 June 2012 - 18:29 #432341 Reply to:432072

ขออีก 1 version

optimal version

คิดเผื่อทางถูกรูปแบบรวมทั้ง 4 แยกที่ไม่มีให้ test

By: Diew
ContributoriPhoneWindows PhoneAndroid
on 14 June 2012 - 11:46 #432093
Diew's picture

เพิ่งเห็น เอามั่ง

By: angel13th
Android
on 14 June 2012 - 12:46 #432105
angel13th's picture

มันคือ App Inventor เลยนี่หว่า

แถม เขียนแบบแถๆ

alt="app"

By: Gun
iPhoneAndroidBlackberryWindows
on 14 June 2012 - 12:20 #432115

ถึงเหมือนกัน แต่อ้อมนิดหน่อย

จาก User ที่ไม่รู้เรื่อง coding

By: roticagas
Android
on 14 June 2012 - 12:44 #432123

เหมือน app inventor จริงๆ
No Description

By: jonathanz on 14 June 2012 - 13:04 #432128

ผมว่าชื่อคือ Blockly นะครับ ไม่ใช่ Blocky

By: izht on 14 June 2012 - 14:11 #432170 Reply to:432128

จริงด้วย สงสัยทุกคนมัวแต่เล่น เลยไม่มีใครเห็นเลย 555

By: foizy
AndroidUbuntuWindows
on 14 June 2012 - 13:05 #432129

คล้ายๆ ผมเลย
ผมเป็น MJ ครับ พยายามจะมูนวอล์คท่าเดียว

By: Diew
ContributoriPhoneWindows PhoneAndroid
on 14 June 2012 - 14:00 #432162 Reply to:432129
Diew's picture

เมฟขิงๆ ของผมคิดมาก code อย่างยาว

By: uzumakics
AndroidWindows
on 14 June 2012 - 13:20 #432140

ขอตั้งชื่อว่า ซ้ายผ่านตลอด

By: figgaro
ContributorAndroidWindows
on 14 June 2012 - 14:03 #432159
figgaro's picture

ลองใหม่ อิอิ เพิ่มความเร็วในการเดิน


Nellika Consulting

By: GodPapa
iPhoneWindows PhoneAndroidBlackberry
on 14 June 2012 - 16:59 #432214
GodPapa's picture

ราบรื่น ไม่มีสะดุด

By: Azadious
iPhoneAndroidWindows
on 17 June 2012 - 14:41 #433481
Azadious's picture

มาที่หลังลองแบบนี้ดู

No Description

ใช้ตอนหลงทาง ออกได้ในทุกเขาวงกต