Add japanese landing page

Change-Id: Ic234a333bc7f78cd21c1acc623d6b8618989cf6b
diff --git a/capella_mbse_br.html b/capella_mbse_br.html
deleted file mode 100644
index 55b0859..0000000
--- a/capella_mbse_br.html
+++ /dev/null
@@ -1,340 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="no-js">
-    <head>
-    	<!-- Google Tag Manager -->
-		<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-		})(window,document,'script','dataLayer','GTM-WCRD68P');</script>
-		<!-- End Google Tag Manager -->
-        <!-- Basic Page Needs
-        ================================================== -->
-        <meta charset="utf-8">
-        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-        <link rel="icon" type="image/png" href="images/favicon.ico">
-        <title>Engenharia de sistemas baseada em modelo | Capella, a sua soluçāo para implementar o MBSE</title>
-        <meta name="description" content="Capella é uma ferramenta MBSE de código aberto que implementa o método Arcadia. É uma ferramenta e método abrangente, extensível e comprovado para projetar com sucesso a arquitetura de sistemas com MBSE">
-        <meta name="keywords" content="">
-        <meta name="author" content="">
-        <!-- Mobile Specific Metas
-        ================================================== -->
-        <meta name="format-detection" content="telephone=no">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <!-- Template CSS Files
-        ================================================== -->
-        <!-- Twitter Bootstrs CSS -->
-        <link rel="stylesheet" href="css/bootstrap.min.css">
-        <!-- animate css -->
-        <link rel="stylesheet" href="css/animate.css">
-        <link rel="stylesheet" href="css/jquery.fancybox.css">
-        <!-- template main css file -->
-        <link rel="stylesheet" href="css/main.css">
-        <!-- responsive css -->
-        <link rel="stylesheet" href="css/responsive.css">
-        <link rel="stylesheet" href="css/latofonts.css">
-        <!-- Cookie content -->
-        <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
-        <!-- Template Javascript Files
-        ================================================== -->
-		<!-- jquery -->
-        <script src="js/jquery-3.4.1.min.js"></script>
-        <script src="js/lazysizes.min.js" async></script>
-        <!-- Angular -->
-        <base href="/capella/">
-        <script src="js/angular-1.7.8.min.js"></script>
-        <script src="angular/capella.js"></script>
-        <script src="js/helpers.js"></script>
-		<script defer src="https://kit.fontawesome.com/16cf99803e.js" crossorigin="anonymous"></script>
-    </head>
-    <body ng-app="capella" data-deferred-cloak>
-	    <!-- Google Tag Manager (noscript) -->
-		<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WCRD68P"
-		height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-		<!-- End Google Tag Manager (noscript) -->
-        <!--
-        ==================================================
-        Header Section
-        ================================================== -->
-        <ng-include src="'angular/blocks/header_br.html'"></ng-include>
-        <!--
-        ==================================================
-        Intro Section
-        ================================================== -->
-        <section class="hero-area home">
-            <div class="container block">
-                <div class="row">
-                    <div class="col-md-12 text-center">
-	                    <section class="cd-intro">
-	                        <h1 class="wow fadeInUp" data-wow-delay=".2s" >
-	                            SOLUÇÃO DE CÓDIGO ABERTO PARA<br>ENGENHARIA DE SISTEMAS BASEADA EM MODELOS<br>
-	                        </h1>
-	                    </section> <!-- cd-intro -->
-	                    <h2 class="wow fadeInUp" data-wow-delay=".3s" >
-	                        Eclipse Capella&trade; é uma ferramenta e método abrangente, extensível e comprovado<br>para projetar com sucesso a arquitetura de sistemas com MBSE
-	                    </h2>
-                    </div>
-                </div>
-            </div>
-        </section>
-
-        <section class="bg_lightest_grey text-center">
-            <div class="container">
-                <div class="section-heading">
-                    <h2 class="title wow fadeInDown" data-wow-delay=".3s">RECURSOS EM PORTUGUÊS</h2>
-                </div>
-                <div class="row">
-                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".2s">
-                        <p><a href="https://youtu.be/2fveJ7nwiuU"><img data-src="images/icons/icon_video.png" alt="Arcadia e Capella em 8 minutos" class="lazyload" width="90" height="90"></a></p>
-                            <div>
-                                <h4><a href="https://youtu.be/2fveJ7nwiuU">O espírito do Arcadia e Capella em 8 minutos</a></h4>
-                            </div>
-                    </div>
-                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".3s">
-                        <p><a href="resources/pdf/Datasheet_Arcadia_br.pdf"><img data-src="images/icons/icon_pages.png" alt="Os fundamentos do método Arcadia" class="lazyload" width="90" height="90"></a></p>
-                            <div>
-                                <h4><a href="resources/pdf/Datasheet_Arcadia_br.pdf">Os fundamentos do método Arcadia resumidos em quatro páginas</a></h4>
-                            </div>
-                    </div>
-                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".4s">
-                       <p><a href="http://cscerqueira.com.br/ita/model-based-systems-engineering/te265-2019/"><img data-src="images/icons/icon_training.png" alt="Capella - Curso de MBSE por professor Cerqueira" class="lazyload" width="90" height="90"></a></p>
-                       <div>
-                           <h4><a href="http://cscerqueira.com.br/ita/model-based-systems-engineering/te265-2019/">Curso de MBSE por professor Cerqueira</a></h4>
-                       </div>
-                    </div>
-                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".4s">
-                       <p><a href="https://www.youtube.com/watch?v=AFlpSTjUmiE&list=PLp0vVB8iMzp4RPWAp8myKjFAIFbqruU_g"><img data-src="images/icons/icon_user-capella.png" alt="Capella - Curso Introdutório ao MBSE por GPESC (UFSM)" class="lazyload" width="90" height="90"></a></p>
-                       <div>
-                           <h4><a href="https://www.youtube.com/watch?v=AFlpSTjUmiE&list=PLp0vVB8iMzp4RPWAp8myKjFAIFbqruU_g">Curso Introdutório ao MBSE por GPESC (UFSM)</a></h4>
-                       </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-        <section id="workbench" class="hero-area services">
-	        <div class="container block">
-	            <div class="row text-center wow fadeInDown">
-	            	<h2 class="title">CAPELLA, A SUA SOLUÇÃO PARA IMPLEMENTAR O MBSE</h2>
-	                <p>Desenvolvido em conjunto com o método Arcadia, o Capella fornece orientação metodológica,<br>edição intuitiva de modelos e recursos de visualização para arquitetos de sistemas, de software e de hardware</p>
-            	</div>
-	        </div>
-		</section>
-		<section>
-			<div class="container">
-				<div class="row">
-					<div class="col-md-5 wow fadeInLeft" data-wow-delay=".1s">
-						<p>Desenvolvido em conjunto com o método Arcadia, o Capella fornece orientação metodológica, edição intuitiva de modelos e recursos de visualização para arquitetos de sistemas, de software e de hardware</p>
-						<p>Capella é uma ferramenta MBSE de código aberto que implementa o método <a href="arcadia.html">Arcadia</a>.</p>
-						<p>É uma ferramenta de modelagem que suporta uma ampla variedade de tipos de diagramas estruturados pelas cinco perspectivas de engenharia definidas no Arcadia.</p>
-						<p>O Capella contém recursos dedicados que suportam o método Arcadia, como o explorador do método, e um conjunto de aceleradores de modelagem ou auxiliares de engenharia, facilitando o trabalho diário dos engenheiros de sistemas, para que o Arquiteto de Sistemas possa se concentrar em fazer o trabalho real de engenharia de sistemas em vez ocupar o tempo com a manutenção de modelos.</p>
-						<p><a class="wow fadeInUp" data-wow-delay=".2s" href="features.html">Recursos (em inglês) <i class="fa fa-arrow-circle-right"></i></a></p>
-					</div>
-					<div class="col-md-7 wow fadeInRight" data-wow-delay=".2s">
-						<a href=""><img class="lazyload" width="585" height="433" data-src="images/home/capella_screenshot.jpg" alt="CAPELLA, A SUA SOLUÇÃO PARA IMPLEMENTAR O MBSE"></a>
-					</div>
-				</div>
-			</div>
-		</section>
-		<section>
-			<div class="container">
-				<div class="row">
-					<div class="col-md-7 wow fadeInRight" data-wow-delay=".2s">
-						<a href=""><img class="lazyload" width="585" height="350" data-src="images/br/capella-case-studies.png" alt="Capella - Case Studies"></a>
-					</div>
-					<div class="col-md-5 wow fadeInLeft" data-wow-delay=".1s">
-						<p>O Capella é fortemente impulsionado pelas práticas e interesses atuais dos profissionais de engenharia de sistemas e fácil de aprender graças ao escopo preciso abordado pelo método Arcadia.</p>
-						<p>Capella é usado em todo o mundo por centenas de equipes de engenharia de vários domínios industriais (aeroespacial, defesa, energia, transporte, saúde, telecomunicações, etc.).</p>
-						<p>Também se beneficia de um ecossistema de especialistas e provedores de tecnologia que oferecem suporte, integração e ferramentas complementares (add-ons).</p>
-						<p><a class="wow fadeInUp" data-wow-delay=".2s" href="addons.html">Add-ons (em inglês) <i class="fa fa-arrow-circle-right"></i></a></p>
-					</div>
-				</div>
-			</div>
-		</section>
-        <section id="arcadia" class="hero-area arcadia">
-	        <div class="container block">
-	            <div class="row text-center wow fadeInDown">
-	            	<h2 class="title">DEIXE-SE GUIAR COM O MÉTODO ARCADIA</h2>
-	                <p>Uma abordagem metodológica abrangente e suporte de ferramentas para engenharia de sistemas baseada em modelos</p>
-            	</div>
-	        </div>
-		</section>
-
-		<section>
-			<div class="container">
-				<div class="row">
-					<div class="col-md-5 wow fadeInLeft" data-wow-delay=".1s">
-						<p>Arcadia é um método de engenharia baseado em modelo para definir, analisar, projetar e validar arquiteturas de sistemas, de hardware e de software.</p>
-						<p>Inspirado pela linguagem SysML, foi desenvolvido e colocado em prática pela Thales entre 2005 e 2010 por meio de um processo iterativo envolvendo arquitetos operacionais de todos os domínios de negócios da Thales em todo o mundo.</p>
-					</div>
-					<div class="col-md-7 wow fadeInRight" data-wow-delay=".2s">
-						<a href=""><img class="lazyload" width="400" height="315" data-src="images/br/triptique_br.png" alt="Método Arcadia - Triptique"></a>
-					</div>
-				</div>
-			</div>
-		</section>
-		<section>
-			<div class="container">
-				<div class="row">
-					<div class="col-md-7 wow fadeInRight" data-wow-delay=".2s">
-						<a href="resources/pdf/Datasheet_Arcadia_br.pdf"><img class="lazyload" width="585" height="361" data-src="images/br/arcadia-overview_br.png" alt="Arcadia - Visão geral"></a>
-					</div>
-					<div class="col-md-5 wow fadeInLeft" data-wow-delay=".1s">
-						<p>Fortemente impulsionado pelas práticas e interesses atuais dos praticantes de engenharia de sistemas, Arcadia tem foco na definição colaborativa, avaliação e exploração da arquitetura de sistemas.</p>
-						<p>Os principais objetivos de alto nível são:</p>
-						<ul>
-							<li>entender melhor a necessidade do cliente;</li>
-							<li>definir e compartilhar a solução entre os stakeholders;</li>
-							<li>Sistemas, subsistemas, hardware e software seguros;</li>
-							<li>Preparar subcontratações;</li>
-							<li>Avaliar antecipadamente e justificar o projeto da arquitetura em relação às especialidades de engenharia;</li>
-							<li>Preparar e dominar as atividades de V&V (Verificação e Validação).</li>
-						</ul>
-						<p><a class="wow fadeInUp" data-wow-delay=".2s" href="resources/pdf/Datasheet_Arcadia_br.pdf">Visão geral <i class="fa fa-arrow-circle-right"></i></a></p>
-					</div>
-				</div>
-			</div>
-		</section>
-		<section>
-			<div class="container">
-				<div class="row">
-					<div class="col-md-5 wow fadeInLeft" data-wow-delay=".1s">
-						<p>O método Arcadia foca, primeiro, em capturar as necessidades do modelo e, em seguida, capturar as suas soluções.</p>
-						<p>Esses dois focos são então reduzidos em cinco perspectivas de engenharia:</p>
-						<ul>
-							<li>Definição do Problema: Análise da Necessidade Operacional do cliente;</li>
-							<li>Formalização dos Requisitos do Sistema : Análise das Necessidades do Sistema;</li>
-							<li>Desenvolvimento da arquitetura do sistema : Arquitetura Lógica;</li>
-							<li>Definição da arquitetura de solução: Arquitetura Física;</li>
-							<li>Definição de uma Estratégia de construção: Contratos de Desenvolvimento e IVVQ.</li>
-						</ul>
-						<p><a class="wow fadeInUp" data-wow-delay=".2s" href="arcadia.html">O método (em inglês) <i class="fa fa-arrow-circle-right"></i></a></p>
-					</div>
-					<div class="col-md-7 wow fadeInRight" data-wow-delay=".2s">
-						<a href="arcadia.html"><img class="lazyload" width="auto" height="391" data-src="images/br/phases_arcadia_pt.png" alt="Arcadia - Phases"></a>
-					</div>
-				</div>
-			</div>
-		</section>
-
-		<section id="mbse" class="hero-area adopters">
-	        <div class="container block">
-	            <div class="row text-center wow fadeInDown">
-	            	<h2 class="title">O QUE É MBSE <br>(ENGENHARIA DE SISTEMAS BASEADA EM MODELOS)?</h2>
-	                <p>Uma abordagem de Engenharia de Sistemas baseada em Modelos (MBSE) consiste em usar uma linguagem formal para especificar, projetar, analisar e verificar um sistema</p>
-            	</div>
-	        </div>
-		</section>
-
-		<section id="service-page" class="arcadia-content">
-			<div class="container">
-				<div class="row">
-					<p>Em todos os domínios da indústria (energia, aeroespacial, transporte, saúde), os clientes estão exigindo novos produtos cada vez mais complexos e interconectados. Esses novos produtos devem ser inteligentes, mais seguros, ecologicamente corretos, conectados e permanecer acessíveis.</p>
-					<p>Isso requer sistemas cada vez mais complexos com vários componentes e uma variedade de domínios. Mas, em uma abordagem clássica baseada em documentos, o sistema é descrito por uma pilha de documentos heterogêneos, contando principalmente com formatos utilizados em escritório. Isso introduz o problema de manter a consistência de toda a definição do produto.</p>
-					<p>Para lidar com esse problema, os arquitetos de um produto precisam passar de uma abordagem de engenharia de sistemas orientada a documentos para uma descrição coerente, integrada e computacional de todo o sistema.</p>
-					<p>A <a href="what_is_mbse.html">abordagem de MBSE</a> usa uma linguagem digital e formal para possibilitar aos engenheiros de sistemas visualizar arquiteturas de produtos e sistemas e garantir rastreabilidade e consistência. Isso facilita a montagem e reduz inconsistências, permitindo a identificação antecipada de quaisquer incompatibilidades entre os componentes.</p>
-					<p>Uma ferramenta de software MBSE digitaliza esses modelos e, assim, suporta integração em encadeamentos (threads) digitais e automação de muitas atividades.</p>
-					<p>O Eclipse Capella™ é a ferramenta  que suporta esses conceitos, implementando o Arcadia, uma metodologia comprovada.</p>
-					<p class="text-center"><a rel="gallery" class="fancybox" href="what_is_mbse.html"><img class=" ls-is-cached lazyloaded" width="719" height="453" alt="Capella MBSE - Engenharia de sistemas baseada em modelos" data-src="images/br/capella-mbse-approach_br.png" src="images/br/capella-mbse-approach_br.png"></a></p>
-					<br> <br>
-				</div>
-			</div>
-		</section>
-
-		<section id="comecar" class="hero-area getstarted">
-	        <div class="container block">
-	            <div class="row text-center wow fadeInDown">
-	            	<h2 class="title">COMEÇAR</h2>
-	                <p>Como instalar e começar a aprender Eclipse Capella&trade;</p>
-            	</div>
-	        </div>
-		</section>
-
-		<section class="bg_lightest_grey text-center">
-            <div class="container">
-                <div class="row">
-                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".2s">
-                        <p><a href="/capella"><img data-src="images/icons/icon_home.png" alt="Capella MBSE - Página inicial (em inglês)" class="lazyload" width="90" height="90"></a></p>
-                        <div>
-                            <h4><a href="/capella">Página inicial (em inglês)</a></h4>
-                        </div>
-                    </div>
-                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".3s">
-                        <p><a href="download.html"><img data-src="images/icons/icon_download.png" alt="Capella MBSE - Baixar página" class="lazyload" width="90" height="90"></a></p>
-						<div>
-                            <h4><a href="download.html">Baixar página</a></h4>
-                        </div>
-                    </div>
-                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".2s">
-                        <p><a href="https://www.youtube.com/channel/UCfgwbb2h10V3tgJ59sbGBnQ"><img data-src="images/icons/icon_video.png" alt="Capella MBSE - Canal oficial no YouTube" class="lazyload" width="90" height="90"></a></p>
-                        <div>
-                            <h4><a href="https://www.youtube.com/channel/UCfgwbb2h10V3tgJ59sbGBnQ">Canal oficial no YouTube</a></h4>
-                        </div>
-                    </div>
-                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".3s">
-                        <p><a href="https://www.linkedin.com/in/capella-mbse-tool/"><img data-src="images/icons/icon_linkedin.png" alt="Capella MBSE - Conta oficial no LinkedIn" class="lazyload" width="90" height="90"></a></p>
-                        <div>
-                            <h4><a href="https://www.linkedin.com/in/capella-mbse-tool/">Conta oficial no LinkedIn</a></h4>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-
-		<section class="text-center">
-            <div class="container">
-                <div class="row">
-                    <div class="col-md-4 col-md-offset-2 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".2s">
-                        <p><img data-src="images/br/tony_komar.png" alt="Inovando com Capella - Tony Komar (Siemens)" class="circular-square box-shadow lazyload" width="130" height="130"></p>
-                            <div>
-                                <h4>Inovando com Capella</h4>
-                                <p>Um curso composto por 41 vídeos<br>para aprender Capella e MBSE. <br>Por Tony Komar (Siemens).</p>
-                                <p><a href="https://www.youtube.com/watch?v=vITV0TIeuC8&list=PLfrEYVpSGVLywKkR4UWQ-R3ISIOLY9xke">Canal no YouTube <i class="fa fa-arrow-circle-right"></i></a></p>
-                            </div>
-                    </div>
-                    <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".3s">
-                        <div class="box-shadow circular-landscape br_circular_landscape_margin"><img data-src="images/thumbs/resources/thumb_toy-catapult.jpg" alt="Capella MBSE - Tutorial Catapulta de brinquedo" class="lazyload" width="130" height="130"></div>
-                            <div>
-                                <h4>Tutorial Catapulta de brinquedo</h4>
-                                <p>Um exemplo simples para entender como usar o Capella. Por Ugur Arikan e Peter Jackson  <br>(Universidade de Tecnologia e Design de Cingapura)</p>
-                                <p><a href="https://esd.sutd.edu.sg/40014-capella-tutorial/">Artigo <i class="fa fa-arrow-circle-right"></i></a></p>
-                            </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-
-           <div id="back-to-top" data-spy="affix" data-offset-top="100"
-            class="back-to-top hidden-xs hidden-sm affix-top">
-            <button class="btn btn-default" title="Back to Top">
-                <i class="fa fa-caret-up"></i>
-            </button>
-        </div>
-        <script defer type="text/javascript">
-        // Back to top
-            jQuery('#back-to-top').on('click', function() {
-                jQuery("html, body").animate({
-                    scrollTop : 0
-                }, 500);
-                return false;
-            });
-        </script>
-        <!--
-        ==================================================
-        Footer Section
-        ================================================== -->
-        <ng-include src="'angular/blocks/footer.html'"></ng-include>
-        <!-- bootstrap js -->
-        <script defer src="js/bootstrap.min.js"></script>
-        <!-- wow js -->
-        <script defer src="js/wow.min.js"></script>
-        <script defer src="js/jquery.fancybox.js"></script>
-        <!-- template main js -->
-        <script defer src="js/main.js"></script>
-        <!-- Global site tag (gtag.js) - Google Analytics -->
-		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-57722280-1"></script>
-		<script async src="js/googleAnalytics.js"></script>
-        <script async src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
-        <!-- modernizr js -->
-        <script defer src="js/vendor/modernizr-2.6.2.min.js"></script>
-    </body>
-</html>
\ No newline at end of file
diff --git a/capella_mbse_jp.html b/capella_mbse_jp.html
new file mode 100644
index 0000000..b06eb39
--- /dev/null
+++ b/capella_mbse_jp.html
@@ -0,0 +1,328 @@
+<!DOCTYPE html>

+<html lang="en" class="no-js">

+    <head>

+    	<!-- Google Tag Manager -->

+		<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

+		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

+		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

+		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

+		})(window,document,'script','dataLayer','GTM-WCRD68P');</script>

+		<!-- End Google Tag Manager -->

+        <!-- Basic Page Needs

+        ================================================== -->

+        <meta charset="utf-8">

+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

+        <link rel="icon" type="image/png" href="images/favicon.ico">

+        <meta name="robots" content="noindex">

+        <title>CapellaはオープンソースのMBSEツールです</title>

+        <meta name="description" content="Eclipse Capella™は、包括的で拡張性があり、現場で実証済みのMBSEツールであり、システムアーキテクチャの設計を成功させるための方法です。">

+        <meta name="keywords" content="">

+        <meta name="author" content="">

+        <!-- Mobile Specific Metas

+        ================================================== -->

+        <meta name="format-detection" content="telephone=no">

+        <meta name="viewport" content="width=device-width, initial-scale=1">

+        <!-- Template CSS Files

+        ================================================== -->

+        <!-- Twitter Bootstrs CSS -->

+        <link rel="stylesheet" href="css/bootstrap.min.css">

+        <!-- animate css -->

+        <link rel="stylesheet" href="css/animate.css">

+        <link rel="stylesheet" href="css/jquery.fancybox.css">

+        <!-- template main css file -->

+        <link rel="stylesheet" href="css/main.css">

+        <!-- responsive css -->

+        <link rel="stylesheet" href="css/responsive.css">

+        <link rel="stylesheet" href="css/latofonts.css">

+        <!-- Cookie content -->

+        <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />

+        <!-- Template Javascript Files

+        ================================================== -->

+		<!-- jquery -->

+        <script src="js/jquery-3.4.1.min.js"></script>

+        <script src="js/lazysizes.min.js" async></script>

+        <!-- Angular -->

+        <base href="/capella/">

+        <script src="js/angular-1.7.8.min.js"></script>

+        <script src="angular/capella.js"></script>

+        <script src="js/helpers.js"></script>

+		<script defer src="https://kit.fontawesome.com/16cf99803e.js" crossorigin="anonymous"></script>

+    </head>

+    <body ng-app="capella" data-deferred-cloak>

+	    <!-- Google Tag Manager (noscript) -->

+		<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WCRD68P"

+		height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

+		<!-- End Google Tag Manager (noscript) -->

+        <!--

+        ==================================================

+        Header Section

+        ================================================== -->

+        <ng-include src="'angular/blocks/header_jp.html'"></ng-include>

+        <!--

+        ==================================================

+        Intro Section

+        ================================================== -->

+        <section class="hero-area home">

+            <div class="container block">

+                <div class="row">

+                    <div class="col-md-12 text-center">

+	                    <section class="cd-intro">

+	                        <h1 class="wow fadeInUp" data-wow-delay=".2s" >

+	                            モデルベースのシステムエンジニアリングのためのオープンソースソリューション

+	                        </h1>

+	                    </section> <!-- cd-intro -->

+	                    <h2 class="wow fadeInUp" data-wow-delay=".3s" >

+	                        Eclipse Capella™は、包括的で拡張性があり、現場で実証済みのMBSEツールであり、システムアーキテクチャの設計を成功させるための方法です。

+	                    </h2>

+                    </div>

+                </div>

+            </div>

+        </section>

+

+        <section class="bg_lightest_grey text-center">

+            <div class="container">

+                <div class="section-heading">

+                    <h2 class="title wow fadeInDown" data-wow-delay=".3s">日本語リソース</h2>

+                </div>

+                <div class="row">

+                    <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".2s">

+                        <p><a href="https://youtu.be/mdEpPtqyaHY"><img data-src="images/icons/icon_video.png" alt="アルカディアとカペラの精神を7分で" class="lazyload" width="90" height="90"></a></p>

+                            <div>

+                                <h4><a href="https://youtu.be/2fveJ7nwiuU">アルカディアとカペラの精神を7分で</a></h4>

+                            </div>

+                    </div>

+                    <div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".3s">

+                        <p><a href="resources/pdf/Datasheet_Arcadia_jp.pdf"><img data-src="images/icons/icon_pages.png" alt="この方法の要点は、4ページのドキュメントにまとめられています。" class="lazyload" width="90" height="90"></a></p>

+                            <div>

+                                <h4><a href="resources/pdf/Datasheet_Arcadia_jp.pdf">この方法の要点は、4ページのドキュメントにまとめられています。</a></h4>

+                            </div>

+                    </div>

+                </div>

+            </div>

+        </section>

+        <section id="workbench" class="hero-area services">

+	        <div class="container block">

+	            <div class="row text-center wow fadeInDown">

+	            	<h2 class="title">CAPELLA、MBSEを展開するためのソフトウェアソリューション</h2>

+	                <p>アルカディアメソッドと一緒に開発されたカペラは、システム、ソフトウェア、およびハードウェアのアーキテクトに、方法論的なガイダンス、直感的なモデル編集、および表示機能を提供します。</p>

+            	</div>

+	        </div>

+		</section>

+		<section>

+			<div class="container">

+				<div class="row">

+					<div class="col-md-5 wow fadeInLeft" data-wow-delay=".1s">

+						<p>Capellaは、アルカディアメソッドを実装するオープンソースのMBSEツールです。</p>

+						<p>これはモデリングツールであり、アルカディアで定義された5つのエンジニアリングパースペクティブによって構造化されたさまざまな種類のダイアグラムをサポートします。</p>

+						<p>Capellaには、メソッドエクスプローラーなど、アルカディアメソッドをサポートする専用機能と、モデリングアクセラレータまたはエンジニアリングヘルパーの豊富なセットが含まれているため、システムエンジニアの日々の作業は軽減され、システムアーキテクトはモデルの維持に苦労する代わりに実際のシステムエンジニアリング作業に集中できます。</p>

+						<p><a class="wow fadeInUp" data-wow-delay=".2s" href="features.html">機能(英語) <i class="fa fa-arrow-circle-right"></i></a></p>

+					</div>

+					<div class="col-md-7 wow fadeInRight" data-wow-delay=".2s">

+						<a href=""><img class="lazyload" width="585" height="433" data-src="images/home/capella_screenshot.jpg" alt=CAPELLA、MBSEを展開するためのソフトウェアソリューション"></a>

+					</div>

+				</div>

+			</div>

+		</section>

+		<section>

+			<div class="container">

+				<div class="row">

+					<div class="col-md-7 wow fadeInRight" data-wow-delay=".2s">

+						<a href=""><img class="lazyload" width="585" height="350" data-src="images/br/capella-case-studies.png" alt="Capella - Case Studies"></a>

+					</div>

+					<div class="col-md-5 wow fadeInLeft" data-wow-delay=".1s">

+						<p>カペラは、システムエンジニアリング実践者が現在行っている実務や懸念事項を強く反映しており、アルカディアが取り組んだ正確なスコープのおかげで容易に学ぶことができます 。カペラは、システムエンジニアリング実践者が現在行っている実務や懸念事項を強く反映しており、アルカディアが取り組んだ正確なスコープのおかげで容易に学ぶことができます 。</p>

+						<p>カペラは、さまざまな産業分野(航空宇宙、防衛、エネルギー、輸送、ヘルスケア、電気通信など)の何百ものエンジニアリングチームによって世界中に展開されています。</p>

+						<p>また、サポート、システム統合、アドオンなどを提供する専門家や技術プロバイダーの豊富なエコシステムからも恩恵を受けています。</p>

+						<p><a class="wow fadeInUp" data-wow-delay=".2s" href="addons.html">アドオン(英語) <i class="fa fa-arrow-circle-right"></i></a></p>

+					</div>

+				</div>

+			</div>

+		</section>

+        <section id="arcadia" class="hero-area arcadia">

+	        <div class="container block">

+	            <div class="row text-center wow fadeInDown">

+	            	<h2 class="title">アルカディアにガイドして貰いましょう</h2>

+	                <p>包括的で方法論およびツールでサポートされるモデルベースのエンジニアリングガイダンス</p>

+            	</div>

+	        </div>

+		</section>

+

+		<section>

+			<div class="container">

+				<div class="row">

+					<div class="col-md-5 wow fadeInLeft" data-wow-delay=".1s">

+						<p>アルカディアは、システム、ハードウェア、およびソフトウェアのアーキテクチャ設計を定義、分析、設計、および検証するためのモデルベースのエンジニアリング手法です。</p>

+						<p>SysMLの概念に触発され、2005年から2010年にかけ、全世界に展開するタレス社の全事業領域の運用アーキテクトが関与した反復型プロセスを通じて、タレス社が開発・実証したものです </p>

+					</div>

+					<div class="col-md-7 wow fadeInRight" data-wow-delay=".2s">

+						<a href=""><img class="lazyload" width="400" height="315" data-src="images/jp/triptique_jp.png" alt="Arcadia(アルカディア)メソッド - Triptique"></a>

+					</div>

+				</div>

+			</div>

+		</section>

+		<section>

+			<div class="container">

+				<div class="row">

+					<div class="col-md-7 wow fadeInRight" data-wow-delay=".2s">

+						<a href="resources/pdf/Datasheet_Arcadia_jp.pdf"><img class="lazyload" width="585" height="361" data-src="images/jp/arcadia-overview_jp.png" alt="Arcadia - 概要"></a>

+					</div>

+					<div class="col-md-5 wow fadeInLeft" data-wow-delay=".1s">

+						<p>アルカディアは、システムエンジニアリング実践者が現在行っている実務や懸念事項を強く反映し、システムアーキテクチャの協調的な定義、評価、および活用に重点を置いています。</p>

+						<p>その主なハイレベルの目的は次のとおりです。</p>

+						<ul>

+							<li>顧客のニーズをよりよく理解すること</li>

+							<li>ソリューションを定義し、利害関係者間で共有すること</li>

+							<li>システム、サブシステム、ソフトウェアおよびハードウェアエンジニアリングを安全なものとすること</li>

+							<li>作業の外部委託を準備すること</li>

+							<li>エンジニアリングの専門分野に対してアーキテクチャ設計を早期に評価・正当化しすること</li>

+							<li>V&V活動の準備と習得をすること</li>

+						</ul>

+						<p><a class="wow fadeInUp" data-wow-delay=".2s" href="resources/pdf/Datasheet_Arcadia_jp.pdf">概要(日本語) <i class="fa fa-arrow-circle-right"></i></a></p>

+					</div>

+				</div>

+			</div>

+		</section>

+		<section>

+			<div class="container">

+				<div class="row">

+					<div class="col-md-5 wow fadeInLeft" data-wow-delay=".1s">

+						<p>アルカディアの方法は、最初にモデルのニーズを把握し、次にモデルのソリューションを把握することに焦点を当てています。</p>

+						<p>次に、これら2つの焦点は、5つのエンジニアリングの観点に分類されます。</p>

+						<ul>

+							<li>問題の定義:顧客の運用ニーズ分析</li>

+							<li>システム要件の厳密化:システムニーズ分析</li>

+							<li>システムアーキテクチャ設計の開発:論理アーキテクチャ</li>

+							<li>ソリューションアーキテクチャの定義:物理アーキテクチャ</li>

+							<li>構築戦略の定義:開発契約とIVVQ</li>

+						</ul>

+						<p><a class="wow fadeInUp" data-wow-delay=".2s" href="arcadia.html">メソッド(英語) <i class="fa fa-arrow-circle-right"></i></a></p>

+					</div>

+					<div class="col-md-7 wow fadeInRight" data-wow-delay=".2s">

+						<a href=""><img class="lazyload" width="auto" height="391" data-src="images/jp/phases_arcadia_jp.png" alt="Arcadia - Phases"></a>

+					</div>

+				</div>

+			</div>

+		</section>

+

+		<section id="mbse" class="hero-area adopters">

+	        <div class="container block">

+	            <div class="row text-center wow fadeInDown">

+	            	<h2 class="title">MBSEとは<br>(モデルベースのシステムエンジニアリング)?</h2>

+	                <p>モデルベースのシステムエンジニアリング(MBSE)アプローチの本質は、システムを仕様規定、設計、分析、および検証するための厳密なデジタル言語を使用する点にあります。</p>

+            	</div>

+	        </div>

+		</section>

+

+		<section id="service-page" class="arcadia-content">

+			<div class="container">

+				<div class="row">

+					<p>あらゆる産業分野(エネルギー、航空宇宙、輸送、ヘルスケア)において、顧客はより複雑で相互接続性の高い新製品を求めます。これらの新製品は、賢く、より安全で、環境に優しく、接続性を備え、しかも手頃な価格でなければなりません。</p>

+					<p>これには、多数のコンポーネントを備えさまざまな業務分野へ対応できる、より複雑なシステムが必要になってきます。 しかし、従来のドキュメント駆動型のアプローチでは、システムは、主にオフィスで使われる文書形式に依存し、異なる種類の蓄積されたドキュメントで記述されます。 これは、製品定義全体の一貫性を維持し続けるのが難しい、という問題を引き起こします。 </p>

+					<p>この問題に対処するため製品の設計者は、ドキュメント駆動型のシステムエンジニアリングアプローチから、システム全体を一貫性があり統合され計算機処理可能な記述に移行する必要があります。</p>

+					<p>MBSEアプローチでは、厳密なデジタル言語を使用して、システムエンジニアが製品とシステムアーキテクチャを可視化し、トレーサビリティと一貫性を確保できるようにします。 これにより、コンポーネント間の互換性の問題を早期に特定できるため、不整合が減少し、コンポーネントの組み立てが容易になります。</p>

+					<p>MBSEソフトウェアツールはこれらのモデルをデジタル化するため、デジタルスレッドへの統合と多くのアクティビティの自動化をサポートします。</p>

+					<p>Eclipse Capella™は、現場で実証された方法論であるアルカディアメソッドを実現し、アルカディアの概念をサポートするMBSEツールです。</p>

+					<p class="text-center"><a rel="gallery" class="fancybox" href="arcadia.html"><img class=" ls-is-cached lazyloaded" width="719" height="453" alt="Capella MBSE" data-src="images/jp/capella-mbse-approach_jp.png" src="images/jp/capella-mbse-approach_jp.png"></a></p>

+					<br> <br>

+				</div>

+			</div>

+		</section>

+

+		<section id="comecar" class="hero-area getstarted">

+	        <div class="container block">

+	            <div class="row text-center wow fadeInDown">

+	            	<h2 class="title">始めましょう</h2>

+	                <p>Eclipse Capellaをインストールして学習を開始する方法</p>

+            	</div>

+	        </div>

+		</section>

+

+		<section class="bg_lightest_grey text-center">

+            <div class="container">

+                <div class="row">

+                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".2s">

+                        <p><a href="/capella"><img data-src="images/icons/icon_home.png" alt="Capella MBSE - 英語のホームページ" class="lazyload" width="90" height="90"></a></p>

+                        <div>

+                            <h4><a href="/capella">英語のホームページ</a></h4>

+                        </div>

+                    </div>

+                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".3s">

+                        <p><a href="download.html"><img data-src="images/icons/icon_download.png" alt="Capella MBSE - ダウンロードページ" class="lazyload" width="90" height="90"></a></p>

+						<div>

+                            <h4><a href="download.html">ダウンロードページ</a></h4>

+                        </div>

+                    </div>

+                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".2s">

+                        <p><a href="https://www.youtube.com/channel/UCfgwbb2h10V3tgJ59sbGBnQ"><img data-src="images/icons/icon_video.png" alt="Capella MBSE - 公式Youtubeチャンネル" class="lazyload" width="90" height="90"></a></p>

+                        <div>

+                            <h4><a href="https://www.youtube.com/channel/UCfgwbb2h10V3tgJ59sbGBnQ">公式Youtubeチャンネル</a></h4>

+                        </div>

+                    </div>

+                    <div class="col-md-3 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".3s">

+                        <p><a href="https://www.linkedin.com/in/capella-mbse-tool/"><img data-src="images/icons/icon_linkedin.png" alt="Capella MBSE - 公式LinkedInアカウント" class="lazyload" width="90" height="90"></a></p>

+                        <div>

+                            <h4><a href="https://www.linkedin.com/in/capella-mbse-tool/">公式LinkedInアカウント</a></h4>

+                        </div>

+                    </div>

+                </div>

+            </div>

+        </section>

+

+		<section class="text-center">

+            <div class="container">

+                <div class="row">

+                    <div class="col-md-4 col-md-offset-2 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".2s">

+                        <p><img data-src="images/br/tony_komar.png" alt="カペラで革新を - Tony Komar (Siemens)" class="circular-square box-shadow lazyload" width="130" height="130"></p>

+                            <div>

+                                <h4>カペラで革新を</h4>

+                                <p>カペラとMBSEを学ぶための、<br>41のビデオで構成されるコース<br>Tony Komar(Siemens)による</p>

+                                <p><a href="https://www.youtube.com/watch?v=vITV0TIeuC8&list=PLfrEYVpSGVLywKkR4UWQ-R3ISIOLY9xke">Youtubeチャンネル <i class="fa fa-arrow-circle-right"></i></a></p>

+                            </div>

+                    </div>

+                    <div class="col-md-4 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".3s">

+                        <div class="box-shadow circular-landscape br_circular_landscape_margin"><img data-src="images/thumbs/resources/thumb_toy-catapult.jpg" alt="Capella MBSE - おもちゃのカタパルトチュートリアル" class="lazyload" width="130" height="130"></div>

+                            <div>

+                                <h4>おもちゃのカタパルトチュートリアル</h4>

+                                <p>カペラの使い方を理解するための非常に簡単な例<br>UgurArikanとPeterJackson(シンガポール工科大学)による</p>

+                                <p><a href="https://esd.sutd.edu.sg/40014-capella-tutorial/">記事 <i class="fa fa-arrow-circle-right"></i></a></p>

+                            </div>

+                    </div>

+                </div>

+            </div>

+        </section>

+

+           <div id="back-to-top" data-spy="affix" data-offset-top="100"

+            class="back-to-top hidden-xs hidden-sm affix-top">

+            <button class="btn btn-default" title="Back to Top">

+                <i class="fa fa-caret-up"></i>

+            </button>

+        </div>

+        <script defer type="text/javascript">

+        // Back to top

+            jQuery('#back-to-top').on('click', function() {

+                jQuery("html, body").animate({

+                    scrollTop : 0

+                }, 500);

+                return false;

+            });

+        </script>

+        <!--

+        ==================================================

+        Footer Section

+        ================================================== -->

+        <ng-include src="'angular/blocks/footer.html'"></ng-include>

+        <!-- bootstrap js -->

+        <script defer src="js/bootstrap.min.js"></script>

+        <!-- wow js -->

+        <script defer src="js/wow.min.js"></script>

+        <script defer src="js/jquery.fancybox.js"></script>

+        <!-- template main js -->

+        <script defer src="js/main.js"></script>

+        <!-- Global site tag (gtag.js) - Google Analytics -->

+		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-57722280-1"></script>

+		<script async src="js/googleAnalytics.js"></script>

+        <script async src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>

+        <!-- modernizr js -->

+        <script defer src="js/vendor/modernizr-2.6.2.min.js"></script>

+    </body>

+</html>
\ No newline at end of file
diff --git a/images/br/phases_arcadia_pt.png b/images/br/phases_arcadia_br.png
similarity index 100%
rename from images/br/phases_arcadia_pt.png
rename to images/br/phases_arcadia_br.png
Binary files differ
diff --git a/images/jp/arcadia-overview_jp.png b/images/jp/arcadia-overview_jp.png
new file mode 100644
index 0000000..bdfbac6
--- /dev/null
+++ b/images/jp/arcadia-overview_jp.png
Binary files differ
diff --git a/images/jp/capella-mbse-approach_jp.png b/images/jp/capella-mbse-approach_jp.png
new file mode 100644
index 0000000..7d7a0c0
--- /dev/null
+++ b/images/jp/capella-mbse-approach_jp.png
Binary files differ
diff --git a/images/jp/phases_arcadia_jp.png b/images/jp/phases_arcadia_jp.png
new file mode 100644
index 0000000..5171cbc
--- /dev/null
+++ b/images/jp/phases_arcadia_jp.png
Binary files differ
diff --git a/images/jp/triptique_jp.png b/images/jp/triptique_jp.png
new file mode 100644
index 0000000..a040be0
--- /dev/null
+++ b/images/jp/triptique_jp.png
Binary files differ
diff --git a/resources/pdf/Datasheet_Arcadia_jp.pdf b/resources/pdf/Datasheet_Arcadia_jp.pdf
new file mode 100644
index 0000000..3225d7a
--- /dev/null
+++ b/resources/pdf/Datasheet_Arcadia_jp.pdf
Binary files differ