{"id":5497,"date":"2019-04-20T15:56:05","date_gmt":"2019-04-20T15:56:05","guid":{"rendered":"https:\/\/max-drake.cc\/?p=5497"},"modified":"2019-04-21T21:43:21","modified_gmt":"2019-04-21T21:43:21","slug":"glide-free-translator-app","status":"publish","type":"post","link":"https:\/\/max-drake.cc\/?p=5497","title":{"rendered":"Free Glide to build translator app for city tour"},"content":{"rendered":"\n<p>After the first test of  the Glide app I found there was limited ways to input data. You had to edit a sheet tab of data but no method of automatically tagging that an item had been updated. That is, that I have identified so far.<\/p>\n\n\n\n<p class=\"has-background has-luminous-vivid-amber-background-color\"><a href=\"http:\/\/recordit.co\/rNmRT968GE\">Video clip showing quick demo<\/a>using Recordit <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"973\" height=\"1024\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_20_51-HopOnHopOff-made-with-Glide-973x1024.jpg\" alt=\"\" class=\"wp-image-5499 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_20_51-HopOnHopOff-made-with-Glide-973x1024.jpg 973w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_20_51-HopOnHopOff-made-with-Glide-285x300.jpg 285w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_20_51-HopOnHopOff-made-with-Glide-768x808.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_20_51-HopOnHopOff-made-with-Glide.jpg 1236w\" data-sizes=\"(max-width: 973px) 100vw, 973px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 973px; --smush-placeholder-aspect-ratio: 973\/1024;\" \/><\/figure>\n\n\n\n<p> The documentation and videos are not totally cohesive. There are videos on things that you cannot do with the free version, but it doesn&#8217;t say that. I think the tool is still quite young and changes are occurring but documentation\/tutorials are not keeping up with the process. <\/p>\n\n\n\n<p>I still cannot figure at what point the tool becomes a fully fledged app rather than a page in a browser. Is it for the Pro App or Business App. The pricing process is not clear to me.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"767\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_05_06-Glide-\u2013-Amazing-apps-from-Google-Sheets-1024x767.jpg\" alt=\"\" class=\"wp-image-5498 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_05_06-Glide-\u2013-Amazing-apps-from-Google-Sheets-1024x767.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_05_06-Glide-\u2013-Amazing-apps-from-Google-Sheets-300x225.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_05_06-Glide-\u2013-Amazing-apps-from-Google-Sheets-768x575.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_05_06-Glide-\u2013-Amazing-apps-from-Google-Sheets.jpg 1647w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/767;\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Tour translation app development<\/h3>\n\n\n\n<p>I live by Mt Victoria Lookout and see lots of tour buses coming up the hill with the driver giving a travelog along the way. This is fine if people understand English, but can be a bit frustrating if they do not.  <\/p>\n\n\n\n<p>After testing Glide with a building survey app &amp; thinking of limited user input I thought it might be ideal to use for a translator app on a bus tour.  <\/p>\n\n\n\n<p>Here is a link to the main app <a rel=\"noreferrer noopener\" aria-label=\"https:\/\/hohow.glideapp.io\/ (opens in a new tab)\" href=\"https:\/\/hohow.glideapp.io\/\" target=\"_blank\">https:\/\/hohow.glideapp.io\/<\/a><\/p>\n\n\n\n<p>The idea is that it conveys the same information in all languages, so you have a spreadsheet with the same information in each, just translated into different languages. <\/p>\n\n\n\n<p>Another reason I thought of it was my visit to Te Papa to see the Flowerpot Warriors. Expensive for what it was. I did note that they had audio guides on a rack that you could purchase to enhance your experience. I presume they were in a number of languages.<\/p>\n\n\n\n<p>A third reason is my own apprehension when first going to Spain, to Barcelona. I was extremely concerned as I couldn&#8217;t speak any Spanish and was worried about the trains, buses and tubes as I thought they&#8217; be in Spanish. In fact it was an absolute dream as you could push a language button and get a translation of all the information. Because you had the translation you could begin to get a basic vocabulary of the equivalent terms in Spanish that helped you with wayfinding in a foreign city. So although initially, I walked everywhere, I soon started to use the public transport system. So personally, translations are a very powerful tool.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Content<\/h3>\n\n\n\n<p>I took the content from the Hop On Hop Off website, some of the general blurb on the places that were part of the tour. Also, Googled images and flags. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Translation<\/h4>\n\n\n\n<p>I used google translate and just copied\/pasted the Engish in and asked for the relevant traslation. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">First iteration<\/h4>\n\n\n\n<p>At my first attempt I couldn&#8217;t get it working in one app, so ended up with a top level app that linked to 3 sub apps &#8211; in English, German &amp; Chinese. <\/p>\n\n\n\n<p>Also at the first attempt, on the front page, when it set up, would only show a list of items rather than a variety of items. This led to having an image of a flag that you clicked on for a language and it took you to a sub-page, and there you could click a button to go to the specific language site. Not elegant.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"793\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_30_53--1024x793.jpg\" alt=\"\" class=\"wp-image-5500 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_30_53--1024x793.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_30_53--300x232.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_30_53--768x595.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_30_53-.jpg 1917w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/793;\" \/><figcaption>The layout from the initial page setup I have chosen tiles and it lets you choose a Title\/Details\/Image &amp; image size and it will list them all in the same manner as per your spreadsheet. NOTE the DETAIL option at the bottom of the list. That allows you to choose individual components<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"812\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_32_10-Glide-\u2013-amazing-apps-without-code-1024x812.jpg\" alt=\"\" class=\"wp-image-5501 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_32_10-Glide-\u2013-amazing-apps-without-code-1024x812.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_32_10-Glide-\u2013-amazing-apps-without-code-300x238.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_32_10-Glide-\u2013-amazing-apps-without-code-768x609.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_32_10-Glide-\u2013-amazing-apps-without-code.jpg 1896w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/812;\" \/><figcaption>Because the button is related to all 3 sub-pages, it can only have the same text in each, in this example, English. So not an elegant solution<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Second iteration<\/h4>\n\n\n\n<p>I found, on the 2nd day, that if you select DETAILS in the LAYOUT list then you can choose selected individual components to put on the page, so tailor your layout. So instead of having a button that has the same text or language, you can have individual buttons that have different text\/language. Like the first image in the article. I could also add a bit more detail to the front page, so if you scroll down there is the company&#8217;s website link\/ contact details etc  and other details. This could easily be split onto another page, especially if there were a lot of translated languages. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"529\" height=\"1024\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_40_25-HopOnHopOff-made-with-Glide-529x1024.jpg\" alt=\"\" class=\"wp-image-5502 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_40_25-HopOnHopOff-made-with-Glide-529x1024.jpg 529w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_40_25-HopOnHopOff-made-with-Glide-155x300.jpg 155w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_40_25-HopOnHopOff-made-with-Glide.jpg 671w\" data-sizes=\"(max-width: 529px) 100vw, 529px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 529px; --smush-placeholder-aspect-ratio: 529\/1024;\" \/><\/figure>\n\n\n\n<p>On the individual language sites I also had 2 tabs, the first was to the sites that the Hop On Hop Off bus stopped at, with an image and a description in the specific language. If you clicked on the image it took you to a more detailed description with an image, some descriptive notes about the site, a web link button and a map. I also allowed for a comments box at the bottom if anyone wanted to add comments about the site.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"954\" height=\"1024\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_21_11-HOHO-Chinese-made-with-Glide-954x1024.jpg\" alt=\"\" class=\"wp-image-5503 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_21_11-HOHO-Chinese-made-with-Glide-954x1024.jpg 954w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_21_11-HOHO-Chinese-made-with-Glide-280x300.jpg 280w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_21_11-HOHO-Chinese-made-with-Glide-768x824.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_21_11-HOHO-Chinese-made-with-Glide.jpg 1219w\" data-sizes=\"(max-width: 954px) 100vw, 954px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 954px; --smush-placeholder-aspect-ratio: 954\/1024;\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"967\" height=\"1024\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_21_45-HOHO-German-made-with-Glide-967x1024.jpg\" alt=\"\" class=\"wp-image-5504 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_21_45-HOHO-German-made-with-Glide-967x1024.jpg 967w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_21_45-HOHO-German-made-with-Glide-283x300.jpg 283w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_21_45-HOHO-German-made-with-Glide-768x814.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_21_45-HOHO-German-made-with-Glide.jpg 1212w\" data-sizes=\"(max-width: 967px) 100vw, 967px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 967px; --smush-placeholder-aspect-ratio: 967\/1024;\" \/><\/figure>\n\n\n\n<p>The comments field may be important, so maybe a button to the comments field, or move the comments field up so it is more prominent may be important. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Other information tab<\/h4>\n\n\n\n<p>The buses go at regular times and there may be potential for missing a bus that can leave you stranded in the wrong place. So I thought of adding some fundamental information for visitors to the city.  A separate tab with general useful information such as Police\/Ambulance\/Hospital\/After Hour pharmacy, bus timetable site, taxi and uber taxi links. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"999\" data-src=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_22_25-HOHO-German-made-with-Glide-1024x999.jpg\" alt=\"\" class=\"wp-image-5505 lazyload\" data-srcset=\"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_22_25-HOHO-German-made-with-Glide-1024x999.jpg 1024w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_22_25-HOHO-German-made-with-Glide-300x293.jpg 300w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_22_25-HOHO-German-made-with-Glide-768x749.jpg 768w, https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-13_22_25-HOHO-German-made-with-Glide.jpg 1337w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/999;\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Panoramas<\/h4>\n\n\n\n<p>I thought of adding panoramas to the site and tried it, but the setup I have for them is based on a PC so I need to adjust the panorama sizes to try and scale them for a mobile device. I may or may not do this. I need to take some panorama pictures at a couple of locations , its raining today, so not ideal for photo taking, but its more about technical aspect rather than actual photo. <\/p>\n\n\n\n<p>The nice thing about panoramas are hot spots. Especially for views from the lookout where there are so many things to see. You could have hot spots for the Beehive, Vic Uni on the hill, Westpac stadium, Civic square, airport, etc. A feature that could enhance the viewers experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">End comment<\/h3>\n\n\n\n<p>I sent a link to the app in an email to a couple of the tour companies to see if they were interested in developing the app. I had to send them out otherwise I&#8217;d carry on fiddling with the app, which I dont want to do. <\/p>\n\n\n\n<p>I&#8217;m very please with the result. I think the app looks quite slick. I can see elaborations and enhancements I can make to this app. <\/p>\n\n\n\n<p>I can see this as a simple, handy tool for say museums and art galleries to get better engagement with their visitors. Also for temporary events as its easy to mock up. Using QR code to link to the device is easy if people are familiar with the tool.<\/p>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>After the first test of the Glide app I found there was limited ways to input data. You had to edit a sheet tab of data but no method of automatically tagging that an item had been updated. That is, that I have identified so far. Video clip showing quick demousing Recordit The documentation and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5506,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,265,42,29],"tags":[411,414],"class_list":["post-5497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-power-bi","category-google-docs","category-productivity","category-web","tag-glideapp","tag-google-translate"],"featured_image_src":"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-15_48_41-HopOnHopOff-made-with-Glide.jpg","featured_image_src_square":"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-21-15_48_41-HopOnHopOff-made-with-Glide.jpg","author_info":{"display_name":"Max Drake","author_link":"https:\/\/max-drake.cc\/?author=1"},"_links":{"self":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/posts\/5497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5497"}],"version-history":[{"count":0,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/posts\/5497\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/media\/5506"}],"wp:attachment":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}