asp.net c# pdf to image : Create a pdf with fields to fill in SDK control API .net azure winforms sharepoint report_interactive3-part1824

60
61
Collage
Most of the previous tools focus on the meta data of digital images. 
But in some cases it is also interesting to look closer at the pictures 
themselves. I have made the collage tool to view a number of 
images together, and to adjust the sizes and arrangements of them.
The layout is quite basic. It shows a column-based grid of a 
selected number of images. All the images are scaled to have the 
same widths, independently of the heights. By clicking an image, 
the size change, alternating between three sizes that all fit in the 
columns. 
When enlarging images, some white space tend to appear between 
the images. By pressing the “shuffle” button, the collage is thrown 
around, and usually they fall into a nice arrangement after a few 
attempts.
The collage tool pro-
vides a simple inter-
face for displaying 
many pictures togeth-
er, and makes it pos-
sible to emphasises or 
remove content.
Collage showing the visit to Really Interesting Group in London, with some images emphasized.
The shuffle button rearranges 
the content randomly, and can 
help out to fill white space in 
the layout.
Six different arrangements of 
the same content, by shuffling
them around.
I have built in methods for sorting the data based on meta data 
properties like light value, time or color temperature, but the 
column based grid tend to break the feeling of continuity, so 
sorting has not proven very effective to get an understanding of 
sequences.
I imagine that the tool can be effective for removing pictures from 
batches as well, possibly by changing privacy settings to hide the 
them from the public or a group.
Create a pdf with fields to fill in - C# PDF Form Data fill-in Library: auto fill-in PDF form data in C#.net, ASP.NET, MVC, WinForms, WPF
Online C# Tutorial to Automatically Fill in Field Data to PDF
add signature field to pdf; convert word form to fillable pdf
Create a pdf with fields to fill in - VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in vb.net, ASP.NET, MVC, WinForms, WPF
VB.NET PDF Form Data fill-in library: auto fill-in PDF form data in vb.net, ASP.NET, MVC, WinForms, WPF
create a fillable pdf form online; convert word to pdf fillable form
62
63
Integration
The simplicity of the collage tool makes it usable in many different 
contexts. The layouts can be put together from several peoples 
content, as it scales the images to fit. A collage could be placed on 
web pages as illustrations for stories, or printed as physical media, 
like posters, cards or photo books. 
Mashup interface of an overview page for an event.
Collage shared on Facebook’s timeline.
The simplicity of the tool makes it usable in several 
different contexts.
C# WPF PDF Viewer SDK to annotate PDF document in C#.NET
Select the fill color when drawing oval, rectangle, polygon and irregular shape. Select the line color when drawing annotations on PDF document. Default create.
pdf fillable form; attach file to pdf form
VB.NET PDF Password Library: add, remove, edit PDF file password
pdf" ' Set PDF passwords. Dim userPassword As String = "you" Dim newUserPassword As String = "fill" Dim newOwnerPassword As String = "watch" ' Create setting
convert word document to pdf fillable form; convert word to fillable pdf form
64
65
Map
Travel was the main type of event I wanted to work with for 
this project. Both beacause people like to remember their travels, 
and this activity usually generates a lot of data. People take more 
pictures, and they leave a trail of visited positions a they move 
around in the word.
The tool is based around a map, and shows the positions of 
recorded GPS-tracks over time. Since I only had the chance to 
work with two location datasets from London, I have focused on 
the relation between two people.
Interaction
I have built a few ways to navigate through the data. The graph in 
the window on the bottom, represent the movement of two people 
over time. The height represent distance to a certain point, in this 
case the centre of London, adjusted on a logarithmical scale, to try 
A tool for looking at 
geo-location data to 
find patterns and rela-
tions between people 
in time and space.
Map tool in a browser, showing parts of two different recorded location tracks from the London trip, 
and the distance between two of the points.
The Frame relation button will 
adjust the bounds of the map 
to the selected markers.
to show both short and long distances on the same graph. 
The bars are placed on a timeline, and starts at the point in time 
they are registered, and end when a new point is recorded. The 
data is recorded with a smartphone app called OpenPaths, which 
is made to conserve battery by only recording points when the 
phone moves. This is the reason for the un-even widths of the 
bars. The person is assumed to be as the position where he or she 
was “last seen” by the GPS.
By moving the mouse cursor over the graph, markers representing 
the positions of the people show up on the map, with a line 
showing the distance between them at this point.
Above the map, a button makes it possible to “frame relations”, 
by panning and setting the bounds of the map to fit the selected 
markers. 
Above the graph, there is a “range slider” that can be used to view 
a period of time. This makes it possible to see a range of positions 
at the same time. By scrubbing the slider, a range of markers 
appears and disappear, creating an animation showing people 
racing around.
Lines of stories?
In the case of the London trip, this tool can be hard to use to 
make meaning of the markers and lines appearing on the map. 
Both because the accuracy of the data is sometimes poor, but also 
because the actual movements cross and the lines and markers 
overlap, making it difficult to get a sense of continuity. 
It would be useful to develop other ways of looking at look at this 
kind of data, typically from cities, like accumulated distance, or by 
finding “hotspots” that indicate importance. 
C# PDF Password Library: add, remove, edit PDF file password in C#
1_with_pw.pdf"; // Set PDF passwords. String userPassword = "you"; String newUserPassword = "fill"; String newOwnerPassword = "watch"; // Create setting for
convert pdf forms to fillable; convert html form to pdf fillable form
VB.NET PDF - Annotate PDF with WPF PDF Viewer for VB.NET
Select the fill color when drawing oval, rectangle, polygon and irregular shape. Select the line color when drawing annotations on PDF document. Default create.
convert pdf into fillable form; pdf form filler
66
67
Slow travel 
I started developing this tool before I got data from London. I 
gathered data with the same app from a fellow student and myself. 
I found that the results worked better over a longer period of time, 
as the motion over time was more evident. It is also clear that land 
based travel over greater distance than inside a city creates more 
clear narratives.
I believe this kind of data be a very good asset when telling stories 
that involves long trips, like road trips, or other experience that 
takes longer time. It could also be integrated into the Timelines 
tool to give context to “spikes” that indicate events.
Spreading the information
Only two of eleven people provided location data from the 
London trip. But a lot of us moved around together much of the 
time. By integrating the map tool with for example the timelines 
tool, where people’s content can be linked together contextually, 
Tracks from two weeks, show-
ing me and another student. 
Most the time we are in Oslo, 
but our trips to Rauland and 
Malmø are a lot clearer.
“Map”, public installation 2006-2010, by Aram Bartholl.
By integrating Map with another group tool, datasets 
can be enriched to help tell stories from our lives.
When grouping content from 
several people into events, 
the data can spread within the 
data in the event, making a 
richer dataset.
Image has 
Location data
data propagates
the location data can be attached to the pictures of other people in 
the group. 
This would again provide a richer dataset for everyone, and give 
more material to help remember, visualize and tell stories from 
our lives.
VB.NET PDF Form Data Read library: extract form data from PDF in
Dim inputFilePath As String = Program.RootPath + "\\" 1_AF.pdf" Dim fields As List(Of BaseFormField) = PDFFormHandler.GetFormFields(inputFilePath) Console
convert pdf fillable form; create fill in pdf forms
C# PDF Form Data Read Library: extract form data from PDF in C#.
Able to retrieve all form fields from adobe PDF file in C#.NET. C#.NET Demo Code: Retrieve All Form Fields from a PDF File in C#.NET.
best pdf form filler; convert word form to pdf fillable form
68
69
About the name
Even if I have worked with the different tools as separate concepts, 
they are presented with a common name. They are branded as 
“QasionTools” and I have created a small visual identity with a 
logo to bring them toghether.
The word Qasion is derrived from “Occasion”, by moving the O 
over the two c’. This is to say that the tools are meant to deal with 
events of spesial interest, or occasions that we share with our 
friends and family.
It is not entirely clear how the word is pronouced. My version is 
to say it in the same way as occasion, without the first syllable.
Qasion |’kāZHən|
casionTools 
ccasionTools 
The website that presents the tools are branded the the logo.
The story of how the “O” ate 
the “cc” and became a “Q”
ccasionTools 
The set of tools is 
called “QasionTools”.
VB.NET PDF - Annotate PDF Online with VB.NET HTML5 PDF Viewer
Click to create a note to replace selected text add a text box to specific location on PDF page Outline width, outline color, fill color and transparency are all
convert pdf to pdf form fillable; adding a signature to a pdf form
C# HTML5 PDF Viewer SDK to annotate PDF document online in C#.NET
Click to create a note to replace selected text add a text box to specific location on PDF page Outline width, outline color, fill color and transparency are all
create fillable pdf form from word; convert word form to fillable pdf form
70
71
Conclusion
72
73
Conclusion
This project has found its current form, as it has progressed. It 
has followed the path I set out in the program in many areas, and 
also found other directions than I imagined before starting. My 
plan was simple; start working with real data by using code and 
visualization as main methods, and aim to make useful tools.
The six tools I have ended up with were defined towards the very 
end of the project period, and they have been mixed and matched 
in different constellations along the way. They could have ended 
up as other tools than what they are now, and there are still ideas I 
did not get to start working on during the four months the project 
has lasted.
When it comes to the actual results, it has been exciting to look 
beyond the pure functionality and explore other possibilities I 
believe the tools have. Even if I have not worked to create a system 
ready for the consumer market, I am starting to see how the tools 
could become part of a platform for collaborative storage and 
sharing of data, as well as looking for meaning and stories. I have 
started to make ways that some of the tools can work together, 
and I hope to continue to develop them further to let anyone use 
them with their own data.
Using code as a main work method makes the project different 
from traditional ways of running a design process. Sometimes it 
takes a lot of time to get basic ideas up and running, which could 
have been sketched out as wireframes and evidenced in Photoshop 
much quicker. But when the basics are in place, iteration can take 
place at a very high rate, as I can start working with data as objects 
and change dynamic properties. I have also found it very useful 
to have real world data to work with, to shape the functionality 
and designs around, and get a deeper understanding of data as a 
material. 
This understanding came at the cost of time, and more of the 
process has gone into mining data from image files and staring at 
huge spread sheets to find something useful, than I had planned.
In my program, I identified three fields I would work within; 
Interface design, data visualization and storytelling, and creating 
“storytelling tools” was defined as a goal. As I have worked, I have 
Final thoughts about 
the process and the 
future importance of 
the project.
tried to keep the tools from “taking ownership” of the data away 
from the user. The tools do not “spit out” ready-made stories, but 
rather lets the users work with the structure and organization of 
their own material, to help them remember or even discover their 
own histories. I believe implementing simple features like the 
possibility to enter stories as text, or record them as sound files, 
would be one of the best ways to then tell these stories.
Finally I do believe that some of the concepts of collaborative 
cloud storage will be a growing field where we will see a lot of 
innovation in the near future. I also believe that practical skills 
for working with large datasets from a design perspective will be 
needed as the amount of digital information about our lives only 
continues to grow.
One of a number of quick iterations over the collage tool.
74
75
Appendix
76
77
TOOLS TOOLS TOOLS TOOLS TOOLS TOOLS
Tools for the tools
Working with code to make the different tools come alive have 
been a big part of my project. I have mostly used JavaScript as the 
language for creating the tools, which runs in all modern web-
browsers. For many tasks there are libraries, or collections of 
pre-written code available to help out. Here is a list of the most 
important ones, with a short description of what they have helped 
me do.
d3.js - Data Driven Documents
http://mbostock.github.com/d3/
This javascript library by Mike Bostock is a rising star in the data 
visualization community. It lets you “connect” sets of data (like 
meta data from pictures) to elements on a webpage to make visual 
representations of the data, and transform the elements based on 
change in data using technologies like CSS3, HTML5 and SVG. 
Also has a lot of useful methods for working with time scales, 
animation and more.
Isotope
http://isotope.metafizzy.co/
A javascript library by David DeSandro that helps out with layout 
of elements on webpage. Used in the Collage tool, for making 
pictures stack neatly. Isotope also has features for sorting and 
filtering elements. 
Known as the big brother of the jQuery Masonry plugin.
jQuery
http://jquery.com/
jQuery is a widely used javascript library that just makes a lot of 
programming tasks easier.
Google Maps API
https://developers.google.com/maps/
Google maps is widely known, and this API is what is used to 
make custom versions of these maps on webpages. In addition to 
the map graphics, it has a lot of methods for calculating distance 
and other tasks relating to geography.
Bootstrap
http://twitter.github.com/bootstrap/
Made by the people behind Twitter. This is a front-end toolkit 
for helping out with layout of webpages, and appearance and 
behavior of interactive elements like buttons and forms. Makes it 
easier to build “responsive” designs that work on different screen 
resolutions and mobile devices.
Illustration of Isotope/masonry 
in action
An overview of most 
of the code libraries 
used in the project.
78
79
Processing
http://processing.org/
Open source programming language for working with images, 
animations and interactions. 
ExifTool
http://www.sno.phy.queensu.ca/~phil/exiftool/
This is a program for working with meta data in photos. It is 
a Perl-library that is accessed as a command-line application 
through terminal. It is made and maintained by Phil Harvey, who 
collects and decodes meta data from a huge amount of different 
cameras. This is very useful, as this data is not very standardized 
between camera makers, and the program is currently being used 
by Flickr for extracting meta data.
Also has a very impressive rate of releasing updates.
Phil Harvey
List of ExifToolupdates. 
Documents you may be interested
Documents you may be interested