PHP Target Word Game Mobile Friendly Tutorial

PHP Target Word Game Mobile Friendly Tutorial

PHP Target Word Game Mobile Friendly Tutorial

Following up on yesterday’s PHP Target Word Game Primer Tutorial as shown below, it is time to consider mobile friendliness … you can perhaps visit Mobile and be friendly … or use a simulator or real tablet and/or mobile phone as a more reliable methodology. Though?!

Even if you have no intention of making a mobile application out of your [PHP]/HTML/Javascript code, this approach, using Xcode on a MacBook Pro can help iron out any issues, for devices you do not even own (those are ones you can try on simulators). Similar thinking could apply to Eclipse or Android Studio ideas with Android devices, if that’s the way you prefer to roll.

Some of the considerations regarding mobile phone usage involved, amongst others …

  • do not involve any email clients
  • for the same reason as above do not navigate to a webpage outside the control of target_share_challenge.php (and its child target_emailer.php)
  • make “h1″ HTML elements “h2″ to save some room
  • make the table HTML element cellpadding smaller
  • make the textarea HTML element rows value smaller

Here’s a new live run link and here is the PHP programming source code you could call target_share_challenge.php supervising target_emailer.php … this involved the following changes to target_share_challenge.php

Previous relevant PHP Target Word Game Primer Tutorial is shown below.

PHP Target Word Game Primer Tutorial

PHP Target Word Game Primer Tutorial

Meanwhile, back at the “word-games-trying-to-assist-ESL-students” ranch …

“Targét! Darn it Targét, where are ya? There’s chores to be done, Targét. Tar’gggggééééééétttttt!”

“Paw, did you come a calling, with an unsilent ‘t’ … when youse knows full well, Paw … that them thar ‘t’ is awful quiet when preceeded by a ‘é’ Paw, like?”

“Son, think youse’ll find a ‘é’ aint nearly so goodly as an ‘é’, son.”

“Y’know Paw, sometimes ar dunno git what youse on about, ‘specially regarding ‘t’ and ‘é’ … tho yo not bad at ‘b’ ‘n ‘g’ … but who aint? Ever since we’all changed my name to Targét you been acting kinda strangé … and when ar say strangé, ar mean strangé … aint that strangé?”

“Strangé aint the word for it, Targét. You just git busy providing that there word games on youse up yonder on ESL Ranch ridge, and never mind what your Pappy’s views on ‘t’ and ‘é’ are, y’hear.”

“‘Fraid am bit short of héaring théré, Paw … but how ’bout wé chéck the rain métér on that, next time on yonder ridgé?”

Some word and sentence games are not so good for ESL students, such as our previous PHP Rhopalic Letter Sentence Game Mobile Friendly Tutorial as shown below, perhaps, because the vocabulary resulting can be a bit far-fetched at times, so, today, the word game is a bit more traditional, and only calls on vocabulary the user already knows, and, hopefully, gets them recalling, or thinking about.

Today’s word game we’re calling “Target Share Challenge” and it is largely based around a quiz game called “Target” presented in The Sydney Morning Herald newspaper, except that we add email (snapshot) functionality and leave behind functionality saying what a good score would be. So that is the idea of a challenge, with snapshots of the game possible to challenge your friends and/or (ESL) classmates. What follows are examples of the email link types …

Today’s game tests your vocabulary skills in English. Why just English? Well, it uses English words, based on the dictionary arrangements at its (web) server, which happens to be based on English.

Programmers often use Linux dictionary files as a means to get a word list, and that list could be in any language, and for ours it is English.

Here’s a live run and here is the PHP programming source code you could call target_share_challenge.php

Previous relevant PHP Rhopalic Letter Sentence Game Mobile Friendly Tutorial is shown below.

PHP Rhopalic Letter Sentence Game Mobile Friendly Tutorial

PHP Rhopalic Letter Sentence Game Mobile Friendly Tutorial

To make a web application more mobile device friendly, there is the look and the usability to consider. When you consider the look you should try to take into account, very small device widths, as would be applicable for a lot of smartphones. As far as usability goes, one thing we’ve found is that keyboard entry is less friendly than for your laptop, or desktop computer.

This is a huge topic area, but put the spotlight on a tutorial web application from a few days back to see some of the issues … do you remember PHP Rhopalic Letter Sentence Game Primer Tutorial? As a first look through for mobile friendliness, we touched on …

  • add functionality so that the choice is there for less keyboard initializing taking place … if all keyboard can happen in one or two places that is better than for lots of textbox places, on mobile devices
  • make input type=”text” tiny bit wider
  • if down the track you think this will be the innards of a WebView of a mobile application, stop any navigation that takes you to another webpage, else accompany any WebView with “back” and “forward” buttons (whose functionality is most likely neatly encapsulated by easy measures you can take within the IDE you are using)
  • use a PHP mail (server-side) method of emailing rather than using an HTML a tag mailto: href value (client-side method, that relies on an email client program) … this is only an issue, if down the line, this may become the innards of a WebView in a mobile application
  • at the client (and this is perhaps the better, but not the only (ie. if PHP server-side is involved, it can be done there too, but not the same way … doh!), place to test for it), with Javascript, use a test like …

    if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
    // it is a mobile device

    … great thanks to this link for this advice and idea
  • use meta tag like …

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=yes" />

    … between <head> and </head> … as you can imagine, there are huge variations in requirements here, and if you want a start at some more R&D, have a read of a Firefox (after all, this is a cross-browser, as well as cross-platform, issue) webpage talking about the viewport meta tag regarding mobile devices

… to, hopefully, improve it as a mobile web application, and hopefully, as a web application generally.

Please tee up a live run with the PHP programming source code rhopalic_letter_sentence.php (changed from a few days ago, to make it more mobile friendly, as per rhopalic_letter_sentence.php).

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.

This entry was posted in eLearning, ESL, Games, iOS, Tutorials and tagged , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

13 Responses to PHP Target Word Game Mobile Friendly Tutorial

  1. Thanks for every other superb post. The spot else might just anyone get that kind of information in such an perfect manner of writing? I’ve a presentation subsequent week, and I am at the appear for such information.

  2. Substantially, this publish is truly the sweetest on this notable theme. I harmonise along with your conclusions and will thirstily appear ahead within your incoming updates. Stating thanks will not likely just be ample, for that phenomenal clarity with your writing. I will appropriate grab your rss feed to stay informed of any updates. Admirable operate and considerably accomplishment with your enterprise dealings! Please excuse my poor English as it is not my very first tongue.

  3. mrskin says:

    My spouse and I stumbled over here from a different web site and thought I may possibly as nicely check issues out. I like what I see so now i’m following you. Look forward to going more than your internet page repeatedly.

  4. Even nevertheless you’ll find lots of decision strategies with the purpose of lookup used for non published numbers, but you would approximating rapid stately results to you possibly will appear forward to in, you possibly will necessitate with the purpose of desire specific sort of swap telephone search company.

  5. I enjoy you conveying your perspective.. Isn’t it great when you obtain a superb publish? Is not it awesome if you locate a very good submit? Liking the piece of writing.. thank you so much

  6. celebrate says:

    So pleased to possess identified this article.. indeed, investigation is paying off. So content to have identified this article.. Terrific thoughts you have here..

  7. All systems says:

    Fantastic beliefs you might have here.. Actually helpful standpoint, many thanks for expression.. Treasure the blog you available.. certainly, research is paying off.

  8. Hello. magnificent job. I did not expect this. This is a excellent story. Thanks!

  9. satisfied says:

    I like this blog very much, Its a very nice position to read and find information. “Practice, the master of all things.” by Augustus Octavius.

  10. Happy says:

    I see something genuinely interesting about your website so I saved to fav.

  11. Hello there, just turned into alert to your blog through Google, and found that it is really informative. I’m going to watch out for brussels. I’ll appreciate if you continue this in future. A lot of other folks shall be benefited from your writing. Cheers!|

  12. Generous says:

    Get pleasure from the post you provided.. My personal web surfing seem full.. thank you. Supporting the article.. thanks alot :) Respect the entry you delivered..

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>