lecture 11 | interact

LECTURE 11

Today, the class end late because every groups talk about the progress of their project and also A.june talk about the lecture call " Interaction Design ". The lecture does not talk in detail because of limit of time. By the way, I will read it and summarize in my own words and opinion. I will start with the progress of each group by reference from my lecture note; lecture 8

First group: " Learning Mania "

They use Data Mining algorithm to be the component for this project. They separate their work into 5 parts

1. Related Theory and review: They find out the research about Social Network including: data mining, clustering method and A new blockmodeling based hierarchical clustering algorithm.

2. User experience: You have basic information of the user and design interface use simply.

3. Data Connection and filtering: To know the method of finding how to get data from Facebook. You must concentrate about API (Application Programming Interface) working and do not forget to concentrate on source code.

4. The Questionnaire: Design from interesting, emotion, education and society.

5. Data Storage and Database: You have to know how to use software and database.

Second group: " Social Network Analysis "

They separate the project into 3 parts including: Collect data, Analysis and Discussion.

Collect data: They will survey the paper and people from social network information. Their analytic tool is user analysis and social network site data.

Analysis: They will find out the key feature and also measure the data. The output of their project is full report, info graphic and video.

Discussion: After finish each step, they will have a discussion.

Third group: " Social Check-in "

This application will help people know the location of their friends on Facebook every time.

the method:

- Connect to Facebook graph

- It will show the location on the map by pitch the pin.

- This application can both hide and un-hide friend.

- Input the time to filter when your friends check in.

Forth group " Facebook Additive "

This group do the web application about Facebook addict. It will measure the people how they addict the Facebook by use the criteria to count the post. After measure how often people use Facebook, it will show the message to warn the user how much they use Facebook. Another group suggest this group that they should use data mining, check for 'seen by' and also use economic support to measure.

Fifth group " Small World "

The concept of this group is about person who live in the same place will has probability to be friend more than a person who does not live in the same place. They will review paper about the small world to get enough information support their project. They explain about how people connected. If one of the connection is lost, it can not sent all the information and if the group of people is more than 14, it also can not sent the data but it can solve by use the short cut.

Sixth group " Picstory "

This is my group. Our group will create the web application that will bring the photo to make a story. Our progress is finishing design the database and clearly understand the scope and how to implement code. We also finishing design web page interface and list all the question of our questionnaire about this web application.

Our project consists of 2 parts as following

1. User Interface - We use HTML, PHP, and CSS for implementing display part of the web page application since a web browser does not require any extension or plugin. Moreover, PHP is a web development language that can create Web 2.0. So web page can interact with users.

2. Server Background Processing - We use MySQL for storing our database and using PHP to connect between the database and the web page application since PHP is fast, stable, and open source.

Seventh group " Popularity of viral video an in-depth analysis "

They will extract data from video to get the step of video processing and they also extract data from the sound. They separate into 3 part including: video, sound and social data.

Video :

- Motion level = measure the motion in the video (high acting)

- RGB Pixel = Put off the background and get the object. (Red Green Blue)

- gray scale and threshold

- Measure black pixel

Sound :

- How long of screen

- buffer size

Social Data :

- measure from like, comment, dislike, view, favorite and date

THE LECTURE: Basic Interaction Design

You can read the information of interaction design form the paper to help you make the right design and fit to your application. Social software or social networking are concerning about how you interact with the people in virtual world online. A lot of human computer interaction book reading out date from new device. If you know about the human interaction, it focus on user interface design. Because the technology change so fast: for example, smart phone or smart device etc. and a lot of technique that you never imagine in the past can occur today. If you understand how to make the interaction design correctly, you can apply to your work because it is very important. Most of human computer interaction book or textbook base on screen design.

Basically, You must know what is your design, goal, constrain and also the intervention. You must identify the user such as who are they, their habit or what do they like. The scenario is very important because you have to think clearly since the use log in and how they user each function until they log out. You also have to thinking about the iteration, prototype and update the process.

Not only the interface that you have to make the interesting design, but also the interaction because you have to adjust the interaction from the technology that change often. You also should clearly the manual, tutorial and documentation. Especially, you must observe the user; who are they?

Design: You must complete the purpose the goal by follow all the constraints; materials and platform.

Human computer Interaction: You have to understand how was the social, phychical human and the device. User can make error so you have to make good navigate.

The process of design: First, you will get the requirment and you have to think what they want and then analysis the scenarios and understanding, after that design and implement it.

Scenario: You have to know step by step when user use your software. Scenario is linear to system which has several method. You should make it easy to understand and concrete.

Navigation design:

- local structure > single screen

- global structure > whole site

The web: You have to consider about the design of screen, navigation and page. You also have to thinking of the web, browser and external link. The site structure, element and tags are the important point of the web design.

Physical devices: You have to consider about the design of screen and navigation the same as web. You also have to thinking of physical layer, how to control and mode of devices.

Four golden rules:

- You have to know where you are.

- You have to know the scope what you can do.

- You have to know where you are going to and what will happen next.

- You have to know where you have been and what you have done

How to Decorate your website

- You can use the box to separate the item in your website to group them.

- You can select the fonts that appropriate or emphasis to your website.

- You also have to align

- Text

- Name

- Number

- Column

- Topic

- Structure

- Highlight

Prototyping

Prototyping is used by designers to get the feedback from users about the designs. It mean that you can not make the right design at the first time. It similarly to mock-ups. You can make the prototypes for test the usability in the development process. It possible to get a formal approval of the design before you progress the work. The advantage is to discussion and experiment during the session.