Beginner info on getting Revlets onto the Web?

Got a LiveCode personal license? Are you a beginner, hobbyist or educator that's new to LiveCode? This forum is the place to go for help getting started. Welcome!

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller

Post Reply
Skyfisher
Posts: 15
Joined: Fri Jan 08, 2010 2:46 am

Beginner info on getting Revlets onto the Web?

Post by Skyfisher » Mon Jan 11, 2010 4:46 am

Hi, I have a Question.

Now that we can easily create Web Applications, I'd like to learn what exactly I need to run the applications I create on the web (not just in my local browser). For example: I assume I can't have my own revlets or web applications running on my mobileme web pages? Does it require that the hosting server run the application? If so, Are there low cost services that support revlets? Can I use iWeb to create a web page and somehow integrate a revlet then post it to the web?

A nice document would be: The Beginners Guide to getting your Revlets to run on a webpage: What exactly you need and what exactly you need to do to get your Revlet up and running on a web page.
Skyfisher
Round Rock, Texas
Mac OS

Mark
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 5150
Joined: Thu Feb 23, 2006 9:24 pm
Contact:

Re: Beginner info on getting Revlets onto the Web?

Post by Mark » Mon Jan 11, 2010 11:03 am

"The Beginners Guide to getting your Revlets to run on a webpage"

Creating RevLets is really easy, een though you might run into a few caveats which may seem unsolvable. The list below is incomplete. It will become more complete over time, if you let me know which problems you have.

1) create a stack, try to avoid complex window-related stuff such as multiple stack windows, dialog windows, ask and answer windows
2) save your stack and open the standalone settings for your stack
3) activate the Web component in the standalone settings
4) select "use these settings" and make sure that the correct permissions are selected
5) add a nice icon for your RevLet (256x256 pixels will do, make it bigger if you have a very large stack window
6) set min. environment version to the most recent
7) select all supported platforms
8 ) allow running on other platforms
9) ignore affiliate code
10) build the standalone
11) copy the relevant part of the html page created by Revolution into your own page
12) adjust the width and height in the embed html code if necessary (values must be such that your stack window fits)
13) upload to any web hosting service, including Mobile Me
14) make sure that the mime type for RevLets is set to "application/x-revolution" on your server, use "application/x-runrev" for stacks (this may change when RunRev fixes the critical bug related to this)
15) ask more questions on the forum if it doesn't work ;-)

Best regards,

Mark
Last edited by Mark on Tue Jan 12, 2010 2:25 pm, edited 1 time in total.
The biggest LiveCode group on Facebook: https://www.facebook.com/groups/livecode.developers
The book "Programming LiveCode for the Real Beginner"! Get it here! http://tinyurl.com/book-livecode

Skyfisher
Posts: 15
Joined: Fri Jan 08, 2010 2:46 am

Re: Beginner info on getting Revlets onto the Web?

Post by Skyfisher » Tue Jan 12, 2010 3:49 am

Hi Mark,

Thank you for your help. I have not successfully published a revlet yet, but I am encouraged. But I got this far, within the iWeb environment after I pasted in all the HTML from the Test Page:
Screen shot 2010-01-11 at 6.23.23 PM.png
Screen shot 2010-01-11 at 6.23.23 PM.png (21.05 KiB) Viewed 9890 times
I expect I didn't set something correctly.
I created a very simple stack. 1 field, 1 button. The button includes this script:
on mouseUp
put empty into field "LField"
repeat 3 times
Put "Hello World" & return after field "LField"
wait for 10 ticks
end repeat
end mouseUp


Using the Web component standalone settings I set the permissions.
However, for this stack I don't think it needs any of the permissions listed?

I didn't attempt to make an icon yet.
Question: You mention making an icon for the RevLet - I've not done that before - is that a feature of revolution or do I need a utility to create one, I assume I past in simple graphics into an appropriate utility to create one.

I followed your other steps.

When I copied the code, to make sure I didn't leave out anything important I copied it all. I didn't make any adjustments in the width and height, it was set to 400 x 400. When I tried to upload it I got the error message you see above. "invalid revlet file"

I'm also not sure where I'm to check that the mime type is correct. In the HTML is has "application/x-revolution" so I think that is correct. You also mention the Revlet "on your server" I'm just using my portable computer and uploading to Mobile me at this time. Does the RevLet need to be copied onto the Mobile me server?

Thanks
Skyfisher
Round Rock, Texas
Mac OS

Klaus
Posts: 14194
Joined: Sat Apr 08, 2006 8:41 am
Contact:

Re: Beginner info on getting Revlets onto the Web?

Post by Klaus » Tue Jan 12, 2010 12:02 pm

Hi Skyfisher,

I guess you did NOT save the stack as a "Standalone" (for Web), right? -> invalid revlet file
You cannot take a "simple" stackfile (XYZ.rev) and use it as a Revlet!


Best

Klaus

Mark
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 5150
Joined: Thu Feb 23, 2006 9:24 pm
Contact:

Re: Beginner info on getting Revlets onto the Web?

Post by Mark » Tue Jan 12, 2010 2:33 pm

Skyfisher,

You need to change he mime settings on your server. If you're using CPanel, go to MIME settings, type "application/x-revolution" in one field and "revlet" in another field and click on the "Add" button.

Building a standalone means: choose "Build standalone" from the file menu. A revlet is also a type of standalone.

Best,

Mark
The biggest LiveCode group on Facebook: https://www.facebook.com/groups/livecode.developers
The book "Programming LiveCode for the Real Beginner"! Get it here! http://tinyurl.com/book-livecode

Skyfisher
Posts: 15
Joined: Fri Jan 08, 2010 2:46 am

Re: Beginner info on getting Revlets onto the Web?

Post by Skyfisher » Wed Jan 13, 2010 2:21 am

Thank you Mark and Klaus - I appreciate your guidance.

I thought I had created the revlet, I had saved the stack and then I saved as a web application. So I have it saved as a stack and as what I think is a revlet after making the settings suggested by Mark.
Saved for Web App.png
Saved for Web App.png (84.27 KiB) Viewed 9843 times
See the yellow hi-lighted files.
Revlet.png
You can see I have both a stack and I think a revlet saved
Revlet.png (48.62 KiB) Viewed 9843 times
I think a big part of my problem, which I'm still not clear on is that I have not copied anything onto the hosting server, Mobile me, except for the HTML code. Am I supposed to copy the revlet to the storage space I have on Mobile me so it can be recognized by the HTML code?

Also, if I don't control the server, I'm still confused how I would set the MIME settings for Mobile me.

Sorry if I'm overly naive, I have not had any experience in working with servers other than uploading simple webpages and photo galleries.

I wonder if anyone on the forum has successfully posted a revlet to a mobile me account - if so I'd be interested in what exactly they did.

Tom
Skyfisher
Round Rock, Texas
Mac OS

Mark
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 5150
Joined: Thu Feb 23, 2006 9:24 pm
Contact:

Re: Beginner info on getting Revlets onto the Web?

Post by Mark » Wed Jan 13, 2010 10:28 am

Hi Tom,

Yes, you need to include both the HTML file and the file with the .revlet extension. You need to place these unmodified files in the same folder. You can modify the HTML file later on, if you know what you're doing.

The MIME settings may or may not be a problem. If you still can't get this to work, try it on a different server first, one on which you can change the MIME settings. (I have web hosting accounts available for 11 euro per year).

If you can get the revlet to work on another server but not on Mobile.me, you could write to Apple's Mobile.me support and ask for an explanation.

Best,

Mark
The biggest LiveCode group on Facebook: https://www.facebook.com/groups/livecode.developers
The book "Programming LiveCode for the Real Beginner"! Get it here! http://tinyurl.com/book-livecode

exheusden
Posts: 170
Joined: Fri Oct 09, 2009 5:03 pm
Contact:

Re: Beginner info on getting Revlets onto the Web?

Post by exheusden » Wed Jan 13, 2010 1:00 pm

Hello Tom,

Prompted by your questions, I tried to recreate the "Hello World" example that is described in the introductory video for Revolution Media at http://revmedia.runrev.com/templates/re ... o.php?id=7

From what you have written, I take it you use MacOS X. I, too, use it and, in this case, worked with 10.5.8 (Leopard) on a PowerBook G4.

I was able to produce the Web Application locally and it functioned correctly, so then FTPed it to an "ordinary" server (in my case, this was Telenet, in Belgium). I did no changes to MIME types or anything else either prior to or after uploading the two files (….revelt and ….html). The revlet functions correctly when using Safari 4.0.4. I have not tried any other browsers.

You can try the revlet at http://users.telenet.be/davidneale/test.html

(I left out the fancy button background!)

bn
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 4171
Joined: Sun Jan 07, 2007 9:12 pm

Re: Beginner info on getting Revlets onto the Web?

Post by bn » Wed Jan 13, 2010 2:45 pm

Tom,
I tried to post a revlet to a me.com account. It worked.
I did put a folder with the revlet and the test.html, which I changed into index.html on my iDisk: i.e. locally into the mounted iDisk.
There is a folder Web with a subfolder Sites. I put the revlet folder into the folder Sites.
Bild 6.png
root of me.com
Bild 6.png (23.6 KiB) Viewed 9814 times
I did not change anything except the name of the html file into index.html
the address is web.me.com/berndniggemann/easteregg/
and web.me.com/berndniggemann/helloWorld/
past above urls into your browser to see them, I left out http etc because I dont want any crawlers since I am just experimenting with this.
Worked on macOSX 10.5.8 with safari 4.0.4
So I guess that if your revlet runs locally it will also run on me.com. No change to mime types or so. No change to the files created by Rev. Except the name change test.html -> index.html, of which I dont even know if it is necessary.
regards
Bernd

Skyfisher
Posts: 15
Joined: Fri Jan 08, 2010 2:46 am

Re: Beginner info on getting Revlets onto the Web?

Post by Skyfisher » Tue Jan 19, 2010 4:47 am

Excellent help everyone. Thank you. I had to travel for work this past week so now I'm back and will follow your advice.

bn, Thanks so much. Since you have a me.com account, I'll try that first.
BTW bn, love your simple test speaking stack, fun. :) And nice Easter Egg, fun stuff :)

exheusden - yours looks great too. I built that hello world stack as well, it was a great way to show the strength of revolution. Thanks for the posted demonstration.

I'm thinking I'll try to take advantage of the $200 deal for the Studio and training. More later.

Thanks,
Tom
Skyfisher
Round Rock, Texas
Mac OS

Skyfisher
Posts: 15
Joined: Fri Jan 08, 2010 2:46 am

Success!! Thank you!

Post by Skyfisher » Thu Jan 21, 2010 1:34 am

I was able to get my first simple stack to run on my Mobile me site. It was incredibly easy. Leaving everything at the default settings. I simply changed the name of the test.html to index.html as instructed by Bernd and then copied the folder under the Web/Sites directory. Going to that web page I was able to run the test revlet Of course, I'm sure more complex stacks will have other challenges, but I'll deal with that when I get there.

It worked like a charm. Wonderful! Thank you everyone for your guidance and especially Bernd who was able to demonstrate on Mobile me.
Skyfisher
Round Rock, Texas
Mac OS

exheusden
Posts: 170
Joined: Fri Oct 09, 2009 5:03 pm
Contact:

Re: Success!! Thank you!

Post by exheusden » Thu Jan 21, 2010 11:04 am

Skyfisher wrote:I simply changed the name of the test.html to index.html….
You should only need to change the name to index.html if you wish to access the html code file (the revlet) using a URL that specifies only the folder path. If the URL specifies the complete path to test.html, then you can leave it as it stands, or, indeed, change it to anything you wish.

Suppose your revlet has the name test.html but you wish to call it currency.html (for what ever reason). Simply change its name and upload it (or you can upload it and then change its name on the server only) and access it with e.g.

http://myserver.be/myrevlets/currencies/currency.html

(if the revlet had been renamed index.html, then http://myserver.be/myrevlets/currencies/ would be sufficient.)

Skyfisher
Posts: 15
Joined: Fri Jan 08, 2010 2:46 am

Re: Beginner info on getting Revlets onto the Web?

Post by Skyfisher » Fri Jan 22, 2010 5:09 am

Good to know Exheusden, Thank you!
Skyfisher
Round Rock, Texas
Mac OS

witeowl
Posts: 45
Joined: Mon Feb 21, 2011 3:02 am

Re: Beginner info on getting Revlets onto the Web?

Post by witeowl » Mon Mar 07, 2011 8:03 am

Woohee! I sure am waking the dead here...

Before I go on to looking at hosting options, does anyone have any information about getting a Revlet onto a Google Sites page? I know how to get the embed code, um, embedded, but I can't find where or how to upload the actual revlet. Is it just not possible due to the nature of Google Sites?

Thanks. :)

Post Reply