Volume 2, Issue 2 (December 2024)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover"> <title> Volume 2, Issue 2 (December 2024) </title> <link rel="icon" type="image/png" href="/logo?logo.v1.jpg" /> <link rel="stylesheet" href="/bundles/mdpiweb/assets/css/normalize.css"> <link rel="stylesheet" href="/bundles/mdpiweb/assets/css/font-awesome.min.css"> <link rel="stylesheet" href="/bundles/mdpiweb/assets/css/main.css"> <link rel="stylesheet" href="/bundles/mdpiweb/assets/css/web/index.css"> <link rel="stylesheet" href="/bundles/mdpiweb/assets/css/banner.css"> <style type="text/css"> img.journal { width: 150px; max-height: 150px; } .top-bar,.top-bar-section li:not(.has-form) a:not(.button){background-color:#353535} footer{background-color:#353535} html,body{background-color:#f7f3ec} </style>  <script async src="https://www.googletagmanager.com/gtag/js?id="></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', ); </script>  <script> window.onUsersnapLoad = function(api) { api.init(); }; var script = document.createElement('script'); script.defer = 1; script.src = 'https://widget.usersnap.com/global/load/88ba4b4b-df0c-46ab-86b7-9081536cd5f4?onload=onUsersnapLoad'; document.getElementsByTagName('head')[0].appendChild(script); </script>   <script type='text/javascript'> var _mtm = _mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src='https://matomo.mdpi.com/js/container_MxbekBLg.js'; s.parentNode.insertBefore(g,s); </script>  <script> function getVisitorId() { var userId = ""; var tenantId = "150"; if (userId) { return tenantId + '-' + userId; } else { let visitorId = document.cookie.replace(/(?:(?:^|.*;\s*)visitorId\s*\=\s*([^;]*).*$)|^.*$/, "$1"); if (!visitorId) { visitorId = 'anonymous-' + tenantId + '-' + Math.random().toString(36).substring(2); document.cookie = "visitorId=" + visitorId + "; path=/"; } return visitorId; } } </script>  <script> (function(apiKey){ (function(p,e,n,d,o){var v,w,x,y,z;o=p[d]=p[d]||{};o._q=o._q||[]; v=['initialize','identify','updateOptions','pageLoad','track'];for(w=0,x=v.length;w<x;++w)(function(m){ o[m]=o[m]||function(){o._q[m===v[0]?'unshift':'push']([m].concat([].slice.call(arguments,0)));};})(v[w]); y=e.createElement(n);y.async=!0;y.src='https://cdn.eu.pendo.io/agent/static/'+apiKey+'/pendo.js'; z=e.getElementsByTagName(n)[0];z.parentNode.insertBefore(y,z);})(window,document,'script','pendo'); pendo.initialize({ visitor: { id: getVisitorId(), isAnonymous: "", email: "", full_name: "", }, account: { id: 150 } }); })('faf94497-c291-4eff-4726-0e40eac17c65'); </script>   <script type="text/javascript"> window.AppcuesSettings = { enableURLDetection: true }; </script> <script src="//fast.appcues.com/217613.js"> </script> <script> window.Appcues.identify( getVisitorId(), { email: "", full_name: "" } ); </script>  </head> <body > <div class="tooltip_templates"> <div id="tooltip_login_first"> <div style="font-size: 12px;"> </div> </div> </div> <div id="container"> <noscript> <div id="no-javascript"> You seem to have javascript disabled. Please note that some of the page functionalities might not work as expected without javascript enabled. </div> </noscript> <div class="off-canvas-wrap" data-offcanvas> <div class="inner-wrap"> <nav class="tab-bar show-for-medium-down"> <section class="left"> <a title="MDPI main page" class="left-off-canvas-toggle active" href="#"> Menu </a> </section> <section class="right"> <a href="http://ijbar.jams.pub/user/manuscripts/upload" class="small button hide-for-small-only">SUBMIT ARTICLE</a> </section> </nav> <aside class="left-off-canvas-menu"> <ul class="off-canvas-list"> <li class=""> <a href="/page/1">Home</a> </li> <li class=""> <a href="/page/2">Call for Papers</a> </li> <li class=""> <a href="/page/6">Contact</a> </li> <li class=""> <a href="/page/7">Reviewer Policies</a> </li> <li class="divider"></li> <li> <a href="http://ijbar.jams.pub/user/manuscripts/upload">SUBMIT ARTICLE</a> </li> <li> <a href="#" onclick="$('.off-canvas-wrap').foundation('offcanvas', 'toggle', 'move-right'); return false;">Close</a> </li> </ul> </aside> <section id="main-section"> <header> <div id="full-size-menu" class="show-for-large-up"> <nav class="top-bar" data-topbar=""> <ul class="title-area"> <li class="name"></li> <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li> </ul> <section class="top-bar-section"> <ul class="full-width"> <li class="menu-item "> <a href="/page/1">Home</a> </li> <li class="menu-item "> <a href="/page/2">Call for Papers</a> </li> <li class="menu-item "> <a href="/page/6">Contact</a> </li> <li class="menu-item "> <a href="/page/7">Reviewer Policies</a> </li> </ul> </section> <section class="top-bar-section"> <ul class="right"> <li class="menu-item small button hide-for-small-only"> <a href="http://ijbar.jams.pub/user/manuscripts/upload" class="small">SUBMIT ARTICLE</a> </li> </ul> </section> </nav> </div> <div class="row"> </div> </header> <div id="content"> <div class="row collapse"> <div class="columns large-2 medium-12 small-12"> <a href="/"> <img class="journal small" src="/logo?logo.v1.jpg" errorSrc="/bundles/mdpiweb/assets/img/default-logo.png" alt="image missing" /> </a> </div> <div class="columns large-7 medium-12 small-12"> <h1> International Journal of Bamboo and Rattan </h1> <div id="journal-title-note"> (ISSN: 3026-944X) Open Access Journal </div> </div> <div class="columns large-3 medium-12 small-12"> <form style="margin-top: 50px;" action="/articles" method="GET" id="journal-search"> <input type="text" name="search" placeholder="Search..."/> </form> <div style="margin-top:10px"><b>Rss Feed: </b></div> <a href="/rss" title="Rss Feed" target="_blank"><i class="fa fa-rss-square fa-2x" style="color: #ee802f; margin-right: 10px;" aria-hidden="true"></i></a> </div> </div> <div id="main-divider"></div> <div class="row collapse"> <div id="left-column" class="columns large-9 medium-8 small-12"> <div id="issue" class="page-chapter"> <img class="issue small" src="/issue/cover/2" errorSrc="/bundles/mdpiweb/assets/img/default.jpeg" alt="image missing" /> <div id="issue-heading"> <h2>Table of Contents</h2> <strong> <em><a href="/">IJBAR</a></em>, Volume 2, Issue 2 (December 2024) </strong> <div id="article-listing-heading"> <div> <label> Sort articles by </label> <div> <a class="button active" href="/volumes_issues/2/2">content type</a> <a class="button " href="/volumes_issues/2/2/date">Publicate date</a> </div> </div> <div> <label> View options </label> <div> <a class="button active" href="/volumes_issues/2/2">Normal</a> <a class="button " href="/volumes_issues/2/2/type/expanded">Expanded</a> <a class="button " href="/volumes_issues/2/2/type/compact">Compact</a> </div> </div> <div> <label> Export options </label> <div> <form id="article-export-options-form"> <input type="checkbox">select all articles<br/> Export citation of selected articles as: <select> <option val="0">Not implemented</option> </select> <input type="submit" class="small" value="Export" /> </form> </div> </div> </div> </div> </div> <div id="article-listing" class="page-chapter"> </div> </div> <div id="right-column" class="columns large-3 medium-4 small-12"> <h2>Journal Browser</h2> <form id="volume-browser-form" method="post" action="/volume_browser"> <select name="volume" onchange="$('#journal-browser-issue').find('option').not('.volume-0').hide(); $('#journal-browser-issue').find('.volume-' + $(this).val()).show(); $('#journal-browser-issue').find('option:first').prop('selected', 'selected'); return false;" > <option value='' data-id="0">volume</option> <option value="2"> 2 </option> </select> <select id="journal-browser-issue" name="issue"> <option value='' class="volume-0">issue</option> <option value="1" class="volume-2" style="display: none;"> 1 </option> <option value="2" class="volume-2" style="display: none;"> 2 </option> </select> <input type="submit" value="Go"> </form> <ul class="triangles"> <li> <a href="/volumes_issues/2/2">Current issue</a> </li> <div> <li> <a href="/volumes_issues/1"> Vol. 2 (2024) </a> </li> </div> </ul> </div> </div> </div> <footer> <div id="copyright"><i>© The submission system of the Sahelian Institute for Bamboo Research and Entrepreneurship Development is powered by <a href="https://jams.pub/" target="_blank">JAMS</a>.</i></div> </footer> </section> <a class="exit-off-canvas"></a> </div> </div> </div> <div class="scrolltop" id="scrolltop" title="Return Top"><img src="/bundles/mdpimain/img/icon/top.png"></div> <script src="/bundles/mdpiweb/assets/js/jquery-1.12.4.min.js"></script> <script src="/bundles/mdpiweb/assets/js/foundation.min.js"></script> <script src="/bundles/mdpiweb/assets/js/embed.js"></script> <script src="/bundles/mdpiweb/assets/js/banner.js"></script> <script> loads(); </script> <script> $(document).foundation({}); $(function() { $("img").error(function () { var errorSrc = $(this).attr('errorSrc'); if (errorSrc) { $(this).attr('src', errorSrc); } else { $(this).css({visibility:"hidden"}); } // $(this).hide(); }); /* TODO: move to separate file */ function customScrollTo(offset) { var height = Math.abs($(document).scrollTop() - parseInt(offset)), msPerHeight = 1, //How much ms per height minRange = 100, //minimal animation time maxRange = 1500, //Maximal animation time time = height * msPerHeight; time = Math.min(time, maxRange); time = Math.max(time, minRange); $("html, body").animate({scrollTop: offset}, time); } $("#journal-search").submit(function(e) { $(':input', this).each(function() { this.disabled = !($(this).val()); }); }); $(window).scroll(function() { var scroTop = $(window).scrollTop(); if (scroTop > 10) { $('#scrolltop').fadeIn(500); } else { $('#scrolltop').fadeOut(500); } }); $("#scrolltop").click(function(e) { e.preventDefault(); customScrollTo(0); }); $("a.custom-tab-title").click(function(e) { e.preventDefault(); $($(this).data('customtab')).click(); customScrollTo($($(this).attr('href')).offset().top); }); modifyFontColor($('.top-bar'), $('.top-bar-section ul li > a ')); modifyFontColor($('footer'), $('footer')); //Modify the font color with the background color function modifyFontColor($backgroundElement, $fontElement) { var color = $backgroundElement.css('background-color'); var rgb = color.match(/\d{1,3}/g); $grayLevel = rgb[0] * 0.299 + rgb[1] * 0.587 + rgb[2] * 0.114; if ($grayLevel >= 192) { $fontElement.css('color', '#333333'); } } $('.tabs-content a[href^="#tab_panel"]').click(function (e){ e.preventDefault(); var href = $(this).attr('href'); if($('a[href^="'+ href +'"]').length > 1) { $('a[href^="'+ href +'"]').first().click(); return false; } }); $(".disclaimer").hover(function() { var background_color = $('footer').css('background-color'); var font_color = $('footer').css('color'); $(this).find('.inner').css("background-color", background_color).parent("#disclaimer-pop").css("background-color", background_color).css('color', font_color).animate({opacity: "show"}, "slow"); }, function() { $(this).find("#disclaimer-pop").animate({opacity: "hide"}, "fast"); }); }); </script> </body> </html>

CINXE.COM

Volume 2, Issue 2 (December 2024)