generic4.html

<!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">&#8608;</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">&#8608;</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">&#8608;</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">&#8608;</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>
								&emsp;&emsp;&emsp;<a href="https://www.youtube.com/watch?v=x_lvdLil0Fk">https://www.youtube.com/watch?v=x_lvdLil0Fk</a>
								<br><br>
								&emsp;&emsp;&emsp;<img src="images/ttu/Activity4/AVD_Setup.PNG" width="70%" height="70%"><br>
								&emsp;&emsp;&emsp;(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>
								&emsp;&emsp;&emsp;<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>&emsp;&emsp;&emsp;<a href="https://www.youtube.com/watch?v=1Q0rUDgfUpw">https://www.youtube.com/watch?v=1Q0rUDgfUpw</a>
								
								<br>&emsp;&emsp;&emsp;(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>&emsp;&emsp;&emsp;(For Python 2.X -> python -m SimpleHTTPServer 8080)
								<br>&emsp;&emsp;&emsp;(For Python 3.X -> python -m http.server 8080)
								<br>
								<br>&emsp;&emsp;&emsp;<img src="images/ttu/Activity4/python-web-server.PNG" width="50%" height="50%">
							</ul>	
						</p>
						<br>
						<h2><font size="6">&#8608;</font><font color="blue">1.5</font><font color="orange">&starf; &starf; &starf;</font> Self-Assessment <font color="orange">&starf; &starf; &starf;</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">&#8608;</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>&copy; 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>