EDTECH 502: The Internet for Educators

Instructor Information

Patrick LowenthalPatrick R. Lowenthal, Ph.D.
Office Hours: by appointment
Phone: (208) 426-2416
E-mail: patricklowenthal@boisestate.edu*
Web: http://www.patricklowenthal.com
Twitter: http://twitter.com/plowenthal
Adobe Connect: http://edtech.adobeconnect.com/patricklowenthal/

*Email is the best way to reach me. If I haven't responded within 48 hours, please email me again. Contact me in other ways as needed.

Course Description

Locate, retrieve, and evaluate information found on the Internet. Design and produce instructional web pages using a combination of software and HTML5/XHTML/CSS.  Apply appropriate instructional strategies and models to the design of digital curriculum. 

Course Outcomes

After completing this course the student will be able to:

Course Location and Login Information

This is an online course delivered in Moodle. The Moodle login page explains how to login to Moodle. Contact Moodle Support at moodlesupport@boisestate.edu if you have problems accessing MoodleIf you have forgotten your password, click the link below the login box, "lost password?" and you will be able to reset it. When you login Moodle look for a link to EDTECH 502-4201: Internet for Educators (FA14).

Course Materials

Required Textbook

Non Designers Web Book Cover The Non-Designer's Web Book: An Easy Guide to Creating, Designing, and Posting Your Own Web Site (3rd ed.)
Authors: Robin Williams & John Tollett
Date: 2006
Publisher: Peachpit Press
ISBN-10: 0321303377


Two places to purchase the textbook: Boise State University Bookstore or Amazon.
Required Video Tutorials

Atomic LearningWe will use a series of instructional videos provided by Atomic Learning. You will access these videos free of charge by logging into http://my.boisestate.edu and then going to http://www.atomiclearning.com or you can login directly at https://secure2.atomiclearning.com/sso/shibboleth/boisestate.

 

Required eBooks

We will use the following eBooks. These books are accessed through the Boise State library. You have to login with your my.BoiseState credentials to access them. [Note: You can download these books from a tablet and read them on your tablet for short durations if you prefer (e.g., if you use Safari on an iPad and have the free Bluefire Reader app, you can download and read these books for 10 days at a time); but you have to re-check them out every 10 days.]


HTML & CSSHTML & CSS: Design and build websites
Jon Duckett
http://boisestate.worldcat.org/oclc/796829490

 


Dreamweaver CS6Adobe Dreamweaver CS6: Digital Classroom
Jeremy Olsborn, AGI Creative Team
http://boisestate.worldcat.org/oclc/823387750

 

 

Dreamweaver CCAdobe Dreamweaver CC: Digital Classroom
Michael Arguin, Greg Heald, AGI Creative Team
http://boisestate.worldcat.org/oclc/861559495

 

 

Required Software
CS6

 Adobe Creative Cloud

We use Dreamweaver (either CS6 or CC) and Fireworks CS6 in this course.  When you purchase Adobe Creative Cloud (also called Adobe CC), you will have access to Dreamweaver CS6, Dreamweaver CC, and Fireworks CS6, as well as a number of other Adobe Applications. Adobe CC is a subscription service. With Adobe Creative Cloud, you either pay each month (or for an entire year at a time) to have access to their main suite of applications which you can download and install on two different computers.

[Note: Adobe CC is the new cloud-based subscription model Adobe uses. You might still be able to find a copy of Adobe CS6 Design and Web Premium Suite (which includes Dreamweaver CS6 and Fireworks CS6) but the price continues to go up as Adobe phases out this software and moves users to Adobe CC.]

Additional Software

Students also need the following: anti-virus software, Adobe Reader, Flash player, QuickTime player, Fangs Screen Reader Emulator (Firefox add on), and an HTML5 Compliant Browser (i.e., the newest version of Firefox, Chrome, Safari or Internet Explorer).

Additional Technical Requirements

Internet Connection and FTP Capability

You need an up-to-date computer with an Internet connection in this course. You will create a series of web pages over the semester and FTP files to a web server at Boise State University.* If you plan to work from a school or business location, it may be necessary to request help from your network administrator because FTP is sometimes blocked.
*You can use your own web host if you prefer.


Alternative Web Space

The EdTech department provides web space for current students on the edtech2 server. However, sometimes things go wrong with the edtech2 server or students are unable to FTP to it (e.g., students living out of the country). Be prepared to obtain alternative web space if you are unable to connect to the edtech2 server. You may already have web space from your Internet Service Provider. Free or inexpensive web hosting is also easy to find.

Assignment Policy and Grading Scale

Assignment Information

Detailed information about each assignment is posted in Moodle. Assignments are always due on Tuesdays. Check Moodle and your Boise State email regularly each week; announcements and course updates can be posted at any time.

  Assignments Points
1 Scavenger Hunt (Module 1) 10
2 Bio & Introduction (Module 1) 15
3 Plain HTML 502 page (Module 2) 50
4 External CSS page for 502 page (Module 3) 50
5 Netiquette (Module 4) 75
6 Web Accessibility Hot Links (Module 5) 75
7 Copyright Scavenger Hunt (Module 6) 75
8 Interactive Concept Map (Module 7) 75
9 Jigsaw Activity (Module 8) 75
10 m-Learning Activity (mobile learning) (Module 9) 75
11 EdTech Homepage (default.html) (Module 10) 75
12 Virtual Field Trip (Module 11) 150
13 WebQuest (Module 12) 150
14 Participation (Modules 1-12) 50
  Peer Support (extra credit)* (Modules 1-12) 50
  Code Academy Badges (extra credit)** 75
  Total Points 1000

*Earn up to 50 points extra credit for helping fellow classmates with technical & design problems. See Module 1 for more details.
**Earn 75 points extra credit by earning badges on Code Academy. See Moodle for more details.

Standards

The assignments in this course are aligned to the AECT standards

This table lists the assignments by number from the previous table and the associated standards
Assignment(s)

AECT Standards

5, 6, 7, 8, 9, 11,12, 13 1.1.2.b Create instructional plans that address the needs of all learners, including appropriate accommodations for learners with special needs.
9 1.1.2.c Integrate information literacy skills into classroom and media center instruction.
5, 6, 7, 8, 9, 11,12, 13 1.1.2.d Incorporate contemporary instructional technology processes in the development of interactive lessons that promote student learning.
3, 4, 5, 6, 7, 8, 9, 10, 11,12, 13 1.1.3.b Demonstrate personal skill development with at least one: computer authoring application, video tool, or electronic communication application.
4, 5, 6, 7, 8, 9, 11,12, 13 1.3.b  Identify at least one instructional model and demonstrate appropriate contextualized application within practice and field experiences.
4, 5, 6, 7, 8, 9, 11,12, 13 1.4.b  Describe and/or document specific learner characteristics which influence the selection of instructional strategies.
4, 5, 6, 7, 8, 9, 10,11,12, 13 2.3.2 Design, produce, and use digital information with computer-based technologies.
4, 5, 6, 7, 8, 9, 11,12, 13 2.4.1 Use authoring tools to create effective hypermedia/multimedia instructional materials or products.
4, 5, 6, 7, 8, 9, 11,12, 13 2.4.2 Develop and prepare instructional materials and products for various distance education delivery technologies.
4, 5, 6, 7, 8, 9, 11,12, 13 2.4.4 Use telecommunications tools ... to develop instructional and professional products.
3, 4, 5, 6, 7, 8, 9, 10, 11,12, 13 2.4.5 Develop effective web pages with appropriate links using various technological tools.
6 3.4.3 Identify and apply copyright and fair use guidelines within practice.
6 3.4.5 Identify policies & regulations which apply to the utilization, application, and integration of distance delivery technologies.

Final grades are based on the following scale.

Grade Points Required
A 940 - 1,000
A- 900 - 939
B+ 870 - 899
B 840 - 869
B- 800 - 839
C+ 770 - 799
C 740 - 769
C- 700 - 739
D 600 - 699
F 0 - 599

Submitting Assignments: Most of the assignments are web pages that are submitted by posting the URL to the web site in the discussion forums.

Asynchronous Discussions: This is not a discussion heavy course. Most of the discussions focus on giving each other feedback; in each module you will post your work online and be expected to give your peers constructive feedback. Asynchronous discussions are worth 5% of your grade. Your best 10 posts will be graded during the last module of the course.

Synchronous Discussions: We will meet four times this semester for Happy Hour in Adobe Connect. Happy Hour is a time to meet to talk about the course, problems you might be having, or anything else that is on your mind. These meetings are optional. I will record them and post the recording in Moodle. I will log off if nobody shows up during the first fifteen minutes.

Grading Cycle

All assignments are graded together as a group to maintain a higher level of consistency. Grading begins on the first day after a due date and is typically completed before the next due date. You may track your progress through Grades in Moodle. At the instructors discretion, you may be able to pick up some points lost on web page assignments by fixing any problems (within a week of the assignment being graded) and reposting the URL to the assignment in the course and emailing the instructor about the update.

Feedback

Feedback varies throughout the course. Some assignments simply get a grade if they are done correctly. Other assignments will get detailed feedback and at times include video feedback. I strive to give every student video feedback on his or her work at least once during a semester. Feedback is posted in the gradebook and sometimes in the discussion forums as well so that everyone can benefit from it.

Late Work

Due Dates: All assignment are due on Tuesdays. Assignments must be submitted by 11:59pm Mountain time on scheduled due dates.


Point Deduction for Late Work: Ten points may be deducted for each day an assignment is late. For example, an assignment that is two days late can lose 20 points as a late penalty.


Emergency Pass: If you have a major event such as a death in the family, illness, hospitalization, or you are out of town, you may turn in one assignment under the emergency pass. This assignment may be up to one week late and still qualify for full credit. After the one week extension has passed ten points per day can be deducted until the assignment is no longer worth any credit.


Your Responsibility with Late Work: If you are going to be late turning in an assignment for any reason, please e-mail the instructor at patricklowenthal@boisestate.edu on or before the scheduled due date. When the assignment is completed you must send a follow-up email to let the instructor know it is ready to grade. This is how the late work penalty is calculated. Failure to notify the instructor could lead to a grade of zero.


Avoid End of Course Late Work: Please note that there are University deadlines for submitting grades at the end of the semester. All work must be turned in at least a week before grades must be posted.

Technical Difficulties

On occasion, you may experience problems accessing Moodle or class files located within Moodle, Internet service connection problems, and/or other computer related problems. Make the instructor aware if a technical problem prevents you from completing coursework. If a problem occurs on our end, such as Moodle or EDTECH2 server failure, then an automatic due date extension is granted.

Reasonable Accommodations

Contact me privately if you may need accommodations based on a disability. You will also need to contact the Disability Resource Center at 208-426-1583 to talk with a specialist and coordinate reasonable accommodations for any documented disability.

Academic Honesty

Students are expected to create original work for each assignment. Students must follow the Boise State Student Code of Conduct as well as observe U.S. copyright laws in this course.

Please adhere to the following guidelines:

In the event of academic dishonesty, a complaint is filed with the Boise State Student Conduct Office with supporting documentation. This complaint remains on file and actions may be taken against the student (e.g., loss or credit, grade reduction, expulsion, etc.).

Course Schedule

Detailed information about assignments is posted in Moodle. The instructor reserves the right to make changes to the schedule as needed. Readings and videos have been identified for each module to help you learn the key concepts to successfully complete each assignment. Some of the readings are chapters in ebooks provided through the library, others come from the textbook in the course, and others are simply electronic articles or web pages. We created some videos for this course; other videos were found on the web and others videos are provided by Atomic Learning. Depending on the version of Dreamweaver you are using though, you might have to find other videos to support learning certain concepts. Keep in mind though that the goal of this course is not to teach you how to use a specific version of Dreamweaver but rather for you to learn the necessary skills that would enable you to use any HTML editor. Adobe updates their products regularly so as an EdTech professional you need to be able to move from one version of Dreamweaver to the next as needed.

Important!

Students are expected to spend 9-12 hours (18-24 hours during the summer) each week on each EdTech course. However, some students spend more time than others learning HTML / CSS / Dreamweaver. For each module, there are various readings and videos to help you complete each project. Some students like to watch many (if not all of) the videos and complete all of the readings; others focus more on the videos and less on the reading. And yet, a small group of students often chose not to use any of the resources and just dive into the software. You have to determine the best way you learn software.

Estimated times for each video are listed to help you plan your weeks accordingly. We recommend completing any reading and videos at the beginning of each module in order to give you enough time to complete each assignment (as well as enough time for any troubleshooting).

Major Assignments

Readings & Videos

Module 1: Introduction to the Course (8/25 - 8/31)

  • Scavenger Hunt

  • Bio and Introductions

Module 2: Getting Started with Dreamweaver and HTML (9/1 - 9/7)

  • Create plain 502.html page

  • Possible discussions

Reading

HTML and CSS by Duckett
Ch. 1: Structure
Ch. 2: Text

Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 1: Dreamweaver CS6 jumpstart
Lesson 2: Setting up a new site

Adobe Dreamweaver CC by Arguin et al.
Lesson 1: Dreamweaver CC Jumpstart
Lesson 2: Setting Up a New Site

Videos

Atomic Learning: HTML5 & CSS3 - Basics Training (17 min)

  • B. HTML5 Overview (5 videos)

Atomic Learning: Dreamweaver CS6: Intro Training (PC) or Intro Training (Mac) (50 min)

  • A. Workspace Basics and Viewing (12 videos)

  • B. Setting up a Site (8 videos)

  • C. Working with Text and Paragraphs (10 videos)

Atomic Learning: Dreamweaver CS6 - Building a Simple Web Site Training (8 min)

  • B. Building Your Site (6 videos)

Module 3: Getting Started with CSS in Dreamweaver (9/8 - 9/14)
  • Create an external CSS style sheet for 502.html page

  • Happy hour & possible discussions

Reading

HTML and CSS by Duckett
Ch. 3: Lists
Ch. 8: Extra Markup
Ch. 10: Introducing CSS

Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 4: Styling your pages with CSS
Lesson 12: Working with code-editing features

Adobe Dreamweaver CC by Arguin et al.
Lesson 4: Styling your pages with CSS
Lesson 13: Working with code-editing features

Videos

Atomic Learning: HTML5 & CSS3 - Basics Training (27 min)

  • C. HTML Text and Page Formatting (10 videos)

  • D. Page layout Tags (7 videos)

  • G. Creating CSS Style Rules (8 videos)

  • H. Basic formatting and cascading order (11 videos)

Atomic Learning: Dreamweaver CS6: Intro Training for a PC or Intro Training for a Mac (50 min)

  • F. CSS (10 videos)

Atomic Learning: Dreamweaver Creative Cloud - What's New? Training (27 min)

  • A. CSS Designer (8 videos)

Module 4: Typography on the Web (9/15 - 9/21)
  • Create netiquette page

  • Possible discussions

Reading

HTML and CSS by Duckett
Ch. 11: Color
Ch 12: Text

Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 5: Creating page layouts with CSS
Lesson 6: Advanced page layout
Lesson 7: CSS3 transitions and web fonts

Adobe Dreamweaver CC by Arguin et al.
Lesson 5: Creating page layouts with CSS
Lesson 8: Using web fonts

Non-Designer's Web Book by Williams
Pages 245 - 255

Videos

Atomic Learning: HTML5 & CSS3 - Basics Training (40 min)

  • I. Page layout using CSS

  • J. New CSS3 Rules

Atomic Learning: CS6: Intro Training for a PC or Intro Training for a Mac (17 min)

  • C. Working with Text and Paragraphs

Module 5: Accessibility on the Web (9/22 - 9/28)
  • Create accessibility hot links page

  • Happy hour & possible discussions

Reading

HTML and CSS by Duckett
Ch. 4: Links

Videos (43 min)

Module 6: Copyright and Fair Use (9/29 - 10/5)
  • Create copyright scavenger hunt

  • Possible discussions

Reading

no recommended reading

Videos

Atomic Learning: Fireworks CS6 - Intro Training for a PC or Intro Training for a Mac (101 min)

  • A. Basic Techniques & Tools (11 videos)

  • B. Working with Images (13 videos)

  • C. Vector Objects & Text (16 videos)

Module 7: Images for Web Pages (10/6 - 10/12)
  • Create interactive concept map

  • Happy hour & possible discussions

Reading

HTML and CSS by Duckett
Ch. 5: Images
Ch. 16: Images

Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 3: Adding text and images

Adobe Dreamweaver CC by Arguin et al.
Lesson 6: Advanced page layout

Non-Designer's Web Book by Williams
Pages 167 - 198

Videos

Atomic Learning: Dreamweaver CS6: Intro Training for a PC or Intro Training for a Mac (22 min)

  • D. Working with Images (12 videos)

Atomic Learning: Fireworks CS6 - Intro Training for a PC or Intro Training for a Mac (71 min)

  • D. Live Filters (7 videos)

  • E. Layers & Masks (10 videos)

  • F. Slices, Rollovers & Pop-up Menus (12 videos)

Module 8: Creating Tables for Web Pages (10/13 - 10/19)
  • Develop Jigsaw activity

  • Possible discussions

Reading

HTML and CSS by Duckett
Ch. 6: Tables
Ch. 14: Lists, Tables & Forms

Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 8: Working with tables

Adobe Dreamweaver CC by Arguin et al.
Lesson 9: Working with Tables

Non-Designer's Web Book by Williams
Pages 113 - 135 & 155 - 167

Videos

Atomic Learning: HTML5 & CSS3 - Basics Training (8 min)

  • H. Basic Formatting and Cascading Order (Videos 8 & 9)

Atomic Learning: Dreamweaver CS6: Intro Training for a PC or Intro Training for a Mac (14 min)

  • D. Page Layout Tags (Videos 2-4)

Module 9: Web Pages for Mobile Devices (10/20 - 10/26)
  • Create m-learning activity

  • Possible discussions

Reading

Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 15: Mobile design and layout

Adobe Dreamweaver CC by Arguin et al.
Lesson 16: Responsive design and layout for mobile devices

Videos

Atomic Learning: Dreamweaver CS6: Intro Training for a PC or Intro Training for a Mac (13 min)

  • E. Designing for a Mobile Platform (6 videos)

Atomic Learning: Dreamweaver Creative Cloud - What's New? Training (6 min)

  • C. Fluid Layouts (2 videos)

Module 10: Working with CSS Templates (10/27 - 11/2)
  • Create default.html page

  • Happy hour & possible discussions

Reading

HTML and CSS by Duckett
Ch. 13: Boxes
Ch. 15: Layout
Ch. 17: HTML5 layout

Adobe Dreamweaver CC by Arguin et al.
Lesson 12: Maximizing site design

Videos

Module 11 (Weeks 11 - 12): Virtual Field Trip (11/3 - 11/16)
  • Create virtual field trip

  • Possible discussions

Reading

Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 10: Adding Flash, video, and sound content

Adobe Dreamweaver CC by Arguin et al.
Lesson 11: Adding video, audio, and interactivity

Non-Designer's Web Book by Williams
Pages 142 - 152

Videos

Misc. Videos (26 min)

Atomic Learning: HTML5 & CSS3 - Basics Training (11 min)

  • F. Adding JavaScript, Media Elements and the Canvas Tag (Videos 2-5)

Atomic Learning: Dreamweaver Creative Cloud - What's New? Training (9 min)

  • E. Working with HTML 5 (3 videos)

Module 12 (Weeks 14 - 15): WebQuest (11/17 - 12/7) [Thanksgiving break falls in the middle of Module 12]
  • Create WebQuest

  • Possible discussions

Reading

HTML and CSS by Duckett
Ch. 18: Process & Design

Adobe Dreamweaver CC by Arguin et al.
Lesson 7: CSS3 transitions and styles

Non-Designer's Web Book by Williams
Pages 263 - 289

Videos

End of Course - Week 16 (12/8 - 12/12)
  • Last day to submit discussion posts and final assignments is December 12th

Refer to the Boise State Academic Calendar for University dates and deadlines (e.g., the last day to drop).

Conceptual Framework

College of Education - The Professional Educator: Boise State University strives to develop knowledgeable educators who integrate complex roles and dispositions in the service of diverse communities of learners. Believing that all children, adolescents, and adults can learn, educators dedicate themselves to supporting that learning. Using effective approaches that promote high levels of student achievement, educators create environments that prepare learners to be citizens who contribute to a complex world. Educators serve learners as reflective practitioners, scholars and artists, problem solvers, and partners.

Department of Educational Technology Mission

The Department of Educational Technology supports the study and practice of facilitating and improving learning of a diverse population by creating, using, managing, and evaluating appropriate technological processes and resources. Believing technology is a tool that enhances and expands the educational environment, we promote the use of current and emergent technologies for teaching and learning in a dynamic global society. Educational technologists are leaders and innovators, serving in institutions of higher education, public or private school settings, federal, state, or local educational agencies, and educational organizations in the private sector.