-
Notifications
You must be signed in to change notification settings - Fork 0
/
generic4.html
199 lines (182 loc) · 9.16 KB
/
generic4.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
159
160
161
162
163
164
165
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
197
198
199
<!DOCTYPE HTML>
<html>
<head>
<title>Activity 4 - DigitalFIRE-WebStyle</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-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<img src="images/TTUCS-logo.JPG" alt="" />
<!--<span class="symbol"></span><span class="title"></span>-->
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="generic1.html">Activity 1</a></li>
<li><a href="generic2.html">Activity 2</a></li>
<li><a href="generic3.html">Activity 3</a></li>
<li><a href="generic4.html">Activity 4</a></li>
<li><a href="generic5.html">Activity 5</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Activity 4</h1>
<!--<span class="image main"><img src="images/pic13.jpg" alt="" /></span>-->
<span class="image main"><img src="images/ttu/images/pic4.jpg" alt="" /></span>
<br>
<pre> <b>Estimated Time: 30 Minutes</b></pre>
<h2><font size="6">↠</font><font color="blue">1.1</font> Objective</h2>
<p>
<ul>
<li>In this Activity 4, a new APK file is installed on Android Virtual Device (<a href="https://developer.android.com/studio/run/managing-avds#:~:text=An%20Android%20Virtual%20Device%20(AVD,you%20create%20and%20manage%20AVDs." style="text-decoration:none" onmouseover="style='text-decoration:underline'" onmouseout="style='text-decoration:none'">AVD</a>) in Android Studio and Python web server is setup in local system.</li>
</ul>
</p>
<h2><font size="6">↠</font><font color="blue">1.2</font> Description</h2>
<p>Now we will install the modified APK file generated in Activity 3 on to a mobile device (or) a AVD (Android Virtual Device) on Android Studio. Also, we will setup web server with Python on local system.</p>
<br>
<h2><font size="6">↠</font><font color="blue">1.3</font> Artifacts</h2>
<p>Click below link to download modified APK file<br>
<a href="images/ttu/Activity3/login.apk">login.apk</a>
</p>
<br>
<h2><font size="6">↠</font><font color="blue">1.4</font> Instructions</h2>
<p>
<ul>
<li>Step 1: Email the <a href="images/ttu/Activity3/login.apk">login.apk</a> file provided under "Activity 3: Artifacts" to the target device.</li>
<br>
<li>Step 2: On the device, download attachment from email, click install and then open the app.</li>
<br>
<li>Step 3: If you are using Android Studio, create a new Android Virtual Device (AVD).</li><br>
   <a href="https://www.youtube.com/watch?v=x_lvdLil0Fk">https://www.youtube.com/watch?v=x_lvdLil0Fk</a>
<br><br>
   <img src="images/ttu/Activity4/AVD_Setup.PNG" width="70%" height="70%"><br>
   (Note2: Recommended configurations for device are Pixel 3 API 27 (Oreo) - Android 8.1. You can see these configurations while setting up AVD)
<br>
<li>Step 4: When device is ready, you can see android home screen as shown in below screenshot</li><br>
   <img src="images/ttu/Activity4/device-ready.PNG" width="50%" height="50%"><br>
<li>Step 5: Go to apps page on device inside emulator window. Now drag & drop <a href="images/ttu/Activity3/login.apk">login.apk</a> file from your local file system onto the device inside emulator.</li>
<br>   <a href="https://www.youtube.com/watch?v=1Q0rUDgfUpw">https://www.youtube.com/watch?v=1Q0rUDgfUpw</a>
<br>   (Note: You can refer this link for steps to install app on AVD in android studio)
<br>
<br>
<li>Step 6: After installation, open app and observe the pages</li>
<br>
<li>Step 7: Next step is to setup server on your local computer. Make sure python is installed on your computer for setting up web server.</li>
<br>
<li>Step 8: Open new command prompt and execute below command according to python version installed. Use port 8080 for the http server.</li>
<br>   (For Python 2.X -> python -m SimpleHTTPServer 8080)
<br>   (For Python 3.X -> python -m http.server 8080)
<br>
<br>   <img src="images/ttu/Activity4/python-web-server.PNG" width="50%" height="50%">
</ul>
</p>
<br>
<h2><font size="6">↠</font><font color="blue">1.5</font><font color="orange">★ ★ ★</font> Self-Assessment <font color="orange">★ ★ ★</font> </h2>
<p>Please complete the following self-assessment over Activity 4</p>
<a href="Challenge4.html">Start Assessment</a>
<br>
<h2><font size="6">↠</font><font color="blue">1.6</font><font color="orange"></font> Activity 4 - Feedback <font color="orange"></font> 😍😁😶🙁😞</h2>
<p>Please complete the following survey questions over Activity 4</p>
<a href="https://educttu.az1.qualtrics.com/jfe/form/SV_0jiJffn8qEG3G62">Start Survey Questions</a>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Contact Us</h2>
<form method="post" action="https://formspree.io/f/mjvzpjvb">
<div class="fields">
<div class="field half">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="primary" /></li>
</ul>
</form>
</section>
<section>
<h2>Follow</h2>
<ul class="icons">
<li><a href="#" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands style2 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands style2 fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon brands style2 fa-500px"><span class="label">500px</span></a></li>
<li><a href="#" class="icon solid style2 fa-phone"><span class="label">Phone</span></a></li>
<li><a href="#" class="icon solid style2 fa-envelope"><span class="label">Email</span></a></li>
</ul>
</section>
<section>
<br><br>
<h2>About Us</h2>
<ul style="list-style: none;">
<li><b>Website Ownership and Management</b></li>
<li>Dr. Akbar Namin, Ph.D.</li>
<li>Associate Professor</li>
<li>Department of Computer Science</li>
<li>Texas Tech University</li>
<li>TX - USA</li>
<li>Email: akbar.namin@ttu.edu</li>
</ul>
</section>
<section>
<h2></h2>
<br><br><br>
<ul style="list-style: none;">
<li><b>Website Developer</b></li>
<li>Prathyush Turaga</li>
<li>Research Assistant</li>
<li>Department of Computer Science</li>
<li>Texas Tech University</li>
<li>TX - USA</li>
<li>Email: pturaga@ttu.edu</li>
</ul>
</section>
<ul class="copyright">
<li>© Texas Tech University. All rights reserved</li>
<!--<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>-->
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<link rel="stylesheet" href="AIchat.v1.css" type="text/css" media="screen" />
<script type="text/javascript" src="dependencies.v1.js"></script>
<script type="text/javascript" src="AIchat.v1.js"></script>
</body>
</html>