Office stretching functions, means, technical levels

  • 147 views
Uploaded on

캡스톤 연구1. 오피스 스트레칭팀. …

캡스톤 연구1. 오피스 스트레칭팀.
9주차 발표자료.
기능, 구현수단, 성능수준.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
147
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
8
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. OFFICE STRETCHING[FUNCTIONS, MEANS, TECHNICAL LEVELS]CAPSTONE STUDY 1 / 9TH WEEK PRESENTATION20200320 / 21000305Sinyeol An Ji Eun Park
  • 2. FUNCTIONS1. To Display Guidance Motion with PC Monitor2. To Notify Accuracy of Motion of User with Smart Device3. To Display Users Current Motion with PC Monitor
  • 3. FUNCTION #11. To Display Guidance Motion with PC Monitor2. To Notify Accuracy of Motion of User with Smart Device3. To Display Users Current Motion with PC Monitor
  • 4. TECHNICAL LEVEL #1TO DISPLAY GUIDANCE MOTION WITH PC MONITORHow is the technical level of guidance motion defined?What is the method to display guidance motion?At first, we start with just some pictures.Then we will upgrade it with 2D rendered animation.Finally it will be developed 3D rendered animation.Is the guidance motion appropriate?We will research some booksand interview some experts of exercises in order to getappropriate guidance.
  • 5. FUNCTION #21. To Display Guidance Motion with PC Monitor2. To Notify Accuracy of Motion of User with Smart Device3. To Display Users Current Motion with PC Monitor
  • 6. TECHNICAL LEVEL #2TO NOTIFY ACCURACY OF MOTION OF USER WITH SMART DEVICEWhat is range of motion accuracy?Setting range after measuring difference betweenguidance and users motion.What is measure of accuracy?What is manner applied to measure accuracy?Measuring users motion with several steps,which is divided from the range.
  • 7. FUNCTION #31. To Display Guidance Motion with PC Monitor2. To Notify Accuracy of Motion of User with Smart Device3. To Display Users Current Motion with PC Monitor
  • 8. TECHNICAL LEVEL #3TO DISPLAY USERS CURRENT MOTION WITH PC MONITORHow accuratly is users motion displayed?In real-time, the system shows uservalues from sensors of smart device.What is the method to display users motion?Similar to the guidance motion,at first, just values as text are displayed.Then it will be upgraded with 2D rendered animation.Finally it will be developed 3D rendered animation.
  • 9. MEAN #1[SENSORING - ANDROID API]
  • 10. [SENSORING - ANDROID API] #1SENSOR TYPESTYPE_ACCELOROMETERTYPE_GRAVITYTYPE_GYROSCOPETYPE_LINEAR_ACCELORATIONTYPE_MAGNETIC_FIELDTYPE_ORIENTATIONTYPE_ROTATION_VECTOR
  • 11. [SENSORING - ANDROID API] #2-1EXAMPLE:GRAVITY SENSOR1. Creating SensorManager2. Creating Sensor InstancemSM = (SensorManager)getSystemService(Context.SENSOR_SERVICE);mSensor = mSM.getDefaultSensor(Sensor.TYPE_GRAVITY);
  • 12. [SENSORING - ANDROID API] #2-2EXAMPLE:GRAVITY SENSOR3. Defining SenserEventListenerpublic SensorEventListener mSL = new SensorEventListener(){@Overridepublic void onSensorChanged(SensorEvent e){// do something with SensorEvent}@Overridepublic void onAccuracyChanged(Sensor s, int a){// do something with Sensor and accuracy}}
  • 13. [SENSORING - ANDROID API] #2-3EXAMPLE:GRAVITY SENSOR4. Registering the Listener5. Releasing the Listenerreferenced frommSM.registerListener(mSL, mSensor,SensorManager.SENSOR_DELAY_NORMAL);@Overrideprotected void onPause(){super.onPause();mSM.unregisterListener(mSL);}makerj.tistory.com/114
  • 14. [SENSORING - ANDROID API] #3PROBLEM!Supported sensor is depends on each device.It means some device doesnt support some sensors.To research those information aboutsupporting sensor of specific deviceis necessary.
  • 15. MEAN #2[PARING SMART DEVICE WITH PC]
  • 16. [PARING SMART DEVICE WITH PC] #1OPTIONAL CHOICES1. Serial Port(USB)2. Bluetooth3. Local Area Network(LAN)4. Server-Client(TCP)5. Server-Client(HTTP)
  • 17. [PARING SMART DEVICE WITH PC] #2-1SERIAL PORTConnection through a USB cablelimits users motionbecause of length of the cable.
  • 18. [PARING SMART DEVICE WITH PC] #2-2BLUETOOTH / LANIt needs PCs application.This demends extra cost.
  • 19. [PARING SMART DEVICE WITH PC] #2-3SERVER-CLIENT(TCP)It needs specific port foreach connection.
  • 20. [PARING SMART DEVICE WITH PC] #2-4SERVER-CLIENT(HTTP)Its wireless!It can provide service with URL.Also the application is easy to upgrade.
  • 21. MEAN #3[HTTP SERVER]
  • 22. [HTTP SERVER] #1NODE.JSServer Programming Environmentimplemented with JavaScriptvar http = require(http);http.createServer(function (req, res) {res.writeHead(200, {Content-Type: text/plain});res.end(Hello Worldn);}).listen(1337, 127.0.0.1);console.log(Server running at http://127.0.0.1:1337/);
  • 23. [HTTP SERVER] #2WHY NODE.JS?Its JavaScript!One Language for One ApplicationThere is lots of libraries.Such as Socket.io, WebGL, etc.
  • 24. MEAN #4[REAL-TIME UPDATE WEB PAGE]
  • 25. [REAL-TIME UPDATE WEB PAGE] #1SOCKET.IO?Socket Programming?HTTP is not Socket.There is movement on WebSocket.But it is not a standard.Socket.io provide socket like function.
  • 26. [REAL-TIME UPDATE WEB PAGE] #2SOCKET.IOExample: Server-sidevar io = require(socket.io).listen(80);io.sockets.on(connection, function (socket) {socket.emit(news, { hello: world });socket.on(my other event, function (data) {console.log(data);});});
  • 27. MEAN #5[REAL-TIME 2D RENDERING]
  • 28. [REAL-TIME 2D RENDERING] #1PROCESSING.JSvoid setup(){size(360, 360);}void draw(){background(255);ellipse(mouseX, mouseY, 50, 50);}
  • 29. [REAL-TIME 2D RENDERING] #2PAPER.JSvar path = new Path();path.strokeColor = black;var start = new Point(100, 100);path.moveTo(start);path.lineTo(start + [100, -50]);
  • 30. MEAN #6[REAL-TIME 3D RENDERING]
  • 31. [REAL-TIME 3D RENDERING]WEBGLWebGL is transplantation of OpenGL.Moden web browsers support WebGL.It will be included in HTML5.
  • 32. [REAL-TIME 3D RENDERING]THREE.JSThree.js is front-end library using WebGl.Code becomes simpler and easier with it..It will be included in HTML5.
  • 33. THE ENDTHANK YOU!