Hide menu

TDDC73 Interaction programmering

Projekt


Project - Mini SDK of interaction patterns

The project is based on independently exploring different Interaction patterns on a slightly deeper level and then create your own SDK of two of the patterns. The project instructions consist of several different suggestions on what one can choose to delve into, it is up to you to choose Information according to the grading criteria described below.

Project Instructions

You should implement your own SDK consisting of

Grading criteria

Here criteria are described for the different rating steps.Remeber that it is not only are quantitative differences between the levels but also qualitative.

There is also an example project to be downloaded (based on swing) here and readme file here. The project is intended to correspond to the qualitative requirements for grade 5, so for lower is not exactly the same requirements for code quality.(Try writing "Hello" and "Hejsan".)

Grade 3

You shall properly implement two using a framework of you chooice. With a simple test program/application you demonstrate how to use your component (interaction pattern), note that it should be a clear difference between your general component and the test program. You choose which interaction patterns you want to implement and include in your SDK from ui-patterns . The patterns you choose to implement should be non-trivial designs and where you build most of the component yourself, you may not use components that are available as a finished component of your framework, but you may of course use smaller widgets such as button and so on. . Are you not sure if a pattern is too trivial check with course coordinator (Anders). For each interaction pattern, you must provide enough data to show how the pattern is supposed to work. You should build your solution (your two interaction patterns) as your own SDK, think on the following:

  • What are the common parts that your components share?
  • Is it needed with some support-components for components for it to work?
  • How can the two components be used together?
Your code should be effective enough so it can be used.The code should follow common conventions and be acceptable commented.

Selection of interaction patterns Most patterns can be chosen, the important thing is that you stand for implementation themselves.That is, you can choose to module Tabs , but then you may not use Android's SDK Tab to solve the task.Think about when you build the component what can another programmers want to adapt to their needs, check as examples of how Andorid builds up their more complex components (List/Expandablelistview), (Default Models/Adpater, Renders to describe appearance, customize Algorithms etc). Below are some examples of patterns that have been Quite common historically in the course.(as well as some points what you can think about)

  • Password Strength Meter
    • How to replace the algorithm to determine how strongly one Password is
    • How can I choose to visualize the strength of a password
  • Carousel
    • How many elements should appear at the same time
    • How should each element appear, can it be replaced
  • Inplace Editor
    • Which elements are editable, how does it appear
    • Can you replace how elements are edited
  • Shopping cart
    • What does the shopping cart look
    • Are there different views of the shopping cart (small, compact, full), How do they look
  • Input feedback (se Password Strength Meter)
  • Account Registration
    • What data is to be found on an account (and which data types)
    • Which fields are to be required
  • Steps Left
    • How can I name steps
    • How do I connect information to each step (what should be seen at step 2)

Betyg 4:

For grade 4, you do everything that applies to grade 3 and that you do one of the following details:

  • Getting started guide för valfritt ramverk
  • UI Testing for one of your components (see below)

Betyg 5:

For grade 5, you are doing everything that applies to grade 3 and that you do both:

  • Getting started guide för valfritt ramverk
  • UI Testing for one of your components (see below)

Getting started guide

You should write a guide for one of the Kotlin frameworks for Android, Flutter, or React Native. Your guide should turn to people who can already program but who do not work on your choice of framework. Your guide should cover:

  • Simple layout of components/widgets
  • Basic interaction with listeners/callbacks-Functions
  • Navigation between different screens
  • How to use your two components

UI Testing

You perform UI testing one of your components you have implemented.You should use recommended testing tools for your framework ( ui-testing ).Your tests do not have to be comprehensive but you should show understanding how to conduct tests for Grännsitt

Project deminstrations

Report each component/pattern you have implemented in along with a small test program where you reports how to use your component/pattern, and submit any. written account, to your assistant. Examination: When you are approved by your assistant at the elements you made in the project, there will be an oral examination. Times for the oral examination will scheduled to be at the end of the course. Are you done early there is Opportunity to be examined earlier in the course. The purpose of the oral examination is to ensure that you really produced the work and have taken to you the knowledge we expect.

Page responsible: Anders Fröberg
Last updated: 2024-12-02