Using Google Glass with AppStudio - Revision history

Ghenne at 16:06, 10 November 2020

2020-11-10T16:06:17Z

← Older revision		Revision as of 16:06, 10 November 2020
Line 1:		Line 1:
			'''''Google Glass has been discontinued. This page is no longer maintained.'''''

	== [http://www.nsbasic.com/i/GGHelloWorld Hello World Sample (Web App)] ==		== [http://www.nsbasic.com/i/GGHelloWorld Hello World Sample (Web App)] ==

Ghenne: /* Observations */

2014-11-16T13:24:42Z

Observations

← Older revision		Revision as of 13:24, 16 November 2014
Line 22:		Line 22:
	* Both JavaScript and BASIC work fine.		* Both JavaScript and BASIC work fine.
	* No keyboard means no input controls.		* No keyboard means no input controls.
	* ~~jQuery Mobile controls~~ work fine, so long as they do not ~~use~~ the keyboard.		* Controls work fine, so long as they do not require the keyboard.
	* No offline apps. Google Glass is designed to be connected full time.		* No offline apps. Google Glass is designed to be connected full time.
	* No home screen, so no way to save to Home Screen.		* No home screen, so no way to save to Home Screen.

Ghenne: /* Observations */

2014-11-16T13:24:23Z

Observations

← Older revision		Revision as of 13:24, 16 November 2014
Line 22:		Line 22:
	* Both JavaScript and BASIC work fine.		* Both JavaScript and BASIC work fine.
	* No keyboard means no input controls.		* No keyboard means no input controls.
	* jQuery Mobile controls work fine, ~~but can be tricky to~~ use.		* jQuery Mobile controls work fine, so long as they do not use the keyboard.
	* No offline apps. Google Glass is designed to be connected full time.		* No offline apps. Google Glass is designed to be connected full time.
	* No home screen, so no way to save to Home Screen.		* No home screen, so no way to save to Home Screen.

Ghenne: /* Screenshots */

2014-11-16T13:22:02Z

Screenshots

← Older revision		Revision as of 13:22, 16 November 2014
Line 258:		Line 258:
	On startup:		On startup:

	[[File:Ggpanel1.png~~\|left~~]]		[[File:Ggpanel1.png]]
	~~ <br>~~
	After tap:		After tap:
	~~ <br>~~
	[[File:Ggpanel2.png~~\|left~~]]		[[File:Ggpanel2.png]]
	~~ <br>~~
	After swipe down to close message box and swipe left:		After swipe down to close message box and swipe left:
	~~ <br>~~
	[[File:Ggpanel3.png~~\|left~~]]		[[File:Ggpanel3.png]]
	~~ <br>~~
	After swipe left		After swipe left
	~~ <br>~~
	[[File:Ggpanel4.png~~\|left~~]]		[[File:Ggpanel4.png]]

Ghenne: /* Screenshots */

2014-11-16T13:20:58Z

Screenshots

← Older revision		Revision as of 13:20, 16 November 2014
Line 259:		Line 259:

	[[File:Ggpanel1.png\|left]]		[[File:Ggpanel1.png\|left]]
	<br>		<br>
	After tap:		After tap:
	<br>		<br>
	[[File:Ggpanel2.png\|left]]		[[File:Ggpanel2.png\|left]]
	<br>		<br>
	After swipe down to close message box and swipe left:		After swipe down to close message box and swipe left:
	<br>		<br>
	[[File:Ggpanel3.png\|left]]		[[File:Ggpanel3.png\|left]]
	<br>		<br>
	After swipe left		After swipe left
	<br>		<br>
	[[File:Ggpanel4.png\|left]]		[[File:Ggpanel4.png\|left]]

Ghenne: /* Screenshots */

2014-11-16T13:20:28Z

Screenshots

← Older revision		Revision as of 13:20, 16 November 2014
Line 259:		Line 259:

	[[File:Ggpanel1.png\|left]]		[[File:Ggpanel1.png\|left]]
			<br>
	After tap:		After tap:
			<br>
	[[File:Ggpanel2.png\|left]]		[[File:Ggpanel2.png\|left]]
			<br>
	After swipe down to close message box and swipe left:		After swipe down to close message box and swipe left:
			<br>
	[[File:Ggpanel3.png\|left]]		[[File:Ggpanel3.png\|left]]
			<br>
	After swipe left		After swipe left
			<br>
	[[File:Ggpanel4.png\|left]]		[[File:Ggpanel4.png\|left]]

Ghenne: /* Screenshots */

2014-11-16T13:19:41Z

Screenshots

← Older revision		Revision as of 13:19, 16 November 2014
Line 255:		Line 255:

	==== Screenshots ====		==== Screenshots ====

			On startup:

	[[File:Ggpanel1.png\|left]]		[[File:Ggpanel1.png\|left]]

			After tap:

			[[File:Ggpanel2.png\|left]]

			After swipe down to close message box and swipe left:

			[[File:Ggpanel3.png\|left]]

			After swipe left

			[[File:Ggpanel4.png\|left]]

Ghenne: /* Sample */

2014-11-16T13:18:13Z

Sample

← Older revision		Revision as of 13:18, 16 November 2014
Line 193:		Line 193:

	=== Sample ===		=== Sample ===

			Here is code (and screenshots) for a simple app which recognizes the following gestures:

			* tap - to show a message
			* swipe down - to close the app, or the message if it is open.
			* swipe left - go to the previous panel
			* swipe right - go to the next panel
			* voice input at startup

			==== Source (BASIC) ====
			<pre>
			document.addEventListener("deviceready", GetParams)
			Sub GetParams()
			rossgerbasi.glass.getLaunchParams(success, fail)
			End Sub

			Sub success(results)
			console.log(results)
			End Sub

			Sub fail()
			console.log("Error getting launch Params")
			End Sub

			document.addEventListener("tap",onTap)
			Sub onTap()
			If typeof(NSB_MsgBox) = "undefined" Then
			MsgBox "Hello World"
			Else
			NSB.closeMsgBox()
			End If
			End Sub

			document.addEventListener("swiperight",onSwiperight)
			Sub onSwiperight()
			Select Case NSBCurrentForm.id
			Case "Form1": ChangeForm(Form2)
			Case "Form2": ChangeForm(Form3)
			Case "Form3": ChangeForm(Form1)
			End Select
			End Sub

			document.addEventListener("swipeleft",onSwipeleft)
			Sub onSwipeleft()
			Select Case NSBCurrentForm.id
			Case "Form1": ChangeForm(Form3)
			Case "Form2": ChangeForm(Form1)
			Case "Form3": ChangeForm(Form2)
			End Select
			End Sub

			document.addEventListener("swipedown",onSwipeDown)
			Sub onSwipeDown()
			If typeof(NSB_MsgBox) = "undefined" Then
			navigator.app.exitApp()
			Else
			NSB.closeMsgBox()
			End If
			End Sub
			</pre>

			==== Screenshots ====

			[[File:Ggpanel1.png\|left]]

Ghenne: /* Native Apps */

2014-11-15T11:26:52Z

Native Apps

← Older revision		Revision as of 11:26, 15 November 2014
Line 190:		Line 190:
	'''8. Debug your App'''		'''8. Debug your App'''

	In Chrome, enter this URL: <code>about://inspect</code>.		In Chrome, enter this URL: <code>about:inspect</code>.

	~~SDK Manager.exe: Glass Development Kit preview~~		=== Sample ===

	~~Connect device in debug mode.~~

	~~If trouble, see this: http://stackoverflow.com/questions/16928983/google-glass-adb-devices-doesnt-find-omap4430-driver-not-installed-cant-find/17138336#17138336~~

	~~Build command is cordova run.~~

	~~http://hedgehogjim.wordpress.com/2014/03/17/google-glass-not-showing-in-android-adb-utility/~~

	~~delete app: adb uninstall com.nsbasic.HelloWorld~~

Ghenne: /* Native Apps */

2014-11-15T11:25:19Z

Native Apps

← Older revision		Revision as of 11:25, 15 November 2014
Line 111:		Line 111:
	</pre>		</pre>

	~~====~~ Write some code to recognize gestures ~~====~~		'''5. Write some code to recognize gestures'''

	We have to tell our app which routine to call when an event happens, then provide that routine. SwipeDown is commonly used to close the current panel. In this case, we'll use it to close the app:		We have to tell our app which routine to call when an event happens, then provide that routine. SwipeDown is commonly used to close the current panel. In this case, we'll use it to close the app:
Line 129:		Line 129:
	</pre>		</pre>

	Here is some code swipe to a new panel:		Here is some code to swipe to a new panel:
	<pre>		<pre>
	document.addEventListener("swiperight",onSwiperight)		document.addEventListener("swiperight",onSwiperight)
Line 161:		Line 161:
	* fingercountchanged (returns data)		* fingercountchanged (returns data)

	~~====~~ Get the Voice Trigger Prompt ~~====~~		'''6. Get the Voice Trigger Prompt (optional)'''

	You can get this once the startup is complete.		You can get this once the startup is complete.
Line 180:		Line 180:
	(Ross Gerbasi is the name of the guy who wrote the PhoneGap plugin we're using.)		(Ross Gerbasi is the name of the guy who wrote the PhoneGap plugin we're using.)

	~~====~~ Run your app on Google Glass ~~====~~		'''7. Run your app on Google Glass'''

	~~https~~://~~github~~.~~com/aphex/cordova-glass~~		Have Build Command (in PhoneGap Preferences) set to <code>cordova run</code>.

			From the Run menu, choose 'Build Native App with PhoneGap CLI".

			Google Glass needs to be connected via USB cable and Debug (on the device)turned on.

			'''8. Debug your App'''

			In Chrome, enter this URL: <code>about://inspect</code>.

	SDK Manager.exe: Glass Development Kit preview		SDK Manager.exe: Glass Development Kit preview