DictionaryForMids Forum

DictionaryForMIDs for Web Browsers (WebApp) => General discussions => Topic started by: Gert on 23. December 2010, 20:48:43

Title: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 23. December 2010, 20:48:43
We search for an HTML5-developer who likes to implement a nice-looking HTML user interface for the htmlApp.

Here is a short overview of the htmlApp: http://dictionarymid.sourceforge.net/htmlAppWhat.html (http://dictionarymid.sourceforge.net/htmlAppWhat.html)

And here is more information on the HTML5 development: http://dictionarymid.sourceforge.net/htmlAppDevelopment.html (http://dictionarymid.sourceforge.net/htmlAppDevelopment.html)

I am looking forward to your proposals  :)

Best regards,
Gert
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 29. December 2010, 20:41:07
I just made an update to better support the developers of the HTML user interface: now there is also the relevant data structure from DictionaryDataFile available in the windows object. To access it in Javascript use statements such as

var displayText = DictionaryDataFile.supportedLanguages[0].languageDisplayText;
[for the display text of the first language]

Regards,
Gert
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: hasan on 29. December 2010, 21:51:39
Hey guys,

I was given the address to this forum by the official contact of this project on Sourceforge. This is a very, very interesting project and I am happy to help with the HTML/CSS/JS/JQ work....

Thanks

Hasan
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: hasan on 30. December 2010, 04:53:35
OK guys,

I downloaded the files as directed here: http://dictionarymid.sourceforge.net/htmlAppDevelopment.html

If I am not mistaken, the work for the htmlAPP is going to be based under the /trunk/htmlAPP directory

can somebody point out to me how I can get "EngLat_IDP" and "ChiEng_CEDICT" folders and their contents?

Thanks
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 30. December 2010, 07:11:06
Hasan,

fantastic that you plan to help with the HTML/JS/... for the htmlApp - be welcome on the project !!

QuoteIf I am not mistaken, the work for the htmlAPP is going to be based under the /trunk/htmlAPP directory
Correct.
One remark, note the upper and lower case: htmlApp.
--- Update Gert: read the posting further down !! ---


Oh - I forgot to update the SVN repository after yesterday I made the improvement with the DictionaryDataFile data structure - I have made that update now.

Quotecan somebody point out to me how I can get "EngLat_IDP" and "ChiEng_CEDICT" folders and their contents?
I will put both dictionaries under SVN.

Best regards,
Gert
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 30. December 2010, 07:39:10
Here are the EngLat_IDP and CEDICT in the SVN repository:

http://dictionarymid.svn.sourceforge.net/viewvc/dictionarymid/trunk/htmlApp/EngLat_IDP (http://dictionarymid.svn.sourceforge.net/viewvc/dictionarymid/trunk/htmlApp/EngLat_IDP)
http://dictionarymid.svn.sourceforge.net/viewvc/dictionarymid/trunk/htmlApp/ChiEng_CEDICT (http://dictionarymid.svn.sourceforge.net/viewvc/dictionarymid/trunk/htmlApp/ChiEng_CEDICT)

You can use the "Download GNU tarball" to download those. Or use any SVN client with https://dictionarymid.svn.sourceforge.net/svnroot/dictionarymid

Best regards,
Gert
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 30. December 2010, 08:09:27
One last remark:

QuoteIf I am not mistaken, the work for the htmlAPP is going to be based under the /trunk/htmlAPP directory

I suggest that we create a subdirectory there for your hmtl/js/... files. The name of the subdirectory is your choice.

/trunk/htmlApp/[yoursubdirectory]
--- Update Gert: read the next posting !! ---
Regards,
Gert
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 30. December 2010, 20:36:12
And one more update: in the SVN repository I just introduced another htmlApp subdirectory which shall gather all html/js/... files for the htmlApp. The new structure is

/trunk/htmlApp/htmlApp/[hmi_xyz]

The double htmlApp directories may look odd, I admit that. But now the SVN structure reflects the directory structure on the html web server.

Hope that late update does not cause confusion.


Quote
QuoteIf I am not mistaken, the work for the htmlAPP is going to be based under the /trunk/htmlAPP directory

I suggest that we create a subdirectory there for your hmtl/js/... files. The name of the subdirectory is your choice.

/trunk/htmlApp/[yoursubdirectory]

Will now be:
/trunk/htmlApp/htmlApp/[yoursubdirectory]

Regards,
Gert
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: hasan on 31. December 2010, 00:00:02
Thanks so much Gert. I will start studying this :)
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 05. January 2011, 08:19:20
Ok - just keep us informed !

Regards,
Gert
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: hasan on 08. January 2011, 02:57:11
OK, bear with me here guys.

This is what I have done:

1) I downloaded all the files and put them where I will be working on them locally. my current path is (my local webserver)/dictionarymid/trunk/htmlApp/htmlApp/mini_hmi

I am currently using mini_hmi as the folder where the HTML and JS will be stored, just to avoid further confusion.

2) Instead of downloading the dictinary, I tried to go here:

http://dictionarymid.sourceforge.net/htmlApp/htmlApp/hmi_loader.php

I was hoping it would cache the dictionary, but I get this message when I click "Cache Info" button:

An error has been encountered in accessing this page.

"1. Server: dictionarymid.sourceforge.net
2. URL path: /htmlApp/htmlApp/htmlApp/mini_hmi/OptionWindow.html
3. Error notes: NONE
4. Error type: 404
5. Request method: GET
6. Request query string: NONE " (I noticed that there are three htmlApp directories there)

Finally,

I used both Firefox 3.6 ( I know there is an issue with this version) and the latest of Google Chrome to open this:

http://dictionarymid.sourceforge.net/htmlApp/htmlApp/hmi_loader.php

This is what I get for Google Chrome:
"Thrown de.kugihan.dictionaryformids.general.CouldNotOpenPropertyFileException: Property file could not be opened: DictionaryForMIDs.properties / Property file could not be opened: DictionaryForMIDs.properties"

And firefox shows the above exception plus the following one:

"Exception bei XMLHttpRequest.send: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIXMLHttpRequest.send]"  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: http://dictionarymid.sourceforge.net/htmlApp/htmlApp/translationlayergwt/0DFD596AF51F4CC7A00293FBD296E92A.cache.html :: readFileJS :: line 1956"  data: no]"

I also noticed that there is one extra thread explaining why the htmlApp does not give access to the translation layer, is that why I am getting all this, or am I making mistakes?

Sorry for the long winded message guys, I would really appreciate some clarification. I think the project is great and would love to do whatever I can.

Tank you so much in advance
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 08. January 2011, 08:47:16
Hasan,

Quote2) Instead of downloading the dictinary, I tried to go here:

http://dictionarymid.sourceforge.net/htmlApp/htmlApp/hmi_loader.php

Quote6. Request query string: NONE " (I noticed that there are three htmlApp directories there)

Here is the reference from mini_hmi.html:
   <script type="text/javascript" src="../htmlApp/translationlayergwt/translationlayergwt.nocache.js"></script>

Cause of the ../htmlApp the mini_hmi needs to be started from a dictionary directory such as EngLat_IDP. In each of the dictionary directories there is the file index.php which then loads hmi_loader.php.
When you enter in the web browser an URL such as http://dictionarymid.sourceforge.net/htmlApp/EngLat_IDP/, then index.php is loaded. The content of index.php is then replaced by hmi_loader.php which is then replaced by mini_hmi.html. So effectively mini_hmi.html it loaded from the directory EngLat_IDP, that is why the path in the script tag needs to be ../htmlApp.

For your local test environment you will have to adapt the URLs in index.php and hmi_loader.php.

Quote
"Exception bei XMLHttpRequest.send: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIXMLHttpRequest.send]"  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: http://dictionarymid.sourceforge.net/htmlApp/htmlApp/translationlayergwt/0DFD596AF51F4CC7A00293FBD296E92A.cache.html :: readFileJS :: line 1956"  data: no]"

I also noticed that there is one extra thread explaining why the htmlApp does not give access to the translation layer, is that why I am getting all this, or am I making mistakes?
I guess this error message is just because of the wrong directory.
Firefox does not have that bug by the way, Chrome does.

Gert




Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 08. January 2011, 09:21:14
QuoteFirefox does not have that bug by the way, Chrome does.

I need to correct: Firefox 4 (beta) does not have that bug, Firefox 3.6 does.

Anyway, this is not a serious problem, because it only shows up when a user changes the dictionary, e.g.
- user loads URL for <dictionary1>: everything works fine
- user loads URL for <dictionary2>: that XMLHttpException pops up

I think on Chrome, just reload the URL for <dictionary2>, then it should work. Or delete the application cache and then retry.

In Firefox that bug was already fixed with release 4, in Chrome it will be fixed.

Gert
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: hasan on 12. January 2011, 00:29:15
Good news, I can translate English to Chinese.

Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 12. January 2011, 07:09:37
QuoteGood news, I can translate English to Chinese.

Ok, fine.

We would need a lot more functionality: user selection of the translation direction, saving of user selections in localStorage, making everything looking a lot nicer ... and a lot more good ideas to make htmlApp a desirable application.

... the whole world is waiting for your improvements ;)

Regards,
Gert
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 22. January 2011, 17:19:43
Hasan,

did you already have time to work on a few improvements ? I just can't wait to have a nice-looking htmlApp ...

Regards,
Gert
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 08. June 2011, 21:15:27
Seems the progress there was zero.

Well, hope someone else will make an effort.

Regards,
Gert
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: sparc64 on 09. September 2013, 14:39:53
Already 2 years since last update of webApp thread.

Is there any interest in further development? I'm Front-end developer and can handle HTML/CSS/JS part.
Title: Re: htmlApp: who likes to implement a nice-looking HTML user interface ?
Post by: Gert on 09. September 2013, 17:09:29
QuoteIs there any interest in further development?

There is HUGE interest in further development !!! In my personal opinion the DictionaryForMIDs WebApp will be the most important platform for the future (well, probably second to Android ...).

QuoteI'm Front-end developer and can handle HTML/CSS/JS part.

That's what we search for !!
We have information for development of the front-end here: http://dictionarymid.sourceforge.net/WebAppDevelopment.html (http://dictionarymid.sourceforge.net/WebAppDevelopment.html)
And of course, we can help in case of any questions !

So ... if you want build one of the most important parts for mankind ;) ... then just go ahead and implement the DictionaryForMIDs WebApp front-end :)

With best regards,
Gert