When you come across a great mobile application it can be a great boon to your relationship with computer equipment. And if it links hardcoded material to the online world all the better. Do you remember when we talked about QR Codes with QR Codes Writer Primer Tutorial? Well, today, with our tutorial about the great iOS mobile application called Genius Scan (and you can just type โGeniusโ at the App Store application to find it) it feels a bit like the QR Code creation way a mobile device takes a photo of something that is then used to do something else. That โsomething elseโ today is that that photo, perhaps of some hardcoded material, can be turned into a PDF by the Genius Scan app and shared, in our case today, by email.
Around our house we used the Genius Scan app to photograph a loose collection of recipes, in poor condition, and centralise (via reprinting) them via โฆ
- If not installed already install the iOS Genius Scan app onto an iPad (in our case, but should work on an iPhone too) via a search of the App Store app for โGeniusโ โฆ
- Take photos of the loose collection of recipes and store them as PDFs on the iPad
- Another user, meanwhile, has a USB memory stick ready using a MacBook Pro (and in our case we used the Finder application to two finger gesture in the root folder arrived at by clicking the USB Disk and two finger gesturing a New Folder called Recipes)
- In batches, email (up to about 11, in our case, of) these off to an email address accessed by a user using a MacBook Pro, and we used a web browser session of Gmail for this
- Click Download all Attachments to a zip file in the Downloads folder (of MacBook Pro)
- Click the zip file creating a new folder within the Downloads folder
- Click that new folder to open its contents
- Click (ie. tap) top file
- Two finger gesture to Copy all these as you click/tap last file
- Click USB folder (and in our case we also click Recipes sub folder)
- Two finger gesture Paste files to USB
- Repeat from โIn batches โฆโ above until all done
- Take the USB to Officeworks serve yourself document printing machine, in a similar way, but with photos that last time, that we visited good olโ Officeworks when we presented Holiday Snaps Printing Primer Tutorial as shown below (and the other thing weโve learnt since then is that they can recycle some of your old printers if you drop it off at their store)
- We found it was too much trouble to do one printout per click for $1.00 Australian per sheet and instead got help from an Officeworks employee to put all the 121 files into a batch job at $0.80 cents per printout โฆ voila โฆ
A good result all round!
Previous relevant Holiday Snaps Printing Primer Tutorial is shown below
We had occasion to think about USB Memory Sticks the other day, perhaps a hardware device on the list of ones in danger of slipping away from relevance if we keep moving on in the mobile device and cloud storage direction.
The history of removable media started a long time ago even before the first Windows, back at DOS, and can remember some Wang 8 inch floppies. Back then it was a lot to do with a very finite amount of disk space reflecting when I.T. was more about โreal wordโ processing, rather than, so much, graphical processing. Nowadays, with removable media, and the relatively modern โฆ but for how long? โฆ memory stick holding several gigabytes of media storage, usually, there are media formatting requirements now that have moved on from the default Windows media formatting supporting a File Allocation Table (FAT) file system.
Weโll get to whatโs better to use regarding a USB memory stick media formatting arrangement later, but for now, what happens if you โฆ
- in Windows or DOS get to a formatting Window and choose to format a USB memory stick of 2gB capacity, for example in โMS-DOS (FAT)โ format โฆ or โฆ
- in Mac OS X Applications -> Utilities -> Disk Utility -> Selected USB memory stick of 2gB capacity -> Erase tab -> Format -> MS-DOS (FAT)
โฆ well, respectively โฆ
- it will have been formatted to have the disk space of a 3 1/4 inch floppy, it looks like, and work on Windows and DOS and Mac OS X
- it will have been formatted to have the disk space of a 3 1/4 inch floppy, it looks like, and work on Mac OS X and Windows and DOS
โฆ which is okay but kind of wasteful, in the context of a removable USB 2gB memory stick we wanted to use to store about 320 holiday โsnapsโ and get printed out. We have these scenarios possible in a house half Mac OS X and half Windows.
So hereโs the bit of the tutorial where we canโt help but advertise. Officeworks, with various branches here in Sydney, print 4โณ x 6โณ photo prints, satin or glossy, at 10 cents per photo. Pretty good, huh? And this can even be done Dragging and Dropping photos online, but up to 20mB, that is. Our 320 holiday โsnapsโ represented considerably more, and more than for any โMS-DOS (FAT)โ file system arrangement, that would get taken for a Same Day do it yourself at a Windows personal computer, with your own USB memory stick arrangement.
So, what is the go to โฆ
- use the full capacity of the USB memory stick
- be able to fit 320 photos onto the USB memory stick
- for normal day to day use, be able to use it on any Mac OS X or Windows computer around the house
- have a workable and readable USB memory stick to use at the Officeworks photo printing Do It Yourself Windows personal computers
โฆ having seen unreadable USB memory sticks, at Officeworks Windows personal computers using โin Mac OS X Applications -> Utilities -> Disk Utility -> Selected USB memory stick of 2gB capacity -> Erase tab -> Format -> Mac OS Extended (Journaled)โ formatting?
Well, I asked the Fat Controller โฆ of course โฆ what do you take me for? โฆ and they said โฆ
โExFatโ DotDotDot
manperson
โฆ and, lo and behold โฆ not having registered its existence before โฆ there it was as an option achieving both as per โฆ
- in Windows or DOS get to a formatting Window and choose to format a USB memory stick of 2gB capacity, for example in โexFATโ format โฆ or โฆ
- in Mac OS X Applications -> Utilities -> Disk Utility -> Selected USB memory stick of 2gB capacity -> Erase tab -> Format -> ExFAT
โฆ resulting in, respectively โฆ
- it will have been formatted to have the disk space of its 2gB full capacity, it looks like, and work on Windows and DOS and Mac OS X
- it will have been formatted to have the disk space of its 2gB full capacity, it looks like, and work on Mac OS X and Windows and DOS
So, a happy solution for some holiday โsnapโ printing, and the ongoing less wasteful use of a USB 2gB memory stick on Windows or Mac OS X, on computers around the house. We show some of these ideas with our tutorialpicture today.
To read more about getting the photos to the MacBook Pro laptop from the Android phone, please read, below, the techniques from Android Disk to MacBook Pro Disk Tutorial.
Previous relevant Android Disk to MacBook Pro Disk Tutorial is shown below.
We love it here when we can tell you of something that works across the โbig brandsโ, and what we mean by the two โbig brandsโ today is Google (regarding their Android mobile phone operating system) and Apple (regarding their Mac OS X MacBook Pro laptop operating system). Today we transfer files from the Android mobile phone to our MacBook Pro laptop disk via โฆ
- (ubiquitous) white lead โฆ called a Micro USB Connector โฆ the same one we used for Android Studio Real Physical Device Tutorial as shown below
- some great Mac OS X software we discovered at Android File Transfer
For Share ideas that involve your Android mobile phone and storing media on a local hard disk this could be a great alternative to other Share options for the MacBook Pro and some of the ideas we presented with Android Camera to Mac iPhoto Primer Tutorial.
Todayโs tutorialpicture shows you the setup for this functionality, and youโll see the online advice for how you work the Mac OS X application for the Android File Transfer application.
Previous relevant Android Studio Real Physical Device Tutorial is shown below.
When creating Android apps with Android Studio IDE (or any other IDE, for that matter) itโs great to test the working of the app with various mobile phone and tablet emulators with AVD, and itโs even โgreaterโ to extend that to testing on a real physical device.
Today, weโre going to work with โฆ
- MacBook Pro testing that latest Android app using an Android Studio IDE project which we talked about with Android Studio on Mac OS X Primer Tutorial regarding โESL Ideasโ
- another (ubiquitous) white lead โฆ called a Micro USB Connector โฆ but not Muc, pleeeeease โฆ decided against the puce one because it just didnโt go with the cushions โฆ but we digress
- Samsung GT-S5310B Android 4.1.2 mobile phone โฆ and, today of all days the โ4.1.2โ is a bit significant โฆ because we want to talk about ant builds โฆ but we digress
The (ubiquitous) white lead goes from the MacBook Proโs USB port to the โunderbellyโ of the Samsung GT-S5310B.
One thing to do at the โcomputerโ Android Studio end of the lead is to adjust AndroidManifestxml to show android:debuggable="true"
now.
Now if youโre on Windows Iโd have more to say about the โcomputerโ end of the lead, and if that is you, and youโve never tested on a real device, youโll want to read this great Google Android Studio page.
Come to think of it, everybody whoโs never tested on a real device should read Google Android Studio page. See the advice about Android 4.2 โฆ note that โฆ ie. if the Settings menuโs submenu Developer Options is all grayed out tap on Build number (via Settings->About device) seven times โฆ and โtwice on the pipe, if the answer is nooooooooooโ โฆ but we digress.
However, we have a mobile phone with Android 4.1.2 โฆ and so โฆ this search got me to this great advice โฆ and the consequent turning on of the Settings->Developer Options โswitchโ to on meant โฆ Bobโs your uncle, Fannyโs your aunt โฆ Android Studio responded like a โฆ like a โฆ well โฆ a very hot studio.
A โRun Appโ will default to hooking up to this connected physical device (the Samsung GT-S5310B) and run the resultant mobile app on that device.
Previous relevant Android Studio on Mac OS X Primer Tutorial is shown below.
There are a lot of choices of IDE for creating mobile applications, and if you are a developer wanting to develop mobile apps for both Android and iOS platforms, you may be looking to try to set up an environment where all this can be achieved on the one piece of computer equipment.
We prefer to think in terms of two IDEs handling the two mobile app types of iOS, with Swift and/or Objective-C as the source language, and Android, with Java as the source language. We donโt mind there being two separate IDEs involved, but we find it amazing enough that they can both sit on the one MacBook Pro laptop without resorting to any Operating System disk partitions. With the Android app, using Mac OS X (MacBook Pro) we asked Google if it could be done, and came up with the marvellous Android Studio IDE as a possibility โฆ yay!
- iOS mobile apps get created via the Xcode IDE using Swift and/or Objective-C on a Mac OS X (MacBook Pro)
- Android apps get created via the Android Studio IDE using Java on a Mac OS X (MacBook Pro)
Todayโs tutorial, as with the WordPress 4.1.1โs Android Studio on Mac OS X Primer Tutorial, hones in on that second idea from the install of Android Studio (to a MacBook Pro) through to the โmiddle gameโ emulation of an Android app via Android Studio and AVD onto an HTC Nexus One.
Please donโt think this is the only approach โฆ and please research PhoneGap (PhoneGap iOS Mobile Xcode Primer Tutorial) and jQuery Mobile (jQuery Mobile Primer Tutorial) and Embarcadero (Delphi Pascal++ Embarcadero XE6 Primer Tutorial) also, perhaps for an approach that uses other ways of looking at the issue.
In the context of all this, we see the Android app โend gameโ as involving the creation of an .apk file that can be uploaded to Google Play for public access.
Similarly to our associated Android Studio Google Play Ready Primer Tutorial as shown below, today, the concepts in the Android Studio project regarding the โmiddle gameโ, comparing it to the Eclipse IDE (Eclipse Android App Google Play Ready Primer Tutorial), for which huge help came from this great link โฆ thanks โฆ are, again, for our โESL Ideasโ Android mobile app (which โchannelsโ our project, recently, started with HTML/Javascript Themed Supervision Primer Tutorial) of today โฆ
- Fragments โ components of the Android UI โฆ and setting of startup fragment of interest โฆ fragment_weblayoutxml โฆ fragments go some way to addressing that common issue for mobile developers that all the UI elements of a mobile application fit and would ideally be displayed with a tablet but it would be best to only conditionally display some when it comes to using a smaller format mobile device such as an Android mobile phone device
- Main Java in MainActivityjava โฆ similar to Eclipse
- Layout in activity_mainxml โฆ similar to Eclipse
- WebView โฆ similar to Eclipse โฆ allows an Internet web component in your Android mobile app
- Use of
myWebView.getSettings().setJavaScriptEnabled(true);
to allow Javascript functionality for the WebView - AndroidManifestxml โฆ INTERNET permission โฆ similar to Eclipse โฆ to Build->โGenerate Signed APKโฆโ for Google Play publishing you need the extra โฆ
android:debuggable="false"
clause - Tools->Android->AVD Manager โฆ emulator organization and emulator deployment help โฆ remains the case that it is best to start the emulator all the way to the home page at the simulated device (right swipe unlocking any locks you get) โฆ then run and attach your mobile app to this pre-established connection
You will be pleased to know that after the Android Studio install today, all is (still) well with Xcode on this Mac OS X (MacBook Pro) setup โฆ we mostly like a happy ending โฆ aaaaaaahhhhhhh!
Previous relevant Android Studio Google Play Ready Primer Tutorial is shown below.
Yesterday, with Android Studio Tic Tac Toe Game Tutorial as shown below, we reacquainted ourselves with Android Studio as an alternative IDE to Eclipse (and there are others too) to use the Android SDK and Java to develop mobile apps for an Android mobile device and in our aforesaid mentioned โstart gameโ, โmiddle gameโ and โend gameโ view of mobile development we focussed on the โmiddle gameโ.
Today, we extend the โmiddle gameโ discussion of yesterday, with tutorial functionality touching on the โend gameโ with respect to Android Studio creating an Android mobile app on Google Play.
Wonder if you were around when we created the Morse Code emailer โฆ HTML Morse Code Primer Tutorial? Well, today, we turn that into an Android mobile application using Android Studio, and publish it to Google Play for general โconsumptionโ by the public.
So what are some of the concepts in the Android Studio project regarding the โmiddle gameโ, for which huge help came from this great link โฆ thanks โฆ
- Fragments โ components of the Android UI โฆ and setting of startup fragment of interest โฆ fragments go some way to addressing that common issue for mobile developers that all the UI elements of a mobile application fit and would ideally be displayed with a tablet but it would be best to only conditionally display some when it comes to using a smaller format mobile device such as an Android mobile phone device
- Layout in activity_main.xml โฆ similar to Eclipse
- WebView โฆ similar to Eclipse โฆ allows an Internet web component in your Android mobile app
- Use of
myWebView.getSettings().setJavaScriptEnabled(true);
to allow Javascript functionality for the WebView - AndroidManifest.xml โฆ INTERNET permission โฆ similar to Eclipse โฆ to Build->โGenerate Signed APKโฆโ for Google Play publishing you need the extra โฆ
android:debuggable="false"
clause - Tools->Android->AVD Manager โฆ emulator organization and emulator deployment help โฆ remains the case that it is best to start the emulator all the way to the home page at the simulated device (right swipe unlocking any locks you get) โฆ then run and attach your mobile app to this pre-established connection
Source code wise, of interest to the โmiddle gameโ, is โฆ
Before leaving the โmiddle gameโ thoughts, sometimes you need to adjust the code of a WebViewโs innards (especially) if you want to do away with any โBackโ or โForwardโ button mobile application functionality, because any escape from the WebViewโs control is that mobile application being effectively lost for that session. As such, the Morse Code programming HTML source code became morsecodehtml (โฆ and how we got there morsecodehtml โฆ) and the method of creating the email was made to use a PHP piece of supervised code as per morsecodephp (with a liverun non-mobile web page link) to cater for Android mobile WebView compatibility โฆ and thanks to this useful link.
And what of the โend gameโ? โฆ Would direct you to the imagery of todayโs tutorial โฆ a lot of it covers the same ground as the โEclipseโ corresponding scenario tutorial called Eclipse Android App Google Play Ready Primer Tutorial.
Just to challenge you with a โmiddle, end, start orderโ โฆ have a look at some information regarding Android Studio mobile development and the โstart gameโ โฆ Android Studio Primer Tutorial.
Hope this is food for thought for your Android mobile development plans! See the results of the work today at Google Play.
Previous relevant Android Studio Tic Tac Toe Game Tutorial is shown below.
Wonder if you were around when we created Tic Tac Toe (or more like Noughts and Crosses, in Australia) using the HTML5 Canvas element and drag and drop methods (if you liked, or just plain box clicking, otherwise, which will be okay for mobile usage) โฆ HTML/Javascript Canvas Tic Tac Toe Game Drag and Drop Tutorial as shown below? Well, today, we turn that into an Android mobile application using Android Studio.
Android Studio is an alternative IDE to Eclipse (and there are others too) to use the Android SDK and Java to develop mobile apps for an Android mobile device and in our aforesaid mentioned โstart gameโ, โmiddle gameโ and โend gameโ view of mobile development we are just showing you the โmiddle gameโ today, but if you were to follow through โฆ fore!!!!!!!! โฆ and not shank โฆ and not hook (ie. narrrrrrr โฆ chortle, chortle) โฆ then we may end up at Google Play with a mobile app โฆ by the way, we talk about the โend gameโ at Eclipse Android App Google Play Ready Primer Tutorial (Android Studio has all this functionality and capability too).
So what are some of the concepts in the Android Studio project, for which huge help came from this great link โฆ thanks โฆ
- Fragments โ components of the Android UI โฆ and setting of startup fragment of interest โฆ fragments go some way to addressing that common issue for mobile developers that all the UI elements of a mobile application fit and would ideally be displayed with a tablet but it would be best to only conditionally display some when it comes to using a smaller format mobile device such as an Android mobile phone device
- Layout in activity_main.xml โฆ similar to Eclipse
- WebView โฆ similar to Eclipse โฆ allows an Internet web component in your Android mobile app
- Use of
myWebView.getSettings().setJavaScriptEnabled(true);
to allow Javascript functionality for the WebView - AndroidManifest.xml โฆ INTERNET permission โฆ similar to Eclipse
- Tools->Android->AVD Manager โฆ emulator organization and emulator deployment help โฆ remains the case that it is best to start the emulator all the way to the home page at the simulated device (right swipe unlocking any locks you get) โฆ then run and attach your mobile app to this pre-established connection
Source code wise, of interest, is โฆ
So thatโs a bit about the mobileworld, and so concerning the innards of that WebView โฆ
The Canvas HTML element tag can be used as the container to draw graphics on the fly usually via the use of Javascript functions for rendering and event management.
In todayโs tutorial we show some image Drag and Drop functionality that you can use with the Canvas HTML5 element where we create a Tic Tac Toe game webpage. We thank w3schools for the great advice at this link.
The Drag and Drop does not work well on tablets, but for own Tic Tac Toe game today we allow either a drag and drop approach, or a touch/click approach.
You may want to read more at HTML Canvas Reference as a generic reference, or here, at the tutorial javascript โ How do I add a simple onClick event handler to a canvas element? โ Stack Overflow.
As you can imagine, this HTML canvas element, new to HTML5, can be very useful for some practical client-side web functionality.
Link to some downloadable HTML programming code โฆ rename to tictactoe_chalkboardhtml
Youโll notice heavy use of the Javascript Math.random() function.
We hope you enjoy this tutorial as a liverun.
Should you find Tac Tac Toe (or even Noughts and Crosses) addictive you should see this โฆ amazing!
Yes โฆ youโve reached the end โฆ gofirst in each game and see if you can beat the computer!
Previous relevant HTML/Javascript Canvas Tic Tac Toe Game Drag and Drop Tutorial is shown below.
The Canvas HTML element tag can be used as the container to draw graphics on the fly usually via the use of Javascript functions for rendering and event management.
In todayโs tutorial we show some image Drag and Drop functionality that you can use with the Canvas HTML5 element where we create a Tic Tac Toe game webpage. We thank w3schools for the great advice at this link.
The Drag and Drop does not work well on tablets, but for own Tic Tac Toe game today we allow either a drag and drop approach, or a touch/click approach.
You may want to read more at HTML Canvas Reference as a generic reference, or here, at the tutorial javascript โ How do I add a simple onClick event handler to a canvas element? โ Stack Overflow.
As you can imagine, this HTML canvas element, new to HTML5, can be very useful for some practical client-side web functionality.
Link to some downloadable HTML programming code โฆ rename to tictactoe_chalkboardhtml
Youโll notice heavy use of the Javascript Math.random() function.
We hope you enjoy this tutorial as a liverun.
Should you find Tac Tac Toe (or even Noughts and Crosses) addictive you should see this โฆ amazing!
Yes โฆ youโve reached the end โฆ gofirst in each game and see if you can beat the computer!
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.
If this was interesting you may be interested in this too.