-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
119 lines (102 loc) · 6.29 KB
/
index.html
File metadata and controls
119 lines (102 loc) · 6.29 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>CAD BUDDY</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-loading">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h1>This is<br />
CAD BUDDY</h1>
<p>A mobile platform that expedites the CAD process. <br>
Olin Software Design Final Project, Spring 2018</p>
<ul class="actions">
<li><a href="#header" class="button icon solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">CAD BUDDY</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Introduction</a></li>
<li><a href="install.html">How to Install and Use</a></li>
<li><a href="implementation.html">Implementation</a></li>
<li><a href="attribution.html">Attribution</a></li>
</ul>
<ul class="icons">
<li><a href="https://github.com/hyegibang/MouseRemote" class="icon fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<header class="major">
<h2>About CAD BUDDY</h2>
<h3>Introduction</h3>
<p>This project explores the use of a smart phone as an advanced form of input for laptop computers. Rather than using a mouse with relatively few sensors, buttons, and methods for feedback, we decided to try to leverage the many sensors and features of smartphones in order to create a cheap and effective tool for interacting with computers.
<br><br>
Our current project uses gyroscope data streaming from a smartphone in order to intuitively interact the a CAD model in solidworks. When the phone is tilted up, the model rotates up, when the phone is rotated to the side, and when the phone is flat against the table, the orientation of the model doesn't change. In addition, the user is able to press buttons on the mobile app to trigger solidworks shortcuts. These buttons are dynamic and change as solidworks does, so only the most relevant shortcuts are ever shown.</p>
<br>
<h3>Design Philosophy</h3>
<p>Anything that needs to be physically produced is first designed in CAD. Although it is such an important tool, it can be quite daunting for beginners and tedious for intermediate users. With this project, we hope to make CAD more approchable for beginners, and streamline the process of intermediate users.
<br>
<br>
When CADing the user will use a regular mouse in their dominant hand, just like normal. However, rather than jumping around the keyboard, the their left hand will be resting on a mobile device running CAD Buddy. Because only the most relevant shortcuts are shown, the left hand will not need to move nearly as much. In addition, the user will be able to rougly change the orientation of the part in solidworks by tilting the phone if the mouse is currently being used for other activites (ex: interacting with the feature tree).
</p>
<br>
<h3>Demonstration</h3>
<video width="320" height="240" controls>
<source src="images/CadBuddy.mp4" type="video/mp4">
</video>
<!--<div class="image main"><img src="images/CadBuddy.mp4" alt="" /></div>-->
<br>
<h3>Design Process</h3>
<p>Our project has evloved a lot over time. Factors including our own programming knowledge as well as design feedback from others have shaped this project and where we were able to take it. Below is a list of different significant development points along the timeline of this project. </p>
<ul>
<li>We originally wanted this project to be some kind of Augmented Reality/advanced electronic drawing program. We were hoping to draw in 2D or 3D, and have the phone control different aspects of the drawing environment, such as color, pen size, etc. We eventually discovered that at least at Olin, a program that interfaces with CAD would be more useful.</li>
<li>We wanted to use bluetooth to communicate between the computer and the phone, but that proved too difficult for us to learn. We eventually decided to use a third party mobile app to stream sensor data over wifi to a computer, where our python script would interface with solidworks</li>
<li>We were determined to make our own mobile app, so we eventually did, integrating our own server socket code to facilitate communication. This allowed us to add buttons to the screen that would send shortcut information to the computer</li>
<li>Once we had one way communication from the phone to the computer, we started to try to track the state of solidworks, and use that information to update the phones UI accordingly. This required setting up a server socket on the phone to recieve information from the computer. </li>
</ul>
</header>
</article>
<!-- Footer -->
<footer>
<div class="pagination">
<!--<a href="#" class="previous">Prev</a>-->
<a href="#" class="page active"> Introduction </a>
<a href="install.html" class="page"> How to Install and Use </a>
<a href="implementation.html" class="page"> Implementation </a>
<a href="attribution.html" class="page"> Attribution </a>
</div>
</footer>
</div>
<!-- Copyright -->
<div id="copyright">
<ul><li>Olin Software Design</li><li>Spring 2018</li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>