Anno-J Instances

An Anno-J 'instance' is a website that you can visit to use the application. For example, the Salk Epigenome site is an 'instance'. Using an instance of Anno-J is simple; just visit the website using a W3C compliant web browser such as Safari or Firefox.

Creating an instance is a little more involved and requires website administration skills plus access to a web server (Mac OS X users: you already have access to the Apache web server). If you don't feel confident at this stage, then contact your local website administrator for advice.

  1. Gain access to a web server
  2. Configure a reverse proxy (not always required)
  3. Create an instance
  4. Configure the instance
  5. Style the instance
  6. Common problems
See also: List of instances

Creating an Instance Page

Creating a new AJ instance is easy. Just create an HTML file and copy and paste the following code into it. At this stage, you will not have created the configuration file, but just point to the location it will eventually reside at, we'll create it next.

If you wish to, you can download the CSS and code assets and host them locally, but I don't advise this as the code files are frequently updated and you will be creating an update cycle for yourself if you download your own copies.

		<html>
		<head>
			<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>
			<title>Anno-J</title>
		
			<!-- ExtJS Dependencies -->
			<script type='text/javascript' src='http://www.annoj.org/js/ext/adapter/ext/ext-base.js'></script>
			<script type='text/javascript' src='http://www.annoj.org/js/ext/ext-all.js'></script>
			<link type='text/css' rel='stylesheet' href='http://www.annoj.org/js/ext/resources/css/ext-all.css' />
		
			<!-- CSS -->
			<link type='text/css' rel='stylesheet' href='http://www.annoj.org/css/viewport.css' />
			<link type='text/css' rel='stylesheet' href='http://www.annoj.org/css/plugins.css' />
			
			<!-- Core Modules -->
			<script type='text/javascript' src='http://www.annoj.org/js/aj-min.js'></script>
				
			<!-- Config -->
			<script type='text/javascript' src='your_config_file.js'></script>
			
		</head>
		
		<body>
		
			<!-- Message for people who do not have JS enabled -->
			<noscript>
				<table id='noscript'><tr>
					<td><img src='http://www.annoj.org/img/Anno-J.jpg' /></td>
					<td>
						<p>Anno-J cannot run because your browser is currently configured to block JavaScript.</p>
						<p>To use the application please access your browser settings or preferences, turn JavaScript support back on, and then refresh this page.</p>
						<p>Thankyou, and enjoy the application!<br />- Julian</p>
					</td>
				</tr></table>
			</noscript>
		
			<!-- You can insert Google Analytics here if you wish -->

		</body>
		
		</html>