Difference between revisions of "project04:P1"

From 100ybp
Jump to: navigation, search
Line 60: Line 60:
 
             <!-- Concept information -->
 
             <!-- Concept information -->
 
              
 
              
             <!-- Site analysis -->
+
             <!-- The AMC -->
 
             <div>
 
             <div>
 
                 <div class="Subtitle">
 
                 <div class="Subtitle">
 
                     <h2>The AMC</h2>
 
                     <h2>The AMC</h2>
 
                 </div>
 
                 </div>
                 <div class="KeyFiguresContainer">
+
               
 +
                <!-- Key Figures -->
 +
                 <div>
 
                     <p class="TextQuestion">
 
                     <p class="TextQuestion">
 
                         Key figures
 
                         Key figures
 
                     </p>
 
                     </p>
                     <p class="TextAnswer">
+
                     <div class="KeyFiguresContainer">
                         Architect: Mourik and Duintjer.<br>
+
                         <div class="H">
                        Completed: 1983.<br>
+
                        <div class="KeyFiguresContainerLeft">
                        Floorspace: 500.000m<sup>2</sup>
+
                            Architect:<br>
                        <br>
+
                            Completed:<br>
                        Clinical admissions: 25.000 per year.<br>
+
                            Floorspace:<br>
                        Day care admissions: 30.000 per year.<br>
+
                            <br>
                        Outpatient visits: 356.000 per year.<br>
+
                            Clinical admissions:<br>
                        Beds: 1.002.<br>
+
                            Day care admissions:<br>
                        Employees: 7.000.<br>
+
                            Outpatient visits:<br>
                        Medical students: 2.200.<br>
+
                            Beds:<br>
                        Medical informatics students: 100.<br>
+
                            Employees:<br>
 +
                            Medical students:<br>
 +
                            Medical informatics students:<br>
 +
                        </div>
 +
                        <div class="KeyFiguresContainerLeft">
 +
                            Mourik and Duintjer.<br>
 +
                            1983.<br>
 +
                            500.000m2<br>
 +
                            <br>
 +
                            25.000 per year.<br>
 +
                            30.000 per year.<br>
 +
                            356.000 per year.<br>
 +
                            1.002.<br>
 +
                            7.000.<br>
 +
                            2.200.<br>
 +
                            100.<br>
 +
                        </div>
 +
                        </div>
 +
                    </div>
 +
                    <br>
 +
                    <br>
 +
                    <br>
 +
                </div>
 +
                <!-- Key Figures -->
 +
               
 +
                <!-- Impression -->
 +
                <div>
 +
                    <p class="TextQuestion">
 +
                        Impression
 
                     </p>
 
                     </p>
 +
                    <!-- Images -->
 +
                    <div class="SlideShowContainer">
 +
                        <!--Project Image Slideshow-->
 +
                        <div class="main-content">
 +
                            <!--Slideshow-->
 +
                            <div class="slideshow">
 +
                                <!--Inner Slideshow-->
 +
                                <div class="slideshow-inner">
 +
                                   
 +
                                    <!--Slides-->
 +
                                    <div class="slides">
 +
                                            <!--Image Slide 01-->
 +
                                            <div class="slide is-active ">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="Project01Page.html" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/2/2a/Leander_P1_AMC_01_190330.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 01-->
 +
 +
                                            <!--Image Slide 02-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/c/c2/Leander_P1_AMC_02_190330.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 02-->
 +
 +
                                            <!--Image Slide 03-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/a/ae/Leander_P1_AMC_03_190330.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 03-->
 +
                                       
 +
                                            <!--Image Slide 04-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/b/bc/Leander_P1_AMC_04_190330.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 04-->
 +
                                       
 +
                                            <!--Image Slide 05-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/1/1a/Leander_P1_AMC_05_190330.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 05-->
 +
                                       
 +
                                            <!--Image Slide 06-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/6/66/Leander_P1_AMC_06_190330.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 06-->
 +
                                    </div>
 +
                                    <!--Slides-->
 +
                                   
 +
                                    <!--Bottom Navigation Buttons-->
 +
                                    <div class="pagination">
 +
                                        <div class="item is-active">
 +
                                            <span class="icon">1</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">2</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">3</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">4</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">5</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">6</span>
 +
                                        </div>
 +
                                    </div><!--Slides-->
 +
                                    <!--Bottom Navigation Buttons-->
 +
                           
 +
                                    <!--Side Navigation Buttons-->
 +
                                    <div class="arrows">
 +
                                        <div class="arrow prev">
 +
                                            <span class="svg svg-arrow-left">
 +
                                                <svg version="1.1" id="svg4-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="26px" viewBox="0 0 14 26" enable-background="new 0 0 14 26" xml:space="preserve">
 +
                                                    <path d="M13,26c-0.256,0-0.512-0.098-0.707-0.293l-12-12c-0.391-0.391-0.391-1.023,0-1.414l12-12c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414L2.414,13l11.293,11.293c0.391,0.391,0.391,1.023,0,1.414C13.512,25.902,13.256,26,13,26z" /> </svg>
 +
                                                <span class="alt sr-only"></span>
 +
                                            </span>
 +
                                        </div>
 +
                                        <div class="arrow next">
 +
                                            <span class="svg svg-arrow-right">
 +
                                                <svg version="1.1" id="svg5-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="26px" viewBox="0 0 14 26" enable-background="new 0 0 14 26" xml:space="preserve" color="Black">
 +
                                                    <path d="M1,0c0.256,0,0.512,0.098,0.707,0.293l12,12c0.391,0.391,0.391,1.023,0,1.414l-12,12c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414L11.586,13L0.293,1.707c-0.391-0.391-0.391-1.023,0-1.414C0.488,0.098,0.744,0,1,0z" /> </svg>
 +
                                                <span class="alt sr-only"></span>
 +
                                            </span>
 +
                                        </div>
 +
                                    </div>
 +
                                    <!--Side Navigation Buttons-->
 +
                                   
 +
                                </div><!--Inner Slideshow-->
 +
                            </div><!--Slideshow-->
 +
                        </div><!--Project Image Slideshow-->
 +
                    </div>
 +
                    <!-- Images -->
 +
                    <div class="CopyrightDescription">
 +
                        <p>Own images</p>
 +
                        <!-- <p>Photographer, A. (year). Title of photo [Photograph]. Retrieved from http://xxxxx</p> -->
 +
                        <br>
 +
                        <br>
 +
                        <br>
 +
                    </div>
 
                 </div>
 
                 </div>
                 <div class="KeyFigureImage"></div>
+
                 <!-- Impression -->
 +
               
 +
                <!-- Location -->
 
                 <div>
 
                 <div>
 
                     <p class="TextQuestion">
 
                     <p class="TextQuestion">
 
                         Location
 
                         Location
 
                     </p>
 
                     </p>
                     <img src="http://100ybp.roboticbuilding.eu/images/b/b6/Leander_P1_AMC_Siteplan_02_190330.png" class="P1Image" alt="">
+
                     <!-- Images -->
                    <img src="http://100ybp.roboticbuilding.eu/images/c/cf/Leander_P1_AMC_Siteplan_03_190330.png.png" class="P1Image" alt="">
+
                    <div class="SlideShowContainer">
                    <img src="http://100ybp.roboticbuilding.eu/images/c/c5/Leander_P1_AMC_Siteplan_01_190330.png" class="P1Image" alt="">
+
                        <!--Project Image Slideshow-->
 +
                        <div class="main-content">
 +
                            <!--Slideshow-->
 +
                            <div class="slideshow">
 +
                                <!--Inner Slideshow-->
 +
                                <div class="slideshow-inner">
 +
                                   
 +
                                    <!--Slides-->
 +
                                    <div class="slides">
 +
                                            <!--Image Slide 01-->
 +
                                            <div class="slide is-active ">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="Project01Page.html" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/b/b6/Leander_P1_AMC_Siteplan_02_190330.png" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 01-->
 +
 
 +
                                            <!--Image Slide 02-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/c/cf/Leander_P1_AMC_Siteplan_03_190330.png.png" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 02-->
 +
 
 +
                                            <!--Image Slide 03-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/c/c5/Leander_P1_AMC_Siteplan_01_190330.png" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 03-->       
 +
                                    </div>
 +
                                    <!--Slides-->
 +
                                   
 +
                                    <!--Bottom Navigation Buttons-->
 +
                                    <div class="pagination">
 +
                                        <div class="item is-active">
 +
                                            <span class="icon">1</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">2</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">3</span>
 +
                                        </div>
 +
                                    </div><!--Slides-->
 +
                                    <!--Bottom Navigation Buttons-->
 +
                           
 +
                                    <!--Side Navigation Buttons-->
 +
                                    <div class="arrows">
 +
                                        <div class="arrow prev">
 +
                                            <span class="svg svg-arrow-left">
 +
                                                <svg version="1.1" id="svg4-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="26px" viewBox="0 0 14 26" enable-background="new 0 0 14 26" xml:space="preserve">
 +
                                                    <path d="M13,26c-0.256,0-0.512-0.098-0.707-0.293l-12-12c-0.391-0.391-0.391-1.023,0-1.414l12-12c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414L2.414,13l11.293,11.293c0.391,0.391,0.391,1.023,0,1.414C13.512,25.902,13.256,26,13,26z" /> </svg>
 +
                                                <span class="alt sr-only"></span>
 +
                                            </span>
 +
                                        </div>
 +
                                        <div class="arrow next">
 +
                                            <span class="svg svg-arrow-right">
 +
                                                <svg version="1.1" id="svg5-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="26px" viewBox="0 0 14 26" enable-background="new 0 0 14 26" xml:space="preserve" color="Black">
 +
                                                    <path d="M1,0c0.256,0,0.512,0.098,0.707,0.293l12,12c0.391,0.391,0.391,1.023,0,1.414l-12,12c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414L11.586,13L0.293,1.707c-0.391-0.391-0.391-1.023,0-1.414C0.488,0.098,0.744,0,1,0z" /> </svg>
 +
                                                <span class="alt sr-only"></span>
 +
                                            </span>
 +
                                        </div>
 +
                                    </div>
 +
                                    <!--Side Navigation Buttons-->
 +
                                   
 +
                                </div><!--Inner Slideshow-->
 +
                            </div><!--Slideshow-->
 +
                        </div><!--Project Image Slideshow-->
 +
                    </div>
 +
                    <!-- Images -->
 +
                    <div class="CopyrightDescription">
 +
                        <p>Own images</p>
 +
                        <!-- <p>Photographer, A. (year). Title of photo [Photograph]. Retrieved from http://xxxxx</p> -->
 +
                        <br>
 +
                        <br>
 +
                        <br>
 +
                    </div>
 
                 </div>
 
                 </div>
 +
                <!-- Location -->
 +
               
 +
                <!-- Floorplans -->
 
                 <div>
 
                 <div>
 +
                    <p class="TextQuestion">
 +
                        Floorplans
 +
                    </p>
 +
                    <!-- Images -->
 +
                    <div class="SlideShowContainer">
 +
                        <!--Project Image Slideshow-->
 +
                        <div class="main-content">
 +
                            <!--Slideshow-->
 +
                            <div class="slideshow">
 +
                                <!--Inner Slideshow-->
 +
                                <div class="slideshow-inner">
 +
                                   
 +
                                    <!--Slides-->
 +
                                    <div class="slides">
 +
                                            <!--Image Slide 01-->
 +
                                            <div class="slide is-active ">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="Project01Page.html" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/f/fc/Leander_P1_AMC_Analysis_03_190331.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 01-->
 +
 +
                                            <!--Image Slide 02-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/d/d5/Leander_P1_AMC_Analysis_02_190331.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 02-->
 +
 +
                                            <!--Image Slide 03-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/d/d1/Leander_P1_AMC_Analysis_04_190331.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 03-->
 +
                                       
 +
                                            <!--Image Slide 04-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/b/bb/Leander_P1_AMC_Analysis_05_190331.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 04-->
 +
                                       
 +
                                            <!--Image Slide 05-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/9/95/Leander_P1_AMC_Analysis_06_190331.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 05-->
 +
                                       
 +
                                            <!--Image Slide 06-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/c/c2/Leander_P1_AMC_Analysis_07_190331.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 06-->
 +
                                       
 +
                                            <!--Image Slide 07-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/d/d2/Leander_P1_AMC_Analysis_01_190331.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 07-->
 +
                                    </div>
 +
                                    <!--Slides-->
 +
                                   
 +
                                    <!--Bottom Navigation Buttons-->
 +
                                    <div class="pagination">
 +
                                        <div class="item is-active">
 +
                                            <span class="icon">1</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">2</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">3</span>
 +
                                        </div>
 +
                                        <div class="item is-active">
 +
                                            <span class="icon">4</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">5</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">6</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">7</span>
 +
                                        </div>
 +
                                    </div><!--Slides-->
 +
                                    <!--Bottom Navigation Buttons-->
 +
                           
 +
                                    <!--Side Navigation Buttons-->
 +
                                    <div class="arrows">
 +
                                        <div class="arrow prev">
 +
                                            <span class="svg svg-arrow-left">
 +
                                                <svg version="1.1" id="svg4-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="26px" viewBox="0 0 14 26" enable-background="new 0 0 14 26" xml:space="preserve">
 +
                                                    <path d="M13,26c-0.256,0-0.512-0.098-0.707-0.293l-12-12c-0.391-0.391-0.391-1.023,0-1.414l12-12c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414L2.414,13l11.293,11.293c0.391,0.391,0.391,1.023,0,1.414C13.512,25.902,13.256,26,13,26z" /> </svg>
 +
                                                <span class="alt sr-only"></span>
 +
                                            </span>
 +
                                        </div>
 +
                                        <div class="arrow next">
 +
                                            <span class="svg svg-arrow-right">
 +
                                                <svg version="1.1" id="svg5-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="26px" viewBox="0 0 14 26" enable-background="new 0 0 14 26" xml:space="preserve" color="Black">
 +
                                                    <path d="M1,0c0.256,0,0.512,0.098,0.707,0.293l12,12c0.391,0.391,0.391,1.023,0,1.414l-12,12c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414L11.586,13L0.293,1.707c-0.391-0.391-0.391-1.023,0-1.414C0.488,0.098,0.744,0,1,0z" /> </svg>
 +
                                                <span class="alt sr-only"></span>
 +
                                            </span>
 +
                                        </div>
 +
                                    </div>
 +
                                    <!--Side Navigation Buttons-->
 +
                                   
 +
                                </div><!--Inner Slideshow-->
 +
                            </div><!--Slideshow-->
 +
                        </div><!--Project Image Slideshow-->
 +
                    </div>
 +
                    <!-- Images -->
 +
                    <div class="CopyrightDescription">
 +
                        <p>(AMC, 2016)</p>
 +
                        <!-- <p>Photographer, A. (year). Title of photo [Photograph]. Retrieved from http://xxxxx</p> -->
 +
                        <br>
 +
                        <br>
 +
                        <br>
 +
                    </div>
 +
                </div>
 +
                <!-- Floorplans -->
 +
               
 +
                <!-- Specialism -->
 +
                <div>
 +
                    <p class="TextQuestion">
 +
                        Specialism
 +
                    </p>
 
                     <div class="ParagraphContainer">
 
                     <div class="ParagraphContainer">
                        <p class="TextQuestion">
 
                            Specialism
 
                        </p>
 
 
                         <p class="TextAnswer">
 
                         <p class="TextAnswer">
                             The AMC has various top-referral specialties. These include cardiovascular diseases, immunology and infectious diseases, diseases of the digestive system (surgery and internal medicine), metabolic diseases, gynecological oncology, specialized care in early pregnancy, prenatal   diagnostics, pediatric oncology, pediatric immunology/ hematology, vascular disorders of the brain, severe hearing disorders, schizophrenia, amyotrophic lateral sclerosis (ALS) and deep brain stimulation for severe obsessive-compulsive disorders. Besides these specialties the AMC has also been allocated various top clinical functions by the dutch government. These are functions that provide medical treatments and services in limited number of hospitals, this due to high costs and required expertise. The AMC’s allocated top-clinical functions include kidney dialysis and kidney transplantation, open heart surgery, radiotherapy, neurosurgery, neonatology and nuclear medicine.<br>
+
                             The AMC has various top-referral specialties. These include cardiovascular diseases, immunology and infectious diseases, diseases of the digestive system (surgery and internal medicine), metabolic diseases, gynecological oncology, specialized care in early pregnancy, prenatal diagnostics, pediatric oncology, pediatric immunology/ hematology, vascular disorders of the brain, severe hearing disorders, schizophrenia, amyotrophic lateral sclerosis (ALS) and deep brain stimulation for severe obsessive-compulsive disorders. Besides these specialties the AMC has also been allocated various top clinical functions by the dutch government. These are functions that provide medical treatments and services in limited number of hospitals, this due to high costs and required expertise. The AMC’s allocated top-clinical functions include kidney dialysis and kidney transplantation, open heart surgery, radiotherapy, neurosurgery, neonatology and nuclear medicine.<br>
 
                             <br>
 
                             <br>
                             The AMC tries to distinguish itself from other hospitals through seven core areas of medical research. These are: cardiovascular diseases, immunity and infections, gastrointestinal diseases, metabolic disorders, neurological and psychiatric disorders, oncology and epidemiology &amp; public health. All of these core areas covers the whole spectrum of medical research: from fundamental biomedical, translational and clinical research to the evaluation of new medical methods and techniques.<br>
+
                             The AMC tries to distinguish itself from other hospitals through seven core areas of medical research. These are: cardiovascular   diseases, immunity and infections, gastrointestinal diseases, metabolic disorders, neurological and psychiatric disorders, oncology and epidemiology &amp; public health. All of these core areas covers the whole spectrum of medical research: from fundamental biomedical, translational and clinical research to the evaluation of new medical methods and techniques.<br>
 
                             <br>
 
                             <br>
 
                             Infectious diseases and immunity<br>
 
                             Infectious diseases and immunity<br>
Line 109: Line 648:
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
 +
                </div>
 +
                <!-- Specialism -->
 +
               
 +
                <!-- Vision and aims -->
 +
                <div>
 +
                    <p class="TextQuestion">
 +
                        AMC's development vision and aims
 +
                    </p>
 
                     <div class="ParagraphContainer">
 
                     <div class="ParagraphContainer">
                        <p class="TextQuestion">
 
                            AMC's development vision and aims
 
                        </p>
 
 
                         <p class="TextAnswer">
 
                         <p class="TextAnswer">
 
                             In the spirit of the original principles of the core principles for redevellopment of the AMC are flexibility and standardisation. Within these principles safety and patient-centrality. The different phases of care will be more seperated and than accordingly relocated within the hospital netwerk. These phases include diagnostics, threatment, screening, after care, nursing and caring.<br>
 
                             In the spirit of the original principles of the core principles for redevellopment of the AMC are flexibility and standardisation. Within these principles safety and patient-centrality. The different phases of care will be more seperated and than accordingly relocated within the hospital netwerk. These phases include diagnostics, threatment, screening, after care, nursing and caring.<br>
Line 125: Line 669:
 
                             <br>
 
                             <br>
 
                             flexibility plays a role within the strategy to make more efficient use of the current facilities. This means that employees will have to share their office facilities with employees from other facilities. Therefore reducing 70 offices spots per 100 employees. Another aim is the redevellopment of internal spaces so that they can be used for one main purpose like offices, waiting, research, consultant rooms e.g. and not just for one specific department.(AMC, 2016)
 
                             flexibility plays a role within the strategy to make more efficient use of the current facilities. This means that employees will have to share their office facilities with employees from other facilities. Therefore reducing 70 offices spots per 100 employees. Another aim is the redevellopment of internal spaces so that they can be used for one main purpose like offices, waiting, research, consultant rooms e.g. and not just for one specific department.(AMC, 2016)
                        </p>
 
                    </div>
 
                    <div class="ParagraphContainer">
 
                        <p class="TextQuestion">
 
                            Redevellopment constraints
 
                        </p>
 
                        <p class="TextAnswer">
 
                            When designing the transformation of the building, there are a few rules which the AMC has set up so the building remains it current character:
 
                           
 
                            1. During transformation the hospital should remain in function. That would imply that a phased devellopment plan should be develloped.<br>
 
                            2. The redevellopment should remain within the current boundries of the building. Excluding the entrences of the building and the renewed landscape plan.<br>
 
                            3. The concrete structure should remain in place and should remain visible.<br>
 
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
            </div>
+
               
 +
               
 +
                    <div>
 +
                        <div class="ParagraphContainer">
 +
                            <p class="TextQuestion">
 +
                                Redevellopment constraints
 +
                            </p>
 +
                            <p class="TextAnswer">
 +
                                When designing the transformation of the building, there are a few rules which the AMC has set up so the building remains it current character:<br>
 +
                                <br>
 +
                                1. During transformation the hospital should remain in function. That would imply that a phased devellopment plan should be develloped.<br>
 +
                                2. The redevellopment should remain within the current boundries of the building. Excluding the entrences of the building and the renewed landscape plan.<br>
 +
                                3. The concrete structure should remain in place and should remain visible.<br>
 +
                            </p>
 +
                        </div>
 +
                   
 +
                </div>
 
      
 
      
 
                  
 
                  
Line 191: Line 739:
 
              
 
              
 
             <!-- References -->
 
             <!-- References -->
 +
            <div>
 
             <div class="Subtitle">
 
             <div class="Subtitle">
 
                 <h2>References</h2>
 
                 <h2>References</h2>
 
             </div>
 
             </div>
 +
           
 
             <p class="TextAnswer">
 
             <p class="TextAnswer">
 
                 References.
 
                 References.
 
             </p>           
 
             </p>           
             <!-- References -->  
+
             <!-- References -->
              
+
                                    <!-- General Image -->
 +
                    <div class="SlideShowContainer">
 +
                        <!--Project Image Slideshow-->
 +
                        <div class="main-content">
 +
                            <!--Slideshow-->
 +
                            <div class="slideshow">
 +
                                <!--Inner Slideshow-->
 +
                                <div class="slideshow-inner">
 +
                                   
 +
                                    <!--Slides-->
 +
                                    <div class="slides">
 +
                                            <!--Image Slide 01-->
 +
                                            <div class="slide is-active ">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="Project01Page.html" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/0/0e/Leander_CaseStudies_Klarenbeek3DPrintingMycelium_01_190301.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 01-->
 +
 
 +
                                            <!--Image Slide 02-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/1/1f/Leander_CaseStudies_Klarenbeek3DPrintingMycelium_02_190301.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 02-->
 +
 
 +
                                            <!--Image Slide 03-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/3/3b/Leander_CaseStudies_Klarenbeek3DPrintingMycelium_03_190301.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 03-->
 +
 
 +
                                            <!--Image Slide 04-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/b/b4/Leander_CaseStudies_Klarenbeek3DPrintingMycelium_04_190301.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 04-->
 +
                                       
 +
                                            <!--Image Slide 05-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/8/82/Leander_CaseStudies_Klarenbeek3DPrintingMycelium_05_190301.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 05-->
 +
                                       
 +
                                            <!--Image Slide 06-->
 +
                                            <div class="slide">
 +
                                                <div class="slide-content">
 +
                                                    <div class="caption">
 +
                                                        <div class="title"></div>
 +
                                                        <div class="text">
 +
                                                            <p></p>
 +
                                                        </div>
 +
                                                        <a href="#" class="btn" style="visibility: hidden;">
 +
                                                            <span class="btn-inner"></span>
 +
                                                        </a>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="image-container">
 +
                                                    <img src="http://100ybp.roboticbuilding.eu/images/5/50/Leander_CaseStudies_Klarenbeek3DPrintingMycelium_06_190301.jpg" alt="" class="image" />
 +
                                                </div>
 +
                                            </div>
 +
                                            <!--Image Slide 06-->
 +
                                       
 +
                                    </div>
 +
                                    <!--Slides-->
 +
                                   
 +
                                    <!--Bottom Navigation Buttons-->
 +
                                    <div class="pagination">
 +
                                        <div class="item is-active">
 +
                                            <span class="icon">1</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">2</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">3</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">4</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">5</span>
 +
                                        </div>
 +
                                        <div class="item">
 +
                                            <span class="icon">6</span>
 +
                                        </div>
 +
                                    </div><!--Slides-->
 +
                                    <!--Bottom Navigation Buttons-->
 +
                           
 +
                                    <!--Side Navigation Buttons-->
 +
                                    <div class="arrows">
 +
                                        <div class="arrow prev">
 +
                                            <span class="svg svg-arrow-left">
 +
                                                <svg version="1.1" id="svg4-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="26px" viewBox="0 0 14 26" enable-background="new 0 0 14 26" xml:space="preserve">
 +
                                                    <path d="M13,26c-0.256,0-0.512-0.098-0.707-0.293l-12-12c-0.391-0.391-0.391-1.023,0-1.414l12-12c0.391-0.391,1.023-0.391,1.414,0s0.391,1.023,0,1.414L2.414,13l11.293,11.293c0.391,0.391,0.391,1.023,0,1.414C13.512,25.902,13.256,26,13,26z" /> </svg>
 +
                                                <span class="alt sr-only"></span>
 +
                                            </span>
 +
                                        </div>
 +
                                        <div class="arrow next">
 +
                                            <span class="svg svg-arrow-right">
 +
                                                <svg version="1.1" id="svg5-Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="26px" viewBox="0 0 14 26" enable-background="new 0 0 14 26" xml:space="preserve">
 +
                                                    <path d="M1,0c0.256,0,0.512,0.098,0.707,0.293l12,12c0.391,0.391,0.391,1.023,0,1.414l-12,12c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414L11.586,13L0.293,1.707c-0.391-0.391-0.391-1.023,0-1.414C0.488,0.098,0.744,0,1,0z" /> </svg>
 +
                                                <span class="alt sr-only"></span>
 +
                                            </span>
 +
                                        </div>
 +
                                    </div>
 +
                                    <!--Side Navigation Buttons-->
 +
                                   
 +
                                </div><!--Inner Slideshow-->
 +
                            </div><!--Slideshow-->
 +
                        </div><!--Project Image Slideshow-->
 +
                    </div>
 +
             </div>
 +
        </div>
 
         </div>
 
         </div>
 
         <!-- P1 -->
 
         <!-- P1 -->

Revision as of 09:45, 1 April 2019


Bibliography - Leander Bakker




P1

We recommend the following structure for your presentation: (you can also refer to previous student projects on the dropbox aE database for some examples) General overview: Coherent explanation about the total scope of your project: Problem statement, Objective, Overall Design Question, Thematic Research Question, Methods, etc. In fact the P1 is a visual graduation plan. First findings: What are your first findings about the context, use/program and thematic research? Towards the P2: What are your plans for the coming weeks/months? And what's your planning? Some groups also organise a collective presentation during the P1, please discuss the content with the responsible tutor. Show your inspiration in words, drawings and images!

Concept

Information over AMC Fungi concept.

The AMC

Key figures

Architect:
Completed:
Floorspace:

Clinical admissions:
Day care admissions:
Outpatient visits:
Beds:
Employees:
Medical students:
Medical informatics students:
Mourik and Duintjer.
1983.
500.000m2

25.000 per year.
30.000 per year.
356.000 per year.
1.002.
7.000.
2.200.
100.



Impression

Own images




Location

Own images




Floorplans

(AMC, 2016)




Specialism

The AMC has various top-referral specialties. These include cardiovascular diseases, immunology and infectious diseases, diseases of the digestive system (surgery and internal medicine), metabolic diseases, gynecological oncology, specialized care in early pregnancy, prenatal diagnostics, pediatric oncology, pediatric immunology/ hematology, vascular disorders of the brain, severe hearing disorders, schizophrenia, amyotrophic lateral sclerosis (ALS) and deep brain stimulation for severe obsessive-compulsive disorders. Besides these specialties the AMC has also been allocated various top clinical functions by the dutch government. These are functions that provide medical treatments and services in limited number of hospitals, this due to high costs and required expertise. The AMC’s allocated top-clinical functions include kidney dialysis and kidney transplantation, open heart surgery, radiotherapy, neurosurgery, neonatology and nuclear medicine.

The AMC tries to distinguish itself from other hospitals through seven core areas of medical research. These are: cardiovascular diseases, immunity and infections, gastrointestinal diseases, metabolic disorders, neurological and psychiatric disorders, oncology and epidemiology & public health. All of these core areas covers the whole spectrum of medical research: from fundamental biomedical, translational and clinical research to the evaluation of new medical methods and techniques.

Infectious diseases and immunity
In a Dutch and international context, AMC researchers are working on the development of drugs and the evaluation of combination therapies for HIV/AIDS. Another line of research focuses on the development of vaccines, and bacterial research concentrates on pneumonia, meningitis and septicemia. Treatment options for rheumatoid arthritis are also being studied, with researchers concentrating mainly on the inhibition of proinflammatory proteins by means of an inactivated virus. Phagocytes, dendritic cells and T-cells are the central focus of fundamental immunological research.

Oncology
Most of the research in the core area of oncology concerns the molecular and biochemical backgrounds of cancer. There are four lines of research: gastrointestinal oncology, hematological oncology, pediatric oncology and neuro-oncology. The focus of the research is the hypothesis that only cells of one certain type – called cancer stem cells – cause tumors to grow and spread. The pediatric oncology research covers everything from fundamental research (genetic profiling) to clinical research. Much attention is focused on new drugs, and the later effects of oncology therapy.(AMC, 2009)

AMC's development vision and aims

In the spirit of the original principles of the core principles for redevellopment of the AMC are flexibility and standardisation. Within these principles safety and patient-centrality. The different phases of care will be more seperated and than accordingly relocated within the hospital netwerk. These phases include diagnostics, threatment, screening, after care, nursing and caring.

Another important aspect of the AMC is the increase in scientific research, in quantity (promotions and publications) as well as quality (research funds and impactscores). It is important for the AMC to remain as one of the top UMC research instituses. Through international cooperations it remains a key player within it's core areas as previously mentioned. To increase its international presence valorisation is promoted from start up companies.

The functional state of the bedroomtowers has decreased under an acceptable level for modern medicine. Therefor these towers need to be redevelloped to once again live up to the modern standards. Another problem is that there is hidden vacancy within the towers. Theorically one full tower could be removed or repurposed.

The research and threatment center forms the core of the AMC, these function feature high investment costs, complex housing and growth. The functions feature policlinics, research centers e.g. But in the future the policlinic functions need to grow. In order to achieve this subfunctions have to be segregated, that would mean that research functions are supposed to be clusterd as for the other functions.

AMC functions remarkable well for its age when it comes down on patient care. But the wayfinding, approach and entrering of the area and the complex are out dated. The current main entrencee and the policlinic entrence are out dated, not representative and don't contribute to the welcome feelings patients and visitor should have.
flexibility plays a role within the strategy to make more efficient use of the current facilities. This means that employees will have to share their office facilities with employees from other facilities. Therefore reducing 70 offices spots per 100 employees. Another aim is the redevellopment of internal spaces so that they can be used for one main purpose like offices, waiting, research, consultant rooms e.g. and not just for one specific department.(AMC, 2016)

Redevellopment constraints

When designing the transformation of the building, there are a few rules which the AMC has set up so the building remains it current character:

1. During transformation the hospital should remain in function. That would imply that a phased devellopment plan should be develloped.
2. The redevellopment should remain within the current boundries of the building. Excluding the entrences of the building and the renewed landscape plan.
3. The concrete structure should remain in place and should remain visible.

Fungi

Information over Fungi.

Users Narratives

User narratives, doctor, intern, patient, patient relatives

Material cycle

Material cycle.

Design

Design scheme.

Planning

Planning.

References

References.