An Interactive Timeline by NATALIE YOSHIOKA BA, University Of

Total Page:16

File Type:pdf, Size:1020Kb

An Interactive Timeline by NATALIE YOSHIOKA BA, University Of Temporal Visualization of Body Cavity Partitioning: An Interactive Timeline BY NATALIE YOSHIOKA B.A., University of Maryland, Baltimore County, 2015 THESIS Submitted in partial fulfillment of the requirements for the Degree of Master of Science in Biomedical Visualization in the Graduate College of the University of Illinois at Chicago, 2018 Chicago, Illinois Defense Committee: John Daugherty, Chair and Advisor Leah Lebowicz Annette L. Valenta Alison Doubleday, Oral Medicine and Diagnostic Sciences Douglas Cotanche, Anatomy and Cell Biology ACKNOWLEDGEMENTS A huge thank you to my committee and classmates for helping me with my research journey. i TABLE OF CONTENTS CHAPTER PAGE INTRODUCTION ...........................................................................................................................1 A. Overview of research problem .........................................................................................1 B. Significance of the problem ..............................................................................................2 LITERATURE REVIEW ...................................................................................................................5 A. The Importance of Studying Human Embryology ..............................................................5 B. Gastrulation .....................................................................................................................5 1. Ectoderm ......................................................................................................................6 2. Mesoderm ....................................................................................................................7 3. Endoderm .....................................................................................................................7 C. Body Cavity Partitioning ...................................................................................................7 1. Formation of the diaphragm ......................................................................................9 2. Pericardial Cavity and Cardiovascular System ..........................................................10 3. Pleural Cavity and Respiratory System .....................................................................11 4. Peritoneal Cavity and the Digestive System .............................................................12 5. Inferior Thoracic Aperture and Rib Development.....................................................13 6. Descending Aorta and Inferior Vena Cava Development ..........................................13 D. Interactivity ....................................................................................................................14 E. Learning Theory ..............................................................................................................14 F. Usability .........................................................................................................................15 G. Display of Temporal Data ...............................................................................................15 1. Timelines .................................................................................................................15 2. Timeline Design and Types ......................................................................................16 3. Existing Interactive Timeline Creation Software: .........................................................17 H. Research gap ..................................................................................................................17 RESEARCH SIGNIFICANCE ..........................................................................................................22 A. Significance of research study.........................................................................................22 B. Hypothesis......................................................................................................................23 METHODS .................................................................................................................................24 ii A. Research study design ....................................................................................................24 B. Stimulus design plan .......................................................................................................26 1. Pre-Production ............................................................................................................26 a. Initial design.........................................................................................................27 b. Workflow Overview .............................................................................................29 c. Website Outline ...................................................................................................29 d. Website Design ....................................................................................................29 e. Website Prototype ...............................................................................................31 2. Production ..................................................................................................................32 3. Post-Production ..........................................................................................................34 C. Evaluation plan ...............................................................................................................35 1. Study setting ...............................................................................................................36 2. Sample or population sampling methods ....................................................................37 a. Selection criteria ..................................................................................................37 b. Selection strategy ................................................................................................37 c. Size ......................................................................................................................37 d. Data collection .....................................................................................................38 e. Method of analysis ...............................................................................................39 RESULTS ....................................................................................................................................41 A. Quantitative Analysis: .....................................................................................................41 1. Pre-Test/ Post-Test .....................................................................................................41 2. Task times ...................................................................................................................41 3. Timeline Usability Scale ...............................................................................................42 B. Qualitative Analysis ........................................................................................................43 DISCUSSION ..............................................................................................................................46 A. Review of major points ...................................................................................................46 B. Limitations......................................................................................................................46 C. Implications for profession .............................................................................................49 D. Future applications .........................................................................................................49 CITED LITERATURE ....................................................................................................................51 Appendix A: Recruitment Email .............................................................................................56 Appendix B: Intake Email .......................................................................................................58 iii Appendix C: Informed Consent Form .....................................................................................59 Appendix D: Pre-Test Questions: ...........................................................................................66 Appendix E: Post-test Questions ............................................................................................67 Appendix F: Tasks- Set 1 ........................................................................................................68 Appendix G: Tasks-Set 2 .........................................................................................................70 Appendix H: Walkthrough Script ............................................................................................72 Appendix I: Timeline Usability Scale .......................................................................................73 Appendix J: Data Collection Form ..........................................................................................74 Appendix K: Workflow for Interactive Timeline Development ................................................76 Appendix L: Illustration Sketches ...........................................................................................88 Appendix M: Timeline Button Content ...................................................................................95
Recommended publications
  • Te2, Part Iii
    TERMINOLOGIA EMBRYOLOGICA Second Edition International Embryological Terminology FIPAT The Federative International Programme for Anatomical Terminology A programme of the International Federation of Associations of Anatomists (IFAA) TE2, PART III Contents Caput V: Organogenesis Chapter 5: Organogenesis (continued) Systema respiratorium Respiratory system Systema urinarium Urinary system Systemata genitalia Genital systems Coeloma Coelom Glandulae endocrinae Endocrine glands Systema cardiovasculare Cardiovascular system Systema lymphoideum Lymphoid system Bibliographic Reference Citation: FIPAT. Terminologia Embryologica. 2nd ed. FIPAT.library.dal.ca. Federative International Programme for Anatomical Terminology, February 2017 Published pending approval by the General Assembly at the next Congress of IFAA (2019) Creative Commons License: The publication of Terminologia Embryologica is under a Creative Commons Attribution-NoDerivatives 4.0 International (CC BY-ND 4.0) license The individual terms in this terminology are within the public domain. Statements about terms being part of this international standard terminology should use the above bibliographic reference to cite this terminology. The unaltered PDF files of this terminology may be freely copied and distributed by users. IFAA member societies are authorized to publish translations of this terminology. Authors of other works that might be considered derivative should write to the Chair of FIPAT for permission to publish a derivative work. Caput V: ORGANOGENESIS Chapter 5: ORGANOGENESIS
    [Show full text]
  • Embryology, Comparative Anatomy, and Congenital Malformations of the Gastrointestinal Tract
    Edorium J Anat Embryo 2016;3:39–50. Danowitz et al. 39 www.edoriumjournals.com/ej/ae REVIEW ARTICLE PEER REVIEWED | OPEN ACCESS Embryology, comparative anatomy, and congenital malformations of the gastrointestinal tract Melinda Danowitz, Nikos Solounias ABSTRACT Human digestive development is an essential topic for medical students and physicians, Evolutionary biology gives context to human and many common congenital abnormalities embryonic digestive organs, and demonstrates directly relate to gastrointestinal embryology. how structural adaptations can fit changing We believe this comprehensive review of environmental requirements. Comparative gastrointestinal embryology and comparative anatomy is rarely included in the medical anatomy will facilitate a better understanding of school curriculum. However, its concepts gut development, congenital abnormalities, and facilitate a deeper comprehension of anatomy adaptations to various evolutionary ecological and development by putting the morphology conditions. into an evolutionary perspective. Features of gastrointestinal development reflect the transition Keywords: Anatomy education, Digestive, Embry- from aquatic to terrestrial environments, such as ology, Gastrointestinal tract the elongation of the colon in land vertebrates, allowing for better water reabsorption. In How to cite this article addition, fishes exhibit ciliary transport in the esophagus, which facilitates particle transport in Danowitz M, Solounias N. Embryology, comparative water, whereas land mammals develop striated anatomy, and congenital malformations of the and smooth esophageal musculature and utilize gastrointestinal tract. Edorium J Anat Embryo peristaltic muscle contractions, allowing for 2016;3:39–50. better voluntary control of swallowing. The development of an extensive vitelline drainage system to the liver, which ultimately creates Article ID: 100014A04MD2016 the adult hepatic portal system allows for the evolution of complex hepatic metabolic ********* functions seen in many vertebrates today.
    [Show full text]
  • The Missing Link CASE REPORT
    CASE REPORT 531 The missing link J. Maus1, S. Naegels1, H. Slabbynck2, L. De Waele1, I. Ruytjens1 (1) ZNA Middelheim, Department of Gastro-enterology ; (2) ZNA Middelheim, Department of Pneumology. Abstract We present a case of a 28-year old woman who presented with bizarre wheezing breath sounds on expiration and dysphagia, with unexplained significant dilation of the esophagus mimicking achalasia finally leading to the diagnosis of a very small congenital tracheoesophageal fistula (TEF). Congenital TEF is usually detected shortly after birth and is typically accompanied by esophageal atresia. Congenital TEF without esophageal atresia (H-type fistula) can be missed in early life and diagnosis may be postponed until adulthood due to subtle symptoms. Diagnosis is usually based upon a combination of esophagoscopy, bronchoscopy, barium esophagography and CT-scan. The only clue can be the finding of a significant dilated aperistaltic esophagus, with subsequent more detailed CT reconstruction revealing a very tiny H-type TEF. It is important to raise the awareness of small H-type TEF as a possible cause of achalasia-like esophageal dilation in adulthood and of very unusual and bizarre wheezing breath sounds. (Acta gastroenterol. belg., 2018, 81, 531-533). Key words : adult ; congenital ; tracheoesophageal fistula ; H-type. Introduction Most patients with congenital TEF are diagnosed shortly after birth or in early life due to frequent association with esophageal atresia which leads to life-threatening complications and warrants immediate surgery. (1) H-type TEF, where esophageal atresia is absent, is rare and diagnosis may be postponed until adulthood due to subtle symptoms and physician unfamiliarity (2).
    [Show full text]
  • Gastroesophageal Reflux: Anatomy and Physiology
    26th Annual Scientific Conference | May 1-4, 2017 | Hollywood, FL Gastroesophageal Reflux: Anatomy and Physiology Amy Lowery Carroll, MSN, RN, CPNP- AC, CPEN Children’s of Mississippi at The University of Mississippi Medical Center Jackson, Mississippi Disclosure Information I have no disclosures. Objectives • Review embryologic development of GI system • Review normal anatomy and physiology of esophagus and stomach • Review pathophysiology of Gastroesophageal Reflux 1 26th Annual Scientific Conference | May 1-4, 2017 | Hollywood, FL Embryology of the Gastrointestinal System GI and Respiratory systems are derived from the endoderm after cephalocaudal and lateral folding of the yolk sack of the embryo Primitive gut can be divided into 3 sections: Foregut Extends from oropharynx to the liver outgrowth Thyroid, esophagus, respiratory epithelium, stomach liver, biliary tree, pancreas, and proximal portion of duodenum Midgut Liver outgrowth to the transverse colon Develops into the small intestine and proximal colon Hindgut Extends from transverse colon to the cloacal membrane and forms the remainder of the colon and rectum Forms the urogenital tract Embryology of the Gastrointestinal System Respiratory epithelium appears as a bud of the esophagus around 4th week of gestation Tracheoesophageal septum develops to separate the foregut into ventral tracheal epithelium and dorsal esophageal epithelium Esophagus starts out short and lengthens to final extent by 7 weeks Anatomy and Physiology of GI System Upper GI Tract Mouth Pharynx Esophagus Stomach
    [Show full text]
  • Development of Respiratory System
    Development of respiratory system Respiratory block-Anatomy-Lecture 5 Editing file Color guide : Only in boys slides in Green Only in girls slides in Purple Objectives important in Red Doctor note in Blue Extra information in Grey ➔ Identify the development of the laryngotracheal (respiratory) diverticulum. ➔ Identify the development of the larynx. ➔ Identify the development of the trachea. ➔ Identify the development of the bronchi & Lungs. ➔ Describe the periods of the maturation of the lung. ➔ Identify the most congenital anomaly 3 Respiratory system Upper respiratory Lower respiratory tract tract Nasal cavity & Nose paranasal Laryngopharynx Larynx Trachea Bronchi Lungs sinuses Development of the respiratory tract 4 The endoderm & Begins during the 4th week of Development of longitudinal Proximal & distal parts of the surrounding splanchnic development tracheoesophageal septum respiratory diverticulum mesoderm ▹ Divides the diverticulum ▹ Begins as a median ▹ The proximal part of the ▹ The endoderm lining the into: outgrowth (laryngotracheal respiratory diverticulum laryngotracheal ▸ Dorsal portion*: groove) from the caudal part remains tubular and forms diverticulum (respiratory primordium (in the of the ventral wall of the larynx & trachea. diverticulum) gives rise to earliest stage of primitive pharynx (foregut). ▹ The distal end of the the: development) of the ▹ The groove invaginates (fold diverticulum dilates to form ▸ Epithelium & glands oropharynx & within itself) and forms lung bud, which divides to of the respiratory esophagus. laryngotracheal give rise to 2 lung buds tract. ▸ Ventral portion*: (respiratory) diverticulum. (primary bronchial buds). ▹ The surrounding splanchnic primordium (=give mesoderm gives rise to the: rise) of larynx, ▸ Connective tissue, trachea, bronchi & cartilage & smooth lungs. muscles of the respiratory tract. * Remember that the larynx, trachea, bronchi & lungs lie anteriorly while the oropharynx & esophagus lie posteriorly.
    [Show full text]
  • Gross Anatomy of Abdominal Oesophagus, Stomach, Duodenum
    Development & histology of GIT & clinical considerations MASUD M. A. (BSC, MSC ANATOMY, PGDE) DEPARTMENT OF HUMAN ANATOMY KAMPALA INTERNATIONAL UNIVERSITY, WESTERN CAMPUS Objectives At the end of the lecture, student should be able to: • State the primordial of the guts and its associated glands/organs • List the derivatives of the guts: foregut, midgut and hindgut • Explain the development of GIT and its associated glands/organs • Outline and explain congenital anomalies in the development of the digestive system • State and describe the basic histological structures in the GIT • Identify histopathological GIT tissues on photomicrographs 2 Overview • during 4th week, the primordial gut is formed • cranial, caudal and lateral fold incorporate the dorsal part of umbilical vesicle • initially, the primordial gut is closed at its cranial and caudal ends by: • Oropharyngeal membrane Heart Pharynx • Cloacal membrane Cloaca Hindgut 3 Cont’d • The endoderm of the primordial gut gives rise to: • most of the gut • Epithelium and • Glands • The ectoderm of the stomodeum and proctodeum gives rise to: • epithelium at the cranial and caudal ends of GIT • The mesenchyme around the primordial gut gives rise to: • muscles of the GIT 4 Foregut Pharynx Heart The derivatives of the foregut are: • Primordial pharynx and its derivatives • Lower respiratory system • Esophagus and stomach • Duodenum and distal opening of bile duct • Liver, biliary apparatus and pancreas Cloaca Hindgut 5 Development of Esophagus • Develops from the foregut immediately caudal
    [Show full text]
  • The Respiratory System
    Embryology18 Dr.Ban The respiratory system Respiratory system development is a highly coordinated and complex process it’s development is tightly associated with the digestive system from the beginning.The respiratory tract is divided anatomically into 2 main parts: A-upper respiratory tract, consisting of the nose, nasal cavity and the pharynx B-lower respiratory tract consisting of the larynx, trachea, bronchi and the lungs. The pharynx is the part of the throat behind the mouth and nasal cavity, and above the esophagus and larynx. In humans, the pharynx is part of the digestive system and the conducting zone of the respiratory system. The conducting zone which also includes the nostrils of the nose, the larynx, trachea, bronchi, and bronchioles filters, warms and moistens air and conducts it into the lungs). The human pharynx is divided into three sections: . nasopharynx . oropharynx . laryngopharynx 1 Embryology18 Dr.Ban The larynx The internal lining of the larynx originates from endoderm, but the cartilages and muscles originate from mesenchyme of the 4th and 6th pharyngeal arches. As a result of rapid proliferation of this mesenchyme, the laryngeal orifice changes in appearance from a sagital slit to a T-shaped opening. When the mesenchyme of the two arches transforms into the thyroid, cricoid and arytenoid cartilages the adult shape of the laryngeal orifice can be recognized. The laryngeal epithelium proliferates rapidly, resulting in a temporary occlusion of the lumen. Subsequently, vacuolization and recanalization produces a pair of lateral recesses, the laryngeal ventricles that are bounded by folds of tissue that differentiate into the false and true vocal cords.
    [Show full text]
  • High-Yield Embryology 4
    LWBK356-FM_pi-xii.qxd 7/14/09 2:03 AM Page i Aptara Inc High-Yield TM Embryology FOURTH EDITION LWBK356-FM_pi-xii.qxd 7/14/09 2:03 AM Page ii Aptara Inc LWBK356-FM_pi-xii.qxd 7/14/09 2:03 AM Page iii Aptara Inc High-Yield TM Embryology FOURTH EDITION Ronald W. Dudek, PhD Professor Brody School of Medicine East Carolina University Department of Anatomy and Cell Biology Greenville, North Carolina LWBK356-FM_pi-xii.qxd 7/14/09 2:03 AM Page iv Aptara Inc Acquisitions Editor: Crystal Taylor Product Manager: Sirkka E. Howes Marketing Manager: Jennifer Kuklinski Vendor Manager: Bridgett Dougherty Manufacturing Manager: Margie Orzech Design Coordinator: Terry Mallon Compositor: Aptara, Inc. Copyright © 2010, 2007, 2001, 1996 Lippincott Williams & Wilkins, a Wolters Kluwer business. 351 West Camden Street 530 Walnut Street Baltimore, MD 21201 Philadelphia, PA 19106 Printed in China All rights reserved. This book is protected by copyright. No part of this book may be reproduced or transmitted in any form or by any means, including as photocopies or scanned-in or other electronic copies, or utilized by any information storage and retrieval system without written permission from the copyright owner, except for brief quotations embodied in critical articles and reviews. Materials appear- ing in this book prepared by individuals as part of their official duties as U.S. government employees are not covered by the above-mentioned copyright. To request permission, please contact Lippincott Williams & Wilkins at 530 Walnut Street, Philadelphia, PA 19106, via email at [email protected], or via website at lww.com (products and services).
    [Show full text]
  • Respiratory System
    Lecture #2 Respiratory system. Development Respiratory system - is a biological system consisting of specific organs and structures used for the process of respiration in an organism Breathing and Respiration BREATHING is the mechanical action of getting air in and out of the lungs. RESPIRATION is the chemical reaction that provides the energy that makes the organism function. It occurs in the cells, more precisely in the mitochondria (the powerplant of the cell). Systema respiratoria Gastrulation – formation of germ layers (4th week) Ectoderm Mesoderm Endoderm Intraembryonic mesoderm plates: • Paraxial (dorsal) mesoderm – axial skeleton (somites) • Intermediate mesoderm – urogenital apparatus • Lateral mesoderm (somatic and splanchnic) – appendicular skeleton and internal organs Coelom Primary gut (foregut) Hollow organs (trachea, bronchi) Intraembryonic cavity Pleural cavity From foregut develop: - Esophagus - Stomach - Duodenum (proximal part) - Liver, pancreas, gall bladder - Respiratory tube Blood supply – truncus coeliacus Sympathetic innervation – n. splanchnicus major Parasympathetic innervation – n.vagus Tubular organ layers development Epithelial lining and glands - Derived from endoderm Lamina propria - Mucosa Muscularis mucosae - Submucosa Derived from visceral mesoderm - Muscularis externa/cartilages - Adventitia/Serosa Development of the upper respiratory system: - nose, nasopharynx, oropharynx Development of the face (from 4th to 8th weeks) 1. Development of the primitive mouth – stomodeum (beginning of the 4th week) 2. Rupture of oropharyngeal membrane (the 24 th day) 3. Development of the nasal cavity (from the end of the 4 th week) 4. Rupture of oronasal membrane (the 6 th week) 5. Development of paranasal air sinuses from diverticuli of nasal walls during late fetal life & after birth Cranial end of the foregut Ratke`s pouch Development of the face (from 4th to 8th weeks) 1.
    [Show full text]
  • The Microscopic Anatomy of the Esophagus Including the Individual Layers Specialized Tissues and Unique Components, and Their Responses to Injury
    The microscopic anatomy of the esophagus including the individual layers specialized tissues and unique components, and their responses to injury Xuchen Zhang,1 Deepa Patil,2 Robert D. Odze,3 Lei Zhao, 3 Mikhail Lisovsky,4 Maha Guindi,5 Robert Riddell,6 Andrew Bellizzi,7 Rhonda K Yantiss,8 Ilke Nalbantoglu,1 Henry D. Appelman,9 1Yale University, New Haven, CT, 2Cleveland Clinic, Cleveland, OH, 3Brigham and Women’s Hospital and Harvard University, Boston, MA, 4Dartmouth University, Lebanon, NH, 5Cedars-Sinai Hospital, Los Angeles, CA, 6Mt Sinai Hospital and University of Toronto, Toronto, Ontario, 7University of Iowa, Iowa City, IA, 8Weill Cornell Medicine, New York, NY, 9University of Michigan, Ann Arbor, MI Address for correspondence: Henry D. Appelman, MD, Department of Pathology, University of Michigan, Ann Arbor, Michigan. [email protected] Short title: Microscopic anatomy of esophagus Abstract The esophagus, a straight tube that connects the pharynx to the stomach, has the complex architecture common to the rest of the gastrointestinal tract with special differences that relate to its function as a conduit of ingested substances. For instance, it has submucosal glands that are unique that have a specific protective function. It has a squamous lining that exists nowhere else in the gut except the anus and it has a different submucosal nerve plexus when compared to the stomach and This is the author manuscript accepted for publication and has undergone full peer review but has not been through the copyediting, typesetting, pagination and proofreading process, which may lead to differences between this version and the Version of Record. Please cite this article as doi: 10.1111/nyas.13705.
    [Show full text]
  • Embryology20 Dr.Ban
    Embryology20 Dr.Ban The midgut Organs in the adult mid gut: Duodenum Jejunum Ileum Cecum Appendix Ascending colon Hepatic flexure of colon Transverse colon (proximal 2/3rd ) The mid gut is the portion of the embryo from which most of the intestine develop. During development, the human mid gut undergoes a rapid phase of growth in which the loop of mid gut ( U shaped loop )herniates outside of the abdominal cavity of the fetus and protrudes into the umbilical cord. This herniation is physiological (occurs normally). • The upper limb of the U is destined to be form the future small intestine • The lower limb forms the ascending and transverse colon. • At the tip of the U, the mid gut is attached to the umbilicus by a thin duct called the vitellointestinal duct which disappears during the later stages of development. • The space between the 2 limbs of the U has the mesentry – a fan shaped structure that holds all the loops of intestine together. 1 Embryology20 Dr.Ban The midgut loops slips back out of the umbilical cord and the physiological hernia ceases to exist. This change coincides with : the termination of the yolk sac and the counter clockwise rotation of the two limbs of the midgut loop around their combined central axis. The U loop undergoes 3 rotations in a step wise manner: First it rotates by 90° in the anticlockwise direction (as seen from the front) along the axis of the superior mesentric artery. At the end of this first rotation the upper limb of the U, or the future ileum comes to lie on the fetus’s right and the lower limb of U or the future colon lies on the left.At the end of 10th week, the midgut retracts back into the abdominal cavity.
    [Show full text]
  • Tracheoesophageal Fistula
    Tracheoesophageal Fistula •E F Post • Presentation • 26 January 2007 Causes • Congenital •Acquired – Malignant –Benign Congenital • TEF +/- Esophageal Atresia • Associated anomalies Embryology • Derived from primitive foregut •4th week of gestation tracheoesophageal diverticulum forms from the laryngotracheal groove • Tracheoesophageal septum develops during 4th-5th weeks – muscular + submucosal layer of T + E formed • Elongates with descent of heart and lung •7th week reaches final length Gross-Vogt classification Tracheoesophageal Fistula 25 Diagnosis •Prenatal – Ultrasound = polihydramnios, absent stomach, – MRI = blind distended esophageal pouch • Postnatal / clinical picture Clinical • Drooling, regurgitation, coughing, choking • Scaphoid abdomen = EA • Distented abdomen = TEF • Cyanotic episodes • Inability to pass OGT • Pneumonia , atelectasis (abdomen P) Clinical • Isolated H-type TEF (E) – Subtle, weeks before Dx – Triad: Choking when feed Gaseous distention of bowel Recurrent aspiration pneumonia Contrast Xray to Dx Plain CXR / AXR • Confirms diagnosis • OGT in esophageal pouch • ↑ / absent gas in abdomen • Assess gap length • Anomalies – VACTERRL Other SI • Ultravist swallow • Bronchoscopy • Level of fistula • Exclude upper pouch fistula • Identify laryngoesophageal cleft • Gastroscopy •CT / MRI Associated anomalies • VACTERRL • Vertebral, Anorectal, Cardiac, Tracheoesophageal, Radial, Renal, Limb • Trisomy 18 + 21 • Laryngotracheal esophageal cleft • Failure of fusion of laryngtracheal groove Management medical •NPO • Avoid
    [Show full text]