Study Guide

Learning outcomes

The student is able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Implementation and methods of teaching

Weekly lectures on campus during the autumn semester 2025.

Timing and attendance

Lectures during the autumn semester 2025 are mandatory.

Learning material and recommended literature

Learning materials and assignment via Moodle.

Alternative completion methods

If a student has already implemented production grade applications using React or Angular and REST-interfaces, contacting the lecturer in advance is recommended.

Learning environment

The student will need a computer in order to work on the assignments when not on campus. The minimum setup recommended for IT studies is sufficient in performance. The campus IT classrooms have desktop computers that are excellent for working on the assignments. Lecture times are not used on the assignments, most of the work is done outside the lecture times. There are no group works in this course.

Student time use and work load

There are multiple assignments in addition to the lectures. Depending on the student's skill level one must carefully allocate working time for this course. How much time the assignments require heavily depends on how much code the student has produced in earlier courses. All assignments given are programming assignments and therefore require a computer with which such assignments can be worked on.

Contents

Using JavaScript to build interactive and dynamic web pages. The course presents a workflow in which "how it looks like" is purely defined via JavaScript in the browser and the server side takes on only the information repository/business logic aspects (communication with JSON and the server side logic and database bridging is done with PHP). JavaScript is covered especially from the point of view of library usage. The first portion of the course concentrates on detailing differences between C# and JavaScript and what to take into account should you need to read library code produced with JavaScript in order to troubleshoot library usage. After the basics the course presents multiple web technologies and libraries which enable you to program fully animated and interactive web pages. In the last phase of the course some additional technologies like web embedded 3D- and 360-views and audio playback are given a quick overview.

Additional information for students: previous knowledge etc.

This course is a direct continuation to the courses Orientation To Programming and Object Oriented Programming. Fully understanding and utilizing the course content requires understanding of object oriented programming and practical programming skills (designing and implementing algorithms). Algorithms you design yourself and fit into existing code play a central role in many of the assignments. You must be capable of reading existing code and following it's operational flow. Having previous experience on an object oriented programming language is a prerequisite for learning the languages used in this course. The course assumes that the class-based objects paradigm presented in Object Oriented Programming is familiar and that actual implementations have been created with it during the earlier project courses. The course also requires some HTML and CSS reading skills. The languages used in this course are JavaScript, TypeScript and PHP. Before the course starts student groups will be sent preparatory material about JavaScript. It is recommended that the courses Three-tier Architecture Technologies and Dynamic Website Development Project are enrolled on simultaneously with this course.

Assessment criteria

Progress in the weekly programming assignments.

Assessment scale

1-5

Failed (0)

The student is not able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 1 (assessment scale 1–5)

The student is nearly able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 3 (assessment scale 1–5)

The student is partially able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 5 (assessment scale 1–5)

The student is able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Learning outcomes

The student is able to
- plan and apply working methods to a team to ensure effectiveness
- divide a project into meaningful parts and estimate the time requirements
- implement their part of an application and documentation on the project
- choose a process model applicable to the project and apply it

Implementation and methods of teaching

Project work in groups, as well as short lectures on chosen topics.

The student can choose what they focus on during the project, but in some cases this might limit the maximum grade.

Timing and attendance

During the Fall semester. Mandatory participation in the project kick-off, mid-course check and project hand-off. Recommended participation at short lectures as well as meeting teachers in class in case of needing assistance.

Learning material and recommended literature

Various WWW-based instructions, as well as the materials from the other courses in the module.

Alternative completion methods

Negotiable.

Working life cooperation

Project topics are real working life problems based on discussions with professionals from various areas. In some cases, depending on availability, these outside professionals can also participate as the client.

Exam retakes

None.

Learning environment

LAB Moodle, project teams, project hours at C246 and C249, other environments as chosen by the teams.

Student time use and work load

5 credit course.

Much of the work is group work, which is organized by the teams. Suggested number of hours a student should use for the course is 10-15 or one to two days per week.

Contents

The student is able to
- plan and apply working methods to a team to ensure effectiveness
- divide a project into meaningful parts and estimate the time requirements
- implement their part of an application and documentation on the project
- choose a process model applicable to the project and apply it

Additional information for students: previous knowledge etc.

Participation in the other two courses of the module or similar understanding of PHP, JavaScript, SQL, HTML and software architectures gained from other sources.

Assessment criteria

Based on the quality of the project as well as being able to work with the project team. Includes both self-assessment and assessment by the teachers.

Assessment scale

1-5

Failed (0)

The student does not participate in team activities actively, does not take responsibility for the team or does not indicate ability to work with the chosen technologies.

Assessment criteria: level 1 (assessment scale 1–5)

The student participates in group work, but only passively. The students exhibits only basic understanding of the technologies.

Assessment criteria: level 3 (assessment scale 1–5)

The student participates actively in the teamwork. The student exhibits an ability to work with the technologies involved.

Assessment criteria: level 5 (assessment scale 1–5)

The team has chosen harder of the two optional subjects. The student has actively participated in the teamwork and has been a part of advancing the team's methodology or processes. The student exhibits advanced ability to work with the technologies involved.

Learning outcomes

Student is able to
- apply a modern software development environment (SDE)
- apply the basic structures of programming
- implement an interactive and modular application

Implementation and methods of teaching

Flipped classroom with a few lectures supporting the study process.

Students can participate on lectures and/or get familiar with the course material i.e. videos and presentation material before the exercise sessions. On exercise sessions the students will concentrate on solving programming tasks with the help of teacher and other students. Student may proceed on the course after the teacher or the automatic test process has approved the solutions to given test problems.

Timing and attendance

Course kick off is on the first week of the semester. It is highly recommended that all students attend this kick off session. Also recommended that all students participate in supervised lessons i.e. exercise sessions throughout the course but, if student is able to solve the given programming problems without help and ahead of given schedule, the lessons are not compulsory. Student may enroll on the course exam when he/she thinks being ready for it and the teacher approves it.

Learning material and recommended literature

Material delivered in course Moodle pages

Alternative completion methods

Show the corresponding skills in general retake

Exam retakes

Retake exams are arranged by request during the following semester.

Learning environment

Material (videos, presentations, exercises) distributed through Moodle environment.

Student time use and work load

About 8 - 10 hours weekly.

Contents

General software development tools and environments, basic structures of programming languages.

Additional information for students: previous knowledge etc.

No prerequisities. To study outside the class room, student needs a computer with Visual Studio (2019 or later) programming environment, Community version is ok. Computer should be powerful enough to run the development environment, the bigger the screen, the better. To submit solutions to exercises, a working web connection is required.

Assessment criteria

Final exam. Doing course exercises will collect some bonus points to be added on top of the exam points. This bonus is rewarded if the course exam is passed during the same semester.

Assessment scale

1-5

Failed (0)

Student is not able to solve simple programming problems.

Assessment criteria: level 1 (assessment scale 1–5)

Student knows the basic data types and is able to apply them appropriately. Student is able to apply some basic programming structures to solve simple standard programming tasks.

Assessment criteria: level 3 (assessment scale 1–5)

Student is able to apply all basic programming structures to solve programming tasks.

Assessment criteria: level 5 (assessment scale 1–5)

Student is able to assess the suitability of different programming structures and by applying the best approach to solve advanced programming problems.

Learning outcomes

Student is able to
- define, implement and report an iterative project
- act in different roles of a software development project
- implement a HTML user interface following the design
- implement the business logic of a web application
- programmatically parse required data from a structured data set

Implementation and methods of teaching

Development project done in small groups to solve a given development task.

Timing and attendance

Most of the course work is done at times best suitable for the group members. Few compulsory sessions exist, the dates and times will be communicated in course Moodle page. Students are responsible in following these instructions.
Rough schedule/timing (subject to changes):
Week 37 Kick off, all students MUST participate. Check exact time from schedule!
Weeks 37 - 39: Project plan
Week 39: Project plan wrap up + kick off for the project work (compulsory for all students to participate)
Weeks 39 - 49 : Iterative project work in teams
Week 49: Final presentations to teacher, all group members MUST be present at session

Alternative completion methods

Similar project done and documented elsewhere.

Learning environment

Material & task with project timing delivered through Moodle.

Contents

Practical project work that utilizes tools, skills and methods learned on the two other courses in the same module.

Additional information for students: previous knowledge etc.

Basic programming skills: Passed or simultaneously participating an introductory programming course
Basic web technologies: HTML, CSS.

Assessment criteria

Group and personal performance in the project work, peer assessment & teacher assessment.
Grade 0 - 5

Evaluation is based on the observations of the supervisors made during the project and on the quality of the produced artifact.
First the whole group work is assessed on scale 0 - 5. This assessment considers with equal weights the technical performance and the metaskills of the group. The metaskills include, for example, project coordination, project reporting, following the plan and the progress, group behaviour when problems occur, share of roles and work within the group, internal and external communication and ability to present group work and products. The technical part of the assessment looks at the ability to make decisions between different technologies, mastering design methods and tools, documentation of the design and the product, selecting and mastering the tools and methods, version control, structure and quality of the program code and usability and maintainability of the application. The group evaluation form the basis for the individual assessment.
The individual assessment takes the group assessent as the basis and the individual performance can upgrade or downgrade it. Assessement is based on the peer assessment done between the group members, the role picked up by the student and commitment to take care of the corresponding tasks, activity as a member of the group and personal performance in the group presentation. In individual assessment also all those group assessment criteria are considered where the student individual commitment can be separated and observed.

Assessment scale

1-5

Failed (0)

Student did not properly participate in group work or did not show skills and knowledge required to project work

Assessment criteria: level 1 (assessment scale 1–5)

Student has participated in group work only partially OR the project work did not meet the minimum requirements but the student has been active in trying to help the group meet the requirements on the whole

Assessment criteria: level 3 (assessment scale 1–5)

The group result exceeds the minimum technical requirements and the role of the student in project group work has been equal or greater than that of the other students

Assessment criteria: level 5 (assessment scale 1–5)

The group result exceeds the minimum technical requirements in large scale and the role of the student in project group work has been very significant for the project group work

Learning outcomes

The student is able to
- describe the work steps of software development processes
- describe the features of modern and commonly used software development processes
- use tools that support software development processes

Implementation and methods of teaching

Contact lectures and assignments

Timing and attendance

Studying takes place partly independently and in groups, based on lectures. Some of the mandatory exercises are completed during lectures, and absences can partially be compensated with additional assignments. Failed, late, or unsubmitted exercises will lower the grade and may lead to failing the course. The course schedule and exercises are provided in Moodle or communicated separately during the course.

Learning material and recommended literature

The material and assignments are distributed on the Moodle pages of the course and the assignments are returned to Moodle.

Learning environment

Contact lectures, moodle

Student time use and work load

about 100-120h

Contents

The student gets an understanding of different software development processes and their suitability for different needs. The student learns to use, choose and apply the key methods of software development. The student learns to use suitable software development tools.

Assessment criteria

Returned assignments and self evaluation

Assessment scale

1-5

Failed (0)

Student did not meet the learning objectives of the course and was not able to show his/her knowledge in time

Assessment criteria: level 1 (assessment scale 1–5)

Learning objectives are met, student understands at least principles of software development process and knows common tools and methods

Assessment criteria: level 3 (assessment scale 1–5)

Student understands principles of software development process and is able to use common tools and methods

Assessment criteria: level 5 (assessment scale 1–5)

Student understands principles of software development process well and is able to compare and choose suitable tools and methods to be used in a software development process

Learning outcomes

The student is able to
- recognize the opportunities and limitations presented by application frameworks
- apply commonly used design patterns
- design and implement and application based on server-client principles
- install and maintain a three-tier architecture application

Implementation and methods of teaching

Lecture series of 10, starting with short introduction to PHP, continued with a three-tier architecture based framework Laravel mostly around CRUD (create, read, update, delete), using frameworks for testing purposes and finally an introduction to software architectures in general and in comparison to three-tier architectures.

The grading is based on 5 assignments.

Timing and attendance

A series of 10 lectures during the Fall semester.

Participation in lectures recommended.

Learning material and recommended literature

EBook Laravel starter the definitive introduction to the Laravel PHP web development framework and materials provided by the teacher.

Alternative completion methods

Negotiable

Learning environment

Technical: LAB Moodle, XAMPP + Laravel, optionally ChatGPT

Otherwise: optional group work, lectures, Laravel manuals, search engines and their results

Student time use and work load

5 credit course.

The course includes five assignments with increasing complexity. These require research and implementing information learned during the research and lessons. The course assignments are partly structured around the idea of easing the student into thesis work.

Contents

The student is able to
- recognize the opportunities and limitations presented by application frameworks
- apply commonly used design patterns
- design and implement and application based on server-client principles
- install and maintain a three-tier architecture application

Additional information for students: previous knowledge etc.

General understanding of programming, HTML and relational databases. Two of the assignments require that the student has access to the code from a software project the student has previously participated in.

Assessment criteria

Several assignments.

Assessment scale

1-5

Failed (0)

The student is unable to show understanding of software architectures

Assessment criteria: level 1 (assessment scale 1–5)

The student is able to show basic level understanding of possible benefits of software architectures.

Assessment criteria: level 3 (assessment scale 1–5)

Student shows ability to utilize software development frameworks.

Assessment criteria: level 5 (assessment scale 1–5)

The student is able to show an ability to choose between software architectures

Learning outcomes

The student knows:
- How to define the organization's internal and external data flows and sources of information in business value creation.
- The life cycle of the data and the steps involved, production, transfer, utilization, reliability level, and validity period.
- Common methods and tools to collect and process the data.
- The appropriate visualization methods.

Implementation and methods of teaching

Lectures, assignments, and final assignment in teams.

Timing and attendance

Active presence is recommended. Teaching on Mukkula campus.

Learning material and recommended literature

Material announced by the lecturer

Alternative completion methods

-

Working life cooperation

Business cooperation in the final assignment.

Exam retakes

The renewal option is valid for one year after the end of the course.

Learning environment

Implementation on the Mukkula campus and seminar for final presentations online.

Student time use and work load

27 h of student work is equal to 1 cr.

Contents

The student learns to identify the internal and external data flows and data sources, as well as data formats in digital environments, the life cycle, and the importance of data in data management and factors related to data protection and usability. They learn to innovate new data usage models in businesses as well as to understand the data as a value factor in the business.

Additional information for students: previous knowledge etc.

Business Basics

Assessment criteria

Active participation in lectures and completion of class assignments. The final assignment is compulsory.

Assessment scale

1-5

Failed (0)

The student has not achieved the objectives of the course sufficiently.

Assessment criteria: level 1 (assessment scale 1–5)

The student has achieved the objectives of the course sufficiently. The student understands the meaning of data in business processes and understands data-related factors from a usability perspective.

Assessment criteria: level 3 (assessment scale 1–5)

The student has achieved the objectives of the course well. The student understands the importance of information in business processes and can draw up a plan for developing and utilising information for business development.

Assessment criteria: level 5 (assessment scale 1–5)

The student has achieved the objectives of the course excellently. The student understands the importance of information in business processes and can draw up a plan for developing and utilizing information for business development. The student can compare data sources and design an information management plan based on the organization's needs.

Learning outcomes

The student is able to
- plan and apply working methods to a team to ensure effectiveness
- divide a project into meaningful parts and estimate the time requirements
- implement their part of an application and documentation on the project
- choose a process model applicable to the project and apply it

Implementation and methods of teaching

Project work in groups, as well as short lectures on chosen topics.

The student can choose what they focus on during the project, but in some cases this might limit the maximum grade.

Timing and attendance

During the Fall semester. Mandatory participation in the project kick-off, mid-course check and project hand-off. Recommended participation at short lectures as well as meeting teachers in class in case of needing assistance.

Learning material and recommended literature

Various WWW-based instructions, as well as the materials from the other courses in the module.

Alternative completion methods

Negotiable.

Working life cooperation

Project topics are real working life problems based on discussions with professionals from various areas. In some cases, depending on availability, these outside professionals can also participate as the client.

Exam retakes

None.

Learning environment

LAB Moodle, project teams, project hours at C246 and C249, other environments as chosen by the teams.

Student time use and work load

5 credit course.

Much of the work is group work, which is organized by the teams. Suggested number of hours a student should use for the course is 10-15 or one to two days per week.

Contents

The student is able to
- plan and apply working methods to a team to ensure effectiveness
- divide a project into meaningful parts and estimate the time requirements
- implement their part of an application and documentation on the project
- choose a process model applicable to the project and apply it

Additional information for students: previous knowledge etc.

Participation in the other two courses of the module or similar understanding of PHP, JavaScript, SQL, HTML and software architectures gained from other sources.

Assessment criteria

Based on the quality of the project as well as being able to work with the project team. Includes both self-assessment and assessment by the teachers.

Assessment scale

1-5

Failed (0)

The student does not participate in team activities actively, does not take responsibility for the team or does not indicate ability to work with the chosen technologies.

Assessment criteria: level 1 (assessment scale 1–5)

The student participates in group work, but only passively. The students exhibits only basic understanding of the technologies.

Assessment criteria: level 3 (assessment scale 1–5)

The student participates actively in the teamwork. The student exhibits an ability to work with the technologies involved.

Assessment criteria: level 5 (assessment scale 1–5)

The team has chosen harder of the two optional subjects. The student has actively participated in the teamwork and has been a part of advancing the team's methodology or processes. The student exhibits advanced ability to work with the technologies involved.

Learning outcomes

The student knows:
- How to define the organization's internal and external data flows and sources of information in business value creation.
- The life cycle of the data and the steps involved, production, transfer, utilization, reliability level, and validity period.
- Common methods and tools to collect and process the data.
- The appropriate visualization methods.

Implementation and methods of teaching

Lectures, assignments, and final assignment in teams.

Timing and attendance

Active presence is recommended. Teaching on Mukkula campus.

Learning material and recommended literature

Material announced by the lecturer

Alternative completion methods

-

Working life cooperation

Business cooperation in the final assignment.

Exam retakes

The renewal option is valid for one year after the end of the course.

Learning environment

Implementation on the Mukkula campus and seminar for final presentations online.

Student time use and work load

27 h of student work is equal to 1 cr.

Contents

The student learns to identify the internal and external data flows and data sources, as well as data formats in digital environments, the life cycle, and the importance of data in data management and factors related to data protection and usability. They learn to innovate new data usage models in businesses as well as to understand the data as a value factor in the business.

Additional information for students: previous knowledge etc.

Business Basics

Assessment criteria

Active participation in lectures and completion of class assignments. The final assignment is compulsory.

Assessment scale

1-5

Failed (0)

The student has not achieved the objectives of the course sufficiently.

Assessment criteria: level 1 (assessment scale 1–5)

The student has achieved the objectives of the course sufficiently. The student understands the meaning of data in business processes and understands data-related factors from a usability perspective.

Assessment criteria: level 3 (assessment scale 1–5)

The student has achieved the objectives of the course well. The student understands the importance of information in business processes and can draw up a plan for developing and utilising information for business development.

Assessment criteria: level 5 (assessment scale 1–5)

The student has achieved the objectives of the course excellently. The student understands the importance of information in business processes and can draw up a plan for developing and utilizing information for business development. The student can compare data sources and design an information management plan based on the organization's needs.

Learning outcomes

Student is able to
- apply a modern software development environment (SDE)
- apply the basic structures of programming
- implement an interactive and modular application

Implementation and methods of teaching

Flipped classroom with a few lectures supporting the study process.

Students can participate on lectures and/or get familiar with the course material i.e. videos and presentation material before the exercise sessions. On exercise sessions the students will concentrate on solving programming tasks with the help of teacher and other students. Student may proceed on the course after the teacher or the automatic test process has approved the solutions to given test problems.

Timing and attendance

Course kick off is on the first week of the semester. It is highly recommended that all students attend this kick off session. Also recommended that all students participate in supervised lessons i.e. exercise sessions throughout the course but, if student is able to solve the given programming problems without help and ahead of given schedule, the lessons are not compulsory. Student may enroll on the course exam when he/she thinks being ready for it and the teacher approves it.

Learning material and recommended literature

Material delivered in course Moodle pages

Alternative completion methods

Show the corresponding skills in general retake

Exam retakes

Retake exams are arranged by request during the following semester.

Learning environment

Material (videos, presentations, exercises) distributed through Moodle environment.

Student time use and work load

About 8 - 10 hours weekly.

Contents

General software development tools and environments, basic structures of programming languages.

Additional information for students: previous knowledge etc.

No prerequisities. To study outside the class room, student needs a computer with Visual Studio (2019 or later) programming environment, Community version is ok. Computer should be powerful enough to run the development environment, the bigger the screen, the better. To submit solutions to exercises, a working web connection is required.

Assessment criteria

Final exam. Doing course exercises will collect some bonus points to be added on top of the exam points. This bonus is rewarded if the course exam is passed during the same semester.

Assessment scale

1-5

Failed (0)

Student is not able to solve simple programming problems.

Assessment criteria: level 1 (assessment scale 1–5)

Student knows the basic data types and is able to apply them appropriately. Student is able to apply some basic programming structures to solve simple standard programming tasks.

Assessment criteria: level 3 (assessment scale 1–5)

Student is able to apply all basic programming structures to solve programming tasks.

Assessment criteria: level 5 (assessment scale 1–5)

Student is able to assess the suitability of different programming structures and by applying the best approach to solve advanced programming problems.

Learning outcomes

The student is able to
- describe the work steps of software development processes
- describe the features of modern and commonly used software development processes
- use tools that support software development processes

Implementation and methods of teaching

Contact lectures and assignments

Timing and attendance

Studying takes place partly independently and in groups, based on lectures. Some of the mandatory exercises are completed during lectures, and absences can partially be compensated with additional assignments. Failed, late, or unsubmitted exercises will lower the grade and may lead to failing the course. The course schedule and exercises are provided in Moodle or communicated separately during the course.

Learning material and recommended literature

The material and assignments are distributed on the Moodle pages of the course and the assignments are returned to Moodle.

Learning environment

Contact lectures, moodle

Student time use and work load

about 100-120h

Contents

The student gets an understanding of different software development processes and their suitability for different needs. The student learns to use, choose and apply the key methods of software development. The student learns to use suitable software development tools.

Assessment criteria

Returned assignments and self evaluation

Assessment scale

1-5

Failed (0)

Student did not meet the learning objectives of the course and was not able to show his/her knowledge in time

Assessment criteria: level 1 (assessment scale 1–5)

Learning objectives are met, student understands at least principles of software development process and knows common tools and methods

Assessment criteria: level 3 (assessment scale 1–5)

Student understands principles of software development process and is able to use common tools and methods

Assessment criteria: level 5 (assessment scale 1–5)

Student understands principles of software development process well and is able to compare and choose suitable tools and methods to be used in a software development process

Learning outcomes

Student is able to
- define, implement and report an iterative project
- act in different roles of a software development project
- implement a HTML user interface following the design
- implement the business logic of a web application
- programmatically parse required data from a structured data set

Implementation and methods of teaching

Development project done in small groups to solve a given development task.

Timing and attendance

Most of the course work is done at times best suitable for the group members. Few compulsory sessions exist, the dates and times will be communicated in course Moodle page. Students are responsible in following these instructions.
Rough schedule/timing (subject to changes):
Week 37 Kick off, all students MUST participate. Check exact time from schedule!
Weeks 37 - 39: Project plan
Week 39: Project plan wrap up + kick off for the project work (compulsory for all students to participate)
Weeks 39 - 49 : Iterative project work in teams
Week 49: Final presentations to teacher, all group members MUST be present at session

Alternative completion methods

Similar project done and documented elsewhere.

Learning environment

Material & task with project timing delivered through Moodle.

Contents

Practical project work that utilizes tools, skills and methods learned on the two other courses in the same module.

Additional information for students: previous knowledge etc.

Basic programming skills: Passed or simultaneously participating an introductory programming course
Basic web technologies: HTML, CSS.

Assessment criteria

Group and personal performance in the project work, peer assessment & teacher assessment.
Grade 0 - 5

Evaluation is based on the observations of the supervisors made during the project and on the quality of the produced artifact.
First the whole group work is assessed on scale 0 - 5. This assessment considers with equal weights the technical performance and the metaskills of the group. The metaskills include, for example, project coordination, project reporting, following the plan and the progress, group behaviour when problems occur, share of roles and work within the group, internal and external communication and ability to present group work and products. The technical part of the assessment looks at the ability to make decisions between different technologies, mastering design methods and tools, documentation of the design and the product, selecting and mastering the tools and methods, version control, structure and quality of the program code and usability and maintainability of the application. The group evaluation form the basis for the individual assessment.
The individual assessment takes the group assessent as the basis and the individual performance can upgrade or downgrade it. Assessement is based on the peer assessment done between the group members, the role picked up by the student and commitment to take care of the corresponding tasks, activity as a member of the group and personal performance in the group presentation. In individual assessment also all those group assessment criteria are considered where the student individual commitment can be separated and observed.

Assessment scale

1-5

Failed (0)

Student did not properly participate in group work or did not show skills and knowledge required to project work

Assessment criteria: level 1 (assessment scale 1–5)

Student has participated in group work only partially OR the project work did not meet the minimum requirements but the student has been active in trying to help the group meet the requirements on the whole

Assessment criteria: level 3 (assessment scale 1–5)

The group result exceeds the minimum technical requirements and the role of the student in project group work has been equal or greater than that of the other students

Assessment criteria: level 5 (assessment scale 1–5)

The group result exceeds the minimum technical requirements in large scale and the role of the student in project group work has been very significant for the project group work

Learning outcomes

The student is able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Implementation and methods of teaching

Weekly lectures on campus during the autumn semester 2025.

Timing and attendance

Lectures during the autumn semester 2025 are mandatory.

Learning material and recommended literature

Learning materials and assignment via Moodle.

Alternative completion methods

If a student has already implemented production grade applications using React or Angular and REST-interfaces, contacting the lecturer in advance is recommended.

Learning environment

The student will need a computer in order to work on the assignments when not on campus. The minimum setup recommended for IT studies is sufficient in performance. The campus IT classrooms have desktop computers that are excellent for working on the assignments. Lecture times are not used on the assignments, most of the work is done outside the lecture times. There are no group works in this course.

Student time use and work load

There are multiple assignments in addition to the lectures. Depending on the student's skill level one must carefully allocate working time for this course. How much time the assignments require heavily depends on how much code the student has produced in earlier courses. All assignments given are programming assignments and therefore require a computer with which such assignments can be worked on.

Contents

Using JavaScript to build interactive and dynamic web pages. The course presents a workflow in which "how it looks like" is purely defined via JavaScript in the browser and the server side takes on only the information repository/business logic aspects (communication with JSON and the server side logic and database bridging is done with PHP). JavaScript is covered especially from the point of view of library usage. The first portion of the course concentrates on detailing differences between C# and JavaScript and what to take into account should you need to read library code produced with JavaScript in order to troubleshoot library usage. After the basics the course presents multiple web technologies and libraries which enable you to program fully animated and interactive web pages. In the last phase of the course some additional technologies like web embedded 3D- and 360-views and audio playback are given a quick overview.

Additional information for students: previous knowledge etc.

This course is a direct continuation to the courses Orientation To Programming and Object Oriented Programming. Fully understanding and utilizing the course content requires understanding of object oriented programming and practical programming skills (designing and implementing algorithms). Algorithms you design yourself and fit into existing code play a central role in many of the assignments. You must be capable of reading existing code and following it's operational flow. Having previous experience on an object oriented programming language is a prerequisite for learning the languages used in this course. The course assumes that the class-based objects paradigm presented in Object Oriented Programming is familiar and that actual implementations have been created with it during the earlier project courses. The course also requires some HTML and CSS reading skills. The languages used in this course are JavaScript, TypeScript and PHP. Before the course starts student groups will be sent preparatory material about JavaScript. It is recommended that the courses Three-tier Architecture Technologies and Dynamic Website Development Project are enrolled on simultaneously with this course.

Assessment criteria

Progress in the weekly programming assignments.

Assessment scale

1-5

Failed (0)

The student is not able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 1 (assessment scale 1–5)

The student is nearly able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 3 (assessment scale 1–5)

The student is partially able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Assessment criteria: level 5 (assessment scale 1–5)

The student is able to
- present www content dynamically with JavaScript and its extensions
- form a dynamic one page application using JavaScript frameworks and libraries
- install an application server and maintain it securely
- publish information and host applications on a server

Learning outcomes

The student is able to
- recognize the opportunities and limitations presented by application frameworks
- apply commonly used design patterns
- design and implement and application based on server-client principles
- install and maintain a three-tier architecture application

Implementation and methods of teaching

Lecture series of 10, starting with short introduction to PHP, continued with a three-tier architecture based framework Laravel mostly around CRUD (create, read, update, delete), using frameworks for testing purposes and finally an introduction to software architectures in general and in comparison to three-tier architectures.

The grading is based on 5 assignments.

Timing and attendance

A series of 10 lectures during the Fall semester.

Participation in lectures recommended.

Learning material and recommended literature

EBook Laravel starter the definitive introduction to the Laravel PHP web development framework and materials provided by the teacher.

Alternative completion methods

Negotiable

Learning environment

Technical: LAB Moodle, XAMPP + Laravel, optionally ChatGPT

Otherwise: optional group work, lectures, Laravel manuals, search engines and their results

Student time use and work load

5 credit course.

The course includes five assignments with increasing complexity. These require research and implementing information learned during the research and lessons. The course assignments are partly structured around the idea of easing the student into thesis work.

Contents

The student is able to
- recognize the opportunities and limitations presented by application frameworks
- apply commonly used design patterns
- design and implement and application based on server-client principles
- install and maintain a three-tier architecture application

Additional information for students: previous knowledge etc.

General understanding of programming, HTML and relational databases. Two of the assignments require that the student has access to the code from a software project the student has previously participated in.

Assessment criteria

Several assignments.

Assessment scale

1-5

Failed (0)

The student is unable to show understanding of software architectures

Assessment criteria: level 1 (assessment scale 1–5)

The student is able to show basic level understanding of possible benefits of software architectures.

Assessment criteria: level 3 (assessment scale 1–5)

Student shows ability to utilize software development frameworks.

Assessment criteria: level 5 (assessment scale 1–5)

The student is able to show an ability to choose between software architectures