We will build in this next section a mobile ArcGIS application which has four elements: sign in, log in, maps list and webmap.
Application workflow
In this section, we will develop two separate applications. Authentication and map listing are in one application, and a webmap viewer in the other. Let's start with our code base for the first application.
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ArcGIS Online Map</title>
<!-- stylesheets -->
<link rel="stylesheet" type="text/css" href="//js.arcgis.com/3.11compact/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.11/esri/css/esri.css">
<!-- script -->
<script src="http://js.arcgis.com/3.11compact/"></script>
<style>
html, body, #map {
height: 100%;
width: 100%;
margin: 0;
...