log inhelp

 | 

  • If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • You already know Dokkio is an AI-powered assistant to organize & manage your digital files & messages. Very soon, Dokkio will support Outlook as well as One Drive. Check it out today!

View
 

User Interface Design (redirected from p3 User Interface Design)

Page history last edited by Kathy Van Vleet 5 years, 11 months ago

This class is independent study and you are expected to complete assignments as shown below.

 

http://www.characterthatcounts.org/hundredpluscharqualnew.html 

 

To print your CIW certificate:

  1. Navigate to the CIW Candidate Information Center at: https://i7lp.integral7.com/ciw and click on "I have a Score report". 
  2. Enter the exam info:
    1. Your name
    2. Registration ID
    3. Date
    4. SITE number: CIW950
  3. When the system authenticates the candidate, have them create a username and password.
  4. If prompted, use the new username and password to login.
  5. Have the candidate verify (or update) their information, and click the Submit button at the bottom of the page.
  6. Have the candidate click on "Candidate Agreement" in the right side menu. Have them indicate their acceptance of the terms at the bottom of the page. Certification is awarded automatically, once an exam has been passed, and the Agreement has been completed.
  7. Certificates can be generated immediately. Click on "Printable Documents" in the left side menu. This will bring up a list of the candidate's current certifications.
  8. Click on the "Print Now" link on the far right side. A popup will appear (enable this in your browser, if necessary), displaying your certificate. The candidate can print the certificate out, and/or save it as a PDF file. 

 

 

 

 

Course materials may be found at http://ciw.ucertify.com/

Section Key: K-DTKF-FX9X-6SXL

Ucertify Student manual 

http://ttsreader.com/ 

 

Gmetrix key: 85016-UID2017-40423

https://gmetrix.net/Login.aspx?ReturnUrl=%2Fstudent 

 

Date Session Name Assignment Name Due Date
4/30 - 5/11 Final Project  Begin Final Web Design Project   
4/25 Early Release Complete activities to this point with the tutorial files.  
4/24  

Dreamweaver Tutorials

  • Lay out and style web pages with CSS
  • Preview in browsers and on mobile devices
  • Publish and manage websites. 
  
4/23  

Dreamweaver Tutorials

  • Define a Site
  • Define page structure
  • Add content to your page 

 

  
4/19   

IPv6: What does it mean for web designers?

https://teamarin.net/get6/ipv6-facts/ 

  
    Final Project: Local business website upgrade  
    Not for Profit website  
2/26   Continue working on your not-for-profit website. DUE ON THURSDAY!  
2/15   Lab 3-1 zip  
    Interested in taking AP Computer Science Principles next year? Read Creative Thinkers Wanted!  
1/30 - 2/22
 Dreamweaver

For those who passed the exam, you will be moving on to Dreamweaver.

The next certification exam opportunity is Feb. 22.

 

EQ: What technology tool is available for me to design a website?

I will use Adobe Dreamweaver to create a website about one of the WP teachers.

 

Steps needed:

  1. Interview the teacher - conduct this as a client meeting.
  2. Create the following documents:
    1. Content map
    2. Wireframe
    3. Global site map
    4. Mock-up for client approval 
  3. Design the site, including accessibility features.
    1. Use CSS for formatting
    2. Use a current trend in web design, such as typography.
  4. Conduct additional client meetings as needed.
  5. Obtain final client approval before submitting your site to me.
 
1/4 - 1/29 CIW Test Preparation

Standards:

Demonstrate proficiency publishing, testing, monitoring, and maintaining a website.

Use oral and written communication skills in creating, expressing and interpreting information and ideas.

Solve problems using critical thinking skills, creativity and innovation.

Use information technology tools.

Describe the roles within teams, work units, departments, organizations, inter-organizational systems, and the larger environment.

Describe the importance of professional ethics and legal responsibilities.

Incorporate Human Computer Interface (HCI) principles of design.

Research and obtain information for use in designing the user interface.

Create an intuitive interface using Cascading Style Sheets (CSS).

Demonstrate proficiency creating a logical website file structure.

Create a CSS formatted informational website.

 

EQ: What do I need to know to pass the certification test?

I will pass the practice tests, repeatedly, with at least a 90%.

  
 1/3/2018
 Welcome Back!
 Semester Exam review and information  
11/2017 - 12/2017 CIW

11/30 - CIW Lesson 3 Quiz in Test Mode 

12/7 - CIW Lesson 4 Quiz in Test Mode

 

  
10/17-20 W3Schools

Choose a topic from W3Schools that you do not currently know how to code. Investigate, practice on your own, and be prepared to present.

 

Use Piktochart.com to design a "long scrolling" web page that contains 5 elements from the article below:

 Current web design trends - 2017

The five elements should be:

  1. Open composition
  2. Asymmetry
  3. Richer backgrounds and patterns, including Grid layout 
  4. Richer typography
  5. Large typography as part of the key visual. 

 

Due next week on Wednesday, 10/25.

 

 

  
10/2-10/12   Continue working with your new partner on your joint web page. 10/12 
10/5
 

Begin a new course in Codecademy called CSS: The Box Model

You were introduced to the Box Model in Khan Academy. Now it's time to dig deeper.

  
9/28-10/4 Peer Programming
Together, you and a partner with less experience will create a website on the topic of your choosing. Help the other team member code with HTML and CSS and/or JavaScript and learn some new design techniques.

 

 10/4
9/26-27   UI Design https://www.elegantthemes.com/blog/resources/10-rules-of-good-ui-design-to-follow-on-every-web-design-project   
9/25   Tabs  
9/18   Khan - continue working...  
9/6 CIW online materials

To access the online course materials:

  1. Go to http://ciw.ucertify.com/
  
9/5  Khan  Continue working in Khan Academy on JavaScript   
8/30 Early Release Day

Design Challenges

Work with your shoulder partner to research and report on one of the following web application development problems.

  • Rebeca and Guiliana: User Interface and User Experience
  • Rodney and Zachary: Scalability
  • Tim and Ariel:  Performance
  • Gavin and Martin : Knowledge of Framework and Platforms and Security

Use this website, and others, to glean your information. Create a Google Slide and share with me. https://www.marutitech.com/5-challenges-in-web-application-development/ 

  
8/17-8/29 Web Page

EQ: How can JavaScript enhance a page?

Closure: I will code one aspect of JS on a web page. 

 

Bell Work:

Create a folder on your desktop named "JS Practice 1" In this folder create a new web page in Notepad.

Add structure tags. For help see http://www.wikihow.com/Add-JavaScript-to-Your-Website-Using-HTML 

Add the <script language="javascript" in the Head area.

 

Classwork:

Use some of the JavaScript code you learned to enhance the site. 

 

Resources:

https://www.w3schools.com/js/js_whereto.asp 

 

 

  
8/16 Khan Academy

EQ: How can JavaScript enhance a page?

Closure: I will discuss one aspect of JS use on a web page. 

 

Bell Work: Log in to Khan Academy.

Classwork: Continue working in Khan Academy 

 

You should be finished through the following Challenges and Projects at the end of the day: 

  • Variables: Funky Frog
  • Animation Basics: Shooting Star 
 8/15
8/15 Khan Academy

EQ: How can JavaScript enhance a page?

Closure: I will discuss one aspect of JS use on a web page. 

 

Bell Work: Log in to Khan Academy.

Classwork: Continue working in Khan Academy 

 

You should be finished with the following Challenges and Projects at the end of the day: 

  • Drawing Basics 
    • Simple Snowman
    • Waving Snowman
  • Coloring
    • Sunny Snowy Day
    • Project: What's for Dinner 
 8/15
8/14 Khan Academy

EQ: How can JavaScript enhance a page?

Closure: I will discuss one aspect of JS use on a web page. 

 

Bell Work: Log in to Khan Academy.

Classwork: Continue working in Khan Academy 

 

 8/14
8/11 Second Day of School

Bell Work: Icebreaker

Fire Drill Procedure

Access the wiki

Enroll in Remind.com

Khan Academy JS

 8/11
8/10 First Day of School Forms, forms, forms 8/11

 

 

 

 

 

 

 

3/17 Lesson 6 Lesson 6 Quiz
3/15 Lesson 5 Lesson 5 Quiz
3/10 Lesson 4 Lesson 4 Quiz
3/8 Lesson 3 Lesson 3 Quiz

Comments (0)

You don't have permission to comment on this page.

Printable version