CINXE.COM
The great battle of Ansong Ford: the valor of Captain Matsuzaki - Florida International University (FIU) Library Digital Collection Repository System (dPanther)
<!DOCTYPE html> <!-- Microdata markup added by Google Structured Data Markup Helper. --> <html lang="en"> <head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /><meta name="description" content="Florida International University (FIU) Library Digital Collection Repository System (dPanther) designed and developed by FIU GIS center / Digital Collection Center (DCC). Powered by dPanther web development Team" /><meta name="author" content="Boyuan (Keven) Guan, Julian Gottlieb, Meng Ma" /><title> The great battle of Ansong Ford: the valor of Captain Matsuzaki - Florida International University (FIU) Library Digital Collection Repository System (dPanther) </title> <link rel='shortcut icon' href='/dPanther/dpSite/favicon.ico' type='image/x-icon'/ > <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" type="text/css" /> <!-- Latest compiled and minified CSS --> <link href="/dPanther/dpSite/css/vendors.min.css"" rel="stylesheet" > <link href="/dPanther/dpSite/css/site.min.css"" rel="stylesheet" > <link href="/dPanther/dpSite/css/pageLoading.css"" rel="stylesheet" > <link href="/dPanther/dpSite/css/dp-custom-plugins.css"" rel="stylesheet" > <link href="/dPanther/dpSite/css/itemDetail.css" rel="stylesheet" id="itemdetailCss"> </head> <body id="js-top"> <form method="post" action="./itemdetail?bibid=FI11093013&vid=00001" id="form1"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTMxNzgwMzk3MGRkg3WYokK03fxzP0wgmfCvj//6FXp2AbwMnmqFKSlMUzI=" /> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="652C0AF4" /> <header class="" id="top" role="banner"> <div class="container"> <a itemprop="url" class="branding--padded" href="/dPanther/home"> <img class="img-responsive" src="https://dpanther.fiu.edu/dPanther/dpsite/images/Libraries-hrz-COLOR-rev.png"></a> </div> <nav class="container navbar navbar-default" role="navigation" data-spy="affix" data-offset-top="70"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <i class="fa fa-bars"></i> </button> <a class="navbar-brand branding--no-padding" href="#"> <img src="https://dpanther.fiu.edu/dpanther/dpmain/Images/branding_dpanther.png"></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li ><a href="/dPanther/home">Home</a></li> <li ><a href="/dPanther/collections" class="js-scroll">Collections</a></li> <li class='active'><a href="/dPanther/items">Items</a></li> <li ><a href="/dPanther/textSearch">Full-Text</a></li> <li ><a href="/dPanther/stats">Stats</a></li> <li ><a href="/dPanther/About">About</a></li> <li ><a href="/dPanther/Contact" class="js-scroll">Contact</a></li> </ul> <ul style="display:none" class="nav navbar-nav navbar-right"> <li><a href="#" data-toggle="modal" data-target="#ModalContact">Contact</a></li> <li> <li> <a href="#"> Login </a> </li> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container-fluid --> </nav> </header> <section class="container" id="secBreadcrumb"> <ol class="breadcrumb"> <li><a href="/dPanther/home">Home</a></li> <li><a href='/dPanther/items'>items</a></li><li><a class='navActive'>itemdetail</a></li> </ol> </section> <div id="mainDetailLoading" class="loading">Loading…</div> <section class="container"> <div class="row"> <div class="col-sm-9" id="itemMainInfo"> <section id="dvFilePanel" class="dvFilePanel bottom-margin--3"> <h2 class="font-size--biggest text-caps padded-box--1 border-bottom--thick-solid text-color--quaternary bottom-margin--2 header--small header--small">File Viewer</h2> <div class="text-align--right font-size--bigger bottom-margin--1"> <span onclick="changeDisplay('list')" title="List view"><i class="fa fa-th-list"></i></span> <span onclick="changeDisplay('grid')" title="Grid view"><i class="fa fa-th"></i></span> <span>|</span> <span id="fullScreenbtn"><i class="fa fa-arrows-alt" title="Full Screen Display"></i></span> </div> <div class="panel-body"> <div id="contentFileViewer"> <div id="fileViewer"> <div id="fvSlider" class="col-sm-3"></div> <div id="fvContent" class="col-sm-9"> </div> </div> </div> </div> </section> <section id="dvDetailPanel" class="dvDetailPanel bottom-margin--3"> <h2 class="font-size--biggest text-caps padded-box--1 border-bottom--thick-solid text-color--quaternary bottom-margin--2 header--small">Record Information</h2> <div id="recInfoDetail"> </div> </section> <section id="dvMapPanel" class="dvMapPanel bottom-margin--3"> <h2 class="font-size--biggest text-caps padded-box--1 border-bottom--thick-solid text-color--quaternary bottom-margin--2 header--small">Map / Geo-Reference</h2> <div id="mainMap" class="panel-body"> </div> </section> <section id="dvStatistic" class="dvStatistic bottom-margin--3"> <h2 class="font-size--biggest text-caps padded-box--1 border-bottom--thick-solid text-color--quaternary bottom-margin--2 header--small">Item Usage</h2> <div id="statistic" class="panel-body"> <!--Usage Statistics--> <table class="table table-hover"> <tbody><tr> <th class="text-center active" colspan="3">Aggregation:<span id='aggCode'></span>, Resource Identifier:FI11093013/00001</th> </tr> <tr> <td>Record Accessed:</td> <td>1291</td> <td class="success">"Record Accessed" provides the total number which the item has been viewed through PURL page / url. These statistics directly indicates the usage of the selected item.</td> </tr> <tr> <td>Searched:</td> <td>120</td> <td class="warning">"Searched" provides the total number that the item has been concluded inside a search result. These statistics reflect the popularity of the selected item for end users.</td> </tr> <tr> <td>Browser Listed:</td> <td>1255</td> <td class="danger">"Browser Listed" provides the total number which the item has been displayed within the font-end browser. These statistics can reveal a usage of the entire database or the aggregation rather than the item itself.</td> </tr> </tbody></table> </div> </section> </div> <div class="col-sm-3" id="itemNav"> <div class="menu-spy bs-docs-sidenav" data-spy="affix" data-offset-top="120" data-offset-bottom="10"> <ul class="nav"> <li class="active"><a href="#dvFilePanel" class="js-scroll">File Viewer</a></li> <li><a href="#dvDetailPanel" class="js-scroll">Record Information</a></li> <li><a href="#dvMapPanel" class="js-scroll">Maps / Geo-Reference</a></li> <li><a href="#dvStatistic" class="js-scroll">Item Usage</a></li> </ul> <div class="panel side-nav--related"> <div class="panel-heading"> <a role="button" id="btn_sim" data-toggle="collapse" href=".js-sim-body" aria-expanded="false" aria-controls="js-sim-body"> Related Items <span class="glyphicon glyphicon-minus" aria-hidden="true"></span> </a> </div> <div class="panel-body js-sim-body collapse in"> <button class="btn btn-lg btn-warning js-btn-waiting"><span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span> Loading...</button> </div> </div> <div class="panel side-nav--others"> <div class="panel-heading"> <a role="button" id="btn_others" data-toggle="collapse" href=".js-others-body" aria-expanded="false" aria-controls="js-others-body"> Others Liked <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> </a> </div> <div class="panel-body js-others-body collapse"> <button class="btn btn-lg btn-warning js-btn-waiting"><span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span> Loading...</button> </div> </div> <div class="panel side-nav--newitems"> <div class="panel-heading"> <a role="button" id="btn_newitems" data-toggle="collapse" href=".js-newitems-body" aria-expanded="false" aria-controls="js-newitems-body"> Newly Added Items <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> </a> </div> <div class="panel-body js-newitems-body collapse"> <button class="btn btn-lg btn-warning js-btn-waiting"><span class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></span> Loading...</button> </div> </div> <div class="panel side-nav--partners"> <div class="panel-heading">Partners</div> <div class="panel-body" id="dvWordmarks"></div> </div> <div class="panel side-nav--footer"> <div class="panel-body padding-top--1 padding-bottom--1"> <i class="fa fa-facebook-square fa-2 btnShare"></i> <i class="fa fa-linkedin-square fa-2"></i> <i class="fa fa-twitter-square fa-2"></i> <i class="fa fa-google-plus-square fa-2"></i> <hr> <a href="javascript:printDiv(['itemMainInfo'])" id="btnPrint" class="pull-left"> <button type="button" class="btn btn-default btn-sm bg-color--gold border--none font-color--white "><i class="fa fa-print"></i> Print</button> </a> <a href="#js-top" class="js-scroll pull-right"> <button type="button" class="btn btn-default btn-sm bg-color--gold border--none font-color--white"><i class="fa fa-arrow-up"></i> Top</button> </a> </div> </div> </div> </div> </div> </section> <input id="hidBibid" type="hidden" value="FI11093013"/> <input id="hidVid" type="hidden" value="00001"/> <iframe name="print_frame" width="0" height="0" frameborder="0" src="about:blank"></iframe> <footer class="container"> <div class="row top-padding--2 bottom-padding--2 border-top--dark-tan"> <div class="col-sm-6"> <!-- Place this tag where you want the +1 button to render. --> <div class="g-plusone" data-size="tall" data-annotation="inline" data-width="300"></div> </div> <div class="col-sm-6"> <ul class="social-links pull-right"> <li><a class="social-links--dark-tan" href="#"><i class="fa fa-facebook-square social-links--font-large"></i><span class="social-links__text">Facebook</span></a></li> <li><a class="social-links--dark-tan" href="#"><i class="fa fa-google-plus-square social-links--font-large"></i><span class="social-links__text">Google Plus</span></a></li> <li><a class="social-links--dark-tan" href="#"><i class="fa fa-linkedin-square social-links--font-large"></i><span class="social-links__text">Linkedin</span></a></li> </ul> </div> </div> </footer> <meta itemprop="applicationCategory" content="Library digital collection repository system" /> </form> <script src="https://maps.googleapis.com/maps/api/js?v=3.20&signed_in=true&libraries=places,drawing,geometry&key=AIzaSyCY1GtwAw6paFwg82St9uxc-hm04jru2OI"></script> <script type="text/javascript" src="/dPanther/dpSite/js/vendors.min.js"></script> <script type="text/javascript" src="/dPanther/dpSite/js/site.min.js"></script> <script type="text/javascript" src="/dPanther/dpMain/js/dpMainKey.js"></script> <script type="text/javascript" src="/dPanther/dpMain/js/DPanther.js"></script> <script type="text/javascript" src="/dPanther/dpMain/js/dpAPIs.js"></script> <script type="text/javascript" src="/dPanther/dpMain/js/dpLanguage.js"></script> <!--Google Analytic--> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-54696000-1', 'auto'); ga('send', 'pageview'); </script> <div id="fb-root"></div> <script> if (top.location.hostname == "dpanther.fiu.edu") { window.fbAsyncInit = function () { FB.init({ appId: '682569701879642', xfbml: true, version: 'v2.5' }); }; (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); } else { window.fbAsyncInit = function () { FB.init({ appId: '682571145212831', xfbml: true, version: 'v2.5' }); }; (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); } function postToFeed(title, desc, url, image) { var obj = { method: 'feed', link: url, picture: image, name: title, description: desc }; function callback(response) { var av = response; } FB.ui(obj, callback); } </script> <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script> <!-- Place this tag in your head or just before your close body tag. --> <script type="text/javascript" src="/dPanther/dpSite/js/jwplayer-7.4.4/jwplayer.js"></script> <script>jwplayer.key = "h5wdvZ5ipaCQHsG7XWwOajxJ1/0q3KnO38a7Cg==";</script> <script src="https://apis.google.com/js/platform.js" async defer></script> <script type="text/javascript" src="/dPanther/dpSite/js/screenfull.js"></script> <script type="text/javascript" src="/dPanther/dpSite/js/itemDetail.js"></script> </body> </html>