This blog uses responsible cookies for functionality and user preferences.
Google Analytics is used for collecting general public information to understand how my blog is used.
Learn moreThe Official Blog of Patcoola
Im just a dude watching over my parents,
and trying to make cartoons and video games from home.
and trying to make cartoons and video games from home.
R&D: Deploying Web Apps Within a Web Page 2012/10/03
Important!
Dear visitors,
This blog and the Tigarus.com network will be changing our website software in May (2024). There will be some down time and there will be a change to the webpage addresses.
We will also be removing the Anime blogs. The Rocksmith Songs website will be unavailable of a few weeks or months while I move the database to the new software.
At the moment we are running on Wordpress, the new software is an in-house project which is 57 times faster. It will also provide more freedom for development.
Thank you for understanding.
A challenge with making Web Applications (Apps) that can be deployed on any Web page has been the conflict of existing elements of the host Web page.
Web pages have their own layout, design and naming scheme for CSS ids and classes. When designing a Web App, the App is designed as an individual Web page. Adding the Web App to the host layout will create conflicts.
The other challenge is how the App is created; one method is to create the App as a Web page, this means that the App has a style sheet, a HTML layout and Java Script. The second method is to create the App completely in Java Script.
Creating the entire App in Java Script is troublesome in the sense that every element and all formatting has to be executed as a command. This could take additional time to package the App, since testing and design is probably first done as a Web page.
The best solution I have come across at the moment is to keep the Web App as a Web page, and load the App’s page in an iFrame, by doing so, the App keeps it’s independence and does not conflict with the host Website.
iFrames seem to be the simplest solution as we can create a loader in which the App is loaded into the iFrame and the display dimensions can be automatically set using the App’s content. This will allow for easy embedded content, for sharing with other Websites around the Web.
Post Meta
Share Post
Comments: Write Comment
Be the first to write a comment.
Leave a Comment
Terms of Use, Cookies, Privacy, and more, see Terms and Privacy
Third-party copyrights and trademarks featured on this site are owned by their respected holders.
Website written and designed by Patcoola 2019, some rights reserved.