c# pdfsharp fill pdf form : How to type into a pdf form in reader software control cloud windows azure asp.net class HTML5%20-%20Responsive%20Web%20Development0-part1060

Bachelor's thesis 
Information Technology 
2015 
Bethelehem Adugna Burka 
HTML-5 
-Responsive Web Development  
How to type into a pdf form in reader - 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
how to save fillable pdf form in reader; saving pdf forms in acrobat reader
How to type into a pdf form in reader - 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
extract data from pdf form; pdf form save with reader
BACHELOR´S THESIS | ABSTRACT  
TURKU UNIVERSITY OF APPLIED SCIENCES 
Information Technology  
2015| 40  
Tiina Ferm 
Bethelehem Adugna Burka 
HTML5 - RESPONSIVE WEB DEVELOPMENT 
During the last 20 years, the smart phone technology has advanced to appear ubiquitously in the field. As a result, 
the user experience of individuals has shown a large shift from desktop to small devices including mobile phones 
and tablets. In Addition, Fragmentation and diversity in mobile screen sizes comes out as the main challenge.  
The modern experience of websites for a mobile device mainly focuses on applying responsive web design. 
Modern web design is built to run on devices of various screen size and orientation. HTML, as a base stone of 
modern websites, has benefited the development process in better performance and data storage system. 
In this  thesis work,  a  prototype  website  was  developed  using HTML5  and  CSS3.  This  real-time  project, 
commissioned by a textile company, Dozen+1, was conducted to reflect the relationship between user experience 
and media devices. This thesis work focuses on HTML5 and responsive web design. The project includes a 
process to develop a website that contends modern web structures. 
Furthermore, this thesis work favours HTML5 responsive web tools that are increasing the potential of unifying 
the different working platform of mobile operating systems which, in return, assists the cost and time consumption. 
The required tests were finally performed to approve the functionality in different media sizes. Hence, satisfactory 
results were demonstrated by adjusting a single web document in several media devices which increases the 
accessibility of a webpage regardless of device fragmentation.  
KEYWORDS: 
Responsive website, media queries, CSS3, HTML5, local storage, geolocation 
C# Create PDF from Tiff Library to convert tif images to PDF in C#
Description: Convert to PDF and save it into stream. Parameters: Name, Description, Valid Value. targetType, The target document type will be converted to.
online form pdf output; how to flatten a pdf form in reader
C# Create PDF from Excel Library to convert xlsx, xls to PDF in C#
Description: Convert to PDF/TIFF and save it into stream. Parameters: Name, Description, Valid Value. targetType, The target document type will be converted to.
extract table data from pdf to excel; export pdf form data to excel spreadsheet
CONTENTS 
LIST OF ABBREVIATIONS (OR) SYMBOLS 
5        
1
INTRODUCTION                                                                         
6
2 HTML5 
2.1 New Features of HTML5 
10
2.2 
Graphics in HTML5
12
2.3 Storage in HTML5 
14 
2.4 Speed 
15
2.3 Location 
15
3
RESPONSIVE WEB DESIGN 
16 
3.1 Media Queries 
17
3.1.1 Min-Width 
17
3.1.2
Max-Width 
17
3.2 Display Resolution and Orientaiton  
18 
4 USER EXPERIENCE 
20 
4.1 Utility and Usablity 
20 
4.2 Graphic Design 
20 
5 REAL-TIME PERFORMANCES      
22
5.1 Objective 
22 
5.2 Method 
22 
5.3 Results 
24 
6  CONCLUSION
26
REFERENCES
27
APPENDICES 
APPEDNIX I. HTML5 TAGS                                                                               
29 
APPEDNIX II. Dozen+1 MEDIA QUEIRES                                                         
33 
C# Create PDF from PowerPoint Library to convert pptx, ppt to PDF
Description: Convert to PDF/TIFF and save it into stream. Parameters: Name, Description, Valid Value. targetType, The target document type will be converted to.
c# read pdf form fields; filling out pdf forms with reader
C# Create PDF from Word Library to convert docx, doc to PDF in C#.
Description: Convert to PDF/TIFF and save it into stream. Parameters: Name, Description, Valid Value. targetType, The target document type will be converted to.
extract pdf data to excel; using pdf forms to collect data
PICTURES 
Picture 1. Responsive web design 
16
Picture 2. Some examples of monochromatic colour     
21
Picture 3. Draft of the project         
22
Picture 4. Zooming preferences scales  
24 
Picture 5. Results applied with media queries  
25
Picture 6. Implementation of HTML5 new semantic tags               
25
Picture 7. The final result of the project  
25 
FIGURES 
Figure 1. Time-line of HTML5 
9
Figure 2. Sectional division using<div> and new structures of HTML5  
10
Figure 3. Scalable Vector graphics in HTML5       
12
Figure 4. Video and audio introduction   
13 
Figure 5. Mobile screen trends      
18 
TABLES 
Table 1. HTML5 semantic elements <nav>    
11 
Table 2. HTML5 implementations    
13 
Table 3. Logical operators in media queries    
17 
Table 4. Example on min-width media queries    
17 
Table 5. Example on max-width media queries 
17 
Table 6: Examples of competing gaps in different sizes
18
C# PDF Convert to Tiff SDK: Convert PDF to tiff images in C#.net
specified zoom value and save it into stream. targetType, The target document type will be converted to zoomValue, The magnification of the original PDF page size
how to save editable pdf form in reader; how to save a pdf form in reader
C# PDF Convert to Word SDK: Convert PDF to Word library in C#.net
specified zoom value and save it into stream. targetType, The target document type will be converted to zoomValue, The magnification of the original PDF page size
java read pdf form fields; export pdf data to excel
LIST OF ABBREVIATIONS (OR) SYMBOLS
W3C   
World Wide Web Consortium 
API 
Application Programming Interface 
SGML  
Standard Generalized Mark-up Language 
DOM   
Document Object Model 
DTD   
Document Type Definition 
CERN  
The European Organization for Nuclear Research 
WHATWG 
Web Hypertext Application Technology Working Group 
HTML  
Hyper Text Mark-up Language 
URL   
Uniform Resource Locator 
HTTP   
Hypertext Transfer Protocol  
CSS3   
Cascading Style Sheets Version 3 
DOCTYPE 
Document Type Declaration 
DIV   
Division 
PX    
Pixel 
SVG   
Scalable Vector Graphics 
GPS    
Global Positioning System 
JPEG   
Joint Photographic Expert Group 
PNG   
Portable Network Graphics 
HEX   
Hexadeci
C# Create PDF from CSV to convert csv files to PDF in C#.net, ASP.
Description: Convert to PDF/TIFF and save it into stream. Parameters: Name, Description, Valid Value. targetType, The target document type will be converted to.
flatten pdf form in reader; extract table data from pdf
C# Create PDF from OpenOffice to convert odt, odp files to PDF in
Description: Convert to PDF/TIFF and save it into stream. Parameters: Name, Description, Valid Value. targetType, The target document type will be converted to.
extract data from pdf file; html form output to pdf
1 INTRODUCTION 
The evolution of internet introduced storing and sharing documents through the web for the first 
time. Correspondingly, the evolution of website development followed this footstep to launch 
CERN which is the pioneer website. In early mid-90s, when the internet was accessed only on 
desktops and laptops, web development used HTML and CSS with a small JavaScript to build 
static pages. HTML contains of the documents in hypertext; CSS provides the presentation 
style sheets and JavaScript is used for handling pop-up message boxes or image carousels for 
a web page. 
The  fundamental  challenge  with  traditional  websites  is  restoring  the  web  contents  and 
functionalities. While the end side of a website is completed, the back side or server side 
requires a structured database and content management system. The effort that goes into 
updating the contents and uploading new HTML documents is a major challenge among 
traditional web development.  
The other vital flaw of traditional websites is the prolific growth of different screen sizes within 
smart devices. Although the traditional web techniques consider the cross-browsers and cross-
platforms capabilities, they have a notable drawback in presenting the contents of a webpage 
in a diversity of screen sizes. Currently, the screen size of smart devices and desktops in the 
market has expanded approximately between 3.5 
32 inches [1].  
However in modern web technology, CSS introduces a solution 
to style a page using the ‘media’ 
attribute [2]. One of the most powerful schemes in stylesheets that is included in CSS3 is Media 
queries, which provide syntax to build device-independent websites. This thesis work focuses 
on the major solutions of time and design management on web content and layout.  A single 
HTML5  document  was  used  to  produce  a  website  that  fits  different  screen  sizes  and 
orientations for a company Dozen+1. 
Dozen+1 
‘Dozen+1’ is a ne
w and contemporary interior textile design group that presented designs for 
the first time at Heimtextil Trade Fair show in 2015. 
The Dozen+1 name derives from the old time British saying ‘Baker’s Dozen’, a traditional 
phrase that comes from making an extra piece for good luck. The group consists of 13 members 
from different parts of the world: Finland, France, Britain, Spain, China and Japan, which allows 
them to bring their own talents and individual style to the company.  
Based at Turku University of Applied Sciences in Finland, the group has produced a team that 
is able to offer a variety of designs consisting of printed, woven, and mixed media. As students, 
the group see this as a unique opportunity that has allowed them to connect with established 
tex
tile companies and utilise each student’s skills to come together and create a prof
essional 
team, the Dozen+1 Team[3]. 
2 HTML5 
The concept of web documentation was developed in 1989, when Tim Berners Lee proposed 
the first hypertext system of web documentation. The background concept commenced in 
CERN, a practical physics laboratory, in response to a need for sharing documents among 
laboratory researchers. The first web was developed using SGML [4] that is highly dependable 
on  the  DOM  [5].  SGML  consisted  of  worldwide  set  standards  of  elements  that  can  be 
implemented independent of browser or software diversity. Adjoining the elementary purpose 
in  scientific  collaboration,  the  concept  of  web  was  largely  accepted  when  proposed  to 
computing  researchers  of  the  time.  Therefore,  the first  prototype  was  disseminated  and 
implemented into practice in 1990. The proposal consisted of three fundamental specifications 
that are still promine
nt in today’s web technology.
o
HTML:  serves as a medium language for editing and inserting contents to the web.
o
URL: is a unique address assigned for each particular resource on the web.
o
HTTP: applies as the ground application protocol to transfer data between browsers and 
main servers.
HTML5 is a mark-up language that has extended the functionalities of the web, improving the 
previous structure of web technology, which reflected a one-way flow of information to the users. 
Apart from introducing new semantic features [Appendix I], HTML5 contributes new techniques 
on modern and interactive web environment. HTML5 is a product of cooperative work in W3C 
and WHATWG which embraces more than one entity including CSS3, JavaScript APIs and 
HTML5 mark-ups.
In addition, HTML5 tries to balance the compatibly issue of the previous browsers using the 
new features. The latest version of web browser from Apple, Safari, Google Chrome, Mozilla 
Firefox, Opera full and Internet Explorer 9.0 support HTML5 functionalities.
Looking back through  the history  of  mark-up language, it  is  essential to  dig  in the core 
motivation for its demand. In the early 90s there was an intense email discussion between early 
web  developers,  to  identify  the  main  importance  and  rules  of  mark-up  language.  This 
conversation [6] between Marc Andreessen, Time Berners-Lee and other computer scientists 
is a ground to establish the basic elements we use in our web documents today. The discussion 
answers how elements like <img> evolved to standardize a content type. Followed with these 
basic HTML tags, several improvement and version of HTML evolved.
After the initial proposal in 2008, particular highlights are located in the timeline of HTML5 [7]. 
An interoperation  between web browsers,  device production  companies and self-oriented 
developers  have  contributed  to  finalize  the  complete  specification  of  HTML5  which  was 
released on 28
th
of October 2014 by W3C and WHATWG [8]. As shown in Figure 1, the overall 
development of HTML has involved media and related application manicuring groups including 
Apple, Firefox and many more.
Figure 1. Time-line of HTML5 
10 
2.1 New Features of HTML5 
The first new feature of HTML5 is plugged into the root element. The root element of HTML5 
document is reduced from a bunch of libraries to a simple attribute of <! DOCTYPE>. 
Similarly, semantic elements[9] like the <header> tag, as it is self-evident from the name, 
defines the structure of its content in relationship to the rest of the structure which at this point 
is at the top position of the page. Then new semantic tags <header>, <nav>, <article>, <aside> 
and <footer> outline and structure the HTML document in a neat division. Previously, <div> had 
the primary presentation syntax for HTML4, assigned as the generic structural element. The 
element <div>  signifies  for a  block division of flow  content  in  an  HTML  document. The 
functionality of <div> depends on the randomly assigned identifier or class name. As <div> is 
applied to define the different sections of the outlines for the browsers, using random identifiers 
has a huge risk of disorienting browsers and disorganizing the structure of the page. The reason 
for this is while assigning an ID for a <div> attribute, an author can associate to several 
synonyms of an identifier which could be misinterpreted by the browser. 
Figure 2. Sectional division using <div> and new structures of HTML5
A defined structural framework specifies the content partitions and aids graphical layout at the 
same time. In addition, with this new semantic standardized definition, it will be easy to detect 
basic landmark detection to different screen size devices for browsers. Table 1 is a source code 
Documents you may be interested
Documents you may be interested