How to Make a Simple Android Ebook Application with Kodular #2 – Media Storage (Hosting or VPS)


This article discusses displaying PDF files stored in hosting or VPS that are not bound by Cloud Storage such as Owncloud, NextCloud, and so on due to security validation in the cloud storage system. Here, you create an Android application that displays PDF file content stored on a hosting or VPS without using any extension from a third party to Kodular.

For example, you create an Android application that is related to an electronic library or e-library that contains one or more ebooks stored on a Hosting or VPS so that readers can read the ebook in your Android application. It is usually used in connection with education, research, academics, and so on.

You don’t need to upload several ebook or PDF files into Media Assets in the application, which can take up space on the storage in the application or Android smartphone. You just need to upload one or more of these files into online storage media such as VPS or hosting.

The author provides a tutorial for displaying ebooks or online PDF files sourced from hosting or VPS using the help of Google Docs Viewer which will be included in the Web Viewer component using Kodular in making Android applications.


1. Visit the site

2. Log in manually or OAtuh System correctly.

3. Click Create Project to create a new project specifically for the event, click Label.

4. Give the name of the project, namely pdfvieweronline1, click Next.

5. For the application UI display settings, Package Name, and others, leave it alone and click Finish immediately.

6. Design the appearance of the Android application to view ebooks or files that support PDF online by requiring the Button, Web Viewer, and Notifier components according to your creativity.

7. Click Blocks.

8. Make a program block to access ebooks or files that support PDF with the help of Google Docs Viewer so that the file can be displayed optimally. The value “http://sitename.con/file.pdf” can be replaced with a link to your site that has a PDF file in the hosting / VPS.

9. Make a program block after the PDF file is successfully displayed.

10. Click Test >>> Connect to Companion.

11. Enter the Companion code into the Kodular Companion Application installed on Android.


For special validation the site cannot be accessed because there is an error of any kind, then you can use the Web Part to detect the HTTP status code and if it doesn’t display the HTTP 200 – Success status code, then that’s where you can start validating the Web Viewer error earlier.

For the problem of the screen orientation section on the smartphone screen, then you can make settings in the Screen Orientation section in Properties or do a program block to adjust the orientation position on the smartphone screen according to your needs so that it is comfortable to read ebooks in your Android application.


In this section, we present the results of making an Android application about displaying a PDF Viewer sourced from hosting or VPS with Kodular.

1. Home application view.

2. The application display after pressing the button and the PDF file being stored in the hosting or VPS is being processed with a progress popup notification appearing.

3. The application display has successfully accessed the PDF file earlier.


So, you can upload ebook or PDF files into storage media, namely your hosting or VPS. Then, the file is embedded into the Android application with the help of Google Docs PDF Viewer inside the WebView on Kodular.


You can create your own Android application that contains a collection of one or more ebooks or PDF files that support Google Docs Viewer to display PDF files sourced from hosting or VPS using Kodular. It does not use extensions from third parties at all. For example, you create an Android application for an online library specifically for students at your school so that students can read books from their cellphones or Android smartphones without having to visit the school library.


Leave a comment

Your email address will not be published.