Wiki source code of WS21/22 (Layout)

Version 26.1 by Soeren Domroes on 2021/10/25 10:26

version	line-number	content
1.1	1	(((
	2	(% class="bodytext" style="text-align: left;" %)
	3	The purpose of this seminar is to independently scientifically work on a layout algorithm topic. The goal is to summarize the topic in an oral presentation and a written elaboration in form of a paper. Another purpose of this seminar is to practice working in structured and time-driven workflows (e.g. for conferences or workshops). Moreover, both of these aspects are good preparation for working on your thesis. We have many theses regarding these topics available; contact us if you are interested in that.
	4
	5	(% class="bodytext" style="text-align: left;" %)
	6	This seminar is a bachelor and master module at the same time. Compared to the bachelor seminar, we expect that master students include more related papers and therefore write a longer paper and hold a longer presentation (see below).
	7
	8	{{section}}
	9	{{column width="49%"}}
	10	[[image:attach:image2016-7-7 15:43:29.png]]
	11	{{/column}}
	12
	13	{{column width="49%"}}
	14	[[image:attach:image2016-7-7 15:43:25.png]]
	15	{{/column}}
	16	{{/section}}
	17
	18	(% style="text-align: left;" %)
	19	= Imprtant Dates =
	20
	21	(% class="wrapped" %)
	22	\|=(% style="text-align: right;" colspan="1" %)(% style="text-align: right;" colspan="1" %)
	23	(((
	24	Requirements
	25	)))\|(% colspan="1" %)(% colspan="1" %)
	26	(((
	27	//Wissenschaftliches Arbeiten// von Prof. Peters
	28	)))
	29	\|=(% style="text-align: right;" %)(% style="text-align: right;" %)
	30	(((
	31	Lecturers
	32	)))\|(((
	33	Reinhard von Hanxleden (rvh@informatik.uni-kiel.de)
	34	Sören Domrös (sdo@informatik.uni-kiel.de)
	35	)))
	36	\|=(% style="text-align: right;" %)(% style="text-align: right;" %)
	37	(((
	38	Block seminar day
	39	)))\|(((
4.1	40	TBD
1.1	41	)))
	42
	43	= Topics =
	44
10.1	45	{{expand title="Klick mich, um Dinge zu sehen"}}
	46	(% class="bodytext" style="text-align: left;" %)
1.1	47	You may choose one of the following papers from the different topics. The papers marked with a are the ones that we deemed more important.
	48
	49	(% class="bodytext" style="text-align: left;" %)
18.1	50	The papers are assigned via //first-come-first-serve//. Already taken papers are crossed out. Many of the links do only work in the university network. If any problems occur feel free to contact us.
1.1	51
8.1	52	{{note}}
9.1	53	Some papers are not freely available. These papers are linked in an internal page in our wiki. You can log in with your Ifi-account. If any problems occur contact sdo.
8.1	54	{{/note}}
1.1	55
8.1	56	== Aesthetics and Perception ==
1.1	57
17.1	58	-- Lloyd, Rodgers, and Roberts. "Metro map colour-coding: effect on usability in route tracing." In International conference on Theory and Application of Diagrams, pp. 411-428. Springer, 2018. [[PDF>>url:https://www.researchgate.net/profile/Peter_Lloyd14/publication/324279056_Metro_Map_Colour-Coding_Effect_on_Usability_in_Route_Tracing/links/5ac94b090f7e9bcd519751ae/Metro-Map-Colour-Coding-Effect-on-Usability-in-Route-Tracing.pdf\|\|shape="rect"]]--
8.1	59
19.1	60	--Helen C. Purchase, Daniel Archambault, Stephen Kobourov, Martin Nöllenburg, Sergey Pupyrev, Hsiang-Yun Wu. "The Turing Test for Graph Drawing Algorithms". //In Processings of the 28th International Symposium on Graph Drawing and Network Visualization (GD 2020),// pp. 466-481. [[PDF>>url:https://arxiv.org/pdf/2008.04869.pdf\|\|shape="rect"]]--
14.1	61
21.1	62	--Burns, Carberry, Elzer, and Chester. "Automatically recognizing intended messages in grouped bar charts." In //International Conference on Theory and Application of Diagrams//, pp. 8-22. Springer, 2012. [[PDF>>url:https://www.researchgate.net/profile/Stephanie_Schwartz9/publication/262169666_Automatically_Recognizing_Intended_Messages_in_Grouped_Bar_Charts/links/550882ff0cf26ff55f82ccee.pdf\|\|shape="rect"]]--
8.1	63
	64	== Human Computer Interaction ==
	65
24.1	66	--Pourali, Atlee. "A Focus+Context Approach to Alleviate Cognitive Challenges of Editing and Debugging UML Models." In //ACM/IEEE 22nd International Conference on Model Driven Engineering Languages and Systems (MODELS)//, pp. 183–193. 2019. [[PDF>>url:https://ieeexplore.ieee.org/iel7/8894013/8906890/08906900.pdf\|\|shape="rect"]]--
14.1	67
16.1	68	--Frisch, Dachselt. "Off-Screen visualization techniques for class diagrams." In //Proceedings of the 5th International Symposium on Software Visualization//, pp. 163–172. 2010. [[PDF>>url:https://www.researchgate.net/profile/Raimund_Dachselt/publication/220955887_Off-screen_visualization_techniques_for_class_diagrams/links/0fcfd50abd0eba0db2000000.pdf\|\|shape="rect"]]--
14.1	69
8.1	70	Pietriga. "A Toolkit for Addressing HCI Issues in Visual Language Environments." In //IEEE Symposium on Visual Languages and Human-Centric Computing// (VL/HCC), pp.145–152. 2015. [[PDF>>url:https://ieeexplore.ieee.org/iel5/10093/32326/01509498.pdf\|\|shape="rect"]]
	71
11.1	72	Green, Petre. "Usability Analysis of Visual Programming Environments - A Cognitive Dimensions Framework." In //Journal of Visual Languages and Computing//, pp. 131–174, Issue 7–2. 1996. [[PDF>>url:https://www.researchgate.net/profile/Marian-Petre-4/publication/200085937_Usability_Analysis_of_Visual_Programming_Environments_A_%27Cognitive_Dimensions%27_Framework/links/02bfe50fbf23476730000000/Usability-Analysis-of-Visual-Programming-Environments-A-Cognitive-Dimensions-Framework.pdf\|\|shape="rect"]]
8.1	73
14.1	74	== Graph Drawing ==
8.1	75
14.1	76	(Master) Julien Walter, Johannes Zink, Joachim Baumeister, Alexander Wolff. "Layered Drawing of Undirected Graphs with Generalized Port Constraints". In //Processings of the 28th International Symposium on Graph Drawing and Network Visualization (GD 2020),// pp. 220-234. [[PDF>>url:https://arxiv.org/pdf/2008.10583.pdf\|\|shape="rect"]]
8.1	77
20.1	78	-- Chevalier and Safro. "Comparison of coarsening schemes for multilevel graph partitioning." In //International Conference on Learning and Intelligent Optimization//, pp. 191-205. Springer, 2009. [[PDF>>url:http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.531.2924&rep=rep1&type=pdf\|\|shape="rect"]]--
8.1	79
	80	Athenstädt, Hartmann, and Nöllenburg. "Simultaneous embeddability of two partitions." In //International Symposium on Graph Drawing//, pp. 64-75. Springer, 2014. [[PDF>>url:https://arxiv.org/pdf/1408.6019\|\|shape="rect"]]
	81
20.1	82	--Reyan Ahmed, Felice De Luca, Sabin Devkota, Stephen Kobourev, Mingwei Li. "Graph Drawing via Gradient Descent".In //Processings of the 28th International Symposium on Graph Drawing and Network Visualization (GD 2020),// pp. 3-17. [[PDF>>url:https://arxiv.org/abs/2008.05584\|\|shape="rect"]]--
12.1	83
	84	Amyra Meidiana, Seok-Hee Hong, Peter Eades. "New Quality Metrics for Dynamic Graph Drawing". In //Processings of the 28th International Symposium on Graph Drawing and Network Visualization (GD 2020),// pp. 450-465. [[PDF>>url:https://arxiv.org/pdf/2008.07764.pdf\|\|shape="rect"]]
	85
8.1	86	== Euler Diagrams ==
	87
23.1	88	--Bottoni, Costagliola, and Fish. "Euler diagram encodings." In //International Conference on Theory and Application of Diagrams//, pp. 148-162. Springer, 2012. [[PDF>>url:https://www.researchgate.net/publication/262172961_Euler_Diagram_Encodings\|\|shape="rect"]]--
8.1	89
18.1	90	--Chapman, Stapleton, Rodgers, Micallef, and Blake. "Visualizing sets: an empirical comparison of diagram types." In //International Conference on Theory and Application of Diagrams//, pp. 146-160. Springer, 2014. [[PDF>>url:http://eprints.brighton.ac.uk/13703/1/diagrams2014%20Visualizing%20DataREVISED.pdf\|\|shape="rect"]]--
8.1	91
	92	== Other Types of Diagrams ==
	93
22.1	94	--Erwig and Smeltzer. "Variational Pictures." In //International Conference on Theory and Application of Diagrams//, pp. 55-70. Springer, 2018. [[Seite mit PDF>>doc:SS20 Eingeschränkt sichtbare Paper]]--
10.1	95	{{/expand}}
8.1	96
1.1	97	= Schedule =
	98
	99	{{expand title="Klick mich, um Dinge zu sehen"}}
5.1	100	== Dates in the semester (currently not final) ==
1.1	101
	102	(% class="wrapped relative-table" style="width: 52.6894%;" %)
	103	\|=(((
	104	Datum
	105	)))\|=(((
	106	Meilenstein
	107	)))
	108	\|(((
5.1	109	Mo., 25.10., 23:59
1.1	110	)))\|(((
	111	Deadline for topic
	112	)))
	113	\|(((
	114	Mo., 25.10., 12:00
	115	)))\|(((
	116	Kick-off
	117	//The kick-off will take place online. We will send you the corresponding link.//
	118	)))
	119	\|(((
5.1	120	Mo., 15.11., 23:59
1.1	121	)))\|(((
	122	Deadline of the first draft in EasyChair
	123	//Content: abstract, introduction, outline, notes for chapter contents, bibliography//
	124	)))
	125	\|(% colspan="1" %)(% colspan="1" %)
	126	(((
5.1	127	In week of above, individual dates
1.1	128	)))\|(% colspan="1" %)(% colspan="1" %)
	129	(((
	130	Individual dates
	131	//Online, as discussed with advisor
	132	//
	133	)))
	134	\|(% colspan="1" %)(% colspan="1" %)
	135	(((
26.1	136	Mo., 13.12, 23:59
1.1	137	)))\|(% colspan="1" %)(% colspan="1" %)
	138	(((
	139	Deadline of the first full version
	140	//Submission-Update in EasyChair//
	141	)))
	142	\|(% colspan="1" %)(% colspan="1" %)
	143	(((
5.1	144	In week of above, individual dates
1.1	145	)))\|(% colspan="1" %)(% colspan="1" %)
	146	(((
	147	Individual dates
	148	//Online, as discussed with advisor//
	149	)))
	150	\|(% colspan="1" %)(% colspan="1" %)
	151	(((
5.1	152	Mo., 10.01., 23:59
1.1	153	)))\|(% colspan="1" %)(% colspan="1" %)
	154	(((
	155	Deadline of the review version
	156	//Submission-Update in EasyChair//
	157	)))
	158	\|(% colspan="1" %)(% colspan="1" %)
	159	(((
	160	subsequently
	161	)))\|(% colspan="1" %)(% colspan="1" %)
	162	(((
	163	Review assignment
	164	//By e-mail//**
	165	**
	166	)))
	167	\|(% colspan="1" %)(% colspan="1" %)
	168	(((
5.1	169	Mo., 17.01., 23:59
1.1	170	)))\|(% colspan="1" %)(% colspan="1" %)
	171	(((
	172	Deadline reviews
	173	//In EasyChair//
	174	)))
	175	\|(% colspan="1" %)(% colspan="1" %)
	176	(((
	177	tbd
	178	)))\|(% colspan="1" %)(% colspan="1" %)
	179	(((
	180	Talk on how to do talks/presentations (the talk-talk)?
	181	)))
	182	\|(% colspan="1" %)(% colspan="1" %)
	183	(((
6.1	184	In the week of Mo., 31.01.
1.1	185	)))\|(% colspan="1" %)(% colspan="1" %)
	186	(((
	187	Individual dates for presentation slides
	188	//Online, as discussed with advisor. The slides have to be available online or have been sent beforehand via e-mail.//**
	189	**
	190	)))
	191	\|(% colspan="1" %)(% colspan="1" %)
	192	(((
5.1	193	Mo., 14.02., 23:59
1.1	194	)))\|(% colspan="1" %)(% colspan="1" %)
	195	(((
	196	Deadline final version
	197	//Submission-Update in EasyChair//**
	198	**
	199	)))
	200	\|(% colspan="1" %)(% colspan="1" %)
	201	(((
25.1	202	Sa. 29.1.
1.1	203	)))\|(% colspan="1" %)(% colspan="1" %)
	204	(((
	205	Presentations
	206	)))
	207
	208	== The Final Presentations ==
	209
15.1	210	Currently, it is unclear how the talks will take place. This will be influenced by the development of the pandemic. We can think of recorded videos or a live conference or other alternatives. We expect to be able to make a decision at the end of May.
1.1	211	{{/expand}}
	212
	213	= Schedule and Grading =
	214
	215	{{expand title="Klick mich, um Dinge zu sehen"}}
	216	== Papers, Talks, Review ==
	217
	218	This seminar includes the creation of a paper, a talk, and two reviews.
	219
	220	=== Paper ===
	221
	222	The paper should provide an overview of the chosen topic. It should be written in a style that late bachelor student can understand it. The paper should be 6 (master) or 4 (bachelor) pages long, not more not less, and it should use the ACM LaTeX-style (more details below). We advise you to read the [[writing advice>>doc:RTSYS.Writing and Grading Theses\|\|shape="rect"]] for writing a thesis.
	223
15.1	224	=== Talk/Discussions ===
1.1	225
15.1	226	Your talk should be 40 minutes (master) or 25 minutes (bachelor) long. This is followed by 5 minutes of questions. The slides should contain page numbers to allow the participants to ask specific questions after the talk. It would be great to include a short tool demo if your topic includes some concrete implementation. You can freely choose your presentation tool. The talk can be held in English or German.
1.1	227
15.1	228	Your talk is followed by a discussion that should involve your fellow students (not just the lecturers). That means that you should also make an effort to get engaged in your fellow students' talks as well.
1.1	229
	230	=== Review ===
	231
	232	A review consist of two parts:
	233
	234	1. General comments (what do you like / not like regarding content, structure, and readability) as well as general suggestions to improve the paper
	235	1. In detail remarks and corrections
	236
	237	The first part of the review should be at least half an A4 page long. It should be written in full text and not only consist of notes. The review content should be similar to the review you get during the individual dates, however, it should be more in detail and with a clear focus on content, structure, and readability of the paper.
	238
	239	It is not possible to add files in the EasyChair review form. Therefore, it is not possible to add an annotated pdf as detailed correction.
	240
	241	The reviews are assigned after the review-version deadline and are based on the submitted version of the papers.
	242
	243	== Grades ==
	244
15.1	245	This seminar is graded. The grade is based on each milestone (the different versions of the paper, the reviews, the slides, the talk, your engagement in the discussion of other talks). For each milestone, quality and timeliness (see dates) are considered. If you miss deadlines, you may fail the seminar.
1.1	246	{{/expand}}
	247
	248	= Technical Details =
	249
	250	{{expand title="Klick mich, um Dinge zu sehen"}}
	251	== LaTeX ==
	252
	253	Your papers should be created using LaTeX and have to be in the ACM style. You can find all necessary files in this [[archive>>attach:paper-template.zip]], including an example document that includes helpful LaTeX-hints to start with. Copy all files in some folder and begin to write your paper.
	254
	255	LaTeX can create a bibliography (it includes scientific publications, which are referenced to prove statements) too. The example includes a file named {{code language="none"}}myrefs.bib{{/code}}, which holds the references. ACM provides a short overview with [[examples>>url:https://www.acm.org/publications/authors/bibtex-formatting\|\|shape="rect"]] of bibliography entries.
	256
	257	While writing your paper keep the following in mind:
	258
	259	* Think about whether you want to write your paper in German or English and make use to use the corresponding ACM-style.
	260	* Graphics from your original paper should not just be screenshotted and added to your paper. Ideally, you create your own graphic (ideally as a vector graphic) to have good quality graphics.
	261	* A paper always consists of an introduction, at least one main chapter, and a conclusion.
	262
	263	== EasyChair Tutorial ==
	264
13.1	265	You can find our seminar in EasyChair [[here>>url:https://easychair.org/my/conference?conf=kielrtsyssem21ws\|\|shape="rect"]].
1.1	266
	267	[[doc:RTSYS.EasyChair Student Tutorial]]
	268
	269	{{include/}}
	270	{{/expand}}
	271
	272	= Ressources =
	273
	274	{{expand title="Klick mich, um Dinge zu sehen"}}
	275	In general, it is advised to look for related work in the university network since you will get access to many online libraries. We the following search engines and web pages:
	276
	277	* Google Scholar: [[http:~~/~~/scholar.google.de/>>url:http://scholar.google.de/\|\|shape="rect" class="external-link"]]
	278	* dblp: [[http:~~/~~/dblp.uni-trier.de/>>url:http://dblp.uni-trier.de/\|\|shape="rect"]]
	279	* CiteSeer: [[http:~~/~~/citeseer.ist.psu.edu/>>url:http://citeseer.ist.psu.edu/\|\|shape="rect" class="external-link"]]
	280	* IEEE-Xplore: [[http:~~/~~/ieeexplore.ieee.org/Xplore/dynhome.jsp>>url:http://ieeexplore.ieee.org/Xplore/dynhome.jsp\|\|shape="rect" class="external-link"]]
	281	* ACM Digital Library: [[http:~~/~~/portal.acm.org/dl.cfm>>url:http://portal.acm.org/dl.cfm\|\|shape="rect" class="external-link"]]
	282	* Universitätsbibliothek Digitale Medien: [[http:~~/~~/www.uni-kiel.de/ub/emedien/index.html>>url:http://www.uni-kiel.de/ub/emedien/index.html\|\|shape="rect"]]
	283	{{/expand}}
	284
	285	\\
	286	)))
	287
	288	(% style="display: none;" %)
	289	(((
	290	555
	291	)))
	292
	293	(% style="display: none;" %)
	294	(((
	295	610
	296	)))
	297
	298	(% style="display: none;" %)
	299	(((
	300	410
	301	)))
	302
	303	(% style="display: none;" %)
	304	(((
	305	547
	306	)))
	307
	308	(% style="display: none;" %)
	309	(((
	310	983
	311	)))
	312
	313	(% style="display: none;" %)
	314	(((
	315	150
	316	)))
	317
	318	(% style="display: none;" %)
	319	(((
	320	329
	321	)))

Wiki source code of WS21/22 (Layout)

Navigation

Quick Links