Hodentek Mobile

In creating a mobile app based on back-end data in Appery.io, server code that accesses a collection can be used as shown here . In this post we start with a collection we created by importing a CSV file, FFD.csv . We now create a Server Side script to access this collection. In the appery.io platform  click on Server Code tab to open the user interface as shown.  In the script editor there may be some default code. Remove this script. ApperyIO7_00.PNG From the Snippets side click and add Retrieve all Objects. This inserts a line of code into the editor as shown below: var result = Collection.query("dbId", "collectionName");  You need to insert correct values for the arguments. The JsonTest was the database in which the imported collection was saved. The imported CSV file was named as a collection with the name ' Custo '. The dbId parameter was found from the Settings tab for the JsonTest database ApperyIO7_02.PNG If the ...

Previous post described galleria used in the Intel XDK. If you have downloaded galleria from galleria site you could use it as described in the Getting Started page. It is quite simple to use and works quite well. I will describe it being included in a web page on my windows 10 computer's localhost, the IIS Server. After downloading and unpacking the galleria folder as described earlier copy and paste the following files to wwwroot of your localhost. galleria-1.4.7.js galleria.classic.css Also place some image files in the images directory in the wwwroot directory of inetpub (herein some simple images are placed). Create a HTML page as shown. TestGalleria.png Place this file in the wwwroot directory of inetpub in your computer. That's it. When you browse to the page TestHTML.html in your computer (http://localhost/TestGalleria.html) you will see the display as shown: Click on the smaller image and the larger image gets replaced. Works well! Th...

If you did enjoy the previous post on using the ImageGallery widget in Intel XDK you must have realized that it uses the script file from Galleria (galleria.io). If you want to build apps based on Galleria you have to download Galleria , presently in version 1.4.7 from Galleria site ( galleria.io ). It is always better if you can get away from widgets as they may not have a definite support time line. At sometime the developer of the widget may move on to other interests or may not be supported. Galleria appears to be very popular if you go by it's 2.5 million downloads so far. The Galleria version 1.4.7 will have all of these in the free download (under MIT license). The basic version is free. You get more if you can spend some money in the premium version. If you are interested go the Galleria site. In the download you find this file: galleria-1.4.5.js Which you should reference in your web page, if you want to build pages with galleria. Th...

If you want to run any of HTML,CSS and JavaScript this program is the one you should have. jsFiddle is a nice editor for running your web page and checking out each of: HTML fragment; CSS rule or the Script. More details with examples are here: http://hodentekhelp.blogspot.com/2016/09/what-is-jsfiddle.html You can access this site jsFiddle.net to bring up the online editor on your phone as shown. This one is on a Micrsoft Lumia 950. Here is the ‏editor when accessed with my phone. The next one is the same as above but enlarged with inkscape. I just entered some simple HTML fragment in the top left pane marked as HTML. Then I hit the Run button at the top and I immediately I see the response in the fourth quadrant marked as Result . The first quadrant for CSS Rules; the second for HTML and the third for JavaScript. You can enter the various parts and hit the run button to see the result in the last quadrant.

It appears Meteor can provide a radically simpler way to build real time mobile and web app using only JavaScript from one code base. I have not used Meteor and the content for the post came from here . This post describes some of the highlights and a screen shot from a app built using Meteor. Here are some Highlights: Universal JavaScript Same code from client to cloud; from packages to database apis; from browsers to mobile devices via Meteor's unified isobuild system Mobile and Web apps As Installable iOS and as Android app As a web app that loads on demand Reactive Rendering While being thin,  gives a thick client feel and look using Meteor's Blaze Framework with AngularJS and ReactJS Meteor's Cloud Platform Galaxy Deployment, scaling and monitoring for connected clients Provides actionable metrics to stateful connected client apps One command to update all connected browsers and apps (Hot Deploy) Coordinated version updates How is it differ...

HTML5 is just one of the essential features for HTML based phone apps that provide the scaffolding. You will also need CSS3 to dress it up in more delightful ways and of course JavaScript to power the interactivity of the app without which it is dead in the water. While you could use DOM and vanilla JavaScript, it is lot more easier to use a framework (there is a learning curve), a User Interface Framework which combines JavaScript with CSS to provide a set of programming tools to deliver rich mobile applications. Quite a lot of them use jQuery in one form or another. The frameworks save a lot of development time and effort. There are different kind of devices (iPhones, Androids and Windows Phones) but also different operating systems (iOS, Android, Windows Phone, etc) and it will be desirable if one could use one tool to cover all these variations. This area has developed to the extent that you can develop cross-platform, cross-device (response design!) apps but still there iss...