B4J Library [Web][ABMaterial] Framework for WebApps

Roberto P. · Nov 5, 2015

hello big Alain
congratulations for your commitment and good work done. I think it's good and it will have good results. They'll certainly good results.

I managed to run the demo but not "template.
What's wrong?

Thank you
Roberto

inakigarm · Nov 5, 2015

Awesome work Alain !!

One question (I don't know if is a configuration problem of my PC or Jetty); when I run the demo with B4j, and open the page on localhost, the result is not found
HTTP ERROR: 404
Problem accessing /demo/AboutPage. Reason:

Not Found

Powered by Jetty://

It can't find index.html and I must manually complete the link with index.html to display the page correctly. Any clue about it ?

alwaysbusy · Nov 5, 2015

@Roberto P. That is normal what you see as template is a completely empty project ready to make your own apps. In the demo app this is described in the getting started section.

@inakigarm what is the browser you are using? When seeing the aboutpage, can you use the navigation bar and go to another page?

Roberto P. · Nov 5, 2015

Hi Alain,
I understand. I'll try to do a little app.
thank you

P.S. do you think you manage to put the control calendar?

EnriqueGonzalez · Nov 5, 2015

Ey Alain.

I just make my small (=( sorry) Donation! thanks so much for this amazing work!

inakigarm · Nov 5, 2015

Tried with Internet Explorer 11, firefox and Chrome with no luck (windows 8.1)

B4X:

2015-11-06 00:18:56.243:INFO::main: Logging initialized @12016ms
2015-11-06 00:18:58.207:INFO:oejs.Server:main: jetty-9.1.z-SNAPSHOT
2015-11-06 00:18:58.400:WARN:oejh.MimeTypes:main: java.util.MissingResourceException: Can't find bundle for base name org/eclipse/jetty/http/encoding, locale es_ES
2015-11-06 00:18:59.984:INFO:oejsh.ContextHandler:main: Started o.e.j.s.ServletContextHandler@9629756{/,file:/C:/Users/I%C3%B1aki/Desktop/Programacion/b4j/ABmaterial/Demo/Objects/www/,AVAILABLE}
2015-11-06 00:19:00.296:INFO:oejs.AbstractNCSARequestLog:main: Opened C:\Users\IÃ±aki\Desktop\Programacion\b4j\ABmaterial\Demo\Objects\logs\b4j-2015_11_05.request.log
2015-11-06 00:19:07.275:INFO:oejs.ServerConnector:main: Started ServerConnector@5702b3b1{HTTP/1.1}{0.0.0.0:51042}
2015-11-06 00:19:07.276:INFO:oejs.Server:main: Started @23204ms
Connected
java.lang.RuntimeException: org.eclipse.jetty.websocket.api.WebSocketException: RemoteEndpoint unavailable, current state [CLOSED], expecting [OPEN or CONNECTED]
    at anywheresoftware.b4j.object.WebSocket.setEvents(WebSocket.java:378)
    at anywheresoftware.b4j.object.WebSocketModule$Adapter$ThreadHandler.run(WebSocketModule.java:190)
    at java.util.concurrent.Executors$RunnableAdapter.call(Executors.java:511)
    at java.util.concurrent.FutureTask.run(FutureTask.java:266)
    at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1142)
    at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:617)
    at java.lang.Thread.run(Thread.java:745)
Caused by: org.eclipse.jetty.websocket.api.WebSocketException: RemoteEndpoint unavailable, current state [CLOSED], expecting [OPEN or CONNECTED]
    at org.eclipse.jetty.websocket.common.WebSocketSession.getRemote(WebSocketSession.java:245)
    at anywheresoftware.b4j.object.WebSocket.sendText(WebSocket.java:107)
    at anywheresoftware.b4j.object.WebSocket.setEvents(WebSocket.java:375)
    ... 6 more
Disconnected
Disconnected
Connected

The last "Connected" Log state is when I attach manually "index.html" to the URL
(I can't go to another page)

alwaysbusy · Nov 6, 2015

@inakigarm Can you try it when you replace the following code in b4j_ws.js (demo/objects/www/js/) around line 80:

B4X:

b4j_ws = new ReconnectingWebSocket(fullpath, null, {reconnectDecay: 1});

with this code:

B4X:

b4j_ws = new ReconnectingWebSocket(fullpath, null, {debug: true, reconnectInterval: 3000,reconnectDecay: 1});

Maybe I'm trying to reconnect to fast.

Maybe try it in Chrome and press F12 to open up the Console. There should be some debug lines in it looking like this:

B4X:

ReconnectingWebSocket attempt-connect ws://localhost:51042/ws/demo/AboutPage
ReconnectingWebSocket onopen ws://localhost:51042/ws/demo/AboutPage
ReconnectingWebSocket onmessage ws://localhost:51042/ws/demo/AboutPage {"data":[],"etype":"setAutomaticEvents"}

[EDIT] I just noticed you unzipped the file directly onto your desktop. Can you try to unzip it in your file explorer somwhere else on your drive? Maybe some user rights are the cause it cannot find index.html?

alwaysbusy · Nov 6, 2015

@Roberto P.

do you think you manage to put the control calendar?

The next controls I want to write would be ABMDatePicker and ABMTimePicker.

If you know of a nice existing calendar control out there, I can look if I can make an ABMaterial control out of it.

The existing control should meet two conditions:
1. It must be free
2. It should have a modern Google Material Design look-and-feel so it fits into the existing framework.

Roberto P. · Nov 6, 2015

great for the two controls date \ time.

There are two controls that can not fail to create applications: grid and calendar, google calendar type that should be made with the right technology materials

woniol · Nov 6, 2015

alwaysbusy said:
@Roberto P.
The next controls I want to write would be ABMDatePicker and ABMTimePicker.

If you know of a nice existing calendar control out there, I can look if I can make an ABMaterial control out of it.

The existing control should meet two conditions:
1. It must be free
2. It should have a modern Google Material Design look-and-feel so it fits into the existing framework.

Maybe this one will fit: http://fullcalendar.io/

inakigarm · Nov 6, 2015

Solved !!

I've searched about default page of jetty server, about configuring static parameters about jetty server, copying to another Pc folder under my User folder and nothing...

At last, I've thought if my user name folder (my name has an n with tilde character on it) could be the reason
Description Character Code

Small N with tilde ñ ñ

And gotcha !! that was !!

It seems that jetty server (suppose) doesn't like utf-8/ISO characters in paths folders; I moved the folder to a "normal character writable folder"

alwaysbusy · Nov 6, 2015

@inakigarm Glad you found it! I had my suspicion that was the problem. That was why I added the [edit] to my post but I should've explained why it liked you to test it in a different folder. It was this line in your log that did ring a bell:

B4X:

2015-11-06 00:18:59.984:INFO:oejsh.ContextHandler:main: Started o.e.j.s.ServletContextHandler@9629756{/,file:/C:/Users/I%C3%B1aki/Desktop/Programacion/b4j/ABmaterial/Demo/Objects/www/,AVAILABLE}

I really did not like 'I%C3%B1aki' in that line.

Roberto P. · Nov 6, 2015

woniol said:
Maybe this one will fit: http://fullcalendar.io/

exactly is he.It would be great to add to the framework.

narek adonts · Nov 6, 2015

getting error

java.lang.UnsupportedClassVersionError: com/ab/abmaterial/ABMComponent : Unsupported major.minor version 52.0

johndb · Nov 6, 2015

narek adonts said:
getting error

java.lang.UnsupportedClassVersionError: com/ab/abmaterial/ABMComponent : Unsupported major.minor version 52.0

I had the same problem at the start. Change your Java version in the path's configuration to: "C:\Program Files\Java\jdk1.8.0_51\bin\javac.exe". Assuming that you have that version installed as well.
Worked for me

Cableguy · Nov 6, 2015

can any of you GURUS explain how I can run the demo without actually uploading it to a webserver?

[EDIT] Do like Nirvana.... NEVER MIND!

alwaysbusy · Nov 6, 2015

You cannot upload it to a normal webserver. Press run in b4a (you're starting the server). Then open your browser and go to http://localhost:51042/demo. Remember, b4j does not create websites. It creates webapps.

Cableguy · Nov 6, 2015

Just tried the AMAZING demo that comes with your framework.

Just AMAZING!!!
Just two small points... Apart some very minor spelling mistakes, like "to" when "too" was meant, or "tow" instead of "two"...
The name Slider Control had me believe it was just that... a slider, like the custom Eric slider thingy... I would consider changing it to something more "Slide Show" related, like "ImageSlider"...
The Navigation Bar, if the Active item (I was on the controls navigation) is in the "must scroll to see it" region, then at each item in that area you have to scroll the nav bar to be able to select another control... Is there a way to make the active selected item to stay in the "visible" area of the page?

Cableguy · Nov 6, 2015

alwaysbusy said:
You cannot upload it to a normal webserver. Press run in b4a (you're starting the server). Then open your browser and go to http://localhost:51042/demo. Remember, b4j does not create websites. It creates webapps.

I guess someone will eventually create a tutorial on how to deploy the ABM created webapps on a Raspi!

B4J Library [Web][ABMaterial] Framework for WebApps

Well-Known Member

Attachments

Well-Known Member

Expert

Well-Known Member

Well-Known Member

Well-Known Member

Expert

Expert

Well-Known Member

Active Member

Well-Known Member

Expert

Well-Known Member

Well-Known Member

Active Member

Expert

Expert

Expert

Expert

Similar Threads