Slashdot Mirror


Learning HTML Through a Board Game

An anonymous reader writes "cHTeMeLe is a board game about writing HTML5 code. In cHTeMeLe, players endorse their favorite web browser (Firefox, Safari, Chrome, Opera, or IE) and then score points by correctly laying out HTML tags, while also trying to bug or crash their opponents' code. From the article: 'Despite cHTeMeLe's technical theme, its developers claim you don't need any web programming experience to play. The game takes web design standards and boils them down into game rules that even children can learn. To help less technical players keep everything straight, the tag cards use syntax highlighting that different parts of code have unique colors — just like an Integrated Developer Environment. No one is going to completely pick up HTML5 purely by playing cHTeMeLe, but it does have some educational value for understanding basic tags and how they fit together.'"

34 comments

  1. I really hope we see this again. by bistromath007 · · Score: 1

    I will forget this, even though I want it. I hope there is another article when there's an English translation.

    1. Re:I really hope we see this again. by spadadot · · Score: 1

      The english translation is meant to be available at the same time as the (final) french version. This will be no more than 4-6 weeks from now.

  2. It's so unfair... by Theoden · · Score: 5, Funny

    ...you guys ALWAYS make me play as IE! I'm not playing ever again! Pft!

    1. Re:It's so unfair... by serviscope_minor · · Score: 1

      What are yo complaining about? You only have to throw a double 7 to make page render correctly.

      --
      SJW n. One who posts facts.
    2. Re:It's so unfair... by Anonymous Coward · · Score: 0

      What are yo complaining about? You only have to throw a double 7 to make page render correctly.

      throw(new Double (7.0));

      Profit!

    3. Re:It's so unfair... by Anonymous Coward · · Score: 0

      Error: java.lang.Double does not extend java.lang.Throwable

    4. Re:It's so unfair... by eugene+ts+wong · · Score: 1

      No, no. I said that we're playing the 90s expansion, which means you get the unfair advantage.

    5. Re:It's so unfair... by BorisAmmerlaan · · Score: 1

      On a d6...

  3. A giant waste of time by concealment · · Score: 3, Insightful

    I've now been around long enough to have seen a few dozen projects like this pop up, vanish within five years, and be completely gone without a trace in ten. They're not relevant because they're not effective.

    To get people to learn to code HTML, get them a project they want to work on, and then guide them through the HTML stage to using a script to generate that HTML. By itself, HTML/CSS coding is a dead-end skill. The real goal should be the web application or site and how it's going to do something that people actually need.

    Clever little games may seem to increase participation, but they really distract from the actual task and attract people who do not have the mental state to pursue the other skills they will need to further themselves along this path.

    1. Re:A giant waste of time by drinkypoo · · Score: 1

      I don't see why people shouldn't start learning HTML through an editor. OK, so I learned it by hand, but back then there were no editors, that doesn't make the manual approach better, it only made it necessary and taught me to find the >> keys without looking (and to type some entities...) But I'm equally at a loss to tell what a game is supposed to help. If you want to teach kids about nesting and containers, use cardboard boxes.

      --
      "You're right," Fisheye says. "I should have set it on 'whip' or 'chop.'"
    2. Re:A giant waste of time by Rhaban · · Score: 3, Insightful

      I think it's intended as a real game, not a way to learn html5

    3. Re:A giant waste of time by ljw1004 · · Score: 1

      I've now been around long enough to have seen a few dozen projects like this pop up, vanish within five years, and be completely gone without a trace in ten.

      Really? You've seen other board games built around the syntax of some computer language? Please tell me about them! I'd love to play them. I had thought this game was innovative and interesting, but if there's a whole collection of similar board games, I'd love to get into them. Didn't find anything on boardgamegeek.com.

    4. Re:A giant waste of time by JustinOpinion · · Score: 1
      The Slashdot headline frames this in terms of "Learning HTML", but it's worth noting that the creators of the game don't view it that way. In their FAQ, they say:

      Why "almost educative"? The game might have some educative values, because if you play it you learn things about HTML and the bass rules of programming. But the aim of the game is not to be "educative", it's first to be played, to be fun and enjoyed by everyone. You can eventually learn something but it's a plus... not the ultimate goal.

    5. Re:A giant waste of time by braindrainbahrain · · Score: 1

      Really? You've seen other board games built around the syntax of some computer language? Please tell me about them! I'd love to play them. I had thought this game was innovative and interesting, but if there's a whole collection of similar board games, I'd love to get into them. Didn't find anything on boardgamegeek.com.

      True (to my knowledge anyway), few boardgames use the syntax of computer languages, but there are many board games that use programming as a core mechanic in the game. The game of Rambots comes to mind as an example.

      Perhaps games using computer languages are more suited to computers in the first place? In that case, I can point to The Schemaverse based on SQL, and Code Hero based on Javascript.

  4. bad idea. by hackula · · Score: 1

    Not only will this stop kids from ever touching code again, it will also condition them to hate games generally.

  5. Cross it with cludo by Big+Hairy+Ian · · Score: 2

    and you'll have another use for the body tag :)

    --

    Build a Man a Fire, and He'll Be Warm for a Day. Set a Man on Fire, and He'll Be Warm for the Rest of His Life.

  6. You used marquee tag by Ukab+the+Great · · Score: 4, Funny

    Go to jail. Do not collect $200.

    1. Re:You used marquee tag by Chemisor · · Score: 1

      That's a little harsh. Jail should be reserved for really evil tags like blink.

    2. Re:You used marquee tag by TheCarp · · Score: 1

      wow jail for blink tags? Talk about soft! I was thinking more along the lines of "rendition"

      --
      "I opened my eyes, and everything went dark again"
    3. Re:You used marquee tag by tlhIngan · · Score: 1

      Jail should be reserved for really evil tags like blink.

      Oh, phew. I don't use <blink> anymore.

      Me, I do my blinking in more harmless tags. Like <font>, <div> and the like.

      (style="text-decoration:blink" - for those who don't want to put it in their css files.)

      Can't remember when <blink> was actually deprecated in favor of its CSS counterpart...

  7. Do we really want this? by Hentes · · Score: 1

    Do we really want to encourage kids to write non-standards-compliant code?

    1. Re:Do we really want this? by NatasRevol · · Score: 2

      Yes.

      First you learn to code.
      Then you learn to code well.

      Just like everything in life.

      --
      There are two types of people in the world: Those who crave closure
  8. Good initiative, bad implementation by Foxhoundz · · Score: 1

    HTML is best learned through trial and error. I never really understood the concept of the CSS or HTML until I began visualize a web page as just a stack of transparency paper that is moved around by CSS. Learning the tags alone won't do any good. You have to interact with the elements produced by the tags to really understand how HTML works.

  9. I really hope they didn't misspell bored. by Normal+Dan · · Score: 1

    I would love to see a game like this be actually fun to play. I've seen so many "educational" games that are just plane boring because they try to mix education and fun without actually integrating them. Here's hoping this one works out.

    --
    A unique way to learn a language: http://languageloom.com
  10. Blink Tag by litemizer · · Score: 1

    Does it include the blink tag? DOES IT!??!?!?!?

  11. Re:mod 3o3n by Anonymous Coward · · Score: 0

    Please kill yourself, you fail at trolling.

  12. So let me guess by kiriath · · Score: 2

    If you choose IE you loose automatically correct?

  13. some ways to crash MSIE 6 by magic+maverick+ · · Score: 2

    <html><head><title>Crash MSIE</title></head>
    <body>
    <input type crash>
    <script>for(x in document.write){document.write(x);}</script>
    <script>for (x in open);</script>
    <style>*{position:relative}</style><table><input></table>
    </body></html>

    --
    HELP MY ACCOUNT HAS BEEN HACKED BY AN ILLIBERAL ART STUDENT SET TO DESTROY THE INTERWEBZ!
  14. HTML5 was supposed to fix this by Anonymous Coward · · Score: 0

    Why is it even possible to "bug or crash" an opponent who chose a different browser than you?! Because browser makers still implement the "standard" differently and don't render content identically. This game doesn't teach HTML5, it simply exposes and propagates one of the oldest and most annoying of HTML's long list of weaknesses.

    1. Re:HTML5 was supposed to fix this by NSash · · Score: 1

      Because browser makers... don't render content identically.

      Which should be perfectly okay.

  15. Got to DOWNLOAD! by Anonymous Coward · · Score: 0

    A game that you need to download. Why not written in HTML5 you play on line.