FACULTY OF ENGINEERING
Department of Mechatronics Engineering
SE 372 | Course Introduction and Application Information
Course Name |
Web Page Design: HTML5
|
Code
|
Semester
|
Theory
(hour/week) |
Application/Lab
(hour/week) |
Local Credits
|
ECTS
|
SE 372
|
Fall/Spring
|
3
|
0
|
3
|
5
|
Prerequisites |
None
|
|||||
Course Language |
English
|
|||||
Course Type |
Service Course
|
|||||
Course Level |
First Cycle
|
|||||
Mode of Delivery | - | |||||
Teaching Methods and Techniques of the Course | - | |||||
Course Coordinator | - | |||||
Course Lecturer(s) | - | |||||
Assistant(s) | - |
Course Objectives | |
Learning Outcomes |
The students who succeeded in this course;
|
Course Description | This course includes instruction in the fundamentals of the HTML5 markup language, the use of cascading style sheets, the use of Photoshop to create or edit images for use in a web site, and an introduction to making movies in Flash. |
|
Core Courses | |
Major Area Courses | ||
Supportive Courses | ||
Media and Management Skills Courses | ||
Transferable Skill Courses |
WEEKLY SUBJECTS AND RELATED PREPARATION STUDIES
Week | Subjects | Related Preparation |
1 | Introduction to course Introduction to graphical design elements | Chapter 1, 2. Williams |
2 | Graphical design; text and links | Chapter 3 & 4, Williams |
3 | Graphical design; HTML5: images | Chapter 4,5,6. White. |
4 | Introduction to browsers, rendering engines, tables and layers | Chapter 1,2,3; 9,10,11, Sanders. |
5 | Introduction to style rules | Chapter 8. Sanders |
6 | Cascading style rules; styles in sites | Class notes |
7 | CSS3 | Class notes |
8 | Midterm Exam | |
9 | Color Theory, Intro to Photoshop | Chapter 5. Sanders. |
10 | Photoshop Tools, file types | Chapter 13. Sanders |
11 | Color correction | Chapter 5. Sanders. |
12 | Animated GIF | Class notes |
13 | Flash Fundamentals | Class notes |
14 | Using Flash library, symbols, making movies | Class notes |
15 | Working with scenes | Class notes |
16 | Review of the Semester |
Course Notes/Textbooks | Sanders, B. (2011). Smashing HTML5. Chichester, West Sussex, UK: John Wiley & Sons. 9780470977279 |
Suggested Readings/Materials | White, A. (2002). The Elements of Graphic Design. New York, NY, USA: Allworth. 1581152507 Williams, R. (2008). The NonDesigner’s Design Book (3rd ed.). Berkeley, CA: Peachpit McClelland, D. (2010). Adobe Photoshop CS5 OneonOne. Sebastopol, CA. USA: Deke Press. Hartman, A. (2010). Exploring Adobe Flash CS5 (Design Exploration). Clifton Park, NY: Delmar Cengage Learning. |
EVALUATION SYSTEM
Semester Activities | Number | Weigthing |
Participation | ||
Laboratory / Application | ||
Field Work | ||
Quizzes / Studio Critiques | ||
Portfolio | ||
Homework / Assignments |
15
|
20
|
Presentation / Jury | ||
Project | ||
Seminar / Workshop | ||
Oral Exams | ||
Midterm |
1
|
40
|
Final Exam |
1
|
40
|
Total |
Weighting of Semester Activities on the Final Grade |
60
|
|
Weighting of End-of-Semester Activities on the Final Grade |
40
|
|
Total |
ECTS / WORKLOAD TABLE
Semester Activities | Number | Duration (Hours) | Workload |
---|---|---|---|
Theoretical Course Hours (Including exam week: 16 x total hours) |
16
|
3
|
48
|
Laboratory / Application Hours (Including exam week: '.16.' x total hours) |
16
|
0
|
|
Study Hours Out of Class |
14
|
1
|
14
|
Field Work |
0
|
||
Quizzes / Studio Critiques |
0
|
||
Portfolio |
0
|
||
Homework / Assignments |
15
|
3
|
45
|
Presentation / Jury |
0
|
||
Project |
0
|
||
Seminar / Workshop |
0
|
||
Oral Exam |
0
|
||
Midterms |
1
|
22
|
22
|
Final Exam |
1
|
21
|
21
|
Total |
150
|
COURSE LEARNING OUTCOMES AND PROGRAM QUALIFICATIONS RELATIONSHIP
#
|
Program Competencies/Outcomes |
* Contribution Level
|
||||
1
|
2
|
3
|
4
|
5
|
||
1 | To have knowledge in Mathematics, science, physics knowledge based on mathematics; mathematics with multiple variables, differential equations, statistics, optimization and linear algebra; to be able to use theoretical and applied knowledge in complex engineering problems |
|||||
2 | To be able to identify, define, formulate, and solve complex mechatronics engineering problems; to be able to select and apply appropriate analysis and modeling methods for this purpose. |
|||||
3 | To be able to design a complex electromechanical system, process, device or product with sensor, actuator, control, hardware, and software to meet specific requirements under realistic constraints and conditions; to be able to apply modern design methods for this purpose. |
|||||
4 | To be able to develop, select and use modern techniques and tools necessary for the analysis and solution of complex problems encountered in Mechatronics Engineering applications; to be able to use information technologies effectively. |
|||||
5 | To be able to design, conduct experiments, collect data, analyze and interpret results for investigating Mechatronics Engineering problems. |
|||||
6 | To be able to work effectively in Mechatronics Engineering disciplinary and multidisciplinary teams; to be able to work individually. |
|||||
7 | To be able to communicate effectively in Turkish, both in oral and written forms; to be able to author and comprehend written reports, to be able to prepare design and implementation reports, to present effectively, to be able to give and receive clear and comprehensible instructions. |
|||||
8 | To have knowledge about global and social impact of engineering practices on health, environment, and safety; to have knowledge about contemporary issues as they pertain to engineering; to be aware of the legal ramifications of engineering solutions. |
|||||
9 | To be aware of ethical behavior, professional and ethical responsibility; information on standards used in engineering applications. |
|||||
10 | To have knowledge about industrial practices such as project management, risk management and change management; to have awareness of entrepreneurship and innovation; to have knowledge about sustainable development. |
|||||
11 | Using a foreign language, he collects information about Mechatronics Engineering and communicates with his colleagues. ("European Language Portfolio Global Scale", Level B1) |
|||||
12 | To be able to use the second foreign language at intermediate level. |
|||||
13 | To recognize the need for lifelong learning; to be able to access information; to be able to follow developments in science and technology; to be able to relate the knowledge accumulated throughout the human history to Mechatronics Engineering. |
*1 Lowest, 2 Low, 3 Average, 4 High, 5 Highest