GSoC 2017 Diaries with Sugar Labs - 5

Hello everyone... Over last two weeks I spent time on generating PDF of the Music Blocks User Guide. I tried two different approaches for this purpose.
  • Using a JavaScript PDF generator to generate PDF from the client side.
  • Using a PDF generator to generate PDF from the server side. - In my case PHP supporting PDF generator
You can find my source code from here. In my approach, I looked into,
  • Removing the navigation and blocks menus on the left side.

1.PNG
2.PNG
  • Removing audio and video components.

  • Adjusting texts and images fit the PDF pages.  

Anyways, I decided to do PDF generation via a PHP library as it would give more control over the process. I played with several open source PDF generators over last two weeks. Majorly with FPDF library and TCPDF library.


FPDF Library
TCPDF Library


I decided to work with TCPDF generator for my GSoC project because of its supporting functionalities specially because of converting HTML page directly into PDF preserving most of the CSS styles.
Web page
PDF page
5.PNG
There are a couple of issues exist to resolve with the PDF generation process such as,

  • The content of the PDF file pages is not aligned properly because of the CSS styles of margins and paddings of the web pages; some functions need to be implemented to remove those unnecessary CSS stylings for PDF pages.
  • There are many GIFs in web pages so it takes a considerable amount of time when generating the PDF; I thought of creating new web pages removing GIFs and replace them with an image of the final output shown in the GIF and include those pages for the PDF generation.
Location: Colombo, Sri Lanka

Comments

Post a Comment

Popular posts from this blog

UML - Use Case Diagrams

Image
In this article, I will explain some facts you should know when drawing Use Case Diagrams; using an example of an Online Hotel Reservation System . First, let's see what are the functional requirements of the system. Should be able to search hotels. Should be able to make a reservation. Should be able to make the payment. Should be able to validate the credit card. Should be able to issue payment confirmation receipts. Should be able to cancel the reservation. We get functional requirements as use cases of the system . Use cases are represented in an oval shaped symbol. Therefore our use cases are, Then we should identify the actors of the system to be designed.In this example, there are two such actors, Customer Payment Gateway Primary actors are the main users of the system, in our scenario, it is the Customer and Secondary actors are other users including external systems, here it is the Payment Gateway. Actors are represented...
Read more

How I faced to OCJP exam...

Image
Hey ! Today I'm going to share with you my experience of the OCJP exam.. Do you know what OCPJP or OCJP means ?  It means Oracle Certified Professional Java Programmer certification. Now a year has passed since I took the Oracle Certified Professional Java SE 6 Programmer exam.However, I thought I would share my experiences and hope this will be helpful for others who are going to take the exam. After doing my G.C.E. Advanced Level Examination and then searching for a higher educational path I decided to join to a Java Course. It really changed my life. At that time I chose to do Computer Science for my first degree at the National School of Business Management with University College Dublin. In there I realized that it would be better to do some extra certifications also. Since I was following a Java Course at the same time I thought I should go for OCJP  certification. Finally I scored 100% at exam ! I was very amused at that moment and I couldn't believe it.. it showed m...
Read more

My Experience at Women Techmakers Leads Mini-summit APAC at Google Singapore

Image
Hello everyone... here I am going to tell you a bit about my experience at Women Techmakers leads mini-summit APAC which was held at Google Singapore, Google APAC HQ on 10th and 11th March 2017. (From the left to right:  Erica ,  Malypoeur ,  Winni , Nhi , Hannah , Soma ,  Rakhshanda ,  Josan , Naz ,  Rara , me,  Syoko ,  Ngan ) It was one of the best experiences I've ever had in my life. I met these awesome ladies in above picture from different Women Techmakers and Google Developer Group chapters in APAC region.   It was wonderful listening to their stories at which I was inspired at the end  of the day.  First day had a good start with the breakfast where our host of the day, Erica Hanson , Program Manager, Developer Relations at Google took us to the breakfast area from guests lobby. I was late to wake up in the morning hence I missed the shuttle service from Hotel to Google office. When I arrived there, initial info...
Read more