-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathbridges_setup_java_netbeans.html
158 lines (151 loc) · 5.49 KB
/
bridges_setup_java_netbeans.html
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
120
121
122
123
124
125
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>BRIDGES Java Setup Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- w3IncludeHTML() -->
<script src="https://www.w3schools.com/lib/w3data.js"></script>
<!-- all pages need those. -->
<link rel="stylesheet" type="text/css" href="./assets/css/bridges.css">
<link rel="stylesheet" type="text/css" href="./assets/css/nav.css">
<link rel="stylesheet" type="text/css" href="./assets/css/glyphicon.css">
<link rel="stylesheet" type="text/css" href="./assets/css/footer.css">
</head>
<body>
<div w3-include-html="./navbar.html">
<script>
w3IncludeHTML();
</script>
</div>
<h2>BRIDGES (Java): Getting Started (Setup)</h2>
<table class = "setup_table-part1">
<thead>
<tr>
<b>Step 1: Install NetBeans </b>
<ul> <li> If you do not have NetBeans
installed, download it from the
<a href = "https://netbeans.org/downloads/"> NetBeans site</a>
and install it on your computer.
</ul>
</tr>
<tr>
<b>Step 2: Create Bridges Account</b>
<ul> <li> Visit the Bridges
<a href = "http://bridgesuncc.github.io"> main page</a>
and create yourself an account by clicking the login button
on the top navigation bar. Click "Sign Up!" near the bottom of the page.
<li>Please ensure that your user id is devoid of spaces, as it will be
used as part of the web link for your projects.
<li>After creating your account, click
on the profile tab in the upper right corner to
view your profile. Here will see your account details and
<b>API Key</b>; you will need this API key later
in the tutorial (as well as in every BRIDGES program
you write).
<li><b>NOTE: Make sure to remember
your password</b>.
</ul>
</tr>
<tr>
<td class = "col-md-2"> <b>Step 3: Create a Java Project</b>
<ul>
<li> Open the Netbeans IDE
<li> <i> File-->New Project-->Java with Ant-->Java Application-->Next</i>
</ul>
</td>
<td class = "col-md-8">
<img src = "./img/Tutorialv2/java/netbeans/fileNew.png" width = "800"></img>
</td>
</tr>
<tr>
<td class = "col-md-2"> <b>Step 4: Name Project </b>
<ul>
<li> In the new window change the <i>Project name</i> and choose a path. Click Finish.
</ul>
</td>
<td class = "col-md-8">
<img src = "./img/Tutorialv2/java/netbeans/nameProject.png" width = "800"></img>
</td>
</tr>
<tr> <td class = "col-md-2"> <b>Step 5a: Import Jar File into project</b>
<ul>
<li> Download the Bridges.jar file from
<a href = "http://bridgesuncc.github.io/">
Bridges home page </a> (Downloads --> Java Client) and save it somewhere convenient on your drive.
<li> On NetBeans, right-click on the <i>libraries</i> folder under the project in the
Package Explorer window. Click:
<i> Add Jar/Folder </i>
</ul>
<td class = "col-md-8"> <img src = "./img/Tutorialv2/java/netbeans/setconf.png" width = "800"></img>
</td>
</tr>
<tr>
<td class = "col-md-2"> <b>Step 5b: Import BRIDGES Jar file</b>
<ul>
<li> Navigate to the Bridges.jar file you downloaded earlier.
<li> Click open once the file is selected. This will add the Bridges library to your project
</ul>
</td>
<td class = "col-md-8">
<img src = "./img/Tutorialv2/java/netbeans/addlibrary.png" width = "800"></img>
</td>
</tr>
<tr>
<td class = "col-md-2"> <b>Step 6: Verification</b>
<ul>
<li> To verify that you have successfully imported the Jar
file, look under the Libraries section of
your project in the Package Explorer window in NetBeans.
<li> If you have got a Project in the NetBeans Package
Explorer, and the referenced libraries section shows the bridges Jar file,
you have completed the setup and are ready to build
the Hello World class!
</ul>
</td>
<td class = "col-md-8">
<img src = "./img/Tutorialv2/java/netbeans/verify.png" width = "800"></img>
</td>
</tr>
</thead>
</table>
<p>
<h3 class = "sep_heading">BRIDGES:Getting Started(Your First Bridges Program)</h3>
<table class = "table table-bordered">
<tbody>
<tr>
<td class = "col-md-2"> <b>Step 1: Build the Bridges Program to
illustrate a singly linked list</b>
<ul>
<li> Go to this <a href = "https://bridgesuncc.github.io/tutorials/testing/java/tut_sllist_p1.java.html">BRIDGES Tutorial</a>
and copy/paste the Java tutorial program into the main window into a new file.
Make sure the file name matches the class name!
<li> Set an assignment number, and your credentials in the line that creates the Bridges object at the beginning of the program.
As a reminder, you can find your username and API key from the Bridges profile page.
</ul>
</td>
<td class = "col-md-8">
<img src = "./img/Tutorialv2/java/netbeans/run.png" width="800"></img>
</td>
</tr>
</tr>
<tr>
<td class = "col-md-2"> <b>Step 2: Visualize your data structure</b>
<ul>
<li> Run the Netbeans project.
<li> If your code compiles correctly, the NetBeans console will
give you a link to the Bridges website. to view the
visualization. Copy/paste this link into your favorite
browser to view a visualization of the data structure
you just created.
</ul>
</td>
<td class = "col-md-8">
<img src = "./img/Tutorialv2/HelloWorld.png" width="800"></img>
</td>
</tr>
</tbody>
</table>
<div w3-include-html="./footer.html"></div>
</body>
</html>