21 
Picture 2. Some examples of monochromatic colour  
Pdf data extraction - extract form data from PDF in C#.net, ASP.NET, MVC, Ajax, WPF
Help to Read and Extract Field Data from PDF with a Convenient C# Solution
pdf data extraction to excel; extract data from pdf into excel
Pdf data extraction - VB.NET PDF Form Data Read library: extract form data from PDF in vb.net, ASP.NET, MVC, Ajax, WPF
Convenient VB.NET Solution to Read and Extract Field Data from PDF
edit pdf form in reader; extract data from pdf file
22 
5 REAL-TIME PERFORMANCES  
5.1 Objective  
One of the main objectives in the path to develop this project was to be able understand the 
designing techniques of modern web development. Responsive design solves the previous 
issues of maintenance and consistency in traditional web designing. This project attempted to 
balance the structure, design, and application of these modern web approaches. 
5.2 Method  
The first step of any web development is sketching the draft layout. Placing on a paper what 
the end product looks, gives an opportunity to maximize efficient designs. The leading identity 
of this project in terms of designing was 
white and simple
’. As shown in Picture 3
, clean 
elements of the pages were set on paper. The website was intended to follow a monochromatic 
colour set. As a result, the next step was to choose one colour to define the consistency of the 
pages. Light blue with the hex colour of #88AAA7 was the root colour used in the website. At 
this stage, it was easy to identify the contents that could be included in the diverse device 
layouts. 
Picture 3. Draft of the project  
The first draft of the website was developed using traditional layouts techniques. In the 
process of transforming the page into a modern website, it was needful to find out the user 
ranges, orientations and pioneer devices. A static non-responsive web page requires zooming 
VB.NET PDF Text Extract Library: extract text content from PDF
Application. Advanced Visual Studio .NET PDF text extraction control, built in .NET framework 2.0 and compatible with Windows system.
pdf form data extraction; make pdf form editable in reader
C# PDF Text Extract Library: extract text content from PDF file in
Image text extraction control provides text extraction from PDF images and image files. Best C#.NET PDF text extraction library and component for free download.
how to fill in a pdf form in reader; extract table data from pdf
23 
to access the pages in smaller devices. The guide in the flexible pictures and contents were 
to minimize zooming preferences as the page fits to the device view point. 
Next, media queries were applied in the style sheet to apply responsiveness. The media that 
were covered with the CSS styles were screen sizes 780px, 480px and 320px. Scalable units 
including ‘em’ and percentage were used for font sizes, padding and margin measurements.  
VB.NET PDF Image Extract Library: Select, copy, paste PDF images
Support PDF Image Extraction from a Page, a Region on a Page, and PDF Document in VB.NET Project. DLLs for PDF Image Extraction in VB.NET.
how to save pdf form data in reader; pdf data extractor
VB.NET PDF Page Extract Library: copy, paste, cut PDF pages in vb.
VB.NET PDF - PDF File Pages Extraction Guide. Detailed VB.NET Guide for Extracting Pages from Microsoft PDF Doc. Free PDF document
how to fill out pdf forms in reader; filling out pdf forms with reader
24 
5.3 Results
The structure of this thesis work is evaluated with the significant results of the test that was 
performed on the targeted devices. According to the first result, the view of the screen had to 
be adjustable to zoom in and out with scalable proportion as shown on picture (Picture 4). The 
viewport meta tag was used to control the scale and width of the website on devices. The initial 
scale provides the scale property when the page first loads as the maximum scale, which 
supports the users to be able to zoom. 
Picture 4. Zooming preferences scales  
The meta 
data in the HTML document, “<meta name “viewport” content= width =device
-width, 
initial-scale=1, maximum scale =1>
”, is used in the project to allow the preferences of zooming. 
On the other hand, the orientation of the landing page of the website was designed to fit both 
mobile and desktop layouts. Rules in media queries specify how to display the same HTML 
document in different orientation.  
C# PDF Image Extract Library: Select, copy, paste PDF images in C#
Document. Support PDF Image Extraction from a Page, a Region on a Page, and PDF Document. C# Project: DLLs for PDF Image Extraction. In
html form output to pdf; extract data from pdf using java
VB.NET PDF Library SDK to view, edit, convert, process PDF file
PDF Text Extraction. Mature and robust APIs are provided for programmers to integrate and perform PDF text extraction feature in .NET windows and web project.
flatten pdf form in reader; extracting data from pdf files
25 
Picture 5. Results applied with media queries 
New semantic features like <ruby> [Appendix I], a tag introduced in HTML5 as to represent 
Ruby annotation, was applied to be part of HTML documents instead of using external 
images.     
<h2>+<ruby>にしむら あずさ</ruby></h2> <p>(Azusa) </p> 
Picture 6. Implementation of HTML5 new semantic tags
As a final result, Picture 7 shows the responsive web page of Dozen+1.
Pictue 7. The final result of the project 
C#: Demos and Sample Codes for Image Content Extraction Using OCR
C# Sample Code for Png Image Text Extraction. This C# OCR demo code illustrates how to extract text from Png and save to png.pdf. // Set the training data path.
exporting pdf form to excel; c# read pdf form fields
C# PDF File Permission Library: add, remove, update PDF file
Form Process. Data: Read, Extract Field Data. Data: Auto Fill-in Field Data. Field: Insert Choose to offer PDF annotation and content extraction functions.
extract data from pdf form to excel; extract data from pdf file to excel
26 
6 CONCLUSIONS 
Web development is a field that is moving beyond adopting smart devices and orientation. The 
new  frameworks  and  web  based  application  which  are  based  on  HTML5  and  similar 
technologies drive the discovery of new techniques and approaches. New frameworks like 
Bootstrap  and  AngulaJs  have  proved  the  potential  HTML5  and  CSS3  have  in  further 
transformation of websites to framework-based templates. 
The key advantages of responsive web design are: 
o
Accessibility from desktop to mobile  
o
improved Search Engine Optimization in web address and web page 
o
Lower overall cost than developing separate websites and native application  
On the contrary, the challenges that hinder responsive web applications are the time it requires 
to structure the contents and test. In addition, responsive web development require more time 
and resources on testing and inspecting elements of several different versions of the layouts. 
As a result, testing using real devices was one major challenge in this project. The second 
limitation of this project was on using media queries in providing support for IE8 and older 
browsers.  
In conclusion, during this project, it was easy to note down the strong power of simple and neat 
design with the blend of the user expectation and experience. Understanding the audience 
early in the phase and choosing customer based approaches results in applicable web pages. 
In general, the use of responisve web design 
proves in handy in today’s market
, which is 
flooded with a wide variety of devices with various sizes and resolutions. 
VB.NET PDF File Permission Library: add, remove, update PDF file
Data: Read, Extract Field Data. Data: Auto Fill-in Field Data. Field: Insert, Delete, Update Choose to offer PDF annotation and content extraction functions.
saving pdf forms in acrobat reader; extract data from pdf forms
C# PDF File Merge Library: Merge, append PDF files in C#.net, ASP.
Merge Microsoft Office Word, Excel and PowerPoint data to PDF form. PDF document splitting, PDF page reordering and PDF page image and text extraction.
using pdf forms to collect data; vb extract data from pdf
27 
References 
[1]  Hjerde,  M.  (2008,  April  28).  More  on  mobile  screen  size  trends  [Online].  Available: 
http://sender11.typepad.com The Book of CSS3: A Developer's 
[2] Gasston, P. "Media Queries" in the Future of Guide to Web Design, 1st ed. San Francisco, 
CA: No Starch Press, 2011, ch 2, pp. 7-20. 
[3] Dozen+1. (2014). about us [online]. Available: http://dozenplusone.com 
[4] Goossens, M. and Saarela, J. (1995).Practical Introduction to SGML (2nd ed) [online]. 
Available: http://mactex-wiki2.tug.org/TUGboat/Articles/tb16-2/tb47goo1.pdf 
[5] Pilgrim, M. 
"Detecting HTML5 Features” i
n HTML5: Up and Running, Loukides, M. Ed., 1st 
ed. Sebastopol, CA: O'Reilly Media, 2010, pp. 15. 
[6] Pilgrim, M. "A long digression into how standards are made" in HTML5: Up and Running, 
Loukides, M. Ed., 1st ed. Sebastopol, CA: O'Reilly Media, 2010, pp. 2-7. 
[7] wix. (2012, July 11). The Authentic Infographic History of HTML5 [Online].  Available: 
http://www.wix.com 
[8] Lardinois, F. (2014, Oct 28). W3C Declares HTML5 Standard Complete [Online]. Available: 
http://techcrunch.com/2014/10/28/w3c-declares-html5-standard-done/ 
[9] MacDonald, M. "Introducing the Semantic Elements" in HTML5 the missing manual, 2nd ed. 
Sebastopol, CA: O'Reilly Media, 2014, ch. 2, sec.1, pp. 38-39. 
[10] Powers, S. 
“HTML5 Audio and Video Elements:
By-
Default” in HTML5 Media, 
St. Laurent, 
S. Ed., Sebastopol, CA: O'Reilly Media, 2011, ch. 1, pp.1-7. 
[11] Gustafson, J. M. "The components of an HTML5 application" in HTML5 web Application 
Development By Example, Birmingham, UK. Packt Publishing, 2013, ch. 1, pp. 9. 
[12] Pilgrim, M. Dive Into HTML5, The Past, Present & Future of Local Storage For Web 
Applications.  [Online]. Available: http://diveintohtml5.info/storage.html 
28 
[13] YUI Team. (2010). Performance research, part 3: When the cookie crumbles. Yahoo! User 
Interface 
Blog 
(March 
2007) 
[Online]. 
Available: 
http://yuiblog.com/blog/2007/03/01/performance-research-part-3/ 
[14] Castro, E. "The DOCTYPE and Standards vs Quirks mode" in HTML for the World Wide 
Web, 5th ed. Berkeley, CA. Peachpit Press, 2002, ch. 1, pp. 39. 
[15] Holdener, A. T. "Geolocation API in Code" in HTML5 Geolocation, 1st ed, Sebastopol, CA. 
O'Reilly Media, 2011, ch. 3, pp. 31-35. 
[16] Frain, B. "HTML5 for Responsive Designs" in Responsive Web Design with HTML5 and 
CSS3, Birmingham, UK. Packt Publishing, 2012, ch. 4, pp. 97. 
[17]  Hjerde, M.  (2008,  April 28). More on  mobile  screen size trends [Online].  Available: 
http://sender11.typepad.com 
[18] Hartson, R. and Pyla, P. "From Usability to User Experience" in The UX Book: Process 
and Guidelines for Ensuring a Quality User Experience, 1
st
ed. San Francisco, CA. Morgan 
Kaufmann, 2012, ch. 1, sec. 3, pp. 7-20. 
[19] (2015). iDneon [Online]. Available: http://idneon.ch 
29 
Appendix I  
HTML5 Tags 
<select> 
Defines a control for a menu of options. <select> is used with 
conjunction with the tag <option>  
<nav> 
Defines a section that contains a navigation elements and links. 
<article> 
Represents an article content that can stand independently by its 
<aside> 
Represents content that which is related with the main content but 
could also standout by its own. A “pull quote” from a longer article is 
presented with a large typeface on the same page 
<header> 
Defines the header of a page or selection. It often contains a logo, the 
title, and navigation tab lists. 
<footer> 
Defines the bottom part of a page containing the copyright and 
contains contact and additional information. 
<main> 
Represents the main content area in the HTML document. <main> 
tag  exits  only  once  in  a  document  excluding    tags  like 
<header><footer><nav> and so on. 
<figure> 
Represents a figure in the document. This is different from the tag 
<img> providing illustration options, diagrams and  
30 
<figcaption> 
This tag provides a caption under a figure and used with <figure> 
element. 
<data> 
Associates to a particular element that allows storing extra information 
on standard, semantic HTML elements. 
<time> 
Declares the date and time within an HTML document. 
<mark> 
Indicates a text that is highlighted for reference purpose. 
<ruby> 
Represents contented to be marked by Ruby/Rubi* annotation  
*Ruby: (also spelt rubi) characters are small, annotative glosses that 
can be placed above or to the right of character when  writing 
logographic languages such as Chinese or Japanese to show the 
provocation.  
<rt> 
Marks the ruby text component of a ruby annotation. 
<rp> 
Marks a parenthesis around a ruby annotation. 
<bdi> 
Marks a span of text that should be isolated from its surrounding in 
order to allow embedding a base for the unknown direction. <bid> is 
quite useful in case of user generated content. It would be convent to 
identify if its read from right-to-left or left-to-right in the case of  
se of  
Documents you may be interested
Documents you may be interested