Simple Iphone VFP app

Topics: Developer Forum
Jul 13, 2013 at 8:32 PM
Does anybody have a link to a very simple IPhone VFP app?
a web page that is formatted for an IPHONE that runs

Thanks in advance

Seeing the source -- or the parts that matter would be awesome.

I'm somewhat lost with ActiveVFP
Coordinator
Jul 14, 2013 at 1:34 AM
Edited Jul 14, 2013 at 1:39 AM
Works with all smart phones, android, whatever, including iphone:

http://68.100.149.95:444/avfp6/JQmobile.html

Source is in the download for the demo. But here is the avfp source too:

http://68.100.149.95:444/avfp6/showhtmlsource.avfp?file=getemployees

http://68.100.149.95:444/avfp6/showhtmlsource.avfp?file=getemployee

http://68.100.149.95:444/avfp6/showhtmlsource.avfp?file=getreports


Andrew MacNeill just told me he did an AVFP mobile app in 30 minutes! He's supposed to do a blog on it and/or presentation...

Use PhoneGap to sell your new avfp app in the app store.
Jul 14, 2013 at 1:51 AM
This is great but it doesn't solve the (create sophisticated powerful screens) problem.
I would be impressed if I saw something that was not simple.

A form with form tabs and a lot of objects and fonts.
a Grid with items in it.

I know your product doesn't support forms, but there must be an answer because
I find it hard to believe everybody is writing HTML, CSS, and Javascript

Mike
Coordinator
Jul 14, 2013 at 2:17 AM
Edited Jul 14, 2013 at 2:36 AM
Here's where I got the original demo: http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/

I simply replaced the PHP code with AVFP code.

HTML5, CSS, and jQuery Mobile are the keys to all of this and, admittedly, may be challenging for some VFP developers. The good news is that there should many tools out there to make this part easier and they will only get better since everyone is using this technology.

The code for the client part is in the download or you can link to it in the demo(view-source:http://68.100.149.95:444/avfp6/JQmobile.html ). Here's what it consists of:

2 Style Sheets:

<link rel="stylesheet" href="css/jquery.mobile-1.0rc1.min.css" />
<link rel="stylesheet" href="css/styles.css" />

and the jQuery files and individual javascript files for each page:

<script src="javascript/jquery.js"></script>
<script src="javascript/jquery.mobile-1.0rc1.min.js"></script>
<script src="javascript/employeelist.js"></script>
<script src="javascript/employeedetails.js"></script>
<script src="javascript/reportlist.js"></script>
Coordinator
Jul 14, 2013 at 2:41 AM
Some of the tools to design the screens with jQuery Mobile:

Apps & frameworks

PhoneGap – tool to wrap jQuery Mobile code for native app deployment
Codiqa – rapid jQuery Mobile app prototyping
Viziapps – drag and drop tool for building mobile business apps using jQuery Mobile
Handheld Designer – drag and drop tool for building and hosting jQuery Mobile apps
Application Craft – drag and drop tool for building jQuery Mobile apps
Proto.io – drag and drop page builder
Tiggzi – cloud-based drag and drop tool for building jQuery Mobile apps connected to any REST API
NS Basic/App Studio – drag and drop tool for building jQuery Mobile apps
MobDis – drag and drop tool for building jQuery Mobile apps
NetObjects Mosaic – drag and drop tool for building jQuery Mobile apps
Mobjectify – tool for building jQuery Mobile app mockups
Trigger.io – Mobile engine for web devs: framework for building native mobile apps using HTML5 and jQuery Mobile
Convertigo – An open source mobile platform to build, deploy and run enterprise applications
Slingshot – jQuery Mobile client and library for SharePoint
M-Project – MVC framework based on jQuery Mobile
Rhomobile – enterprise mobile app framework
Neptune Application Designer – SAP HTML5 Designer optimized for jQuery Mobile for SAP Mobility applications
Octomobi – Online tool to create webapps with maps, image gallery and RSS feed in jQuery Mobile
Adaptor for AngularJS
jqmPHP – package of PHP classes for generating jQM markup
Drupal theme – theme for jQuery Mobile
Seaside (SmallTalk) – a jQuery Mobile implementation
Pyramid – Starter scaffolding for creating a jQuery Mobile Pyramid application
Prime Faces – UI kit to create JSF applications optimized for mobile devices
Jul 14, 2013 at 3:08 AM
I downloaded Visual Site Designer, and so far it seems like the most
easy tool to drag and drop objects and generate a web page. But we
still have to bind to the FoxPro data.

Which one of the below is most like Visual Site Designer

Any object, any size, any color, any text box -- (Can't find fields FYI)

thoughts?


Coordinator
Jul 14, 2013 at 4:11 AM
Let us know what you find. I haven't tried any of these.

Just remember any place these use PHP (and probably C# too) as an example of server side processing to use with the client-side tools,, you should be able to use AVFP as well.
Coordinator
Jul 17, 2013 at 3:40 PM
Let me know if you want me to do a simple demo with your software as a front-end.

I agree it would be nice to have a good front-end tool to make deploying mobile VFP apps easier. Right now I'm in research mode looking at various tools like listed above. If you're working on something like this, let's talk.

There is NO problem having a commercial product working with AVFP. In fact, we encourage it. It's a win-win-win for everyone!
Coordinator
Jul 19, 2013 at 6:17 PM
Edited Jul 19, 2013 at 6:18 PM
http://www.codiqa.com/

Looks pretty good - "Incredibly Easy Mobile Development
Build a real HTML5 mobile website or app. No coding necessary. Free to try."


Is this a visual form designer?


... and connect to AVFP back-end!
Jul 22, 2013 at 8:18 AM
claudefox wrote:
Is this a visual form designer?
Codiqa is a Visual jQuery Mobile designer - the free plan lets you build an "app" with 3 pages. This may sound slightly limited but when you consider you can have "sections" within a page that are visible/invisible on their own, it does open it up a little more.

It simply generates the necessary HTML files and lets you download it as needed.

Integrating with ActiveVFP would be a matter of adding the VFP code to populate forms.
Jul 22, 2013 at 6:43 PM
Ok, I opened my firewall and have Windows running in a virtual machine.
On my Mac, the Safari browser can see the windows machine and I can run your code.
Now I'm trying to figure out what to modify first and where its located.
Coordinator
Jul 22, 2013 at 7:39 PM
Mike,

I'm assuming you got the demo to work and serve pages.
Now you can either modify an existing .avfp file or create a new one and use it like you would use PHP. The alternative is to create a controller class in a prg and treat .avfp files as views for an MVC implementation.

Here's the Wikipedia entry for AVFP that goes over it from a high level:
http://en.wikipedia.org/wiki/ActiveVFP


This page has the examples for RESTful calls that return JSON.
http://68.100.149.95:444/avfp6/customers
Jul 24, 2013 at 8:48 AM
Codiqa offers a fairly easy way to build for a mobile app.

Mike, you mention an "advanced" application. What type of application are you thinking of? That might help show you what you are expecting.

Would a TasTrade style-application with mapping suffice?

Andrew
Jul 25, 2013 at 2:24 AM
http://68.100.149.95:444/avfp6/customers/getemployees

I see this returns JSON you say.

How do I get this back into my mobile app?


{"items":{"rows":[{"firstname":"Justin","id":"13","lastname":"Brid","picture":"images/Emps/13.gif","reportcount":1,"title":"Marketing Director"},{"firstname":"Steven","id":"5","lastname":"Buchanan","picture":"images/Emps/5.gif","reportcount":3,"title":"Sales Manager"},{"firstname":"Laura","id":"8","lastname":"Callahan","picture":"images/Emps/8.gif","reportcount":0,"title":"Inside Sales Coordinator"},{"firstname":"Nancy","id":"1","lastname":"Davolio","picture":"images/Emps/1.gif","reportcount":0,"title":"Sales Representative"},{"firstname":"Anne","id":"9","lastname":"Dodsworth","picture":"images/Emps/9.gif","reportcount":0,"title":"Sales Representative"},{"firstname":"Andrew","id":"2","lastname":"Fuller","picture":"images/Emps/2.gif","reportcount":7,"title":"Vice President, Sales"},{"firstname":"Albert","id":"10","lastname":"Hellstern","picture":"images/Emps/10.gif","reportcount":0,"title":"Business Manager"},{"firstname":"Robert","id":"7","lastname":"King","picture":"images/Emps/7.gif","reportcount":0,"title":"Sales Representative"},{"firstname":"Janet","id":"3","lastname":"Leverling","picture":"images/Emps/3.gif","reportcount":2,"title":"Sales Representative"},{"firstname":"Xavier","id":"14","lastname":"Martin","picture":"images/Emps/14.gif","reportcount":0,"title":"Marketing Associate"},{"firstname":"Caroline","id":"12","lastname":"Patterson","picture":"images/Emps/12.gif","reportcount":0,"title":"Receptionist"},{"firstname":"Margaret","id":"4","lastname":"Peacock","picture":"images/Emps/4.gif","reportcount":0,"title":"Sales Representative"},{"firstname":"Laurent","id":"15","lastname":"Pereira","picture":"images/Emps/15.gif","reportcount":0,"title":"Advertising Specialist"},{"firstname":"Tim","id":"11","lastname":"Smith","picture":"images/Emps/11.gif","reportcount":0,"title":"Mail Clerk"},{"firstname":"Michael","id":"6","lastname":"Suyama","picture":"images/Emps/6.gif","reportcount":0,"title":"Sales Representative"}]}}True