{"id":5537,"date":"2019-04-26T17:53:53","date_gmt":"2019-04-26T17:53:53","guid":{"rendered":"https:\/\/max-drake.cc\/?p=5537"},"modified":"2019-05-31T08:38:30","modified_gmt":"2019-05-31T08:38:30","slug":"free-glideapp-museum-translation-app-developed-with-ocr","status":"publish","type":"post","link":"https:\/\/max-drake.cc\/?p=5537","title":{"rendered":"Free GlideApp Museum translation app developed with OCR"},"content":{"rendered":"\n

After the Art Gallery App <\/strong>Free GlideApp for developing Art Gallery translation mobile app<\/strong><\/a> I wanted to extend it to a Museum app. <\/p>\n\n\n\n

As it does not take too much time to mock up an app I thought a specific app targeted at a specific Museum would capture more attention than if you were to do a generic one. They can see the potential in one of their exhibits.<\/p>\n\n\n\n

link to the app is HERE<\/a><\/strong> <\/p>\n\n\n\n

As it does not take too much time to mock up an app I thought a specific app targeted at a specific Museum would capture more attention than if you were to do a generic one. They can see the potential in one of their exhibits. <\/p>\n\n\n\n

I went along to the museum and took a few quick photos with my mobile phone, not the best pictures as the exhibits had low lighting, glass cases (that reflect light) and the museum was quite busy so I did not want to obstruct the exhibition for too long so fast photos. <\/p>\n\n\n\n

OCR (Optical Character Recognition<\/em>) <\/h4>\n\n\n\n

The exhibition that I chose has been there for a long time and there was not any supporting pamphlets or other information, so I had to rely on the photographic images for text. <\/p>\n\n\n\n

After downloading the photos to my laptop I cropped the text images so that only one column was showing <\/p>\n\n\n\n

\"\"
Original photo taken by mobile camera, note the text on the column to the right. The OCR (Optical Character Recognition) programme will try to read that.<\/figcaption><\/figure>\n\n\n\n
\"\"
I used Win 10 Photo programme to crop and rotate image (also adjust lightness of image) to make it easier for OCR programme to work.<\/figcaption><\/figure>\n\n\n\n
\"\"
I use Google Keep (firefox extension) to upload image and “Grab image text” and show underneath. I can then edit\/correct if required and copy the text to a spreadsheet.<\/figcaption><\/figure>\n\n\n\n

After adjusting the text image with Win 10 Photo <\/strong>programme I used Google Keep’s OCR tool to get the text. The only real issue I have is with accent marks like macron’s , some of which convert to umlats. I will leave them for present, but would normally proofread to correct. This is just a demo at this point. <\/p>\n\n\n\n

Framing the app<\/h3>\n\n\n\n

The display’s have story labels underneath. This has to be re-framed for the app. I am envisioning this to be a supportive tool for the main exhibition. Giving more insight into an object by translating the information. So the app would be used when viewing the exhibits.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

There is quite a bit of text at the beginning of the exhibition, so visually a bit dull<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I’ve tried to break the text up with images.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

For accessing the app I have used a map with some translations pointing to a QR code on a map. Scanning the QR code will give a link to the map. An alternative method is to have a link on the main museum site which would take you to the specific app.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

GlideApp new choice feature<\/h4>\n\n\n\n

While developing the app a new element in the GlideApp arsenal turned up, choice, there is a video on it here<\/a><\/strong>. It is an interesting feature but does not allow for a residual choice that can be created by multiple people and stored. <\/p>\n\n\n\n

I am thinking of how you could use the app to give feedback<\/strong> and the “Comment” component is the only one I know of. Also, to date, I have not found a way to translate the text for this into other languages, and I do not want to put a large string of text above it as it might overcrowd a small screen. <\/p>\n\n\n\n

Also comment at the bottom means you ave to get to the end to see that you can leave a comment, it is a bit hidden. I’m wondering if there is a way to make it more accessible. <\/p>\n\n\n\n

End thoughts<\/h3>\n\n\n\n

Similar process to the City Gallery app but the OCR and using Google Translate on the whole document sped up the process. <\/p>\n\n\n\n

I’m still not sure on sequence, whether to mock up the app with just English translation, then go on and translate the other languages, or translate first and then make the app. In this case I did translation first, so lots of cutting\/pasting in the spreadsheet. The next one I may try doing English only first, it may be faster. <\/p>\n\n\n\n

I’m becoming more familiar with the setup process. The images took a bit of time to crop\/manage on this app as the displays held quite a number of items. I’m not sure I did it in the most effective manner but that is all part of the learning. I would take individual shots of more of the pieces rather than just the display overall. <\/p>\n\n\n\n

This app you had to scroll down quite a lot, I’m not sure whether it would have been better to split it into other pages. That may be worth investigating too, as it will reduce the chunk size for viewers to absorb, but may end up being more confusing with way-finding through the different elements. <\/p>\n\n\n\n

At the end, I’m reasonably happy with the results. <\/p>\n","protected":false},"excerpt":{"rendered":"

After the Art Gallery App Free GlideApp for developing Art Gallery translation mobile app I wanted to extend it to a Museum app. As it does not take too much time to mock up an app I thought a specific app targeted at a specific Museum would capture more attention than if you were to […]<\/p>\n","protected":false},"author":1,"featured_media":5545,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32,441,265,417,29],"tags":[415,421,414,432],"class_list":["post-5537","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-power-bi","category-glide-apps","category-google-docs","category-mobile","category-web","tag-free-mobile-app-creator","tag-glideapps","tag-google-translate","tag-ocr"],"featured_image_src":"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-27-17_38_36-Glide-\u2013-amazing-apps-without-code.jpg","featured_image_src_square":"https:\/\/max-drake.cc\/wp-content\/uploads\/2019\/04\/2019-04-27-17_38_36-Glide-\u2013-amazing-apps-without-code.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\/5537","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=5537"}],"version-history":[{"count":0,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/posts\/5537\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=\/wp\/v2\/media\/5545"}],"wp:attachment":[{"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/max-drake.cc\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}