Javascript Data Request Form - Revision history

EvanKroske at 18:45, 12 February 2016

2016-02-12T18:45:04Z

← Older revision		Revision as of 18:45, 12 February 2016
Line 1:		Line 1:
	My goal is to create a Javascript API for accessing OpenDAP metadata and an intuitive, Javascript-based data-request construction form.		My goal is to create a Javascript API for accessing OpenDAP metadata and an intuitive, Javascript-based data-request construction form.

	'''Please note:''' ~~All example code~~ is ~~highly tentative~~. ~~If you don't think an operation is handled properly, send me an email at e.kroske@gmail.com or post your concern on the discussion page. I appreciate your opinion~~.		'''Please note:''' This is a proposal for a Google Summer of Code project. It was not implemented.

	== Plan of action ==		== Plan of action ==

EvanKroske: Added server-side modification to plan of action

2010-04-19T15:45:51Z

Added server-side modification to plan of action

← Older revision		Revision as of 15:45, 19 April 2010
Line 5:		Line 5:
	== Plan of action ==		== Plan of action ==

	# Create ~~generalized~~ Javascript OpenDAP-metadata ~~bridge~~		# Create API for accessing geographical and time data with Javascript by modifying existing BES module or adding a new one
	## Write ~~Javascript OpenDAP-~~metadata retrieval ~~module (may involve server-side modifications)~~		# Create Javascript library for easily accessing OpenDAP metadata
	## Write ~~OpenDAP-~~metadata parser		## Write asynchronous metadata retrieval interface
			## Write metadata parser
	## Write JSON emitter		## Write JSON emitter
	# Create data request form constructor using metadata bridge		# Create data request form constructor using metadata bridge

EvanKroske: All code examples are tentative.

2010-04-15T20:25:23Z

All code examples are tentative.

← Older revision		Revision as of 20:25, 15 April 2010
Line 1:		Line 1:
	My goal is to create a Javascript API for accessing OpenDAP metadata and an intuitive, Javascript-based data-request construction form.		My goal is to create a Javascript API for accessing OpenDAP metadata and an intuitive, Javascript-based data-request construction form.

			'''Please note:''' All example code is highly tentative. If you don't think an operation is handled properly, send me an email at e.kroske@gmail.com or post your concern on the discussion page. I appreciate your opinion.

	== Plan of action ==		== Plan of action ==

EvanKroske: /* DAS/DDS Javascript API */ Fixed markup

2010-04-15T20:18:28Z

DAS/DDS Javascript API: Fixed markup

← Older revision		Revision as of 20:18, 15 April 2010
Line 44:		Line 44:
	The public interface allows developers to easily fetch JSON-encoded DAS and DDS data from a data source.		The public interface allows developers to easily fetch JSON-encoded DAS and DDS data from a data source.

	<~~pre~~><~~code~~>		<code><pre>
	var dasData = fetchDAS("http://test.com/data.gz");		var dasData = fetchDAS("http://test.com/data.gz");
	var ddsData = fetchDDS("http://test.com/data.gz");		var ddsData = fetchDDS("http://test.com/data.gz");
	</~~code~~></~~pre~~>		</pre></code>

	==== HTTP request generator ====		==== HTTP request generator ====
	This critical piece will handle fetching the raw DAS or DDS data from the server.		This critical piece will handle fetching the raw DAS or DDS data from the server.

	<~~pre~~><~~code~~>		<code><pre>
	var rawDASData = fetch({"url" : "http://test.com/data.gz.das", "callback" : onDataReceived});		var rawDASData = fetch({"url" : "http://test.com/data.gz.das", "callback" : onDataReceived});
	</~~code~~></~~pre~~>		</pre></code>

	==== DAS parser ====		==== DAS parser ====
	The DAS parser will convert the raw DAS data into a Javascript-accessible JSON object.		The DAS parser will convert the raw DAS data into a Javascript-accessible JSON object.

	<~~pre~~><~~code~~>		<code><pre>
	var dasParser = createDASParser();		var dasParser = createDASParser();
	var dasData = dasParser.parse(rawDASData);		var dasData = dasParser.parse(rawDASData);
	</~~code~~></~~pre~~>		</pre></code>

	==== DDS parser ====		==== DDS parser ====
	Like the DAS parser, the DDS parser will translate a raw DDS string into a JSON object.		Like the DAS parser, the DDS parser will translate a raw DDS string into a JSON object.

	<~~pre~~><~~code~~>		<code><pre>
	var ddsParser = createDDSParser();		var ddsParser = createDDSParser();
	var ddsData = ddsParser.parse(rawDDSData);		var ddsData = ddsParser.parse(rawDDSData);
	</~~code~~></~~pre~~>		</pre></code>

EvanKroske: /* DAS/DDS Javascript API */ Fleshed out tentative API

2010-04-15T20:15:42Z

DAS/DDS Javascript API: Fleshed out tentative API

@@ Line 40: / Line 40: @@
 === DAS/DDS Javascript API ===
 ==== Public interface ====
 ==== HTTP request generator ====
 ==== DAS parser ====
 ==== DDS parser ====

EvanKroske: Added execution path and started application structure

2010-04-15T15:50:29Z

Added execution path and started application structure

← Older revision		Revision as of 15:50, 15 April 2010
Line 10:		Line 10:
	## Write basic form constructor to build simple but clear HTML forms		## Write basic form constructor to build simple but clear HTML forms
	## Add more advanced form controls (maps, timelines, etc.) for more capable browsers		## Add more advanced form controls (maps, timelines, etc.) for more capable browsers

			== Execution path ==

			# User requests data-request form
			# Server sends simple HTML page with form-generation Javascript
			# Javascript requests DDS and DAS for selected data
			# Javascript parses DDS and DAS to generate HTML form
			# User requests data through form
			# Server returns user-selected data

			== Application structure ==

			=== Form generator ===
			==== Public interface ====
			The public interface gives developers a dead-simple interface to create data-specific request forms.

			<code><pre>
			createDataRequestForm({"url" : "http://test.com/data.gz", "containerID" : "requestform"});
			</pre></code>

			==== Generator ====
			The heart of the form generator transforms the JSON-encoded DAS and DDS into an interactive HTML form.

			<code><pre>
			var generator = createFormGenerator();
			var form = generator.generateForm(dasData, ddsData);
			document.appendChild(form);
			</pre></code>

			=== DAS/DDS Javascript API ===
			==== Public interface ====
			==== HTTP request generator ====
			==== DAS parser ====
			==== DDS parser ====

EvanKroske: Creating OpenDAP Data Request Form moved to Javascript Data Request Form: Line up title with other current development projects.

2010-04-13T02:45:53Z

Creating OpenDAP Data Request Form moved to Javascript Data Request Form: Line up title with other current development projects.

← Older revision	Revision as of 02:45, 13 April 2010
(No difference)

EvanKroske: Added high-level project outline

2010-04-12T21:47:34Z

Added high-level project outline

New page

My goal is to create a Javascript API for accessing OpenDAP metadata and an intuitive, Javascript-based data-request construction form.

== Plan of action ==

# Create generalized Javascript OpenDAP-metadata bridge
## Write Javascript OpenDAP-metadata retrieval module (may involve server-side modifications)
## Write OpenDAP-metadata parser
## Write JSON emitter
# Create data request form constructor using metadata bridge
## Write basic form constructor to build simple but clear HTML forms
## Add more advanced form controls (maps, timelines, etc.) for more capable browsers