SlideShare ist ein Scribd-Unternehmen logo
1 von 9
CS Circles: Learning
Python in a Browser
  Graeme Kemkes and
    David Pritchard

  Center for Education in Mathematics
          & Computing (CEMC),
        University of Waterloo
Computer Science Circles
                   Overview
• Website for learning programming
• Mixed text, examples, exercises
  – Auto-grading of exercises
  – Feedback in-place (ajax)
  – Procedural generation
• Math is a source of problems
  – In a good way
  – Geometry, arithmetic, primes
Goals
                 Everyone can program
                       / think algorithmically
Aid enrichment in high schools
Robust self-learning for university students/adults
Experience should be:
• fun, hassle-free
• Engaging/interactive
• Effective
An Empty Niche
Great existing services:
• TopCoder & contests, for strong programmers
• Khan Academy: videos, math exercises
Need better services for beginners, ideally with
• no software installation => happy admins
• no back-and-forth between textbook and IDE
• interactive engagement, exercises for mastery
Demo
• 25 lessons, each w/ text and exercises
    – Examples, hints, diagrams
• auto-grading (in a sandbox on our server)
    – 1 second time limit (not focusing on speed)
•   saves progress
•   “code scrambles:” drag lines to the right order
•   multiple choice, short answer
•   procedural generation of test cases
Under The Hood


   WordPress
    Lessons,
    Exercises
   in Markup

 Python Sandbox

Wordpress Plugins

    (php, C)         (javaScript, jQuery)
CS Circles: Do and Don’t
CS Circles becomes much more powerful used in
  conjunction with an expert mentor/teacher
• saves time grading, but can’t look at code and
  tell student when their code is badly written
• we don’t try to check for plagiarism
  – in fact some exercises can be answered if the
    student carefully reads the .html source
• person-on-person help is better for debugging
Future Directions
• “I’m stuck!” button
  – sends an email to their teacher
  – includes the current code
• Open-sourcing
  – smooth out the markup language
• Teach JavaScript
• Easier, harder versions; additional exercises
Thanks for Listening!

Weitere ähnliche Inhalte

Andere mochten auch

Jesus the Christ in ENGLISH
Jesus the Christ in ENGLISHJesus the Christ in ENGLISH
Jesus the Christ in ENGLISHdearl1
 
5L Olivia Civilization
5L Olivia Civilization5L Olivia Civilization
5L Olivia CivilizationgsbSS
 
5M Max Civilization
5M Max Civilization5M Max Civilization
5M Max CivilizationgsbSS
 
Presentazione con office
Presentazione con officePresentazione con office
Presentazione con officelucagipsy
 
203385325 o-net-52-ปีการศึกษา-2551
203385325 o-net-52-ปีการศึกษา-2551203385325 o-net-52-ปีการศึกษา-2551
203385325 o-net-52-ปีการศึกษา-2551apichaya413
 
Claire5MCivilization
Claire5MCivilizationClaire5MCivilization
Claire5MCivilizationgsbSS
 
United states doc
United states docUnited states doc
United states docgsbSS
 
день народного единства
день народного единствадень народного единства
день народного единстваkillaruns
 
แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32apichaya413
 
Focus group summary of finished product
Focus group summary of finished productFocus group summary of finished product
Focus group summary of finished productSaraMcgranaghan
 

Andere mochten auch (14)

Jesus the Christ in ENGLISH
Jesus the Christ in ENGLISHJesus the Christ in ENGLISH
Jesus the Christ in ENGLISH
 
5L Olivia Civilization
5L Olivia Civilization5L Olivia Civilization
5L Olivia Civilization
 
5M Max Civilization
5M Max Civilization5M Max Civilization
5M Max Civilization
 
Curri
CurriCurri
Curri
 
Presentazione con office
Presentazione con officePresentazione con office
Presentazione con office
 
Ebook
EbookEbook
Ebook
 
203385325 o-net-52-ปีการศึกษา-2551
203385325 o-net-52-ปีการศึกษา-2551203385325 o-net-52-ปีการศึกษา-2551
203385325 o-net-52-ปีการศึกษา-2551
 
Ahmett
AhmettAhmett
Ahmett
 
Claire5MCivilization
Claire5MCivilizationClaire5MCivilization
Claire5MCivilization
 
United states doc
United states docUnited states doc
United states doc
 
день народного единства
день народного единствадень народного единства
день народного единства
 
แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32แบบสำรวจตัวเอง 32
แบบสำรวจตัวเอง 32
 
1 intro
1 intro1 intro
1 intro
 
Focus group summary of finished product
Focus group summary of finished productFocus group summary of finished product
Focus group summary of finished product
 

Kürzlich hochgeladen

Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxMaryGraceBautista27
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxCarlos105
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Jisc
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYKayeClaireEstoconing
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
Judging the Relevance and worth of ideas part 2.pptx
Judging the Relevance  and worth of ideas part 2.pptxJudging the Relevance  and worth of ideas part 2.pptx
Judging the Relevance and worth of ideas part 2.pptxSherlyMaeNeri
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designMIPLM
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxChelloAnnAsuncion2
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfSpandanaRallapalli
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxAnupkumar Sharma
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSJoshuaGantuangco2
 

Kürzlich hochgeladen (20)

Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
Science 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptxScience 7 Quarter 4 Module 2: Natural Resources.pptx
Science 7 Quarter 4 Module 2: Natural Resources.pptx
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptxBarangay Council for the Protection of Children (BCPC) Orientation.pptx
Barangay Council for the Protection of Children (BCPC) Orientation.pptx
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
 
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITYISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
ISYU TUNGKOL SA SEKSWLADIDA (ISSUE ABOUT SEXUALITY
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
Judging the Relevance and worth of ideas part 2.pptx
Judging the Relevance  and worth of ideas part 2.pptxJudging the Relevance  and worth of ideas part 2.pptx
Judging the Relevance and worth of ideas part 2.pptx
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdf
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
 

CS Circles: Learning Python in One Browser Window

  • 1. CS Circles: Learning Python in a Browser Graeme Kemkes and David Pritchard Center for Education in Mathematics & Computing (CEMC), University of Waterloo
  • 2. Computer Science Circles Overview • Website for learning programming • Mixed text, examples, exercises – Auto-grading of exercises – Feedback in-place (ajax) – Procedural generation • Math is a source of problems – In a good way – Geometry, arithmetic, primes
  • 3. Goals Everyone can program / think algorithmically Aid enrichment in high schools Robust self-learning for university students/adults Experience should be: • fun, hassle-free • Engaging/interactive • Effective
  • 4. An Empty Niche Great existing services: • TopCoder & contests, for strong programmers • Khan Academy: videos, math exercises Need better services for beginners, ideally with • no software installation => happy admins • no back-and-forth between textbook and IDE • interactive engagement, exercises for mastery
  • 5. Demo • 25 lessons, each w/ text and exercises – Examples, hints, diagrams • auto-grading (in a sandbox on our server) – 1 second time limit (not focusing on speed) • saves progress • “code scrambles:” drag lines to the right order • multiple choice, short answer • procedural generation of test cases
  • 6. Under The Hood WordPress Lessons, Exercises in Markup Python Sandbox Wordpress Plugins (php, C) (javaScript, jQuery)
  • 7. CS Circles: Do and Don’t CS Circles becomes much more powerful used in conjunction with an expert mentor/teacher • saves time grading, but can’t look at code and tell student when their code is badly written • we don’t try to check for plagiarism – in fact some exercises can be answered if the student carefully reads the .html source • person-on-person help is better for debugging
  • 8. Future Directions • “I’m stuck!” button – sends an email to their teacher – includes the current code • Open-sourcing – smooth out the markup language • Teach JavaScript • Easier, harder versions; additional exercises