B4J Question [ABMATERIAL] Tutorials

elitevenkat

elitevenkat

Active Member
Licensed User
Longtime User
Hi
I have gone through the frame work and found it very interesting and highly promising tool for web apps
I had got it after making a small donation.
I am very new to B4J and of course to AB. I have some basic doubts to be clarified.
1. Do i have to run Wamp or any otherweb server to make AB web apps work
2. I am able to run the Demo app of AB in B4J (in laptop). I think it seems to be a server app.How do i access it from the browser ? what address i should type in the browser address bar
3 Though the entire frame work is explained beautifully by AB, if some example (complete) project is made available (if it is there kindly provide the link) for easy understanding like Erel's B4J web app example, it can guide beginners like me.
4. Can i use AB in RPi (both for server and client)
 
Sort by date Sort by votes
https://www.b4x.com/android/forum/t...-to-include-image-in-combo.65380/#post-415122

My 2 cents...
Refer to link above. It will help you get started. Like you, I started from ground zero. It seems so very daunting - however...
There are things to learn, but AB's demos (and feedback app) help you with this.

If you access data from MySQL, you will need a WAMP or LAMP.
check out - http://www.usbwebserver.net/en/ for a Windows server (WAMP) which is small and easy to run locally while you dev...
I use it just because of phpMyAdmin... It helps me explore my data. NOTE: B4J or ABM does not require php, apache or other dependents.

"IF" I ever get my current project complete, I will publish it as a (server side) tutorial of how to deal with B4J and ABM.

I have already posted some examples showing how to deal with certain aspects of ABM (data and data tables mostly) - from my novice point of view.

"I have gone through the frame work and found it very interesting and highly promising tool for web apps"

For the above statement - you are so very correct - and just wait to see what comes next! These 2 guys, and the community are forever surprising us with their excellence.
 
Upvote 0
If you see the spinning circles, you have hit the index file...
This is the first hurdle to get over using this framework - BUT, the reason is obvious - when you know where to look of course.

The IDE log will help - if it displaying an issue - but it won't if js and css files are misplaced.
Inspect (in Chrome) the browser window. The Console tab may show what is in error.
With 1.08, mine initially showed it couldn't find the B4J- JS.min file... That was because I didn't have the latest (1.08) js and css in the correct subdir...

I don't know if AB put the (1.08) version of js, css in the subdir for demo, so best to copy them in their from the CORRECT source.
This is usually the cause of what you are seeing - since it gets me each time I update (cause I can't seem to follow instructions clearly)!
 
Upvote 0
log from ide

upload_2016-4-9_12-9-55.png



folder structure
D:\ABMATERIAL\20160401w1335\Demo
D:\ABMATERIAL\20160401w1335\Demo\www

my wamp is in c:\wamp

where should i copy the demo and www folder ? kindly guide me to run this demo !!!
 
Upvote 0
server is running...
Put the js, css and font folders in the www subdir.
 
Upvote 0
elitevenkat said:
in the browser console i get
http://localhost:51042/css/materialize.min.css?14 Failed to load resource: the server responded with a status of 404 (Not Found)
Click to expand...
Yep, that's it....
So now what? It can't find the materialize.min.css...
Now you check the folder under (demo) www/css. Is there a materialize.min.css in there? No? - well then the proper css folder was not placed there...

What better way to spend a Friday night (for me anyway - could be morning where you are).

This framework, like all frameworks, have structure (embedded folders expected). Once we conform to their game, we achieve success.
Perhaps this is a feature request for ABM: Where are the freaking required files located (other than the current app/www dir)?
 
Upvote 0
I was able to install all versions till 1.07 without problems, by 1.08 i reinstalled it three times, followed all advices in the forum and still see the spinning circles. I made three copies of js and css in all possible locations, the result is the same. So my wish is the same as Harris, a guide to the complete folder structure, from root to all details folders.
 
Upvote 0
Also, you may have to press F5 for the browser to refresh its' cache.
As I add new content and run a new version of my app, I find I constantly have to do this in order for the web browser to see (refresh the cache) with new additions.
This is a "feature" of browser optimization, and from what I understand, little we can do about it code wise.
 
Upvote 0
rboeck said:
I was able to install all versions till 1.07 without problems, by 1.08 i reinstalled it three times, followed all advices in the forum and still see the spinning circles. I made three copies of js and css in all possible locations, the result is the same. So my wish is the same as Harris, a guide to the complete folder structure, from root to all details folders.
Click to expand...

I know what you are saying.
The 1.08 versions of (js, css, fonts) were not in the "expected" locations (I copied and pasted several times until I got it right, since there were many). I eventually found the correct versions (buried) somewhere and updated my folders to get it to run.
It is, more than likely, ME that does not comprehend what to do and where to find... However, you raise a similar issue?

WTF?

Thanks
 
Upvote 0
after a f5 refresh i get the folloing error in browser console

Uncaught ReferenceError: $ is not defined
VM1142:171 Uncaught ReferenceError: $ is not defined
VM1143:172 Uncaught ReferenceError: hello is not defined
88665802-081B-4BE8-9145-723F556B66A7:1 Not the top window
VM1142:170 Uncaught ReferenceError: b4j_raiseEvent is not defined
http://static.boostsaves.com/boost/boost.min.js Failed to load resource: the server responded with a status of 503 (Service Unavailable)
util.js:220 Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
util.js:220 Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required
http://localhost:51042/css/materialize.min.css?14 Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:51042/css/bootstrap-material-datetimepicker.min.css?14 Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:51042/css/Squire-UI.min.css?14 Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:51042/css/zocial.min.css?14 Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:51042/css/fullcalendar.min.css?14 Failed to load resource: the server responded with a status of 404 (Not Found)
 
Upvote 0
http://localhost:51042/css/materialize.min.css?14 Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:51042/css/bootstrap-material-datetimepicker.min.css?14 Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:51042/css/Squire-UI.min.css?14 Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:51042/css/zocial.min.css?14 Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:51042/css/fullcalendar.min.css?14 Failed to load resource: the server responded with a status of 404 (Not Found)

does the css folder, located in the www folder contain these files?
 
Upvote 0
dir_abmdemo.png


This is my directory structure.
Demo folder contains the .bas file and project.
The Objects folder contains the the www folder which houses the rest, including a new demo folder which contains the built output files - and the index.html.
The Objects root will contain the Demo.jar.

My Demo was clean as I had not run it in 1.08.
I compiled it and got the spinning circles and inspect told me of all the missing files.

I copied the css, font and js folders from my working project, pasted them into the www folder and pressed F5.
Like magic, up came the webapp Demo.

Inspect was complaining about resourse files it couldn't find... (png's mostly). This is because AB packed them separately in another zip...

Is this Your Directory Structure?

Thanks
 
Upvote 0
You must log in or register to reply here.

Similar Threads

peacemaker
  • Question Question
B4J Question [ABMaterial] ABMModalSheet - full tutorial ?
Replies
1
Views
2K
Harris
Harris
alwaysbusy
  • Article Article
B4J Tutorial [ABMaterial/ABMServer] Mini Template for absolute beginners (update 2024/05/17)
2 3
Replies
46
Views
47K
alwaysbusy
alwaysbusy
Harris
  • Article Article
B4J Tutorial [ABMaterial] For Dummies (beginner lessons)
2
Replies
22
Views
43K
Harris
Harris
I
  • Article Article
Share My Creation ABMaterial B4xgoodies (query for info about libs/tutorials/etc.. on B4X products)
Replies
1
Views
4K
Cableguy
Cableguy
alwaysbusy
  • Sticky
  • Article Article
B4J Library [Web][ABMaterial] Framework for WebApps
38 39 40
Replies
780
Views
450K
Cableguy
Cableguy
Back
Top