Oregon State Univerity, School of Electrical Engineering and Computer Science
About the Instructor
For 30+ years, I have designed print and online promotional materials for small and medium companies in the USA. For 15+ years, I have been selling my fine art paintings at exhibits on the West Coast. And for 12+ years, I've been teaching technology courses at OSU. Combining these activities keeps me whole!
Philosophy of Teaching/Learning
Challenging both sides of your brain (the creative side and the logical side)
will transform you into a well-rounded designer. Some of you are already that designer and
some of you don't know yet that you can become that person who creates
beauty out of code!
hearing Be a Listening Genius
play_for_workGoogle has this icon called Play for Work.
To me it represents the joy I feel when being creative with logical languages. I expect to transfer that joy to you!
How to create and promote a dynamic website using existing frameworks/libraries:
Designing, developing, publishing, maintaining, and marketing dynamic websites;
web security and privacy issues; emerging web technologies; running a website marketing campaign.
Prerequisite: CS 195 or basic HTML and CSS skills.
Two 1:50min lecture/demonstration/practice sessions per week (Tues/Thurs).
Extended office hours are provided in lieu of a separate lab.
assessmentMeasurable Student Learning Outcomes
Upon completion of this course, students will be able to:
Research Frameworks and Content Management Systems (CMS) to make informed decisions.
Plan and configure a CMS project which includes:
Secure user accounts
Custom user interfaces
Customized responsive theme
Research best practices in website security and new issues.
Employ and analyze Search Engine Marketing (SEM) techniques.
Prereq: CS 195 or comfortable experience with HTML and CSS.
Review the scoring criteria and other requirements before you submit your work. I will not rescore projects that did not meet guidelines.
Check your scores every few days.
Each lesson includes points for being complete and on time.
I will score your work as soon as possible after you submit it in Canvas, so you can continue working ahead. In some cases, you won’t want to work on the site until I’ve scored it. To view the comments left in the Gradebook, please do one of the following:
Click the week’s Module in Canvas.
Click the Score in the Grades area in Canvas.
If I left questions, or if you suspect a grading mistake, please copy all the notes from the Grades area into a Canvas Inbox message, along with a link to your site and your question, and I will review it. I don’t want to discuss grading issues in public but will rely in written communicates so that we both have a record of the exchange.
OSU’s definitions and guidelines for quarter credits
implies that for each hour in class, you’ll spend 2 hours outside of class. For this 4-credit course
that means a total of 12 hours per week (8 hours outside of class).
Be sure to Chat often to help save time!
The following is adapted from Dr. Susan Shaw, Oregon State University
Make a personal commitment to learning about, understanding, and supporting your peers.
Assume the best of others in the class and expect the best from them.
Acknowledge the impact of sexism, racism, ethnocentrism, classism, heterosexism, ageism, and ableism on the lives of class members.
Recognize and value the experiences, abilities, and knowledge each person brings to class. Value the diversity of the class.
Participate actively in the discussions, having completed the readings and thought about the issues.
Pay close attention to what your classmates write in their online comments. Ask clarifying questions, when appropriate. These questions are meant to probe and shed new light, not to minimize or devalue comments.
Think through and re-read your comments before you post them.
Never make derogatory comments toward another person in the class.
Do not make sexist, racist, homophobic, or victim-blaming comments at all.
Disagree with ideas, but do not make personal attacks.
Be open to be challenged or confronted on your ideas or prejudices.
Challenge others with the intent of facilitating growth. Do not demean or embarrass others.
Encourage others to develop and share their ideas.
Be willing to change.
In the first 3 weeks, you'll work on the design of a modern one-page site to refresh your skills in
The instructions will ensure your success as long as you stay engaged and try what you read.
During the remaining 7 weeks, you'll plan, design, and market a dynamic, database-driven framework/content management site.
Coding/writing lessons and Chats are due on Sunday evenings at 8:00pm.
Weekly quizzes on the readings are due before class at 10:00am on Thursdays.
Students who are ill or have unforeseen circumstances may take advantage of the grace period, which ends before class on Tuesday.
question_answerWeekly Quiz (80 points)
Weekly quizzes on the readings are due before class on Thursdays.
Use the quizzes to solidify what you read in the chapters.
Take the practice quizzes before taking the graded quizzes in Canvas.
Write all answers in complete sentences and in your own words to earn full points.
live_helpWeekly Tech Support Chat (10 points)
Earn one point per week/Assignment/Chapter.
You may ask a ridiculous number of questions!
Don’t have a question? Then provide a note about what you learned in the week's lessons.
The Chat function is provided inside Canvas.
Include the URL of your web page when asking for help.
buildWeekly Chapters with multiple Lessons (257 points)
Chapter 11 Front-end solutions: (29 points) Explore Frameworks and document them with HTML and CSS/JS responsive table and tabs techniques.
Chapter 12 Back-end solutions: CMS (15 points) Explore CMS options and add research to the previous document.
Chapter 13 Plan a Framework or CMS Project: (30 points) Create a plan that includes a list of goals, a user flow diagram using a nested list tree technique, audience demographic research using a responsive table, technical requirements, design ideas and Adobe Color Wheel, SEM/promotional ideas, and evaluation/analytics recommendations.
Chapter 14 Set Up a Hosted Server Account: (22 points) Use a security Case Study to understand security issues, set up a secure account, then set up Google Search Webmaster Tools.
Chapter 15 Install, configure and add content to the CMS: (34 points) Using the CMS/framework of your choice, based on the research you did.
Chapter 16 Design a responsive theme: (20 points) Create a child theme based on an existing starter theme (extensive use of IDs, classes, and prior CSS knowledge).
Chapter 17 Add Dynamic Functions, Monetize with Ecommerce: (26 points) Add and set up plugins based on your plan. Configure payment gateway and write high-quality SEO content with microdata.
Chapter 18 Promote the Site: (19 points) Using as many of the promotional SEM options noted in the lessons and your plan, including Google and Bing Search Console, Adwords, TOMA, Social Media, Banner ads, Networking, Feeds, Apps, Contests, and 2017 trends. Take advantage of hosting company offerings.
Chapter 19 Test, speed up, back up, and peer review sites: (37 points) Using a variety of tools such as PageSpeed Insights, SEO Quake, Cross-browser testing, Microdata tester, and plugins designed to fix problems.
Chapter 20 Report analytics and recommend improvements: (25 points)
Revise the Plan document to include new concepts as well as improved coding methods for each of the existing articles as well as new ones.
Details will be provided in Canvas.