HTML5 Programming Class

My brother(Larry) and I created and taught a 6th grade early morning programming class once a week from January to the end of April. The class was at Brookwood Elementary’s computer lab. He did the administrative work and I prepared and taught the class.  The students were very smart. We were amazed that we have full attendance almost every session at 7 am.  We used lessons from code.org, but most were too easy for them, most of which were visual programming.  I then created lesson plans for the students to code using javascript / html5.  We created simple “choose your own adventures” and a knock off of Flappy birds called Flappy ball.  We used jsbin.com as our editor. This allow the students to take their work home with them with out even loging in. jsbin.com lets you branch of any other project and in the case of this class they branched off the lessons.  This also allow them to learn a real language, quickly produce results, and show off their work to their peers with a simple url. We also used www.khanacademy.org.

We plan on teaching the class again next year. We are in the process of getting a larger computer lab, or multiple labs, set up at the middle school.

 

6th grad Programming Class

WP_000023

WP_000054

http://jsbin.com/brookwoodLessons

Brookwood Lessons

UserGroup Presentation: HTML5 Apps / Windows phone monetization

My PADNUG .net usergroup presentation: App marketing and cross-platform dev. With Revenue, downloads, retention data

“Making Money with Apps in Your Spare Time” Tips & tricks for generating profit-building apps for WP8/Win8. Jimmy will review what worked and what didn’t for him. He’ll display analytical data to support his findings and demo cross-platform efforts using HTML5 running at 60fps!

200+ attendees with very positive feed back.

Slides: http://t.co/MVecGOPll9

Video: http://youtu.be/PdX__Vej9-U

unnamed

 

Speedcrossplatfrom

games/PDXPresentation/SpeedPhoneAndWin8.swf

 

Frog log in html5 working on 10 different devices using XDK

FroglogCrossplatform

 

 

Chess Club Tournament

The tournament software is a web based and mobile optimized solution needed for our growing tournaments. After volunteering to run the pairings and scoring for local grade school chess club tournaments, we ran into multiple bottlenecks. We tried different open source softwares and none could support larger groups than 50 without delaying the tournaments timeline even with multiple scorekeepers. I designed a web based solution designed for mobile and tables that allows multiple scorekeepers to enter scores at the same time. The software allows for quick corrections by coaches and exception without halting the full tournament. The parents could also see their children’s scores win real time. We have ran multiple tournaments with 200+ students all of which ended on time or a head of schedule all paperless and without cables. All registration, scorekeeping and pairing were done on mobile devices or tablets. Other tournament software were limit in the pairing algorithm. The new system took into account grade, school, previously played opponents, and ELO ranking. All the weights can be adjusted on the fly as seen fit by the coaches. Once pairing are created, the students start finding their next table, often even before we announce a new round.

WP_20130216_002 WP_20130216_015 WP_20130216_018http://chessclubtournament.com/

chessclubhome

chessclub2

chessclub3

 

Frog Log HTML5 working on 10 devices

FrogLog html5 Mobile Demo

  • Uses Canvas for all draw calls​
  • Uses “requestAnimationFrame“ for GPU accelerated draw loop.  Each scene has 10-80 moving objects.  Simple particle physics engine.​

Tested on:​

Andriod 2.3: 30 fps​

Andriod 4.0: 30-45 fps​

Andriod 4.1+: 60 fps​

Windows Phone 8: 60 fps​

Windows 8 Metro: 60 fps​

Iphone: 60 fps​

Kindle: 40-60fps (in default browers), 30 in android web view​

Video: https://onedrive.live.com/?cid=41fe8d0a6d5a33f7&id=41FE8D0A6D5A33F7%212655&v=3&sff=1

FroglogCrossplatform

Frog-Log – Grand Prize Winner (Mix10 10k Challenge)

Click here to Play

http://mix10k.visitmix.com/Uploads/169/App/index.html

For some reason these frogs forgot how to swim. Help the frogs stay on the log. There are 4 types of frogs and each behave differently. Drag the frogs and logs (or click) with precision to save our frogs.
Frog log was the Grand Prize Winner in the MIX10 10k coding challenge! The prize was ticket to the MIX10 conference(Web Design/Developer) in Las Vegas including hotel at Mandalay Bay Hotel and $1,000 visa card.

Frog-Log was entered in the the Mix 10k contest. There were over 80 entries. The size of the all the images and code and html are less then 10k in size. Frog-log was built in pure javascript and the new HTML 5 that many of the new browsers support. This also includes mobile devices such as the iPhone and HTC window mobile.

See Frog-Log Winning entry at http://mix10k.visitmix.com/Entry/Details/169

Frog log was featured on channel9 SilverlightTV http://channel9.msdn.com/shows/SilverlightTV/Silverlight-TV-9-MIX-10K-Challenge/

Frog log was featured on channel9 SilverlightTV video #2 http://channel9.msdn.com/posts/LauraFoy/MIX-10k-Winners–Judges/

Frog log has also been featured on  http://www.canvasdemos.com/2010/01/13/frog-log/ demonstrating the power of HTML5 to create html based games.

Comments found on other websites

I am not surprised at all that Frog Log won the hearts of my fellow judges and the Grand Prize. It’s a good idea that makes you smile when you first put your hand on it, packed with functionality and a great showcase of what you can do with a few lines of HTML5.

Interesting detail: the author won a second prize last year with a Silverlight application. This proves that a great developer is great independent of the technology he actually uses.
http://www.5pmserious.com/news-and-events/mix10-winners—my-top-list.aspx

Just a great little game, addictive and well thought out with some interesting gameplay. I would LOVE to see this developed further by the author… My only ding was that drag-n-drop failed in Firefox 3.5; clicking worked fine, though.
http://meyerweb.com/eric/thoughts/2010/02/24/mixmasters/