Engineer Job Applicant
Applicant Profile
Ikwhan Chang
Expected Position
- System SW Engineer
- Backend Web Developer
- Data Scientist
Last Update : Oct, 2015
IKWHAN CHANG
Job Applicant
Student Profile
• PERSONAL INFORMATION
• Name: Ikwhan Chang (Matthew)
• Last Qualification: B.S. in Computer Science and Engineering, Chung-Ang University, Seoul, South Korea
• Current University: San Jose State University, San Jose, CA
• CONTACT
• Mobile: +1 (408)410 4202
• Email: matthew.chang@me.com
• Web: www.matthewlab.com
• Full Resume: resume.matthewlab.com
2
IKWHAN CHANG
Job Applicant
Profile
• PROFESSIONAL INFORMATION
• Working Experience: 9 Year
• Current Status: Master’s Student in Computer Engineering at San Jose State University
• Recent Work: Project NGX(Remote Web Controller), Project Dani(Social Collaboration and Share Web Service)
• CURRENT WORKS
• Publications: HTML5 and Mobile Web For Full-Stack Programmer, ISBN(13)-9788960881327, Korea
• Undergraduate Thesis: A New Interface Between Smart Device and Web using HTML5 WebSocket and QR-Code, 2014
• Ongoing Project: URHY.ME(Computer-aided Web Management Tool)
• INTERESTS
• Distributed & Cloud Computing
• Automation of SW Development, Deployment and Maintenance
• Optimization of Traffic Between Client and Server
3
IKWHAN CHANG
Job Applicant
Index
1. Overview ……………………………………. 5
• Personal Background
• Skill Pathway
• Expected Job Position
2. Current Project: urhy.me …………….. 9
• Overview
• Motivation
• Problems & Solutions
• System Design
• Social Architecture
3. Academic Background …………….. 22
• Overview
• Project Area
• Project Dani
• Project NGX
5. Professional Achievement …………………... 37
• Overview
• Field of Development
• Expertise
6. Entrepreneur Leadership ………………….. 42
• Overview
• Result
7. Summary …………………………………… 45
4
Overview
❖ Personal Background
❖ Skill Pathway
❖ Expected Job
Positions
5
IKWHAN CHANG
Job Applicant
Personal Background
2006-2008 2009-2011 2012-Present
Entrepreneurship Professional Undergrad
• Founded startup
• Worked as Project
Manager
• Invested $1 million
• Developed in social
MMORPG
• Research in social media
channels and web 2.0
Welegend Co., Ltd.
• Worked as software
engineer&Web designer
• Developed in backend
especially Java/J2EE
• Developed several
collaboration system
Elancer Co, Ltd
Webcash Inc.
• Learned CS subjects
• Awarded Web Service
Challenge
• Published book
• Researched Web Service
and Software Engineering
• Leader of Many Projects
Chung Ang University
Insight of social media
and web 2.0
Technical/Design Skills
Interested in Computer-Mediated SW Developments Automation
Computer Science
Background
6
IKWHAN CHANG
Job Applicant
ApacheHTTP
Skill Pathway
Web Server,
Cloud
1995 1998 2001 2004 2007 2010 20131992
Design
Programming
Web&Dev

Theory
Database
Mobile Web
Startedtouse

Computer
Web
Application
Server
7
Windows3.0
Windows95
WindowsNT
PaintShopProPhotoshopDreamweaver
Windows2003
DHTMLVBScript
C/C++/Perl
WebDesign
JSP
Windows2000
RHEL
CentOS
Solaris
MySQL
MSSQL
3D
DirectX
WebGL
ASP
AWS
J2EE
TomcatResinOracle9i
Web2.0
PhoneGap
MobileWeb
Responsive
Bootstrap
SNS
Integration
HTML5
WebSphere
Oracle10g
JBossNetty
MariaDB
jQuery
WebProgramming
JavaScript MMORPG
AIX
Security
Internet
UserInterface
UX
Akka
Concurrent
PHP
Agile
Control
IIS JAVA
Play!
HTML
LAMP
Version
Continuous
MongoDB
Programming
C#
.Net
ASP.NET
WPF
Silverlight
Flex
GAE
Heroku
LESS
CoffeeScript
Backborn.js
Scala
Node.js
NginX
Fullstack
Developer
2015
CouchDB
Cassandra
RLanguageSAS
Python
Hadoop
MapReduce
Spark
H/W Technician Web Designer Software Engineer CS Student/Fullstack Developer
GoogleCloud
Openstack
IKWHAN CHANG
Job Applicant
Data Scientist
System Software
Engineer
Back-end Web
Developer
Expected Job Positions
Future: Computer-mediated Software Development Automation
Backend Web
Developer
Frontend Web
Developer
Web Designer
DatabaseWeb & UI Design
8
Front/Back-end
Programming
Past: Development & Design Expertise
Deployment
Manager
SW Quality
Analyzer
Server
Manager
Present: Fullstack Web Developer
Current Project
❖ Overview
❖ Motivation
❖ Problems & Solutions
❖ System Design
❖ System Architecture
9
IKWHAN CHANG
Job Applicant
Current Project
❖ Project Name: Urhy.me(You and my rhyme)
❖ Project Date: October, 2014 - Present
❖ Type: Computer-mediated Data Visualization & Cognitive Web Service
❖ Inspiration:
❖ How can social network service help welfare in reality?
❖ How can we see complex personal big data collected from Internet or device is right along or not?
❖ How can we see better things or potential risk factor in these data?
❖ Goal:
❖ Collect user’s numerous data to analyse of personal data.
❖ Provide simple, powerful and intuitive data visualization.
Overview
Personal Data Wearable - Health Data
Smart Phone UsageSNS Activity
Collaborative Work
Complex Data
Internet of Things
URHYME 

Data Analyzer
Simplified Data
Check whether user’s goals is
right along
Check potential risk factor
Better
Welfare and
Achievement
10
urhyme
IKWHAN CHANG
Job Applicant
Current Project
Motivation
11
Good Habit
Wedding
Good
Relationship
TOEFL/GRE
Lose Weight
Wealth
Good Looking
English
Proficiency
$10000
Write a song
Get a job
Love
Graduate
School Good Habit
Wedding
TOEFL/GRE
Lose Weight
Wealth
Good Looking
English
Proficiency
$10000
Write a songGet a job
Love
Graduate
School
Health
Health
Life
Knowledge Talent
My flood of thought in 2011
I want to be
diesel !
I need more
money..
I want to be
a singer..!!
I want to be
early bird..
Exercise
Categories
Sub Categories
Achieve
Step 1: Think
Step 2: Organize
Steps to organize
(1)Determine what is top-tier category based on Health/
Exercise,/Family/Love/Studies/Programming/Design/
Knowledge/Talent which are what I want to accomplish
(2)Determine what is sub categories
(3)Arrange other thought in sub categories
me
Get Prize
(This motivation is based on my experience from 2011 to now)
❖I am so ambitious man! I want to achive all of my dreams!
❖However, sometimes these dreams makes me tired because there too many things to manage coherently!
➡So, I designed the organization process as below:
urhy me
cognition & visualization
IKWHAN CHANG
Job Applicant
1/41/31/2Today 1/5 …
Current Project
12
Wealth Health
LoveFamily
Relationship
Whole My Dream List(Complex)
Talent
100-years
Roadmap
50’s40's30’s20’s …
2017201620152014
60’s
2018 …
1st-quarter 2nd-quarter 3rd-quarter 4nd-quarter
January February March
1st-week 2nd-week 3rd-week 4nd-week
Step 3:
Simplify
Steps to simplify
(1)Make a 100-year roadmap of life using Excel
(2)Decide on a due date and start date each fragmented
goals roughly.
(3)Divide fragmented goals into by 10-year(based on
age)
(4)Divide (3)’s fragmented goals into by 1-year
(5)Divide (4)’s fragmented goals into by four quarters
(6)Divide (5)’s fragmented goals into by months
(7)Divide (6)’s fragmented goals into by the day
➡ Result: today’s to do list based on (7)
(1)
(3)
(4)
(5)
(6)
(7)
urhy me
cognition & visualizationMotivation
Steps to achieve goals
Checked today’s to do list with simple memo.
IKWHAN CHANG
Job Applicant
Current Project
13
Result from my motivation
Time
Goals
2011
…
20’s 30’s 40’s 50’s
Health
Knowledge
Study
Honor
Job
Happiness
Wealth
2010~2085 Roadmap of Life in Excel
urhy me
cognition & visualizationMotivation
IKWHAN CHANG
Job Applicant
Current Project
14
1. Roadmap - 20’s
Health
2. Roadmap - 2014
Health
3. Roadmap - 2014 Sep
Divide
Divide
Finally, It can easily check!
This system
called“rhyme”
4. To do & check list - 2014 Sep Weekly
urhy me
cognition & visualizationMotivation
2014201320122011
September
2nd Week
2nd Week
IKWHAN CHANG
Job Applicant
Current Project
15
Problems
❖ For design this checklist system, I spent four months. It is not easy for ordinary people.
➡ They need to help from expert or friends for make that system!
❖ I had write down excel for 4 year but there is too many accumulated activities and fragmented goals, making me complexing.
➡ More simplified&visualized dashboard is needed!
❖ If I have no write down my activity, I easily lose the will to write down and It makes some gap which cause I cannot easily
recognise whether my activities is going well or not.
➡ Automatic checking is needed!
Still too many goals!
Gap -> discourage to accumulate data!!
urhy me
cognition & visualizationProblems
Not checked
IKWHAN CHANG
Job Applicant
Current Project
Solutions
16
Good Habit
Wedding Good Relationship
TOEFL/GRE
Lose Weight
Wealth
Good Looking
English Proficiency
$10000
Write a song
Get a job
Love
Graduate School Health
Exercise
me
➡They need to help from expert or friends for make that system!
me
social friendsexperts
Professional Dieter
Money/Job Expert
Language Expert
Good Habit
Wedding Good Relationship
TOEFL/GRE Lose Weight
Wealth
Good Looking
English Proficiency
$10000
Write a song
Get a job
Love
Graduate School Health
Exercise
✓ Solution: Social Collaboration System
The social collaboration system will organize my complex goals automatically using experts or social
friend’s achievements.
urhy me
cognition & visualization
IKWHAN CHANG
Job Applicant
Current Project
17
➡More data simplification&visualization is needed!
✓ Solution: Provide powerful and intuitive data visualization
- Responsive Web & data visualization is adjusted and powerful chart is attached in dashboard
- Optimize to mobile web using responsive web and HTML5
Responsive personal dashboard
Responsive web checklist(for collecting personal data easily) Mobile Web Dashboard
(Warn: Design is just prototype!)
urhy me
cognition & visualizationSolution
IKWHAN CHANG
Job Applicant
Current Project
18
➡Automatic checking system is needed!
✓ Solution: Smart&Wearable Device is going to work
❖ HTML5 based mobile web app is provided since most wearable will support HTML5 and HTML5
Push API will be more powerful soon
❖ Collected data will be used for the data analyzer in order to compare the other social friends
➡After collect data, the data analyzer can work as organizer according to circumstantial similarity
❖ Urhy.me will provide open API for third-party
(Warn: Design is just prototype!)
My Rhyme
Time
Goal
V
V
V
V
V
V
Good Habit
Wedding Good
TOEFL/GRE
Lose Weight
Wealth
Good
English
$10000
Write a song
Get a job
Love
Graduate
Health
Exercise
experts
mine
Auto check rhyme
Auto categorization
Urhy.me Data
Analyzer
urhy me
cognition & visualizationSolution
friends
IKWHAN CHANG
Job Applicant
Current Project
Cognitive Engine Process
Personal Data
Work Family Friend
Urhy.me Data Analyzer
Welfare Social Management
Money ….
Urhy.me Data Visualization
Urhy.me HTML5 Data
Gathering Engine

from Wearable/Smart
Device
Urhy.me 

Management Tools
Integration
Urhy.me Simplified Responsive web UI
Problem:
Complex Data
User hardly recognize
these data
Solution: 

Data Visualization
User easily interpret
what’s wrong or okay
Data
Analyzing
Friend/Group’s Data
Urhy.me 

SNS
Health
Mentor’s Opinion
Urhy.me 

Brand
19
urhy me
cognition & visualization
IKWHAN CHANG
Job Applicant
Urhy.me SNS
Personal Big Data
Urhy.me BRAND
Urhy.me
Management Tool
Current Project
System Design
Social Relation Group Relation
My Rhyme
Time
Goal
V
V
V
V
V
V
Friend’s Rhyme
Time
Goal
V
V
V
V
V
V
Group Rhyme
Time
Goal
V
V
V
V
V
V
Rhyme
Time
Goal
V
V
V
V
V
V
Sell or mentor their
achieved rhyme
Group Rhyme
Time
Goal
V
V
V
V
V
V
Wearable Device
Accomplisher = Personal Brand
Urhy.me
Timeline
Post
Useless
Post
Checklist
Tool
Auto Checking Rhyme
Success or
Achieve
Everyday
information from
sensor
Urhy.me - Data Analyzer
Work Family Friend Money Health
Personal Data
Friend/Group’s Data
Mentor’s OpinionSocial Activity
20
urhy me
cognition & visualization
IKWHAN CHANG
Job Applicant
Data Visualization
Data Collector
Data 

Analyzer
Web Service
Collaboration
Current Project
System Architecture
Urhy.me Data Analyzer
Welfare Social Management
Urhy.me Data Visualization
Urhy.me Hybrid Device App
Urhy.me Management Tools
Urhy.me Simplified UI
Urhy.me SNS
Todo Calendar Time Management
Urhy.me Brand
21
urhy me
cognition & visualization
Academic
Background
❖ Overview
❖ Project Area
❖ Project Dani
❖ Project NGX
22
IKWHAN CHANG
Job Applicant
Research Interest
Distributed & Cloud Computing
Computer-mediated SW Development Automation
Projects
HCI Capstone Project(Project NGX)
Wearable Device Project(Project HOWELL)
Social Rich Internet Application Project(Project Dani)
Game Design Project(Project Avalon Online)
Social Data Analytics Project(Project LTS Engine)
Subject of Computing
Software Engineering Data Structure
Assembly Language
Programming Algorithm
Wireless & NetworkComputer Structure
C/C++/Java
Database
Mobile Apps(Android,
Object-Oriented Programming
Artificial Intelligence
Subject of Science & Mathematics
Discrete Mathematics
Probability & Statistics Linear Algebra
Numerical Analytics
Physics
Biology
Subject of Public Relation
Interactive Brand Communication Case Study : Public Relation
Multidisciplinary Approach
23
Personal Data Visualization(matthewlab.com)
Academic Background
Overview
Fullstack Software Development
IKWHAN CHANG
Job Applicant
Project NGX (HCI)
Web controller that can send motions from user’s
device like swipe, motion sensor, and touch for
website to some actions via QR-Code.
Facebook Remote Volleyball Game
Simple volleyball game but “Remote” concept, which
means that user can control ball via their own device,
was adapted.
Latest
Main PRJ
Academic Background
Project Area
Book: HTML5 and Mobile Web For Full-Stack
Programmer
Used for main textbook at computer science course at
Samsung software course in Chung-Ang University,
teaching by Dr. W.S. Na
Html5korea.com 

Lectured developer for having html skills
Translation of HTML5 Technical Document
URHY.ME
Social Data Analyzer based on to-do list, gathering device’s
records, providing data visualization in order to check their
status of life in one Web page.
Dani Project (Social Map Sharing)
Social map that can make user’s own street map and easily
share. Won the Naver app challenge with first prize.
LTS Engine
LTS (Local Twitter Search) is a program that analyze the user’s twits
based on geo information, using NASA’s World Wind SDK and Twitter O-
Auth.
Avalon Online
Online java version of Avalon game, famous board game, using Facebook’s
social plugins that can login via Facebook account and share score on timeline.
Neni Diary
Simple java calendar program that can login, sharing and alarming their
schedule
Jake Bridge Project
Flex program that can search addresses, easily translate other language,
and share via email.
Memorizing A Words
Program help to memorize English words like flashcard.
Data Visualization
Entertainment & Tools HTML5 Specialist
Human-Computer Interaction
Current
Main PRJ
24
IKWHAN CHANG
Job Applicant
Academic Background
❖ Project Name: Project Dani(Dani means‘public road’in Korean)
❖ Project Date: January, 2011 - April, 2011
❖ Type: Data Visualization
❖ Motivation
❖ Create my own map, drawing memorable spot
❖ Visualize and Share my map data in social platform
❖ Goal
❖ Provide User-friendly data visualization based on Rich Internet
Application(Adobe Flex)
❖ Combine several Open API, Map Service
❖ One-Source Multi Use in other social platform
❖ Achievement
❖ Naver Inc., Creative App Award, 1st prize with $1 million awards
Project Dani
Data
Visualization
Cross Platform
My Map Share
Memorable Spot
Road
Open Social
Rich Internet Application
Open API/Map Service
25
IKWHAN CHANG
Job Applicant
Academic Background
Project Dani - Prototyping
My Map ShareMemorable Spot
Road
Open Social
Rich Internet Application
Open API/Map Service
Cross
Platform
Analogue UI
1IND
 
9O
 
 
 
 
 
  TNGDOK
 7IB
 
-DD
 
 
 ,
 
 
 
 
  OTL
 6O A
 
IP
 ,

Profile_ Ikwhan chang

  • 1.
    Engineer Job Applicant ApplicantProfile Ikwhan Chang Expected Position - System SW Engineer - Backend Web Developer - Data Scientist Last Update : Oct, 2015
  • 2.
    IKWHAN CHANG Job Applicant StudentProfile • PERSONAL INFORMATION • Name: Ikwhan Chang (Matthew) • Last Qualification: B.S. in Computer Science and Engineering, Chung-Ang University, Seoul, South Korea • Current University: San Jose State University, San Jose, CA • CONTACT • Mobile: +1 (408)410 4202 • Email: matthew.chang@me.com • Web: www.matthewlab.com • Full Resume: resume.matthewlab.com 2
  • 3.
    IKWHAN CHANG Job Applicant Profile •PROFESSIONAL INFORMATION • Working Experience: 9 Year • Current Status: Master’s Student in Computer Engineering at San Jose State University • Recent Work: Project NGX(Remote Web Controller), Project Dani(Social Collaboration and Share Web Service) • CURRENT WORKS • Publications: HTML5 and Mobile Web For Full-Stack Programmer, ISBN(13)-9788960881327, Korea • Undergraduate Thesis: A New Interface Between Smart Device and Web using HTML5 WebSocket and QR-Code, 2014 • Ongoing Project: URHY.ME(Computer-aided Web Management Tool) • INTERESTS • Distributed & Cloud Computing • Automation of SW Development, Deployment and Maintenance • Optimization of Traffic Between Client and Server 3
  • 4.
    IKWHAN CHANG Job Applicant Index 1.Overview ……………………………………. 5 • Personal Background • Skill Pathway • Expected Job Position 2. Current Project: urhy.me …………….. 9 • Overview • Motivation • Problems & Solutions • System Design • Social Architecture 3. Academic Background …………….. 22 • Overview • Project Area • Project Dani • Project NGX 5. Professional Achievement …………………... 37 • Overview • Field of Development • Expertise 6. Entrepreneur Leadership ………………….. 42 • Overview • Result 7. Summary …………………………………… 45 4
  • 5.
    Overview ❖ Personal Background ❖Skill Pathway ❖ Expected Job Positions 5
  • 6.
    IKWHAN CHANG Job Applicant PersonalBackground 2006-2008 2009-2011 2012-Present Entrepreneurship Professional Undergrad • Founded startup • Worked as Project Manager • Invested $1 million • Developed in social MMORPG • Research in social media channels and web 2.0 Welegend Co., Ltd. • Worked as software engineer&Web designer • Developed in backend especially Java/J2EE • Developed several collaboration system Elancer Co, Ltd Webcash Inc. • Learned CS subjects • Awarded Web Service Challenge • Published book • Researched Web Service and Software Engineering • Leader of Many Projects Chung Ang University Insight of social media and web 2.0 Technical/Design Skills Interested in Computer-Mediated SW Developments Automation Computer Science Background 6
  • 7.
    IKWHAN CHANG Job Applicant ApacheHTTP SkillPathway Web Server, Cloud 1995 1998 2001 2004 2007 2010 20131992 Design Programming Web&Dev
 Theory Database Mobile Web Startedtouse
 Computer Web Application Server 7 Windows3.0 Windows95 WindowsNT PaintShopProPhotoshopDreamweaver Windows2003 DHTMLVBScript C/C++/Perl WebDesign JSP Windows2000 RHEL CentOS Solaris MySQL MSSQL 3D DirectX WebGL ASP AWS J2EE TomcatResinOracle9i Web2.0 PhoneGap MobileWeb Responsive Bootstrap SNS Integration HTML5 WebSphere Oracle10g JBossNetty MariaDB jQuery WebProgramming JavaScript MMORPG AIX Security Internet UserInterface UX Akka Concurrent PHP Agile Control IIS JAVA Play! HTML LAMP Version Continuous MongoDB Programming C# .Net ASP.NET WPF Silverlight Flex GAE Heroku LESS CoffeeScript Backborn.js Scala Node.js NginX Fullstack Developer 2015 CouchDB Cassandra RLanguageSAS Python Hadoop MapReduce Spark H/W Technician Web Designer Software Engineer CS Student/Fullstack Developer GoogleCloud Openstack
  • 8.
    IKWHAN CHANG Job Applicant DataScientist System Software Engineer Back-end Web Developer Expected Job Positions Future: Computer-mediated Software Development Automation Backend Web Developer Frontend Web Developer Web Designer DatabaseWeb & UI Design 8 Front/Back-end Programming Past: Development & Design Expertise Deployment Manager SW Quality Analyzer Server Manager Present: Fullstack Web Developer
  • 9.
    Current Project ❖ Overview ❖Motivation ❖ Problems & Solutions ❖ System Design ❖ System Architecture 9
  • 10.
    IKWHAN CHANG Job Applicant CurrentProject ❖ Project Name: Urhy.me(You and my rhyme) ❖ Project Date: October, 2014 - Present ❖ Type: Computer-mediated Data Visualization & Cognitive Web Service ❖ Inspiration: ❖ How can social network service help welfare in reality? ❖ How can we see complex personal big data collected from Internet or device is right along or not? ❖ How can we see better things or potential risk factor in these data? ❖ Goal: ❖ Collect user’s numerous data to analyse of personal data. ❖ Provide simple, powerful and intuitive data visualization. Overview Personal Data Wearable - Health Data Smart Phone UsageSNS Activity Collaborative Work Complex Data Internet of Things URHYME 
 Data Analyzer Simplified Data Check whether user’s goals is right along Check potential risk factor Better Welfare and Achievement 10 urhyme
  • 11.
    IKWHAN CHANG Job Applicant CurrentProject Motivation 11 Good Habit Wedding Good Relationship TOEFL/GRE Lose Weight Wealth Good Looking English Proficiency $10000 Write a song Get a job Love Graduate School Good Habit Wedding TOEFL/GRE Lose Weight Wealth Good Looking English Proficiency $10000 Write a songGet a job Love Graduate School Health Health Life Knowledge Talent My flood of thought in 2011 I want to be diesel ! I need more money.. I want to be a singer..!! I want to be early bird.. Exercise Categories Sub Categories Achieve Step 1: Think Step 2: Organize Steps to organize (1)Determine what is top-tier category based on Health/ Exercise,/Family/Love/Studies/Programming/Design/ Knowledge/Talent which are what I want to accomplish (2)Determine what is sub categories (3)Arrange other thought in sub categories me Get Prize (This motivation is based on my experience from 2011 to now) ❖I am so ambitious man! I want to achive all of my dreams! ❖However, sometimes these dreams makes me tired because there too many things to manage coherently! ➡So, I designed the organization process as below: urhy me cognition & visualization
  • 12.
    IKWHAN CHANG Job Applicant 1/41/31/2Today1/5 … Current Project 12 Wealth Health LoveFamily Relationship Whole My Dream List(Complex) Talent 100-years Roadmap 50’s40's30’s20’s … 2017201620152014 60’s 2018 … 1st-quarter 2nd-quarter 3rd-quarter 4nd-quarter January February March 1st-week 2nd-week 3rd-week 4nd-week Step 3: Simplify Steps to simplify (1)Make a 100-year roadmap of life using Excel (2)Decide on a due date and start date each fragmented goals roughly. (3)Divide fragmented goals into by 10-year(based on age) (4)Divide (3)’s fragmented goals into by 1-year (5)Divide (4)’s fragmented goals into by four quarters (6)Divide (5)’s fragmented goals into by months (7)Divide (6)’s fragmented goals into by the day ➡ Result: today’s to do list based on (7) (1) (3) (4) (5) (6) (7) urhy me cognition & visualizationMotivation Steps to achieve goals Checked today’s to do list with simple memo.
  • 13.
    IKWHAN CHANG Job Applicant CurrentProject 13 Result from my motivation Time Goals 2011 … 20’s 30’s 40’s 50’s Health Knowledge Study Honor Job Happiness Wealth 2010~2085 Roadmap of Life in Excel urhy me cognition & visualizationMotivation
  • 14.
    IKWHAN CHANG Job Applicant CurrentProject 14 1. Roadmap - 20’s Health 2. Roadmap - 2014 Health 3. Roadmap - 2014 Sep Divide Divide Finally, It can easily check! This system called“rhyme” 4. To do & check list - 2014 Sep Weekly urhy me cognition & visualizationMotivation 2014201320122011 September 2nd Week 2nd Week
  • 15.
    IKWHAN CHANG Job Applicant CurrentProject 15 Problems ❖ For design this checklist system, I spent four months. It is not easy for ordinary people. ➡ They need to help from expert or friends for make that system! ❖ I had write down excel for 4 year but there is too many accumulated activities and fragmented goals, making me complexing. ➡ More simplified&visualized dashboard is needed! ❖ If I have no write down my activity, I easily lose the will to write down and It makes some gap which cause I cannot easily recognise whether my activities is going well or not. ➡ Automatic checking is needed! Still too many goals! Gap -> discourage to accumulate data!! urhy me cognition & visualizationProblems Not checked
  • 16.
    IKWHAN CHANG Job Applicant CurrentProject Solutions 16 Good Habit Wedding Good Relationship TOEFL/GRE Lose Weight Wealth Good Looking English Proficiency $10000 Write a song Get a job Love Graduate School Health Exercise me ➡They need to help from expert or friends for make that system! me social friendsexperts Professional Dieter Money/Job Expert Language Expert Good Habit Wedding Good Relationship TOEFL/GRE Lose Weight Wealth Good Looking English Proficiency $10000 Write a song Get a job Love Graduate School Health Exercise ✓ Solution: Social Collaboration System The social collaboration system will organize my complex goals automatically using experts or social friend’s achievements. urhy me cognition & visualization
  • 17.
    IKWHAN CHANG Job Applicant CurrentProject 17 ➡More data simplification&visualization is needed! ✓ Solution: Provide powerful and intuitive data visualization - Responsive Web & data visualization is adjusted and powerful chart is attached in dashboard - Optimize to mobile web using responsive web and HTML5 Responsive personal dashboard Responsive web checklist(for collecting personal data easily) Mobile Web Dashboard (Warn: Design is just prototype!) urhy me cognition & visualizationSolution
  • 18.
    IKWHAN CHANG Job Applicant CurrentProject 18 ➡Automatic checking system is needed! ✓ Solution: Smart&Wearable Device is going to work ❖ HTML5 based mobile web app is provided since most wearable will support HTML5 and HTML5 Push API will be more powerful soon ❖ Collected data will be used for the data analyzer in order to compare the other social friends ➡After collect data, the data analyzer can work as organizer according to circumstantial similarity ❖ Urhy.me will provide open API for third-party (Warn: Design is just prototype!) My Rhyme Time Goal V V V V V V Good Habit Wedding Good TOEFL/GRE Lose Weight Wealth Good English $10000 Write a song Get a job Love Graduate Health Exercise experts mine Auto check rhyme Auto categorization Urhy.me Data Analyzer urhy me cognition & visualizationSolution friends
  • 19.
    IKWHAN CHANG Job Applicant CurrentProject Cognitive Engine Process Personal Data Work Family Friend Urhy.me Data Analyzer Welfare Social Management Money …. Urhy.me Data Visualization Urhy.me HTML5 Data Gathering Engine
 from Wearable/Smart Device Urhy.me 
 Management Tools Integration Urhy.me Simplified Responsive web UI Problem: Complex Data User hardly recognize these data Solution: 
 Data Visualization User easily interpret what’s wrong or okay Data Analyzing Friend/Group’s Data Urhy.me 
 SNS Health Mentor’s Opinion Urhy.me 
 Brand 19 urhy me cognition & visualization
  • 20.
    IKWHAN CHANG Job Applicant Urhy.meSNS Personal Big Data Urhy.me BRAND Urhy.me Management Tool Current Project System Design Social Relation Group Relation My Rhyme Time Goal V V V V V V Friend’s Rhyme Time Goal V V V V V V Group Rhyme Time Goal V V V V V V Rhyme Time Goal V V V V V V Sell or mentor their achieved rhyme Group Rhyme Time Goal V V V V V V Wearable Device Accomplisher = Personal Brand Urhy.me Timeline Post Useless Post Checklist Tool Auto Checking Rhyme Success or Achieve Everyday information from sensor Urhy.me - Data Analyzer Work Family Friend Money Health Personal Data Friend/Group’s Data Mentor’s OpinionSocial Activity 20 urhy me cognition & visualization
  • 21.
    IKWHAN CHANG Job Applicant DataVisualization Data Collector Data 
 Analyzer Web Service Collaboration Current Project System Architecture Urhy.me Data Analyzer Welfare Social Management Urhy.me Data Visualization Urhy.me Hybrid Device App Urhy.me Management Tools Urhy.me Simplified UI Urhy.me SNS Todo Calendar Time Management Urhy.me Brand 21 urhy me cognition & visualization
  • 22.
    Academic Background ❖ Overview ❖ ProjectArea ❖ Project Dani ❖ Project NGX 22
  • 23.
    IKWHAN CHANG Job Applicant ResearchInterest Distributed & Cloud Computing Computer-mediated SW Development Automation Projects HCI Capstone Project(Project NGX) Wearable Device Project(Project HOWELL) Social Rich Internet Application Project(Project Dani) Game Design Project(Project Avalon Online) Social Data Analytics Project(Project LTS Engine) Subject of Computing Software Engineering Data Structure Assembly Language Programming Algorithm Wireless & NetworkComputer Structure C/C++/Java Database Mobile Apps(Android, Object-Oriented Programming Artificial Intelligence Subject of Science & Mathematics Discrete Mathematics Probability & Statistics Linear Algebra Numerical Analytics Physics Biology Subject of Public Relation Interactive Brand Communication Case Study : Public Relation Multidisciplinary Approach 23 Personal Data Visualization(matthewlab.com) Academic Background Overview Fullstack Software Development
  • 24.
    IKWHAN CHANG Job Applicant ProjectNGX (HCI) Web controller that can send motions from user’s device like swipe, motion sensor, and touch for website to some actions via QR-Code. Facebook Remote Volleyball Game Simple volleyball game but “Remote” concept, which means that user can control ball via their own device, was adapted. Latest Main PRJ Academic Background Project Area Book: HTML5 and Mobile Web For Full-Stack Programmer Used for main textbook at computer science course at Samsung software course in Chung-Ang University, teaching by Dr. W.S. Na Html5korea.com 
 Lectured developer for having html skills Translation of HTML5 Technical Document URHY.ME Social Data Analyzer based on to-do list, gathering device’s records, providing data visualization in order to check their status of life in one Web page. Dani Project (Social Map Sharing) Social map that can make user’s own street map and easily share. Won the Naver app challenge with first prize. LTS Engine LTS (Local Twitter Search) is a program that analyze the user’s twits based on geo information, using NASA’s World Wind SDK and Twitter O- Auth. Avalon Online Online java version of Avalon game, famous board game, using Facebook’s social plugins that can login via Facebook account and share score on timeline. Neni Diary Simple java calendar program that can login, sharing and alarming their schedule Jake Bridge Project Flex program that can search addresses, easily translate other language, and share via email. Memorizing A Words Program help to memorize English words like flashcard. Data Visualization Entertainment & Tools HTML5 Specialist Human-Computer Interaction Current Main PRJ 24
  • 25.
    IKWHAN CHANG Job Applicant AcademicBackground ❖ Project Name: Project Dani(Dani means‘public road’in Korean) ❖ Project Date: January, 2011 - April, 2011 ❖ Type: Data Visualization ❖ Motivation ❖ Create my own map, drawing memorable spot ❖ Visualize and Share my map data in social platform ❖ Goal ❖ Provide User-friendly data visualization based on Rich Internet Application(Adobe Flex) ❖ Combine several Open API, Map Service ❖ One-Source Multi Use in other social platform ❖ Achievement ❖ Naver Inc., Creative App Award, 1st prize with $1 million awards Project Dani Data Visualization Cross Platform My Map Share Memorable Spot Road Open Social Rich Internet Application Open API/Map Service 25
  • 26.
    IKWHAN CHANG Job Applicant AcademicBackground Project Dani - Prototyping My Map ShareMemorable Spot Road Open Social Rich Internet Application Open API/Map Service Cross Platform Analogue UI 1IND
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.
  • 105.
  • 106.
  • 107.
  • 108.
  • 109.
  • 110.
  • 111.
  • 112.
  • 113.
  • 114.
  • 115.
  • 116.
  • 117.
  • 118.
  • 119.
  • 120.
  • 121.
  • 122.
  • 123.
  • 124.
  • 125.
      HSSP, JDLIB RN GO K JDLIB IND W JRP
  • 126.
  • 127.
  • 128.
  • 129.
  • 130.
  • 131.
  • 132.
  • 133.
  • 134.
  • 135.
  • 136.
  • 137.
  • 138.
  • 139.
  • 140.
  • 141.
  • 142.
  • 143.
  • 144.
  • 145.
  • 146.
  • 147.
  • 148.
  • 149.
  • 150.
  • 151.
  • 152.
  • 153.
  • 154.
  • 155.
  • 156.
  • 157.
  • 158.
  • 159.
  • 160.
  • 161.
  • 162.
  • 163.
  • 164.
  • 165.
      ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ 검색 검색 푸른 숲을 연상시킬 만큼 넓은 휴식공간과 벤치, 연못과 분수 등이 마련되어 있어 쉬어 가기 좋은 곳이다. 또한, 도서관 내에 교복이력서라는 박물관은 옛날의 학교 문화를 보 여주는 곳으로 직접 교복을 입어보는 체험도 할 수 있다. 찾아보기 http://jdlib.sen.go.kr/jdlib_index.jsp 내가 선택한 길 도서관 ⇩ 등록 수정 삭제 About 1CH
  • 166.
  • 167.
  • 168.
  • 169.
  • 170.
  • 171.
  • 172.
  • 173.
  • 174.
  • 175.
  • 176.
  • 177.
  • 178.
  • 179.
  • 180.
  • 181.
  • 182.
  • 183.
  • 184.
  • 185.
  • 186.
  • 187.
  • 188.
  • 189.
  • 190.
  • 191.
  • 192.
  • 193.
  • 194.
  • 195.
  • 196.
      20minago Themes Love bicycles Diet Mountain Georgeous Love bicyclesDiet Mountain Georgeous Love bicycles Diet Mountain Georgeous Matthew
  • 197.
  • 198.
  • 199.
  • 200.
  • 201.
  • 202.
  • 203.
  • 204.
  • 205.
  • 206.
  • 207.
  • 208.
  • 209.
  • 210.
  • 211.
  • 212.
  • 213.
  • 214.
  • 215.
  • 216.
  • 217.
      20minago Main View Creationof Map Designed by Matthew Chang Map View User’s Registered Map Creation of Map for sharing user’s memorial 20% 26
  • 218.
    IKWHAN CHANG Job Applicant OpenSocial One-Source Social Sharing Academic Background 27 Project Dani - Social Design My Map ShareMemorable Spot Road Open Social Rich Internet Application Open API/Map Service Cross Platform Analogue UI 35% ★User can share their map in several social web portal/service ★User can install in different web portal/ service in accordance with opensocial.org
  • 219.
    IKWHAN CHANG Job Applicant ProjectDani - Data Visualization Cross Browser Flash Catalyst - Animation Design Photoshop - Default Design PSD FXP Flash Builder - Action Script SWF Adobe Edge - HTML5 Development Distribution Workflow ★This concept was pioneering HTML5 utilization in 2011 Academic Background 28 My Map ShareMemorable Spot Road Open Social Rich Internet Application Open API/Map Service Cross Platform Analogue UI 45%
  • 220.
    IKWHAN CHANG Job Applicant Google OpenSocial Framework Adobe Flex Spark Framework Map Manager Social Manager Create/Mod/Del map Data Manager Create/Mod/Del spot upload/delete file add/delete comment Find social ID(PK) Find friend list Find nickname and photo Write in user’s activity Map / Photo / Comment Data Profile / Friend Data OpenAPIOpenSocial DBMS (MySQL) Blaze DS / WAS (Tomcat) / JSP Servlet Data Manager Map Controller Road Controller File Controller Comment Controller Data Query PoolManager User Controller Comment File Point Road Map User Client Server • Naver Location Open-API • Naver Address Open-API • Addr-Location Coordinate API Project Dani - C/S Architecture Academic Background My Map ShareMemorable Spot Road Open Social Rich Internet Application Open API/Map Service Cross Platform Analogue UI 55% ★A through MVC Architecture 29
  • 221.
    IKWHAN CHANG Job Applicant AdobeFlex Spark Framework Map Manager Social Manager Open API Open Social Data Manager Blaze DS (Remote Object) Controller (Tomcat / JSP Servlet) Pool Manager DBMS (MySQL) Project Dani - Class,Module Design Modulability External Architecture Academic Background 30 My Map ShareMemorable Spot Road Open Social Rich Internet Application Open API/Map Service Cross Platform Analogue UI 70%
  • 222.
    IKWHAN CHANG Job Applicant ProjectDani - Output of Data Visualization Add to spot ❶ ❷ ❸ ❹ ❺ ❻ ❶ Main map view ❷ List of memorable spot ❸ Title of map and detail ❹ List of friend’s map ❺ List of other my map ❻ Search Final Main ViewView - Add to spot in my created map Academic Background My Map ShareMemorable Spot Road Open Social Rich Internet Application Open API/Map Service Cross Platform Analogue UI 100% 31
  • 223.
    IKWHAN CHANG Job Applicant ❖Project Name: Project NGX(New Generation eXperience) : remote web controller ❖ Project Date: March, 2014 - October, 2014 ❖ Type: Hunam-Computer Interaction ❖ Motivation: ❖ Why web UI/UX used keyboard and mouse ONLY? ❖ How user can control website via smart phone? ❖ Goal: ❖ Develop remote control server via QR-code and Javascript Library(jQuery Plugin) : NGX QR Controller, ngxqrctl.js ❖ Github: github.com/MatthewLAB/NGX_PROJECT Project NGX Web Remote Controller Swipe GyrojQuery Plugin Smart Device Mobile Web App jQuery MobileEvent Handler QR-Code Website Mobile Browse Events Button DownTouch/Move GPS Accelerator 32 Academic Background
  • 224.
    IKWHAN CHANG Job Applicant ProjectNGX - System Design PROJECT NGX NGX SERVER NGX CLIENT Node.js index.js (NGX Server) Socket.io Event Handler Express.io NGX CONTROLLER ngx_qrctl.js
 (jQuery plugin) Controller
 (Mobile Web) Website Simple and Modulability architecture Server will be provide as NPM library - easy installation 33 Academic Background 30% Web Remote Controller Swipe GyrojQuery Plugin Smart Device Mobile Web App jQuery MobileEvent Handler QR-Code Website Mobile Browse Button DownTouch/Move GPS Accelerator
  • 225.
    IKWHAN CHANG Job Applicant ProjectNGX -QR Attaching Process New Paradigm: added QR-code 1. Load ngx_qrctl.js 2. Initialize QR Attached Conventional: normal scrollable website 34 40% Academic Background Web Remote Controller Swipe GyrojQuery Plugin Smart Device Mobile Web App jQuery MobileEvent Handler QR-Code Website Mobile Browse Events Button DownTouch/Move GPS Accelerator
  • 226.
    IKWHAN CHANG Job Applicant ProjectNGX - Connecting Process NGX Control Panel user can control website via QR-Code 1. QR Scan via Smart Device 2. Connected NGX Control Panel 35 70% Academic Background Web Remote Controller Swipe GyrojQuery Plugin Smart Device Mobile Web App jQuery MobileEvent Handler QR-Code Website Mobile Browse Events Button DownTouch/Move GPS Accelerator
  • 227.
    IKWHAN CHANG Job Applicant ProjectNGX - Event Handling Process 2. Use Control Panel in Device 1. Event Binding Swipe Down NGX SERVER Scroll Down send swipe_left push swipe_left ngx_qrctl.js 3. Event Handling ★ The input of user’s device will move website to scroll down 36 100% event swipeleft Academic Background Web Remote Controller Swipe GyrojQuery Plugin Smart Device Mobile Web App jQuery MobileEvent Handler QR-Code Website Mobile Browse Events Button DownTouch/Move GPS Accelerator
  • 228.
    Professional Achievement ❖ Overview ❖ Fieldof Development ❖ Expertise 37
  • 229.
    IKWHAN CHANG Job Applicant OnlineBanking Online Finance Management System WebCash Inc.
 2011-2012 Online Payment Source Management Continuous Integration System Online Trading System Professional Achievement Overview Website Development Elancer Co., Ltd.
 2009-2010 Content Management System Enterprise Resource Planning System FIAMM Korea Co., Ltd.
 2013-2014 Web Designer Producer Software Engineer Huge Capacity Server Architecture Fullstack 
 Web Designer Developer 38 Expertise Back-end Programming Expertise development skills for collaborative tools and SNS Web Design Database Front-end Programming
  • 230.
    IKWHAN CHANG Job Applicant ProfessionalAchievement Professional Map 39 Backend Programming Web Language Frontend Programming Tools Server Database Collaboration System Design UX Web Design IKWHAN CHANG
  • 231.
    IKWHAN CHANG Job Applicant ProfessionalAchievement Field of Development Groupware 
 Bootstrap, jQuery, LESS, backborn.js Web Community (Doosan Group) Mainpage, subpage, board, admin using asp, javascript, css Website (Doosan EC) Subpage, admin tool using asp, javascript, css Website (Doosan Infracore) Subpage, admin tool using asp, javascript, css World DJ Festival 
 Wordpress, Required+, jQuery, Zurb, PHP, Photoshop, Dreamweaver FIAMM Korea Website 
 Wordpress, Required+, jQuery, Zurb, PHP, Photoshop, Dreamweaver Welegend Website
 PHP, Photoshop, Dreamweaver HANBUL SYSTEM Website 
 PHP, Photoshop, Dreamweaver Enterprise Resource Planning Management System FIAMM Korea’s ERP System using Play!, Scala, NodeJS, NginX Source Management Continuous Integration System Webcash’s resource management and continuous integration system using Jenkins, Maven, Git, Collaborative Content Management System Elancer’s content collaborative tools using Spring MVC, iBatis, velocity, Resin Online Banking Java, JSP, Oracle 10g, WebSphere, AIX E-Payment for Pharmacists Java, JSP, Oracle 10g, Tomcat, AIX E-Account Management and Analyze Spring MVC, Hibernate, Freemaker, Oracle 10g, Solaris E-Trading System Spring MVC, iBatis, velocity, Resin Collaboration System Backend programming Web Design Frontend programming 40
  • 232.
    IKWHAN CHANG Job Applicant Collaboration Tools Professional Achievement Expertise Design Photoshop, Illustrator, Dreamweaver, Flash, Flash Catalyst, Adobe Edge Mobile Web Apache Cordova, jQuery Mobile, Appcelerator Rich Internet Application Flex, Silverlight,HTML5, Java FX Mobile Android, iOS, Windows Embed Version Control Subversion, Git, CVS Continuous Integration Jenkins CI, Ants, Maven, JIRA Main IDE IntelliJ IDEA, Eclipse, Netbeans Programming Languages Java, Scala, C, C++, C#, JSP, PHP, ASP, ASP.NET Web Frameworks Spring Framework, Play! Framework JavaScript Framework jQuery, Backborn.js, AngularJS, Bootstrap Backend Tomcat, Apache HTTP, WebSphere, Resin, JBoss, Node.js, NginX Operating System Linux(CentOS), Solaris(2 yr), AIX(2 yr), Windows Server series(handled 2000,2003,2008,2012 and NT version over 10 year) Cloud Platform Google Cloud, AWS, CloudBees, Heroku Web Language Server Database Design UX 41
  • 233.
  • 234.
    IKWHAN CHANG Job Applicant EntrepreneurLeadership ❖ Company Name: WeLegend Co., Ltd (Startup) ❖ Employees: 25(Aug 2008) ❖ Capital: $1 million from angel investor ❖ Product: Genesis Online(Social-based Massive Multiplay Online Role Play Game) ❖ Genesis Online is MMORPG game, communicating between game and web. ❖ We tried to adjust website’s user action into game. ❖ Roles ❖ Founder Software Engineer ❖ Interviewed and employed at least 200 people (back-end/client/UI programmers, 2D graphic designer, 3D modeller and animator, and service designers) as head of human resource ❖ Managed to whole project as project manager ❖ Managed various facilities and affair Overview 43
  • 235.
    IKWHAN CHANG Job Applicant EntrepreneurLeadership Result • Employed 8 programmer, 15 designer, 2 producer • Mediated whole team • Monthly report for VC • Game Database Design • Developed Web Sharing System for Game • Designed company website • Analysed Online Game Market Demand • Analysed Collected various Social Media Channel • Studied UCC, Data 2.0, PaaS, Cloud Sourcing, Widget, Long Tail,OSMU, Social, Tagging, RSS, Open API, Mashup, UX Management Collaboration Insight of Social Media, Studied various Web 2.0 skills Project Manager Online MarketerFounder Software Engineer • Founded startup • Invested $1 million from Angel Investor • Managed financing 44
  • 236.
    IKWHAN CHANG Job Applicant Potential
 Ph.D. Credential Experience Summary Design 
 Proficiency DB Scheme Proficiency Entrepreneur Experience Web Social Expertise Credential Experience Substantial ProjectsHuman-Centered Computing Cloud Computing 45 CS Subjects Data Visualization Data Visualization Expert
  • 237.
    –Ikwhan Chang “Internet shouldenhance the welfare of society” THANKS! © 2014 Matthew LAB. All materials designed by Ikwhan Chang