EDT 603 Programming web-based educational media, Summer 2023

<!DOCTYPE html>
      Anyone who has lost track of time when
      using a computer knows the propensity
      to dream, the urge to make dreams come
      true and the tendency to miss
      <strong>Tim Berners-Lee,</strong>
      <em>inventor of the world wide web</em>

Description: In this course students learn techniques of web programming to develop interactive, educational media. Using the Javascript (React) programming language and related web development technologies (HTML5, CSS, SVG) for interactive front-end programming, and Python (Flask) for backend server design, students gain practice in the programming and design of interactive software.

Key words: computer science, web development, mobile web, interaction design, html, html5, css, javascript, OOP, mobile first, React, python, Flask, REST

Course website: https://canvas.instructure.com/courses/1519530

Course Communications

Participants in this course must actively participate in our suite of online communications tools, including Slack (https://auedtech.slack.com), Adelphi email, and the course website.

You must check your Adelphi email and the #code channel on Slack regularly. It is highly recommended that you install the Slack mobile client and an email client on your mobile phone so that you receive “push notifications” of course announcements. You must install the Slack desktop client to facilitate sharing code and screenshots from your development environment.

The best place to post general course questions and any content-related questions is the #code Slack channel. The instructor as well as other students and alums monitor this channel and often provide immediate support.

You are encouraged to contact the instructor at any time via email () or direct message on Slack to @mxc.

Goals and Objectives

This course builds on CSC 602 to move beyond basic programming concepts; students will gain expertise in building more complex computer programs, over several iterations. At the end of the course, students will be able to design educationally sound web-based learning media, solve moderately complex problems using object oriented and functional programming paradigms, and collaborate on team programming projects. This course focuses on the design of multi-tier, networked software applications.

Specific teaching and learning goals include:

  • designing web-based interactions and multimedia to support learning
  • coding effective user interfaces for learning
  • implementing Universal Design goals for accessible web sites
  • identifying effective methods for teaching more advanced programming concepts and web design skills

Specific software development goals include:

  • modeling real world problems with software
  • iterative software development
  • testing and debugging
  • Object oriented programming concepts:
    • Abstraction
    • Encapsulation
    • Objects & Classes
    • Composition
    • Inheritance
    • Polymorphism

Online Documentation

Javascript & HTML

Required Software and Accounts

Software Project Evaluation Rubric

You will use this rubric to evaluate your work and progress in the class.

  1. React/Javascript
    • poor: the code runs with errors, is incomplete, or a very close copy of the example project
    • satisfactory: code is organized into functions and uses parameters, code is well organized and well styled, can be improved by writing more general/reusable functions and parameters, being more flexible, or using Javascript idioms efficiently and correctly
    • excellent: code is well thought out and reusable functions create core parts of the site, functions are organized so that changes and new features can be easily implemented, code meets our style guides and clear/accurate names are given to all identifiers (variables, functions). It is clear that the program goes beyond the example project.
  2. Data modeling
    • poor: most content is hard-coded in the Javascript code, model is an exact copy of example, and/or model does not support the goals of the site
    • satisfactory: data model supports the goals of the specific site, but may not be flexible enough for a different presentation or to handle new data
    • excellent: data model supports the site, and can support other uses without modification to the model, new content can be easily accommodated
  3. HTML
    • poor: content is presented with little structure, or different HTML tags would better describe the content
    • satisfactory: there is a good fit between the tags used and the data they contain
    • excellent: there is a good fit between the tags used and the data they contain and the code correctly and appropriately uses tags that were not part of the example code
  4. CSS
    • poor: little or no styles, styles are defined that are not used or do not take effect because of errors
    • satisfactory: code demonstrates understanding of box-model, color, typography, and/or images
    • excellent: advanced layout are used to interesting effect (flex, grids, etc), code exceeds example projects
  5. User Experience
    • poor: site is hard to read, understand, and use; labels and text are not well edited, items are not clearly organized, essential information is missing, and/or the design significantly impedes the usability of the site
    • satisfactory: site is easy to use and information is well organized, presentation is clear and clean
    • excellent: code, layout, and css combine to create an interesting effect, site has a high quality, professional feel
  6. Risk Taking
    • poor: the project narrowly adapts worked examples and sample code; no evidence of attempts to incorporate ideas not strictly covered in class
    • satisfactory: the project attempts either a novel idea or to integrate sophisticated programming approaches beyond what is covered in class; it’s evident that student is able to read technical documentation and adapt ideas for new purposes. some aspects of the program may not be fully functional or integrated with the rest of the program.
    • excellent: incorporates novel ideas and techniques, as in “satisfactory,” but demonstrates a high level of success with the code and integration.

Books and online resources

Documentation & Reference websites


Python, PANDAS, and Data science Tutorials

Javascript, HTML, and CSS

Design, accessibility, UX

Online Tools

Media Resources

University Policies and Resources

Student Access Office and Disability Accommodation

If you have a disability that may significantly impact your ability to carry out assigned coursework, please contact the Student Access Office (SAO) at 516-877-3806 or send an email to sao@adelphi.edu. The staff will review your concerns and determine, with you, appropriate and necessary accommodations.

Please note that reasonable accommodations are also available for courses conducted through an online learning format. Due to the nature of online courses, some accommodations approved for in-person classes may not apply. Please allow for a reasonable time frame for requesting ASL Interpreters or Transcription Services.

Student Counseling Center (SCC)

The Student Counseling Center (SCC) provides confidential and professional virtual mental health counseling services, resources, and referrals to support the academic and personal success, health, and well-being of Adelphi students without additional charge. Especially with the additional stress resulting from the Covid-19 pandemic, students are encouraged to seek support from the SCC when needed. Counselors are available to help students cope with a variety of stressors and personal issues that may interfere with their academic and personal experiences. The Center also supports students who may be feeling suicidal or in crisis. To schedule an appointment, please call (516) 877-3646, email scc@adelphi.edu. If you need immediate assistance, walk-in services are available during the fall and spring semesters Monday-Friday 9am-5:00pm. Additional information can also be found by visiting https://scc.adelphi.edu.

Need support when the SCC is not available? For 24/7 emergency counseling, referral, or assistance, please contact:
Long Island Crisis Center (516) 679-1111
National Suicide Prevention Lifeline (800) 273-TALK (8255)
Crisis Text Line: Text PAWS to 741741
Adelphi Office of Public Safety:
Off campus: (516) 877-3511
On campus: Extension 5 on any campus phone
911 (for immediate health-related emergency)

The Center for Academic Support and Enrichment (CASE; formerly The Learning and Writing Centers)

CASE programs and services--like individual tutoring in writing and subjects across the curriculum, small group study sessions, academic coaching, and targeted workshops--help students explore, deepen, and extend their classroom learning. Support programming focuses on establishing foundational skills and techniques of studentship, like time management and note-taking. Enrichment services develop higher-order critical thinking skills and problem solving skills inherent in both abstractions and applications of curricular study.

Contact us as CASE@adelphi.edu (or Learningcenter@adelphi.edu), at ext. 3200, or via our eCampus tab, to review our full slate of real-time (in person and remote) and asynchronous services. These are included in your tuition so you've already bought them! Don't miss out on the opportunity to supercharge your college experience! Many services require reservations, especially late in the semester. Reserve a spot on our scheduling portal, and/or join the self-directed virtual CASE LAB. Get on the CASE, and take your Adelphi experience to the next level.

The Adelphi Honor Code

The University is an academic community devoted to the pursuit of knowledge. Fundamental to this pursuit is academic integrity. In joining the Adelphi community I accept the University’s Statement of Academic Integrity and pledge to uphold the principles of honesty and civility embodied in it. I will conduct myself in accordance with ideals of truth and honesty and I will forthrightly oppose actions which would violate these ideals.

Code of Academic Honesty

The Code of Academic Honesty prohibits behavior that can broadly be described as lying, cheating, or stealing. Violations of the Code of Academic Honesty will include, but not be limited to, the following:

  1. Fabricating data or citations
  2. Collaborating in areas not approved by the professor
  3. Unauthorized multiple submission of one’s own work
  4. Sabotage of others’ work, including library vandalism or manipulation
  5. Plagiarism
  6. The creation of unfair advantage
  7. The facilitation of dishonesty
  8. Tampering with or falsifying records
  9. Cheating
  10. Other forms of academic dishonesty

Copying and pasting from any source into your assignments or exams without quotation marks, citations and references, constitutes plagiarism. Students are expected to produce and submit original work and to cite all sources appropriately. Unauthorized collaboration on any work, or the presentation of someone else’s work as your own, is plagiarism. Content generated by an Artificial Intelligence third-party service or site (AI- generated content, e.g. ChatGPT) without attribution or authorization is also a form of plagiarism. Unless explicitly stated, artificial intelligence-based technologies, such as ChatGPT or word mixing software, cannot be used to generate responses (partial or otherwise) for student assignments or exams.

If you are unsure about what plagiarism or another form of academic dishonesty are, please reach out to me to discuss it as soon as possible. An allegation of an academic integrity violation of this section may be referred for further review and could result in disciplinary action. https://www.adelphi.edu/conduct/academic-dishonesty.

Diversity statement

We value human dignity and diversity in all forms, embrace our differences, and honor all voices. We understand the collective power inherent in fully inclusive communities where each may meet their full potential to contribute.

Student Course Evaluations

During the last two weeks of the class, you will receive notification, via email and eCampus, that the course evaluation is available for your input electronically. Your feedback is valuable and students are strongly encouraged to respond. Please be assured that your responses are anonymous and the results will not be available to the instructor until after course grades have been submitted after the semester ends.

Religious observance policy

Adelphi University welcomes diversity in its community, and respects various religious observances. Students who anticipate being absent, due to their religious observance, are required by Adelphi University to notify their professors at the start of the semester. This will allow the faculty to take these observances into consideration in light of their course exam and assignment schedules. Students absent from class, clinical experiences, practice, labs, etc. on those days, after prior notice to the professor, will not be penalized for any exam or assignment deadline missed because of those absences. Students must contact the instructor to work out suitable arrangements for make-ups or other satisfaction of academic requirements. adelphi university
Creative Commons License
Programming web-based educational media was created by: This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
Based on a work at https://github.com/mcuringa/adelphi-ed-tech-courses.

Last modified: Tuesday, 29. August 2023 02:19PM