กูเกิลออกภาษา Blockly เขียนโปรแกรมบนเว็บแบบลาก-วาง

By lew

on 13 June 2012 - 20:48 Tag: Google, Development, Education, HTML5

Google

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

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

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

ที่มา - Google Code

Hiring! บริษัทที่น่าสนใจ

Carmen Software

Hotel Financial Solutions

Next Innovation (Thailand) Co., Ltd.

We are web design with consulting & engineering services driven the future stronger and flexibility.

KKP Dime

KKP Dime บริษัทในเครือเกียรตินาคินภัทร

Kiatnakin Phatra Financial Group

Financial Service

Fastwork Technologies

Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน

Thoughtworks Thailand

Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน

Iron Software

Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.

CLEVERSE

Cleverse is a Venture Builder. Our team builds several tech companies.

Nipa Cloud

#1 OpenStack cloud provider in Thailand with our own data center and software platform.

Bangmod Enterprise

The leader in Cloud Server and Hosting in Thailand.

CIMB THAI Bank

MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank

Bangkok Bank

Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking

MuvMi (Urban Mobility Tech Co.,Ltd.)

Shape the future of urban mobility towards affordable, clean, and safe solutions

T.N. Digital Solution Co., Ltd.

TNDS has been involving in every first move of banking’s major digital transformation.

KBTG - KASIKORN Business-Technology Group

KBTG - "The Technology Company for Digital Business Innovation"

Siam Commercial Bank Public Company Limited

"Let's start a brighter career future together"

Icon Framework co.,Ltd.

Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก

REFINITIV

The Financial and Risk business of Thomson Reuters is now Refinitiv

H LAB

Re-engineering healthcare systems through intelligent platforms and system design.

The Gang Technology Co., Ltd.

We're a Digital Agency that helps our customers transform their business into digital with ease.

LTMH

LTMH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย

Seven Peaks

We Drive Digital Transformation

Wisesight (Thailand) Co., Ltd.

The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure

MOLOG Tech

We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.

Data Wow Co.,Ltd

We enable our clients to realize increased productivity by solving their most complex issues by Data

LINE Company Thailand

LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call

LINE MAN Wongnai

Join our journey to becoming No.1 food platform in Thailand

repeat forever do if not wall

zixs Wed, 13/06/2012 - 21:16

repeat forever: do
if not wall to the right: then turn right
else if not wall to the left: then turn left
move forward

repeat forever move forward

chalet16 Wed, 13/06/2012 - 21:13

repeat forever move forward turn left move forward turn right

+1

Appwizard Wed, 13/06/2012 - 21:57

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

gift2533 Wed, 13/06/2012 - 22:16

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

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

AlninlA Wed, 13/06/2012 - 21:14

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

+1

Be1con Wed, 13/06/2012 - 21:49

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

viroth Wed, 13/06/2012 - 22:02

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

<img id="pegman" width="49"

l2aelba Wed, 13/06/2012 - 22:06

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

เจ๋งอ่ะ

Fzo Wed, 13/06/2012 - 22:06

เจ๋งอ่ะ

(No subject)

althema Wed, 13/06/2012 - 22:12

+1 ทำได้แบบนี้เปี้ยบเลยครับ

narok119 Wed, 13/06/2012 - 22:50

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

อันแรกเร็วกว่า

ComSci-MFU Wed, 13/06/2012 - 22:31

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

แบบที่สองลืมใส่ move forward

ZetaSolid Wed, 13/06/2012 - 22:49

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

(No subject)

put4558350 Wed, 13/06/2012 - 22:50

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

Charin Tapang Wed, 13/06/2012 - 23:25

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

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

iStyle Thu, 14/06/2012 - 14:16

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

จริงๆ

HMage Wed, 13/06/2012 - 22:53

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

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

softganz Wed, 13/06/2012 - 22:55

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

Maze

อันนี้เก๋ามากครับยอมรับเลย

Azadious Sun, 17/06/2012 - 14:48

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

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

gotobanana Wed, 13/06/2012 - 22:57

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

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

Be1con Wed, 13/06/2012 - 23:00

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

repeat forever do move

papboyz Wed, 13/06/2012 - 23:13

repeat forever do move forward turn left move forward turn right

ไปแบบเถือกๆ

ไม่ได้ใช้ repeat forever

billion Wed, 13/06/2012 - 23:24

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

ลองแล้ว ถ้าสำหรับเด็กๆ

gudome Wed, 13/06/2012 - 23:34

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

ลองมั่ง.. เอาแบบ

thep Wed, 13/06/2012 - 23:52

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

อันนี้อัลกอลิทึ่มแมลงสาบป่าวค

deaw Thu, 14/06/2012 - 00:18

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

แหม ๆ

thep Thu, 14/06/2012 - 00:44

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

บังเอิญด้วยว่า maze

thep Thu, 14/06/2012 - 00:51

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

เพิ่มเติมข้อมูลครับ Maze

deaw Thu, 14/06/2012 - 01:10

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

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

ขอบคุณสำหรับข้อมูลครับ

thep Thu, 14/06/2012 - 09:07

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

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