-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathbridges_setup_java_replit.html
117 lines (109 loc) · 4.76 KB
/
bridges_setup_java_replit.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>BRIDGES-Java Using Repl.it </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 Using Repl.it</h2>
<table class = "table table-bordered">
<thead>
<tr>
<td class = "col-md-2">
<b>Step 1: Create Repl.it account</b>
<ul>
<li> If you do not have a Repl.it account navigate to the
<a href = "http://repl.it">Repl.it site</a> and create an account for
yourself.
</ul>
</td>
<td class = "col-md-8">
<img src = "./img/replit_home.png" width = "400"></img>
</td>
</tr>
<tr>
<td colspan = "col-md-2">
<b>Step 2: Create BRIDGES Account</b>
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. Please ensure that
your user id is devoid of spaces, as it will be
used as part of the web link for your projects.
After creating your account, click
on your profile name in the upper right corner to
view your profile. Once in your profile, you will see your
<b>API Key</b>; you will need this API key later
in the tutorial (as well as in every BRIDGES program
you write). <b>NOTE:Make sure to remember
your password</b>.
</td>
</tr>
<tr>
<td colspan = "col-md-2">
<b>Step 3: Get Java Installation template to install BRIDGES and its Dependencies</b>
Repl.it allows Repls (programs) to be installed via a template mechanism;
You will import a BRIDGES Java Replit template from a git repository, that will
create an example BRIDGES program. This involves the following stpes.
<ul>
<li> Once you are logged in, look for the blue <b> + Create</b> button on the top
of the <b>left side bar</b>; click on the button (see adjacent image)
<li> Click on the <b> Import from Github </b> button on the top right of the
popup window and enter <b>https://github.com/BridgesUNCC/bridges-java-replit-template</b> , and click on the <b>Import from Github</b> button.
<li> The BRIDGES program will load (takes a few seconds!) and you you will see
IDE popup wih an editor on the left and a console on the right
(see adjacent image). Click on the file Main.java and you will
see the trivial BRIDGES Hello World program.
</ul>
</td>
<td class = "col-md-2">
<img src = "./img/bridges_setup/replit_cxx/create_repl1.png" width = "400", border="1px"></img> <p>
<img src = "./img/bridges_setup/replit_cxx/create_repl.png" width = "400", border="1px"></img> <p>
<img src = "./img/bridges_setup/replit_java/replit_main.png" width = "600", border="1px"></img>
</td>
</tr>
<tr>
<td class = "col-md-2"> <b>Step 4: Load and run an example BRIDGES program</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.
<li> Set an assignment number, and your credentials (assignment number, BRIDGES
user name and API key) in the line that creates the Bridges object at the
beginning of the program.
<li> Run the program by hitting the <b> Run </b> button
<li> If everythong compiles and runs correctly, you will see a link printed on the console. Use that to visualize the
output.
</td>
<td class = "col-md-2">
<img src = "./img/bridges_setup/replit_java/bridges_program.png" width = "800" border="1px"></img>
</td>
</tr>
<tr>
<td>
<b> Please Note:</b>
<ul>
<li> Each new repl (BRIDGES program) will require the above steps to access
the BRIDGES API.
<li> Note that a specific BRIDGES program might require additional
include files. Refer to the <a href = "http://bridgesuncc.github.io/doc/java-api/current/html/index.html"> BRIDGES Java documentation</a> and <a href = "https://bridgesuncc.github.io/tutorials/Overview.html"> BRIDGES Tutorials</a> for additional help.
<li> A typical Java program will have multiple source files.
</td>
</tr>
</thead>
</table>
<div w3-include-html="./footer.html"></div>
</body>
</html>