archive‎ > ‎2016‎ > ‎

Notice 2016

Submission check-up

posted Sep 27, 2016, 9:57 PM by Yonggeun Kim   [ updated Sep 28, 2016, 1:53 AM by Yonggeun Kim ]

Dear all, 

Please note the overall submission report below. 

If any of your submission is missing please do finish then e-mail me by 5pm today. 

No other submission will be accepted after 5pm today (28th September)

If your submission is not marked as 'O' mark it means that either your submission is missing in Github repo or I couldn't find your submission. In this case erase useless repos from your account and clarify that your repo is an assignment by changing the title as below. 

ex1) ballControl
ex2) UI Component

And add description (how-to) as below.
Assignment 1, student id, name. 

Thank you. 

Yonggeun Kim

Notice on final assignment (with forthcoming schedule)

posted Sep 26, 2016, 10:02 PM by Yonggeun Kim   [ updated Sep 26, 2016, 10:18 PM by Yonggeun Kim ]

Academic Evaluation on Camsys

Dear all students, 

This is a checklist for your final submission. You ought to review your assignments (ball control, UI component, final assignment) based on this notice.
  1. Individual assignments (ball control, UI component)
    • Submission 
      • Only the submissions made through Github is valid. 
        • Your Github address must be submitted via students page.
        • Your PDE file should be inside a folder whose name is as same as your PDE file. (this is Processing IDE convention) 
        • Each PDE file has to have your submission information as below. 
          1. Your name 
          2. Your student ID 
          3. The name of your submission (either ball control or Ui component) 
  2. Team assignment 
    1. Final assignment is a team project with minimum 2 and maximum 3 students. 
    2. Submission 
      1. Only the submissions made through Github is valid. 
      2. You have to form your team in github organization. (
      3. Your repository required to have file in its root directory as a landing page. 
      4. file should follow the template from this page (
        1. file is markdown format. For more information on this format visit here.
      5. All the team members has be shown from the repository graphs page with their understandable contributions. ex) 
    3. Documentation guideline 
      1. [compulsory] Before you start your documentation you must read the article first.
        1. on goal oriented design
        2. on scenario and framework design
      2. Approaches 
        1. The goal of this document is not the final result. The goal is to understand user-centric approach in the process of designing interaction. So you are required to remember this basic priorities. 
          • discussion than output 
            • New or life-changing innovation is not required. The document has to show in-depth discussion and consideration about user behavior and his/her environment. 
          • kindness than functionality 
            • The document must show that the project is kind and friendly to user. 
            • The kindness of software should be enabled by the robustness and feasibility in its technological realization. 
          • User than creator 
            • You. creator is in service to help user to reach their goal in better way. Your solutions should be based on the findings that user couldn't notice how to solve. 
          • service than art 
            • User's convenience and their behaviour is more important and valuable that your intention.
          • Outlines with complete sentence 
            • Please avoid to make your explanation in paragraphs.
      3. Submission 
        1. due; 9am on September 28th
        2. No e-mail or submission process is required. 
          I will check team repo in Github organization 9 am onwards. 
  3. Forthcoming schedule
    1. week 15 Coursework revision
      1. All the students are required to have their discussion via online first and then let me know the confirmed date and time. 
      2. Confirm the date and time by yourself. The venue will be studio 2016. 
      3. Available time 
        1. Date; 5, 6, 7 (Wed ~ Fri) on September
        2. Time; 9am ~ 6pm, except lunch hour (11am ~ 1:30pm) 
        3. Minimum 2 hours is required to have final revision. 
      4. If there is no confirmation contact to me by Tuesday (September 5th) the final revision will be automatically cancelled. 

On your 2nd assignment

posted Aug 11, 2016, 12:18 AM by Yonggeun Kim   [ updated Aug 11, 2016, 12:53 AM by Yonggeun Kim ]

Dear all, 

If you are having a problem to complete your 2nd assignment please watch the tutorial video below first.

After watching these videos you will learn the fundamental concepts on OOP(Object-Oriented Programming). The reason why this is important is that 99% of  libraries for processing are based on the this OOP concept as well as other computer programming language. 

Simply put controlP5 is another OOP-based library for processing to add UI components on your sketch. 

This means if know how the library organized based on OOP methodology you will learn how to use them for your own code. 

Briefing again, your goal is to add more than 5 controlP5 UI component onto your first assignment based on the code below. The code is from the Accessing Controllers section on the library github page with author's explanation.

    import controlP5.*;
    ControlP5 cp5;

    void setup() {
      size(400, 400);
      cp5 = new ControlP5(this);
      cp5.addSlider("mySlider").setPosition(20, 20).setSize(200, 20);

    void draw() {
      // cp5.getController returns a Controller object
      Controller c = cp5.getController("mySlider");

      // cp5.get here returns a Slider object
      Slider slider = cp5.get(Slider.class, "mySlider");
      println(slider.getMin(), slider.getMax());

While you're add the code from the imported library, here ControlP5, you need to know the property sand functionalities structured by author. To access the reference for this information please visit the package reference.

Don't forget updating your current github repo address next to your name on the student page. 

Enjoy coding and good luck. 

Yonggeun Kim 

Open application for ACA workshop

posted Aug 10, 2016, 11:50 PM by Yonggeun Kim   [ updated Aug 10, 2016, 11:50 PM by Yonggeun Kim ]

There is a paid workshop, Adobe Certified Associate (ACA) Workshop and Examination Organized by Acestar.

Please take note that to be eligible to participant in the ACA Championship 2017, you must be MALAYSIAN and between the ages of 13 to 22 as of September 2017.

Please let me know if you're interested after your perusal of the attached PDF file. 

CALL FOR VOLUNTEERS; The 9th Kuala Lumpur Eco Film Festival 2016 (KLEFF 2016)

posted Jul 27, 2016, 7:15 PM by Yonggeun Kim   [ updated Jul 27, 2016, 7:15 PM by Yonggeun Kim ]

The 9th Kuala Lumpur Eco Film Festival 2016 (KLEFF 2016) is an annual event that have been conducted for 8 years, organized by EcoKnights.This event focuses on environmental themed films that comprises of five categories which are;
  •  i) featured film full length
  • ii) documentary, 
  • iii) short film,
  • iv) public service announcement (PSA),
  • and v) animation.

The benefits that the volunteers may receive include:
  1. One meal voucher for every shift that the volunteers work in
  2. T-shirt by EcoKnights
  3. Experience and new circle of friends.

The job scope for volunteers of this event are as follows:
  1. VOLUNTEERS HEADS- Volunteers act as assistant to the EcoKnights crew and thus, should be prepared to sign up for more shifts as well as having enough knowledge about the festival.
  2. FILM SCREENING AND GREEN MARKET USHERS- Volunteers who work as ushers help scanning tickets, handing out festival guide books and helpingnpeople finding their seats.
  3. SHARP SHOOTERS (PHOTOGRAPHERS)- Volunteer photographers may keep their credits on photos, get exposure and help to cover ground. Those who are interested may send in the website or Flickr gallery
The dateline for volunteers to sign up will be 31st August 2016.

Those who are interested to become volunteers may head to the following link:

or contact FCM Lecturer Ms. Nana,

Assignment 1

posted Jul 25, 2016, 3:15 AM by Yonggeun Kim   [ updated Jul 25, 2016, 3:37 AM by Yonggeun Kim ]


  • ball control 


  • Enhance easing ball with all the interactivty mentioned at interactivity tutorial


  1. Make a new repository and name it ballControl.
  2. Copy and paste the source code from ( and add your own comment for each line 
  3. Merge all the interactivity mentioned in 
    1. Mouse Data
    2. Mouse buttons
    3. Keybard Data
    4. Coded Keys
    5. Events
      1. Mouse Events
      2. Key Events
    6. Event flow
    7. Cursor Icon
  4. Brush up the visual aesthetics of your interaction
  5. Necessities
    1. All the mouse and keyboard interaction must be included.
    2. Your code must be updated via github repo.
    3. Your code must have comments. 


  • Consistency of interaction
  • Corespondency between interaction and visual elements
  • Balance of shape, color, and movement
  • Playfulness of interaction

Due & submission

  • 28th July 2016 11:59pm on your own github

Mid Term Academic Evaluation

posted Jul 24, 2016, 8:33 PM by Yonggeun Kim   [ updated Aug 9, 2016, 6:04 PM by Yonggeun Kim ]

Students may visit the following address to participate in this exercise:

(Term ID: 1611) starting from 8th August 2016 until 21st August 2016

URL for the system: or students may directly go to

(CaMSys username and password are required to proceed to the next step).

1-7 of 7