First Commit

Setup repo and website
This commit is contained in:
2024-11-21 09:29:25 +01:00
commit a6f764245d
524 changed files with 357923 additions and 0 deletions

View File

@@ -0,0 +1,400 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Aplicaciones Móviles para Android e iOS</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css" />
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css" />
<link rel="stylesheet" href="css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== -1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="img/logo-trasparent.png"></a>
</div>
<h1>Aplicaciones Móviles para Android e iOS</h1>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
<div id="information2" class="media media-center ml-padding">
</div>
<div id="information3" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre" required />
</div>
<div class="form-group col-xl-6 pl-xl-1">
<input type="email" id="contact_email" name="contact_email" class="form-control"
placeholder="Correo electrónico" required />
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Escribe aquí tu mensaje." required></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script src="js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<img src="img/aplicacionesmoviles/am-01.jpg" class="imgresponsive">
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">En los últimos años hemos visto que el 90% del uso de internet es desde dispositivos móviles
(Teléfonos celulares, smartphones, tablets, etc).</p>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("information2").innerHTML = `
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0">Delphi Studio ofrece alternativas actualizadas en el desarrollo de aplicaciones para dispositivos móviles.
Tenemos una sólida experiencia en programación para Apple y Android.</p>
</div>
<img src="img/aplicacionesmoviles/am-02.jpg" class="imgresponsive tm-media-img">
`;
document.getElementById("information2").style.display = 'flex';
document.getElementById("information3").innerHTML = `
<img src="img/aplicacionesmoviles/am-03.jpg" class="imgresponsive">
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">Desarrollamos servicios y aplicaciones corporativas, es decir, las empresas que quieran hacer crecer su negocio
(aprovechando esta tecnología) hoy tienen una gran oportunidad de conectarse con sus clientes utilizando una aplicación móvil.
En Delphi Studio nos encargamos de todo el ciclo de vida de tu proyecto, desde el estudio y análisis de la idea hasta su puesta en marcha.
</p>
</div>
`;
document.getElementById("information3").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav class="navbar navbar-expand-sm bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="http://www.delphistudio.es/">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<img src="img/aplicacionesmoviles/am-01.jpg" class="imgresponsive">
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">Uno de los lenguajes más apoyados por los programadores es Python por que con este lenguaje
puedes hacer prácticamente lo que tu quieras.
<br>Es uno de los lenguajes de moda en sus múltiples usos: para escritorio, aplicaciones científicas,
web, scripting y mucho más.</p>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("information2").innerHTML = `
<img src="img/aplicacionesmoviles/am-02.jpg" class="imgresponsive tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0">Delphi Studio te ayuda a optimizar tu infraestructura utilizando las mejores soluciones,
para la configuración del servidor y para la implementación de aplicaciones.</p>
</div>
`;
document.getElementById("information2").style.display = 'block';
document.getElementById("information3").innerHTML = `
<img src="img/aplicacionesmoviles/am-03.jpg" class="imgresponsive tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0">Si deseas iniciar un nuevo proyecto en Python, o si necesitas asistencia y/o consultoría para su actual proyecto,
no dudes en contactarnos.
<br>¡Nuestro equipo de expertos en Delphi Studio, será feliz de ayudarte en todas tus necesidades de desarrollo!</p>
</div>
`;
document.getElementById("information3").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(function () {
if (renderPage) {
$('body').addClass('loaded');
}
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
});
</script>
</body>
</html>

View File

@@ -0,0 +1,394 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Aplicaciones Móviles para Android e iOS</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css" />
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css" />
<link rel="stylesheet" href="css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== -1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="img/logo-trasparent.png"></a>
</div>
<h1>Aplicaciones Móviles para Android e iOS</h1>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
<div id="information2" class="media media-center ml-padding">
</div>
<div id="information3" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/delphistudio@bittime.it" method="post" class="contact-form">
<div class="row mb-2">
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre" required />
</div>
<div class="form-group col-xl-6 pl-xl-1">
<input type="email" id="contact_email" name="contact_email" class="form-control"
placeholder="Correo electrónico" required />
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Escribe aquí tu mensaje." required></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.it/maps/place/Carrer+de+les+Garrigues,+17,+46001+Val%C3%A8ncia,+Spagna/@39.4712608,-0.3784316,17z/data=!4m5!3m4!1s0xd604f4c1c838a5d:0x8e12d7a464472964!8m2!3d39.4710745!4d-0.3793221"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.it/maps/place/Carrer+de+les+Garrigues,+17,+46001+Val%C3%A8ncia,+Spagna/@39.4712608,-0.3784316,17z/data=!4m5!3m4!1s0xd604f4c1c838a5d:0x8e12d7a464472964!8m2!3d39.4710745!4d-0.3793221"
target="_blank">
Carrer de les Garrigues, 17</a>
<br>46001 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2018 DELPHI STUDIO</p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script src="js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<img src="img/aplicacionesmóviles/am-01.jpg" class="imgresponsive">
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">En los últimos años hemos visto que el 90% del uso de internet es desde dispositivos móviles
(Teléfonos celulares, smartphones, tablets, etc).</p>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("information2").innerHTML = `
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0">Delphi Studio ofrece alternativas actualizadas en el desarrollo de aplicaciones para dispositivos móviles.
Tenemos una sólida experiencia en programación para Apple y Android.</p>
</div>
<img src="img/aplicacionesmóviles/am-02.jpg" class="imgresponsive tm-media-img">
`;
document.getElementById("information2").style.display = 'flex';
document.getElementById("information3").innerHTML = `
<img src="img/aplicacionesmóviles/am-03.jpg" class="imgresponsive">
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">Desarrollamos servicios y aplicaciones corporativas, es decir, las empresas que quieran hacer crecer su negocio
(aprovechando esta tecnología) hoy tienen una gran oportunidad de conectarse con sus clientes utilizando una aplicación móvil.
En Delphi Studio nos encargamos de todo el ciclo de vida de tu proyecto, desde el estudio y análisis de la idea hasta su puesta en marcha.
</p>
</div>
`;
document.getElementById("information3").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav class="navbar navbar-expand-sm bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="http://www.delphistudio.es/">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="aplicacionesmóviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<img src="img/aplicacionesmóviles/am-01.jpg" class="imgresponsive">
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">Uno de los lenguajes más apoyados por los programadores es Python por que con este lenguaje
puedes hacer prácticamente lo que tu quieras.
<br>Es uno de los lenguajes de moda en sus múltiples usos: para escritorio, aplicaciones científicas,
web, scripting y mucho más.</p>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("information2").innerHTML = `
<img src="img/python/am-02.png" class="imgresponsive tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0">Delphi Studio te ayuda a optimizar tu infraestructura utilizando las mejores soluciones,
para la configuración del servidor y para la implementación de aplicaciones.</p>
</div>
`;
document.getElementById("information2").style.display = 'block';
document.getElementById("information3").innerHTML = `
<img src="img/python/am-03.jpg" class="imgresponsive tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0">Si deseas iniciar un nuevo proyecto en Python, o si necesitas asistencia y/o consultoría para su actual proyecto,
no dudes en contactarnos.
<br>¡Nuestro equipo de expertos en Delphi Studio, será feliz de ayudarte en todas tus necesidades de desarrollo!</p>
</div>
`;
document.getElementById("information3").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmóviles.html">
Aplicaciones Móviles
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(function () {
if (renderPage) {
$('body').addClass('loaded');
}
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
});
</script>
</body>
</html>

382
public/arduino.html Normal file
View File

@@ -0,0 +1,382 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | ARDUINO</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css" />
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css" />
<link rel="stylesheet" href="css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== -1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="img/logo-trasparent.png"></a>
</div>
<h1>ARDUINO</h1>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1"class="media media-center ml-padding">
</div>
<div id="information2" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre" required />
</div>
<div class="form-group col-xl-6 pl-xl-1">
<input type="email" id="contact_email" name="contact_email" class="form-control"
placeholder="Correo electrónico" required />
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Escribe aquí tu mensaje." required></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script src="js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML=`
<img src="img/arduino/ad-01.jpg" class="imgresponsive">
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">Aprende a utilizar una de las plataformas de hardware libre más poderosas, difundidas y adoptadas en la actualidad.
<br>Delphi Studio te ayuda a conocer los fundamentos de Arduino y te asesora a desarrollar proyectos
de electrónica, domótica y robótica para tu empresa.</p>
</div>
`;
document.getElementById("information1").style.display='flex';
document.getElementById("information2").innerHTML=`
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0">Con nosotros entenderas el alcance y las posibilidades de esta plataforma, conocerás las distintas familias de placas
Arduino (veremos sus características, ventajas y desventajas para que puedas elegir la que mejor se adapte a las
necesidades de tu empresa) y utilizarás el IDE de desarrollo en distintos Sistemas operativos y las consideraciones
a tener en cuenta para su alimentación con fuentes, baterías y USB.</p>
</div>
<img src="img/arduino/ad-02.jpg" class="imgresponsive tm-media-img">
`;
document.getElementById("information2").style.display='flex';
document.getElementById("navigation-bar").innerHTML = `
<nav class="navbar navbar-expand-sm bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="http://www.delphistudio.es/">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML=`
<img src="img/arduino/ad-01.jpg" class="imgresponsive">
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">Aprende a utilizar una de las plataformas de hardware libre más poderosas, difundidas y adoptadas en la actualidad.
<br>Delphi Studio te ayuda a conocer los fundamentos de Arduino y te asesora a desarrollar proyectos
de electrónica, domótica y robótica para tu empresa.</p>
</div>
`;
document.getElementById("information1").style.display='block';
document.getElementById("information2").innerHTML=`
<img src="img/arduino/ad-02.jpg" class="imgresponsive tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0">Con nosotros entenderas el alcance y las posibilidades de esta plataforma, conocerás las distintas familias de placas
Arduino (veremos sus características, ventajas y desventajas para que puedas elegir la que mejor se adapte a las
necesidades de tu empresa) y utilizarás el IDE de desarrollo en distintos Sistemas operativos y las consideraciones
a tener en cuenta para su alimentación con fuentes, baterías y USB.</p>
</div>
`;
document.getElementById("information2").style.display='block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(function () {
if (renderPage) {
$('body').addClass('loaded');
}
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
});
</script>
</body>
</html>

View File

@@ -0,0 +1,111 @@
# Apache Server Configs v1.1.0 | MIT License
# https://github.com/h5bp/server-configs-apache
# (!) Using `.htaccess` files slows down Apache, therefore, if you have access
# to the main server config file (usually called `httpd.conf`), you should add
# this logic there: http://httpd.apache.org/docs/current/howto/htaccess.html.
# ##############################################################################
# # URL REWRITES #
# ##############################################################################
# ------------------------------------------------------------------------------
# | Rewrite engine |
# ------------------------------------------------------------------------------
# Turning on the rewrite engine and enabling the `FollowSymLinks` option is
# necessary for the following directives to work.
# If your web host doesn't allow the `FollowSymlinks` option, you may need to
# comment it out and use `Options +SymLinksIfOwnerMatch` but, be aware of the
# performance impact: http://httpd.apache.org/docs/current/misc/perf-tuning.html#symlinks
# Also, some cloud hosting services require `RewriteBase` to be set:
RewriteRule ^(\d+)w(\d+)[-/].*[-/]f(\d+)-.*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^(\d+)w(\d+)[-/]f(\d+)[-/].*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^f(\d+)[-/].*[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^f(\d+)[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/]f(\d+)[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/]f(\d+)[-/].*[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/](\d+)w(\d+)[-/].*[-/]f(\d+)[-/].*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^.*[-/](\d+)w(\d+)[-/]f(\d+)[-/].*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^(\d+)w(\d+)[-/].*[-/]f(\d+)-.*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^(\d+)w(\d+)[-/]f(\d+)[-/].*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^f(\d+)[-/].*[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^f(\d+)[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/]f(\d+)[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/]f(\d+)[-/].*[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/](\d+)w(\d+)[-/].*[-/]f(\d+)[-/].*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^.*[-/](\d+)w(\d+)[-/]f(\d+)[-/].*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^(\d+)w(\d+)[-/].*[-/]f(\d+)-.*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^(\d+)w(\d+)[-/]f(\d+)[-/].*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^f(\d+)[-/].*[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^f(\d+)[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/]f(\d+)[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/]f(\d+)[-/].*[-/](\d+)w(\d+)[-/].*$ index\.php?id=$2-$3-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/](\d+)w(\d+)[-/].*[-/]f(\d+)[-/].*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^.*[-/](\d+)w(\d+)[-/]f(\d+)[-/].*$ index\.php?id=$1-$2-$3&%{QUERY_STRING} [L]
RewriteRule ^v(\d+)[-/].*[-/]b(\d+)-.*$ index\.php?id=$1-$2&%{QUERY_STRING} [L]
RewriteRule ^v(\d+)[-/]b(\d+)[-/].*$ index\.php?id=$1-$2&%{QUERY_STRING} [L]
RewriteRule ^b(\d+)[-/].*[-/]v(\d+)[-/].*$ index\.php?id=$2-$1&%{QUERY_STRING} [L]
RewriteRule ^b(\d+)[-/]v(\d+)[-/].*$ index\.php?id=$2-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/]b(\d+)[-/]v(\d+)[-/].*$ index\.php?id=$2-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/]b(\d+)[-/].*[-/]v(\d+)[-/].*$ index\.php?id=$2-$1&%{QUERY_STRING} [L]
RewriteRule ^.*[-/]v(\d+)[-/].*[-/]b(\d+)[-/].*$ index\.php?id=$1-$2&%{QUERY_STRING} [L]
RewriteRule ^.*[-/]v(\d+)[-/]b(\d+)[-/].*$ index\.php?id=$1-$2&%{QUERY_STRING} [L]
# http://www.rackspace.com/knowledge_center/frequently-asked-question/why-is-mod-rewrite-not-working-on-my-site
<IfModule mod_rewrite.c>
Options +FollowSymlinks
# Options +SymLinksIfOwnerMatch
RewriteEngine On
RewriteBase /
</IfModule>
# ------------------------------------------------------------------------------
# | Suppressing / Forcing the "www." at the beginning of URLs |
# ------------------------------------------------------------------------------
# The same content should never be available under two different URLs especially
# not with and without "www." at the beginning. This can cause SEO problems
# (duplicate content), therefore, you should choose one of the alternatives and
# redirect the other one.
# By default option 1 (no "www.") is activated:
# http://no-www.org/faq.php?q=class_b
# If you'd prefer to use option 2, just comment out all the lines from option 1
# and uncomment the ones from option 2.
# IMPORTANT: NEVER USE BOTH RULES AT THE SAME TIME!
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
# Option 1: rewrite www.example.com → example.com
# <IfModule mod_rewrite.c>
# RewriteCond %{HTTPS} !=on
# RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
# RewriteRule ^ http://%1%{REQUEST_URI} [R=301,L]
# </IfModule>
# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
# Option 2: rewrite example.com → www.example.com
# Be aware that the following might not be a good idea if you use "real"
# subdomains for certain parts of your website.
<IfModule mod_rewrite.c>
RewriteCond %{HTTPS} !=on
RewriteCond %{HTTP_HOST} !^www\..+$ [NC]
RewriteCond %{HTTP_HOST} !=localhost [NC]
RewriteCond %{HTTP_HOST} !=127.0.0.1

View File

@@ -0,0 +1,223 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata></metadata>
<defs>
<font id="league_gothicregular" horiz-adv-x="724" >
<font-face units-per-em="2048" ascent="1505" descent="-543" />
<missing-glyph horiz-adv-x="315" />
<glyph horiz-adv-x="2048" />
<glyph horiz-adv-x="2048" />
<glyph unicode="&#xd;" horiz-adv-x="2048" />
<glyph unicode=" " horiz-adv-x="315" />
<glyph unicode="&#x09;" horiz-adv-x="315" />
<glyph unicode="&#xa0;" horiz-adv-x="315" />
<glyph unicode="!" horiz-adv-x="387" d="M74 1505l55 -1099h129l55 1099h-239zM86 0h215v227h-215v-227z" />
<glyph unicode="&#x22;" horiz-adv-x="532" d="M78 1505l31 -551h153l31 551h-215zM332 1505l30 -551h154l31 551h-215z" />
<glyph unicode="#" horiz-adv-x="1232" d="M49 438h199l-60 -438h197l59 438h261l-60 -438h197l59 438h191l26 195h-190l37 258h192l27 194h-193l58 420h-197l-57 -420h-260l57 420h-197l-57 -420h-197l-26 -194h196l-37 -258h-198zM471 633l37 258h260l-37 -258h-260z" />
<glyph unicode="$" horiz-adv-x="692" d="M37 358q3 -134 61 -227q64 -103 189 -125v-221h123v217q127 14 192 127q53 90 53 242q0 65 -18 127q-36 106 -119 225q-9 13 -32.5 47t-36.5 51q-78 102 -115 166q-58 97 -58 172q0 57 21 111q20 51 63 51q44 1 65 -33t28 -92l192 25q-14 118 -63 186q-62 85 -172 96v125 h-123v-131q-115 -25 -170 -131q-45 -86 -45 -211q0 -66 20 -125q30 -100 117 -227q52 -77 129 -176q42 -62 55 -84q58 -100 58 -174q0 -77 -21 -127q-23 -58 -72 -58q-63 0 -96 58q-30 49 -33 129z" />
<glyph unicode="%" horiz-adv-x="1001" d="M55 911q0 -48 19 -88q43 -88 141 -88q60 0 90 27q65 56 68 149v437q-3 48 -21 86q-21 40 -52 64t-85 24q-62 0 -92 -27q-68 -59 -68 -147v-437zM158 0h137l547 1505h-131zM178 911v437q-2 10 2 26q12 29 35 29q16 0 21 -8q14 -21 14 -47v-437q0 -55 -35 -55q-42 0 -37 55 zM631 158q0 -50 18 -88q46 -86 142 -86q61 0 90 26q64 55 67 148v436q-3 50 -20 88q-21 40 -52 64t-85 24q-63 0 -93 -27q-67 -58 -67 -149v-436zM754 158v436q-2 11 2 27q4 9 7 14t10 9.5t18 4.5q15 0 20 -8q14 -21 14 -47v-436q0 -13 -4 -29q-12 -29 -30 -29q-16 0 -23 11 q-16 20 -14 47z" />
<glyph unicode="&#x26;" horiz-adv-x="854" d="M49 315q0 -132 86 -231q87 -100 217 -100t252 139q38 -41 68 -62q74 -55 112 -69q19 -8 29 -8v235q-8 3 -35 23q-19 12 -57 53q45 91 70 207q17 78 22 151l-176 33q-26 -152 -47 -211q-63 93 -148 285q94 124 148 227q97 181 28 371q-62 164 -235 164q-105 0 -160 -52 q-107 -98 -110 -276q0 -226 106 -442q-40 -61 -63.5 -101.5t-51.5 -99t-41.5 -117t-13.5 -119.5zM263 320q-5 64 5 104q15 88 45 133q65 -120 174 -295q-24 -30 -38.5 -45t-37.5 -28t-49 -13q-42 0 -69 43q-25 37 -30 101zM311 1270q16 76 72 76q33 0 49 -23q32 -43 29 -123 q0 -95 -101 -252q-32 79 -41 125q-26 111 -8 197z" />
<glyph unicode="'" horiz-adv-x="309" d="M57 1505l31 -551h154l30 551h-215z" />
<glyph unicode="(" horiz-adv-x="561" d="M66 645q0 -198 45 -362q84 -326 247 -580l162 84q-72 103 -129 238q-129 301 -129 620q0 192 41 350q79 311 217 510l-162 84q-81 -127 -147 -280q-145 -337 -145 -664z" />
<glyph unicode=")" horiz-adv-x="561" d="M41 -213l162 -84q79 125 145 279q148 344 148 663q0 198 -45 365q-84 313 -248 579l-162 -84q72 -110 129 -239q129 -315 129 -621q0 -190 -41 -348q-83 -316 -217 -510z" />
<glyph unicode="*" horiz-adv-x="677" d="M74 1251l172 -34l-115 -138l131 -80l76 152l78 -152l131 80l-115 138l172 34l-43 148l-164 -70l19 176h-154l19 -176l-164 70z" />
<glyph unicode="+" horiz-adv-x="1060" d="M74 649h370v-346h172v346h371v172h-371v346h-172v-346h-370v-172z" />
<glyph unicode="," horiz-adv-x="309" d="M45 0h72l-72 -266h102l113 266v227h-215v-227z" />
<glyph unicode="-" horiz-adv-x="444" d="M74 455h297v194h-297v-194z" />
<glyph unicode="." horiz-adv-x="321" d="M53 0h215v227h-215v-227z" />
<glyph unicode="/" horiz-adv-x="720" d="M8 -147h168l537 1652h-162z" />
<glyph unicode="0" d="M68 309q3 -97 36 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q61 46 89 110q33 67 36 164v887q-3 95 -36 162q-29 67 -89 112q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887zM289 309v887q0 34 8 55q17 56 65 56q29 0 46 -17 q28 -35 28 -94v-887q0 -36 -8 -55q-14 -55 -66 -55q-27 0 -43 16q-30 35 -30 94z" />
<glyph unicode="1" horiz-adv-x="475" d="M25 1180h147v-1180h221v1505h-133q-17 -38 -49 -78q-81 -86 -186 -106v-141z" />
<glyph unicode="2" horiz-adv-x="731" d="M55 0h600v219h-350q129 217 217 422q129 305 129 506q0 174 -61 266q-74 109 -234 109q-166 0 -237 -119q-58 -97 -58 -270v-105h222v105q0 80 14 129q17 55 59 55q44 0 62 -62q12 -42 12 -122q-3 -120 -63 -299q-51 -151 -127 -297q-88 -170 -185 -318v-219z" />
<glyph unicode="3" horiz-adv-x="686" d="M45 1071h217q0 148 14 205q10 51 52 51q48 0 61 -65q8 -39 8 -129v-121q0 -52 -14 -80q-13 -32 -49 -47.5t-105 -20.5v-184h19q65 -3 108 -27q62 -41 62 -155q-2 -39 -2 -129t-8 -127q-14 -64 -62 -64q-21 0 -34.5 11.5t-22.5 41.5q-19 62 -19 203h-217q0 -190 43 -289 q68 -161 250 -161q71 0 119 26q87 48 129 160q33 96 37 172q2 23 2 43q0 149 -27 252.5t-100 161.5l2 2q54 54 80 145t26 252q0 96 -39 176q-72 148 -247 148q-178 0 -244 -160q-39 -97 -39 -291z" />
<glyph unicode="4" horiz-adv-x="684" d="M25 328h342v-328h202v328h103v194h-103v983h-221l-323 -983v-194zM213 522l129 471l12 45h13v-516h-154z" />
<glyph unicode="5" horiz-adv-x="704" d="M74 438q0 -204 43 -301q66 -153 245 -153q177 0 246 145q43 88 43 248v336q0 93 -37 174q-63 137 -208 137q-24 3 -46 -6q-34 -11 -81 -45v313h344v219h-535v-792h186q0 30 25 69q29 41 61 41q34 0 52 -30.5t18 -79.5v-336q0 -112 -16 -158q-15 -43 -52 -43q-38 0 -53 45 q-14 41 -14 158v59h-221z" />
<glyph unicode="6" horiz-adv-x="700" d="M66 309q0 -109 43 -188q72 -137 245 -137q174 0 246 137q43 79 43 188v307q0 115 -37 191q-62 127 -209 127q-47 0 -110 -37v268q0 87 14 125q12 39 53 39q25 0 38.5 -12t19.5 -41q10 -49 10 -205h221v94q0 139 -41 219q-73 138 -248 138t-248 -138q-40 -78 -40 -219 v-856zM287 244v456q2 22 18.5 42t48.5 20q31 0 49.5 -24.5t18.5 -43.5v-450q0 -19 -18.5 -43.5t-49.5 -24.5q-33 0 -50 24t-17 44z" />
<glyph unicode="7" horiz-adv-x="589" d="M8 1286h332l-225 -1286h229l221 1284v221h-557v-219z" />
<glyph unicode="8" horiz-adv-x="696" d="M53 322q0 -41 13 -105q18 -92 77 -154q75 -79 205 -79t205 79q60 63 78 154q12 59 12 105v176q0 87 -29.5 165.5t-85.5 131.5q50 50 76.5 123t26.5 153v127q0 100 -37 176q-72 148 -246 148q-172 0 -244 -148q-38 -78 -38 -176v-127q0 -80 26 -153t76 -123 q-56 -53 -85.5 -131.5t-29.5 -165.5v-176zM270.5 416q-1.5 129 10.5 194q9 66 67 66t70 -66q10 -72 10 -200q0 -99 -10 -164q-12 -60 -70 -60q-46 0 -61 52q-15 49 -16.5 178zM284.5 1120q1.5 118 14.5 162q12 45 49 45q43 0 55 -51q11 -64 11 -156q0 -108 -11 -172 q-12 -55 -55 -55q-44 0 -53 55q-12 54 -10.5 172z" />
<glyph unicode="9" horiz-adv-x="700" d="M57 340q0 -139 41 -217q71 -139 248 -139t248 139q41 78 41 217v856q0 108 -43 190q-74 136 -246 136t-246 -136q-43 -82 -43 -190v-293q0 -114 37 -190q62 -127 209 -127q48 0 111 37v-283q0 -81 -13 -125q-14 -39 -55 -39q-25 0 -38 12t-19 41q-10 49 -10 205h-222v-94 zM279 825v437q0 19 18 43t49 24q34 0 51 -23.5t17 -43.5v-443q-2 -22 -19 -41.5t-49 -19.5q-31 0 -49 24t-18 43z" />
<glyph unicode=":" horiz-adv-x="362" d="M74 0h215v227h-215v-227zM74 893h215v227h-215v-227z" />
<glyph unicode=";" horiz-adv-x="362" d="M74 0h71l-71 -266h102l113 266v227h-215v-227zM74 893h215v227h-215v-227z" />
<glyph unicode="&#x3c;" horiz-adv-x="1058" d="M74 649l911 -475v199l-698 356l698 356v199l-911 -475v-160z" />
<glyph unicode="=" horiz-adv-x="1058" d="M74 477h911v172h-911v-172zM74 864h911v172h-911v-172z" />
<glyph unicode="&#x3e;" horiz-adv-x="1058" d="M74 174l911 475v160l-911 475v-199l698 -356l-698 -356v-199z" />
<glyph unicode="?" horiz-adv-x="645" d="M25 1260l178 -84q18 54 43 90q41 55 88 55q40 0 59 -37q12 -30 8 -57q-9 -42 -53 -113q-64 -105 -92 -182q-45 -123 -45 -270v-256h190v256q0 51 13 108q21 88 71 172q8 13 21 35.5t18 30.5q29 50 41.5 73.5t25.5 65t13 80.5q0 98 -45 172q-68 111 -221 114 q-126 3 -217 -100q-75 -84 -96 -153zM199 0h215v227h-215v-227z" />
<glyph unicode="@" horiz-adv-x="872" d="M66 303q0 -42 18 -94.5t57 -99.5q101 -125 299 -125q214 0 320 143l-152 86q-51 -63 -168 -63q-99 0 -151 59q-39 42 -39 94v889q0 49 39 96q54 62 151 62q100 0 154 -62q37 -45 37 -96v-45q-6 12 -27 33q-38 34 -86 34q-77 0 -111 -47t-34 -123v-485q0 -172 145 -172 q28 0 51 10q43 21 62 58l20 -56h164v793q0 43 -18 99t-56 104q-103 127 -301 127q-199 0 -299 -127q-39 -48 -57 -103.5t-18 -99.5v-889zM535 573v455q0 53 47 53q23 0 36 -14t13 -39v-455q0 -53 -49 -53q-47 0 -47 53z" />
<glyph unicode="A" horiz-adv-x="765" d="M20 0h216l40 307h213l41 -307h215l-227 1505h-270zM307 541l64 475l6 39h12l6 -39l64 -475h-152z" />
<glyph unicode="B" horiz-adv-x="745" d="M82 0h272q188 9 271 135q71 109 71 291q0 114 -24 184q-48 139 -129 185q77 71 108 137q29 62 29 174q0 216 -102 311q-95 88 -302 88h-194v-1505zM303 219v463q66 0 98 -23q66 -48 66 -208q0 -161 -66 -209q-32 -23 -98 -23zM303 885v401q65 0 98 -22q66 -45 66 -179 q0 -133 -66 -178q-33 -22 -98 -22z" />
<glyph unicode="C" horiz-adv-x="708" d="M68 309q3 -97 36 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q61 46 89 110q33 67 36 164v207h-206v-207q0 -34 -9 -55q-18 -55 -75 -55q-27 0 -43 16q-32 37 -35 94v887q4 39 10 55q21 56 68 56q34 0 51 -17q33 -36 33 -94v-207h206v207q-3 95 -36 162 q-29 67 -89 112q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887z" />
<glyph unicode="D" horiz-adv-x="761" d="M82 0h174q156 0 243.5 35.5t131.5 120.5q40 80 52.5 215t12.5 381q0 247 -12.5 382.5t-52.5 215.5q-44 85 -131 120t-244 35h-174v-1505zM303 221v1063q63 0 94 -15t47 -65q18 -68 21 -160q2 -72 2 -290q0 -219 -2 -291q-3 -96 -21 -160q-16 -52 -47 -67t-94 -15z" />
<glyph unicode="E" horiz-adv-x="628" d="M82 0h506v227h-285v414h205v242h-205v395h285v227h-506v-1505z" />
<glyph unicode="F" horiz-adv-x="616" d="M82 0h221v655h205v228h-205v395h305v227h-526v-1505z" />
<glyph unicode="G" horiz-adv-x="737" d="M68 309v-18q0 -82 24 -146q26 -66 78 -110q57 -51 158 -51t172 88l26 -72h131v750h-309v-187h88v-272q0 -36 -8 -55q-14 -56 -66 -56q-26 0 -43 17q-30 35 -30 94v905q0 34 8 55q17 56 65 56q29 0 46 -17q28 -35 28 -94v-231h221v231q-3 95 -36 162q-29 67 -89 112 q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887z" />
<glyph unicode="H" horiz-adv-x="778" d="M82 0h221v655h172v-655h221v1505h-221v-622h-172v622h-221v-1505z" />
<glyph unicode="I" horiz-adv-x="385" d="M82 0h221v1505h-221v-1505z" />
<glyph unicode="J" horiz-adv-x="423" d="M12 -14q20 -1 39 -1q154 0 230 81q71 77 71 213v1226h-221v-1192q0 -52 -18 -73q-29 -38 -80 -38q-10 0 -21 1v-217z" />
<glyph unicode="K" horiz-adv-x="768" d="M82 0h221v532l51 123l13 31h6l6 -31l153 -655h216l-230 1010l203 495h-215l-184 -501l-11 -25h-8v526h-221v-1505z" />
<glyph unicode="L" horiz-adv-x="604" d="M82 0h514v205h-293v1300h-221v-1505z" />
<glyph unicode="M" horiz-adv-x="991" d="M82 0h205v1010h12l8 -64l142 -946h94l141 946l8 64h13v-1010h204v1505h-270l-131 -688l-10 -80h-4l-11 80l-131 688h-270v-1505z" />
<glyph unicode="N" horiz-adv-x="808" d="M82 0h203v854h12l18 -70l215 -784h197v1505h-203v-854h-12l-18 70l-215 784h-197v-1505z" />
<glyph unicode="O" d="M68 309q3 -97 36 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q61 46 89 110q33 67 36 164v887q-3 95 -36 162q-29 67 -89 112q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887zM289 309v887q0 34 8 55q17 56 65 56q29 0 46 -17 q28 -35 28 -94v-887q0 -36 -8 -55q-14 -55 -66 -55q-27 0 -43 16q-30 35 -30 94z" />
<glyph unicode="P" horiz-adv-x="720" d="M82 0h221v602q162 0 266 98q123 116 123 355q0 240 -123 356q-99 94 -266 94h-221v-1505zM303 827v453q99 0 135 -53q31 -46 31 -180q0 -132 -31 -173q-34 -47 -135 -47z" />
<glyph unicode="Q" horiz-adv-x="729" d="M68 309q3 -97 36 -164q30 -67 86 -110q63 -51 172 -51q55 0 111 18q72 -117 227 -117v189q-58 11 -88 53q24 56 27 66q18 65 18 116v887q-3 95 -36 162q-29 67 -89 112q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887zM289 309v887q0 34 8 55 q17 56 65 56q29 0 46 -17q28 -35 28 -94v-887q0 -36 -8 -55q-14 -55 -66 -55q-27 0 -43 16q-30 35 -30 94z" />
<glyph unicode="R" horiz-adv-x="739" d="M82 0h221v635h59l115 -635h221l-141 729q61 41 92 132.5t31 209.5q0 217 -91 325.5t-286 108.5h-221v-1505zM303 840v446q70 0 105 -31q59 -52 59 -192q0 -139 -59 -191q-36 -32 -105 -32z" />
<glyph unicode="S" horiz-adv-x="702" d="M37 422q0 -203 55 -303q74 -135 266 -135q167 0 244 114q64 95 64 264q0 107 -66 236q-41 80 -141 229q-94 137 -119 181q-55 95 -55 161q0 147 75 150q48 0 72 -70q17 -52 17 -147l217 20q0 160 -56 267q-71 133 -246 133h-8q-143 -3 -223 -115q-65 -94 -65 -238 q0 -61 18 -120q34 -117 109 -234q74 -115 139 -207q30 -46 57 -90q58 -104 58 -166q0 -166 -91 -166q-63 0 -86 82q-18 53 -18 174z" />
<glyph unicode="T" horiz-adv-x="647" d="M4 1278h209v-1278h221v1278h209v227h-639v-227z" />
<glyph unicode="U" horiz-adv-x="749" d="M80 309q3 -95 37 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q59 45 88 110q34 69 37 164v1196h-221v-1196q0 -34 -9 -55q-14 -55 -65 -55q-27 0 -43 16q-31 36 -31 94v1196h-221v-1196z" />
<glyph unicode="V" horiz-adv-x="716" d="M18 1505l230 -1505h221l229 1505h-215l-110 -827l-8 -64h-13l-8 64l-111 827h-215z" />
<glyph unicode="W" horiz-adv-x="1036" d="M25 1505l202 -1505h172l103 713l12 88h8l13 -88l102 -713h172l203 1505h-205l-88 -782l-4 -49h-17l-6 49l-94 782h-160l-94 -782l-6 -49h-16l-5 49l-88 782h-204z" />
<glyph unicode="X" horiz-adv-x="737" d="M16 0h217l127 449l5 18h8l4 -18l127 -449h217l-244 791l240 714h-217l-121 -381l-6 -18h-8l-7 18l-120 381h-218l240 -714z" />
<glyph unicode="Y" horiz-adv-x="700" d="M14 1505l226 -864v-641h221v641l225 864h-217l-111 -481l-6 -14h-4l-6 14l-111 481h-217z" />
<glyph unicode="Z" horiz-adv-x="626" d="M20 0h586v219h-352l352 1067v219h-536v-219h297l-347 -1048v-238z" />
<glyph unicode="[" horiz-adv-x="538" d="M82 -213h399v197h-202v1325h202v196h-399v-1718z" />
<glyph unicode="\" horiz-adv-x="792" d="M8 1692l608 -1872h168l-614 1872h-162z" />
<glyph unicode="]" horiz-adv-x="538" d="M57 -16v-197h400v1718h-400v-196h203v-1325h-203z" />
<glyph unicode="^" horiz-adv-x="1101" d="M53 809h199l299 543l299 -543h199l-381 696h-234z" />
<glyph unicode="_" horiz-adv-x="1210" d="M74 -154v-172h1063v172h-1063z" />
<glyph unicode="`" horiz-adv-x="1024" d="M293 1489l162 -184h159l-106 184h-215z" />
<glyph unicode="a" horiz-adv-x="661" d="M49 260q0 -154 64 -225q41 -51 102 -51q60 0 109 39q35 28 57 67h14q0 -66 19 -90h202q-14 86 -14 195v688q0 109 -76 182q-75 72 -176 72q-120 0 -198 -88q-80 -90 -80 -211v-47h207v53q0 21 4 53q11 59 55 59q37 0 51 -34q6 -20 6 -68v-123q-2 -5 -5 -9.5t-9 -9.5 t-11.5 -8.5t-15.5 -9t-16.5 -9t-20 -10.5t-20.5 -11q-104 -55 -162 -127q-86 -107 -86 -277zM252 291q0 84 35.5 151.5t107.5 98.5v-287q0 -29 -25 -48.5t-61 -19.5q-33 0 -47 43q-10 29 -10 62z" />
<glyph unicode="b" horiz-adv-x="686" d="M82 0h207v74q34 -30 53 -45q61 -45 111 -45q75 0 122 75q37 61 37 144v715q0 81 -37 145q-49 74 -122 74q-31 0 -58 -15q-50 -22 -106 -75v458h-207v-1505zM289 246v628q0 25 19 46.5t42 21.5t39.5 -19.5t16.5 -48.5v-628q0 -29 -16.5 -48.5t-39.5 -19.5 q-24 0 -42.5 19.5t-18.5 48.5z" />
<glyph unicode="c" horiz-adv-x="645" d="M66 315q0 -179 75 -260q65 -71 189 -71q136 0 198 67q68 74 68 254v109h-207v-156q0 -52 -12 -71t-47 -19q-26 0 -39.5 15.5t-16 32t-2.5 42.5v604q0 26 2.5 42.5t16 32t39.5 15.5q35 0 47 -19t12 -71v-135h207v88q0 180 -68 254q-62 68 -198 68q-123 0 -189 -72 q-75 -81 -75 -260v-490z" />
<glyph unicode="d" horiz-adv-x="686" d="M74 203q0 -85 39 -144q44 -75 120 -75q32 0 60 14q46 21 104 76v-74h207v1505h-207v-458q-34 30 -53 45q-61 45 -111 45q-75 0 -120 -74q-39 -62 -39 -145v-715zM281 246v628q0 29 16 48.5t39 19.5t42 -21.5t19 -46.5v-628q0 -29 -18.5 -48.5t-42.5 -19.5q-23 0 -39 19.5 t-16 48.5z" />
<glyph unicode="e" horiz-adv-x="659" d="M66 279q3 -78 32 -148q66 -147 234 -147q101 0 155 45q55 44 81.5 102t31.5 141v129h-192v-122q0 -34 -9 -58q-14 -55 -65 -55q-27 0 -43 16q-30 39 -33 97v243h342v326q-3 71 -33 143q-67 146 -233 146q-103 0 -154 -45q-105 -87 -114 -250v-563zM258 684v158 q3 39 10 57q18 57 66 57q29 0 45 -16q29 -36 29 -98v-158h-150z" />
<glyph unicode="f" horiz-adv-x="475" d="M20 934h105v-934h207v934h104v186h-104v29v49q0 32 6 62q14 69 59 69q15 0 43 -4q3 -1 9.5 -2t9.5 -2v178l-25 6q-21 8 -72 8q-154 0 -206 -137q-31 -81 -31 -225v-31h-105v-186z" />
<glyph unicode="g" horiz-adv-x="700" d="M12 -184q0 -117 92 -168q79 -46 240 -49q146 0 242 61q112 73 112 225q0 130 -94 197q-71 48 -192 63q-68 10 -107 23q-51 13 -51 47q0 25 29 51q6 -2 20 -2h19q96 0 151 43q106 81 115 234v317q0 15 -2 21t-2 22q-2 4 -6 27q43 24 120 24v185q-43 0 -98 -41 q-33 -23 -72 -62q-73 103 -206 103q-99 0 -150 -45q-101 -83 -113 -240v-305q2 -35 17 -92q28 -103 102 -152q-48 -25 -86 -72q-43 -53 -43 -96q0 -116 125 -149q-71 -33 -111 -70q-51 -48 -51 -100zM213 -150q0 55 76 99l106 -21q70 -11 94 -32q17 -17 17 -48 q0 -36 -53 -57q-46 -18 -105 -18q-68 0 -101.5 21t-33.5 56zM262 537v307q-1 8 -1 16q0 18 5 35q12 51 56 51q25 0 38 -16q25 -36 25 -86v-307q0 -31 -6 -52q-16 -49 -57 -49q-23 0 -37 17q-23 26 -23 73v11z" />
<glyph unicode="h" horiz-adv-x="690" d="M82 0h207v883q6 10 18 26q27 27 49 27q50 0 50 -49v-887h206v918q0 81 -37 145q-45 74 -118 74q-27 0 -54 -15q-37 -20 -90 -73q-22 -22 -24 -23v479h-207v-1505z" />
<glyph unicode="i" horiz-adv-x="370" d="M82 0h207v1120h-207v-1120zM82 1298h207v207h-207v-207z" />
<glyph unicode="j" horiz-adv-x="364" d="M-45 -182v-191q12 -4 20 -6q21 -6 70 -6q157 0 209 135q29 74 29 221v1149h-207v-1147v-47q0 -21 -4 -53q-14 -63 -60 -63q-11 0 -39 4q-3 1 -9 2t-9 2zM76 1298h207v207h-207v-207z" />
<glyph unicode="k" horiz-adv-x="641" d="M82 0h207v387l26 66l7 16h10l4 -16l102 -453h199l-188 756l149 364h-186l-101 -293l-12 -36h-10v714h-207v-1505z" />
<glyph unicode="l" horiz-adv-x="370" d="M82 0h207v1505h-207v-1505z" />
<glyph unicode="m" horiz-adv-x="1021" d="M82 0h207v883q6 10 22 26q27 27 56 27q55 0 55 -49v-887h194v883q4 8 23 26q27 27 55 27q56 0 56 -49v-887h194v918q0 81 -37 145q-45 74 -119 74q-24 0 -55 -17q-61 -36 -100 -78q-21 -21 -33 -30q-44 125 -139 125q-26 0 -53 -15q-48 -26 -95 -73q-22 -22 -24 -23v94 h-207v-1120z" />
<glyph unicode="n" horiz-adv-x="690" d="M82 0h207v883q6 10 18 26q27 27 49 27q50 0 50 -49v-887h206v918q0 81 -37 145q-45 74 -118 74q-27 0 -54 -15q-37 -20 -90 -73q-22 -22 -24 -23v94h-207v-1120z" />
<glyph unicode="o" horiz-adv-x="657" d="M63 279q3 -76 33 -148q66 -147 232 -147q101 0 155 45q54 44 80 102.5t31 140.5v576q-3 71 -33 143q-67 146 -233 146q-103 0 -154 -45q-102 -86 -111 -250v-563zM258 279v563q-1 8 -1 16q0 23 7 41q15 57 64 57q29 0 45 -16q26 -33 26 -87v-11v-563q1 -8 1 -16 q0 -24 -7 -42q-14 -55 -65 -55q-27 0 -43 16q-27 35 -27 86v11z" />
<glyph unicode="p" horiz-adv-x="686" d="M82 -385h207v459q34 -30 53 -45q61 -45 111 -45q75 0 122 75q37 61 37 144v715q0 81 -37 145q-49 74 -122 74q-31 0 -58 -15q-50 -22 -106 -75v73h-207v-1505zM289 246v628q0 29 18.5 48.5t42.5 19.5q23 0 39.5 -19.5t16.5 -48.5v-628q0 -29 -16.5 -48.5t-39.5 -19.5 t-42 21.5t-19 46.5z" />
<glyph unicode="q" horiz-adv-x="686" d="M74 203q0 -85 39 -144q44 -75 120 -75q32 0 60 14q46 21 104 76v-459h207v1505h-207v-73q-34 30 -53 45q-61 45 -111 45q-75 0 -120 -74q-39 -62 -39 -145v-715zM281 246v628q0 29 16 48.5t39 19.5q24 0 42.5 -19.5t18.5 -48.5v-628q0 -25 -19 -46.5t-42 -21.5t-39 19.5 t-16 48.5z" />
<glyph unicode="r" horiz-adv-x="503" d="M82 0h207v778q0 65 45 103q36 34 104 34q34 0 58 -8v230q-94 0 -158 -60q-22 -22 -34.5 -45t-14.5 -37v125h-207v-1120z" />
<glyph unicode="s" horiz-adv-x="630" d="M37 326q0 -131 49 -215q74 -127 240 -127q132 0 206 102q58 81 58 205q0 93 -62 194q-33 52 -129 148q-60 56 -90 96q-45 55 -45 105q0 56 12 86q14 45 52 45q41 0 59 -45q8 -27 8 -86h193q0 131 -41 200q-61 103 -214 103h-9q-132 -3 -201 -103q-51 -77 -51 -200 q0 -105 63 -199q35 -52 133 -146q42 -42 64 -66.5t43.5 -62t21.5 -69.5q0 -135 -71 -135q-55 0 -80 63q-17 40 -17 107h-192z" />
<glyph unicode="t" horiz-adv-x="501" d="M20 934h105v-574q0 -154 31 -237q52 -139 206 -139q50 0 80 6q5 1 15.5 4t15.5 4v203q-4 -1 -12 -2t-12 -2q-28 -4 -52 -4q-43 0 -57 67q-8 37 -8 117v557h141v186h-141v277h-207v-277h-105v-186z" />
<glyph unicode="u" horiz-adv-x="690" d="M78 203q0 -83 37 -144q44 -75 118 -75q27 0 56 16q35 19 90 74q18 18 22 20v-94h207v1120h-207v-882q-13 -22 -18 -27q-27 -27 -49 -27q-23 0 -36 10t-13 39v887h-207v-917z" />
<glyph unicode="v" horiz-adv-x="602" d="M16 1120l183 -1120h204l183 1120h-201l-68 -649l-8 -72h-16l-8 72l-68 649h-201z" />
<glyph unicode="w" horiz-adv-x="905" d="M20 1120l166 -1120h172l80 535l11 63h8l10 -63l80 -535h172l166 1120h-189l-65 -585l-8 -64h-13l-10 64l-86 585h-123l-86 -585l-10 -64h-12l-9 64l-65 585h-189z" />
<glyph unicode="x" horiz-adv-x="618" d="M16 0h201l84 283l6 30h4l6 -30l84 -283h201l-192 578l176 542h-195l-74 -262l-6 -31h-4l-6 31l-74 262h-194l176 -542z" />
<glyph unicode="y" horiz-adv-x="634" d="M25 1120l190 -1153q0 -34 -8 -61q-18 -65 -68 -103q-21 -16 -55.5 -19t-38.5 1q-10 0 -12 2v-184q50 -4 67 -4h25q114 0 197 100q74 89 90 217l198 1204h-202l-82 -688l-4 -57h-9l-4 57l-82 688h-202z" />
<glyph unicode="z" horiz-adv-x="532" d="M12 0h504v188h-285l285 764v168h-459v-188h240l-285 -764v-168z" />
<glyph unicode="{" horiz-adv-x="688" d="M61 453q73 -3 107 -62q25 -46 25 -78v-397q0 -116 24 -188t76 -113q50 -39 131.5 -54.5t206.5 -13.5v172q-72 0 -116 7.5t-71 29.5q-55 44 -55 160v397q0 76 -32 129t-95 93q63 39 95 91t32 130v397q0 116 55 160q27 22 71 29.5t116 7.5v172q-125 2 -206.5 -13.5 t-131.5 -54.5q-52 -41 -76 -113t-24 -188v-397q0 -37 -25 -80q-33 -60 -107 -60v-163z" />
<glyph unicode="|" horiz-adv-x="356" d="M82 -512h192v2204h-192v-2204z" />
<glyph unicode="}" horiz-adv-x="688" d="M57 -281v-172q126 -2 208 13.5t132 54.5q52 41 75.5 113t23.5 188v397q0 34 24 78q34 59 107 62v163q-74 0 -107 60q-24 41 -24 80v397q0 116 -23.5 188t-75.5 113q-50 39 -132 54.5t-208 13.5v-172q72 0 116 -7.5t71 -29.5q55 -44 55 -160v-397q0 -78 32 -130t95 -91 q-63 -40 -95 -93t-32 -129v-397q0 -116 -55 -160q-27 -22 -71 -29.5t-116 -7.5z" />
<glyph unicode="~" horiz-adv-x="1280" d="M113 1352l135 -58q14 40 47 90q64 91 154 91q70 0 178 -74q54 -34 83 -50.5t82 -33.5t107 -17q82 0 145 48q119 94 181 262l-135 57q-20 -50 -48 -92q-59 -90 -143 -90q-74 0 -174 71q-6 4 -29 18t-31 19t-29.5 17t-33 16.5t-32.5 12.5t-38 11t-39 6t-44 3 q-89 0 -154 -47q-128 -100 -182 -260z" />
<glyph horiz-adv-x="624" d="M53 1012h215v227h-71l71 266h-102l-113 -266v-227zM356 1012h215v227h-71l71 266h-102l-113 -266v-227z" />
<glyph horiz-adv-x="624" d="M53 1012h103l112 266v227h-215v-227h72zM356 1012h103l112 266v227h-215v-227h72z" />
<glyph unicode="&#xa1;" horiz-adv-x="387" d="M74 -385h239l-55 1100h-129zM86 893h215v227h-215v-227z" />
<glyph unicode="&#xa2;" horiz-adv-x="636" d="M66 508q0 -300 208 -330v-301h123v303q97 14 144 88.5t47 229.5v108h-189v-155q0 -49 -18 -70t-55 -21q-38 0 -55 27t-17 64v604q0 36 17 63t55 27q37 0 55 -20.5t18 -69.5v-135h189v88q0 155 -47 229q-48 71 -144 86v244h-123v-242q-208 -30 -208 -328v-489z" />
<glyph unicode="&#xa3;" horiz-adv-x="817" d="M4 63l146 -79q10 30 28 51q37 51 86 51q8 0 16.5 -1.5t18.5 -4.5t17 -6t19.5 -9t18 -9t20 -10.5t19.5 -10.5q96 -51 144 -51q102 0 170.5 99t80.5 282l-188 22q-3 -101 -29 -145q-23 -42 -53 -45q-39 3 -63 22q-38 23 -70 37q57 117 57 219q0 72 -24 174h174v137h-211 l-6 25q-24 78 -35.5 119t-23 104.5t-11.5 114.5q0 70 21 113q23 55 69 55q66 0 92 -60q23 -53 23 -137h213q0 177 -66 279q-83 126 -266 123q-152 -3 -231 -123q-64 -98 -64 -250q0 -84 78 -342l6 -21h-147v-137h188q31 -108 31 -174q0 -98 -37 -199q-49 -8 -92 -45 q-73 -67 -119 -168z" />
<glyph unicode="&#xa5;" horiz-adv-x="720" d="M25 1505l196 -753h-147v-138h176v-137h-176v-137h176v-340h221v340h176v137h-176v137h176v138h-147l196 753h-217l-110 -481l-7 -14h-4l-6 14l-110 481h-217z" />
<glyph unicode="&#xa8;" horiz-adv-x="1024" d="M272 1305h191v200h-191v-200zM561 1305h191v200h-191v-200z" />
<glyph unicode="&#xa9;" horiz-adv-x="1644" d="M53 752q0 -155 60 -296t166 -247t246 -165.5t296 -59.5q157 0 298 59.5t247 165.5t165.5 246.5t59.5 296.5q0 157 -59.5 297.5t-165.5 246.5t-247 166t-298 60q-155 0 -295.5 -60t-246.5 -166q-107 -107 -166.5 -247t-59.5 -297zM172 752q0 131 51 250t142 210t208 141 t248 50q132 0 251 -50t210 -141t141 -209.5t50 -250.5q0 -131 -50 -248.5t-141 -208.5t-210.5 -142t-250.5 -51t-248 51t-208 142t-142 208.5t-51 248.5zM627 487q0 -52 22 -98q50 -98 170 -98q70 0 109 31q71 60 80 165v125h-138v-125q3 -16 -4 -32q-12 -31 -45 -31 q-18 0 -28 10q-21 18 -21 53v531q0 16 6 31q12 32 43 32q21 0 31 -10q21 -21 18 -53v-125h138v125q-3 52 -25 98q-50 98 -164 98q-71 0 -112 -30q-80 -64 -80 -166v-531z" />
<glyph unicode="&#xad;" horiz-adv-x="444" d="M74 455h297v194h-297v-194z" />
<glyph unicode="&#xae;" horiz-adv-x="1644" d="M53 752q0 -155 60 -296t166 -247t246 -165.5t296 -59.5q157 0 298 59.5t247 165.5t165.5 246.5t59.5 296.5q0 157 -59.5 297.5t-165.5 246.5t-247 166t-298 60q-155 0 -295.5 -60t-246.5 -166q-107 -107 -166.5 -247t-59.5 -297zM172 752q0 131 51 250t142 210t208 141 t248 50q132 0 251 -50t210 -141t141 -209.5t50 -250.5q0 -131 -50 -248.5t-141 -208.5t-210.5 -142t-250.5 -51t-248 51t-208 142t-142 208.5t-51 248.5zM625 313h145v365h55l95 -365h151l-106 400q56 47 72 95t16 126q0 258 -232 258h-196v-879zM770 805v258h45 q63 0 84 -43q14 -29 14 -88q0 -57 -14 -86q-20 -41 -84 -41h-45z" />
<glyph unicode="&#xaf;" horiz-adv-x="1024" d="M313 1315h398v162h-398v-162z" />
<glyph unicode="&#xb4;" horiz-adv-x="1024" d="M410 1305h159l162 184h-215z" />
<glyph unicode="&#xb7;" horiz-adv-x="215" d="M0 649h215v228h-215v-228z" />
<glyph unicode="&#xb8;" horiz-adv-x="1024" d="M426 -111v-141h63l-40 -133h104l45 133v141h-172z" />
<glyph unicode="&#xbf;" horiz-adv-x="645" d="M41 -106q0 -93 47 -170q69 -114 219 -117q125 -3 219 102q58 65 95 152l-179 84q-12 -46 -43 -88q-40 -58 -88 -58q-41 0 -57 39q-14 28 -10 56q9 41 53 112q64 105 92 182q45 133 45 271v256h-190v-256q0 -53 -13 -107q-23 -97 -69 -172q-8 -15 -23 -38.5t-18 -28.5 q-29 -50 -41.5 -73.5t-25.5 -65t-13 -80.5zM231 893h215v227h-215v-227z" />
<glyph unicode="&#xc0;" horiz-adv-x="765" d="M20 0h216l40 307h213l41 -307h215l-227 1505h-270zM141 1823l162 -185h160l-107 185h-215zM307 541l64 475l6 39h12l6 -39l64 -475h-152z" />
<glyph unicode="&#xc1;" horiz-adv-x="765" d="M20 0h216l40 307h213l41 -307h215l-227 1505h-270zM293 1638h160l161 185h-215zM307 541l64 475l6 39h12l6 -39l64 -475h-152z" />
<glyph unicode="&#xc2;" horiz-adv-x="765" d="M20 0h216l40 307h213l41 -307h215l-227 1505h-270zM133 1638h189l61 72l63 -72h189l-141 185h-220zM307 541l64 475l6 39h12l6 -39l64 -475h-152z" />
<glyph unicode="&#xc3;" horiz-adv-x="765" d="M20 0h216l40 307h213l41 -307h215l-227 1505h-270zM184 1632q5 3 33 17q46 16 76 16q51 -3 92 -20q43 -19 88 -19q23 0 41 6q42 10 68 33v152q-5 -3 -33 -17q-46 -16 -76 -16q-44 3 -90 22q-49 17 -90 17q-23 0 -41 -6q-43 -14 -68 -33v-152zM307 541l64 475l6 39h12 l6 -39l64 -475h-152z" />
<glyph unicode="&#xc4;" horiz-adv-x="765" d="M20 0h216l40 307h213l41 -307h215l-227 1505h-270zM143 1638h191v201h-191v-201zM307 541l64 475l6 39h12l6 -39l64 -475h-152zM432 1638h191v201h-191v-201z" />
<glyph unicode="&#xc5;" horiz-adv-x="765" d="M20 0h216l40 307h213l41 -307h215l-227 1505h-270zM231 1761q0 -62 45 -102.5t109 -40.5t108 40.5t44 102.5t-44 103t-108 41t-109 -41t-45 -103zM307 541l64 475l6 39h12l6 -39l64 -475h-152zM309 1761q0 29 23 50.5t53 21.5t53 -21.5t23 -50.5t-23 -50t-53 -21t-53 21 t-23 50z" />
<glyph unicode="&#xc6;" horiz-adv-x="1099" d="M16 0h220l90 307h227v-307h506v227h-285v414h205v242h-205v395h285v227h-623zM393 541l150 514h10v-514h-160z" />
<glyph unicode="&#xc7;" horiz-adv-x="708" d="M68 309q3 -97 36 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q61 46 89 110q33 67 36 164v207h-206v-207q0 -34 -9 -55q-18 -55 -75 -55q-27 0 -43 16q-32 37 -35 94v887q4 39 10 55q21 56 68 56q34 0 51 -17q33 -36 33 -94v-207h206v207q-3 95 -36 162 q-29 67 -89 112q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887zM268 -111v-141h64l-41 -133h104l45 133v141h-172z" />
<glyph unicode="&#xc8;" horiz-adv-x="628" d="M82 0h506v227h-285v414h205v242h-205v395h285v227h-506v-1505zM111 1823l161 -185h160l-106 185h-215z" />
<glyph unicode="&#xc9;" horiz-adv-x="628" d="M82 0h506v227h-285v414h205v242h-205v395h285v227h-506v-1505zM236 1638h159l162 185h-215z" />
<glyph unicode="&#xca;" horiz-adv-x="628" d="M82 0h506v227h-285v414h205v242h-205v395h285v227h-506v-1505zM84 1638h188l62 72l63 -72h189l-142 185h-219z" />
<glyph unicode="&#xcb;" horiz-adv-x="628" d="M82 0h506v227h-285v414h205v242h-205v395h285v227h-506v-1505zM94 1638h191v201h-191v-201zM383 1638h190v201h-190v-201z" />
<glyph unicode="&#xcc;" horiz-adv-x="401" d="M-6 1823l162 -185h159l-106 185h-215zM98 0h221v1505h-221v-1505z" />
<glyph unicode="&#xcd;" horiz-adv-x="401" d="M82 0h221v1505h-221v-1505zM86 1638h160l162 185h-215z" />
<glyph unicode="&#xce;" horiz-adv-x="370" d="M-66 1638h189l61 72l64 -72h188l-141 185h-219zM74 0h221v1505h-221v-1505z" />
<glyph unicode="&#xcf;" horiz-adv-x="372" d="M-53 1638h190v201h-190v-201zM76 0h221v1505h-221v-1505zM236 1638h190v201h-190v-201z" />
<glyph unicode="&#xd0;" horiz-adv-x="761" d="M20 655h62v-655h174q156 0 243.5 35.5t131.5 120.5q40 80 52.5 215t12.5 381q0 247 -12.5 382.5t-52.5 215.5q-44 85 -131 120t-244 35h-174v-622h-62v-228zM303 221v434h84v228h-84v401q63 0 94 -15t47 -65q18 -68 21 -160q2 -72 2 -290q0 -219 -2 -291q-3 -96 -21 -160 q-16 -52 -47 -67t-94 -15z" />
<glyph unicode="&#xd1;" horiz-adv-x="808" d="M82 0h203v854h12l18 -70l215 -784h197v1505h-203v-854h-12l-18 70l-215 784h-197v-1505zM207 1632q5 3 33 17q46 16 75 16q52 -3 93 -20q43 -19 88 -19q23 0 41 6q41 10 67 33v152q-5 -3 -33 -17q-46 -16 -75 -16q-44 3 -90 22q-49 17 -91 17q-23 0 -41 -6 q-42 -13 -67 -33v-152z" />
<glyph unicode="&#xd2;" d="M68 309q3 -97 36 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q61 46 89 110q33 67 36 164v887q-3 95 -36 162q-29 67 -89 112q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887zM121 1823l162 -185h159l-106 185h-215zM289 309v887 q0 34 8 55q17 56 65 56q29 0 46 -17q28 -35 28 -94v-887q0 -36 -8 -55q-14 -55 -66 -55q-27 0 -43 16q-30 35 -30 94z" />
<glyph unicode="&#xd3;" d="M68 309q3 -97 36 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q61 46 89 110q33 67 36 164v887q-3 95 -36 162q-29 67 -89 112q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887zM285 1638h159l162 185h-215zM289 309v887q0 34 8 55 q17 56 65 56q29 0 46 -17q28 -35 28 -94v-887q0 -36 -8 -55q-14 -55 -66 -55q-27 0 -43 16q-30 35 -30 94z" />
<glyph unicode="&#xd4;" d="M68 309q3 -97 36 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q61 46 89 110q33 67 36 164v887q-3 95 -36 162q-29 67 -89 112q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887zM113 1638h188l61 72l64 -72h188l-141 185h-219zM289 309v887 q0 34 8 55q17 56 65 56q29 0 46 -17q28 -35 28 -94v-887q0 -36 -8 -55q-14 -55 -66 -55q-27 0 -43 16q-30 35 -30 94z" />
<glyph unicode="&#xd5;" d="M68 309q3 -97 36 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q61 46 89 110q33 67 36 164v887q-3 95 -36 162q-29 67 -89 112q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887zM164 1632q5 3 33 17q46 16 75 16q52 -3 93 -20 q43 -19 88 -19q23 0 41 6q41 10 67 33v152q-5 -3 -33 -17q-46 -16 -75 -16q-45 3 -91 22q-49 17 -90 17q-23 0 -41 -6q-42 -13 -67 -33v-152zM289 309v887q0 34 8 55q17 56 65 56q29 0 46 -17q28 -35 28 -94v-887q0 -36 -8 -55q-14 -55 -66 -55q-27 0 -43 16q-30 35 -30 94z " />
<glyph unicode="&#xd6;" d="M68 309q3 -97 36 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q61 46 89 110q33 67 36 164v887q-3 95 -36 162q-29 67 -89 112q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887zM123 1638h190v201h-190v-201zM289 309v887q0 34 8 55 q17 56 65 56q29 0 46 -17q28 -35 28 -94v-887q0 -36 -8 -55q-14 -55 -66 -55q-27 0 -43 16q-30 35 -30 94zM412 1638h190v201h-190v-201z" />
<glyph unicode="&#xd8;" d="M59 -20h129l15 47q62 -43 159 -43q107 0 170 51q61 46 89 110q33 67 36 164v887q0 27 -6 57q-13 74 -39 123l45 150h-122l-15 -47q-65 43 -158 43q-103 0 -172 -52q-55 -42 -86 -112q-33 -67 -36 -162v-887q0 -19 4 -55q15 -83 34 -117zM289 309l147 488v-488 q0 -36 -8 -55q-14 -55 -66 -55q-27 0 -43 16q-30 35 -30 94zM289 727v469q0 34 8 55q17 56 65 56q44 0 62 -41q12 -38 12 -60z" />
<glyph unicode="&#xd9;" horiz-adv-x="749" d="M80 309q3 -95 37 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q59 45 88 110q34 69 37 164v1196h-221v-1196q0 -34 -9 -55q-14 -55 -65 -55q-27 0 -43 16q-31 36 -31 94v1196h-221v-1196zM145 1823l162 -185h160l-107 185h-215z" />
<glyph unicode="&#xda;" horiz-adv-x="749" d="M80 309q3 -95 37 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q59 45 88 110q34 69 37 164v1196h-221v-1196q0 -34 -9 -55q-14 -55 -65 -55q-27 0 -43 16q-31 36 -31 94v1196h-221v-1196zM307 1638h160l162 185h-215z" />
<glyph unicode="&#xdb;" horiz-adv-x="749" d="M80 309q3 -95 37 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q59 45 88 110q34 69 37 164v1196h-221v-1196q0 -34 -9 -55q-14 -55 -65 -55q-27 0 -43 16q-31 36 -31 94v1196h-221v-1196zM125 1638h188l62 72l63 -72h189l-142 185h-219z" />
<glyph unicode="&#xdc;" horiz-adv-x="749" d="M80 309q3 -95 37 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q59 45 88 110q34 69 37 164v1196h-221v-1196q0 -34 -9 -55q-14 -55 -65 -55q-27 0 -43 16q-31 36 -31 94v1196h-221v-1196zM135 1638h191v201h-191v-201zM424 1638h190v201h-190v-201z" />
<glyph unicode="&#xdd;" horiz-adv-x="704" d="M16 1505l226 -864v-641h221v641l225 864h-217l-111 -481l-6 -14h-4l-6 14l-111 481h-217zM254 1638h160l161 185h-215z" />
<glyph unicode="&#xde;" d="M82 0h221v360q161 0 266 99q123 116 123 354q0 240 -123 356q-100 95 -266 95h-2v241h-219v-1505zM303 586v452q99 0 135 -53q31 -46 31 -180q0 -131 -31 -172q-34 -47 -135 -47z" />
<glyph unicode="&#xdf;" horiz-adv-x="733" d="M66 0h206v1235q0 44 19 73t55 29q42 0 64 -28t22 -72q0 -53 -25 -85t-61 -32v-141q71 0 96 -72q31 -88 31 -332q0 -230 -31 -315q-24 -67 -96 -67v-193q88 0 148 21.5t100 78.5q86 124 86 475q0 220 -41 338q-37 108 -111 150q88 66 88 174q0 124 -65 201q-71 84 -205 84 t-213 -86q-67 -73 -67 -201v-1235z" />
<glyph unicode="&#xe0;" horiz-adv-x="681" d="M49 260q0 -154 64 -225q41 -51 102 -51q60 0 109 39q35 28 57 67h14q0 -66 19 -90h202q-14 86 -14 195v688q0 109 -76 182q-75 72 -176 72q-120 0 -198 -88q-80 -90 -80 -211v-47h207v53q0 21 4 53q11 59 55 59q37 0 51 -34q6 -20 6 -68v-123q-2 -5 -5 -9.5t-9 -9.5 t-11.5 -8.5t-15.5 -9t-16.5 -9t-20 -10.5t-20.5 -11q-104 -55 -162 -127q-86 -107 -86 -277zM102 1489l162 -184h160l-107 184h-215zM252 291q0 84 35.5 151.5t107.5 98.5v-287q0 -29 -25 -48.5t-61 -19.5q-33 0 -47 43q-10 29 -10 62z" />
<glyph unicode="&#xe1;" horiz-adv-x="681" d="M49 260q0 -154 64 -225q41 -51 102 -51q60 0 109 39q35 28 57 67h14q0 -66 19 -90h202q-14 86 -14 195v688q0 109 -76 182q-75 72 -176 72q-120 0 -198 -88q-80 -90 -80 -211v-47h207v53q0 21 4 53q11 59 55 59q37 0 51 -34q6 -20 6 -68v-123q-2 -5 -5 -9.5t-9 -9.5 t-11.5 -8.5t-15.5 -9t-16.5 -9t-20 -10.5t-20.5 -11q-104 -55 -162 -127q-86 -107 -86 -277zM252 291q0 84 35.5 151.5t107.5 98.5v-287q0 -29 -25 -48.5t-61 -19.5q-33 0 -47 43q-10 29 -10 62zM264 1305h160l162 184h-215z" />
<glyph unicode="&#xe2;" horiz-adv-x="681" d="M49 260q0 -154 64 -225q41 -51 102 -51q60 0 109 39q35 28 57 67h14q0 -66 19 -90h202q-14 86 -14 195v688q0 109 -76 182q-75 72 -176 72q-120 0 -198 -88q-80 -90 -80 -211v-47h207v53q0 21 4 53q11 59 55 59q37 0 51 -34q6 -20 6 -68v-123q-2 -5 -5 -9.5t-9 -9.5 t-11.5 -8.5t-15.5 -9t-16.5 -9t-20 -10.5t-20.5 -11q-104 -55 -162 -127q-86 -107 -86 -277zM90 1305h189l61 71l63 -71h189l-141 184h-220zM252 291q0 84 35.5 151.5t107.5 98.5v-287q0 -29 -25 -48.5t-61 -19.5q-33 0 -47 43q-10 29 -10 62z" />
<glyph unicode="&#xe3;" horiz-adv-x="681" d="M49 260q0 -154 64 -225q41 -51 102 -51q60 0 109 39q35 28 57 67h14q0 -66 19 -90h202q-14 86 -14 195v688q0 109 -76 182q-75 72 -176 72q-120 0 -198 -88q-80 -90 -80 -211v-47h207v53q0 21 4 53q11 59 55 59q37 0 51 -34q6 -20 6 -68v-123q-2 -5 -5 -9.5t-9 -9.5 t-11.5 -8.5t-15.5 -9t-16.5 -9t-20 -10.5t-20.5 -11q-104 -55 -162 -127q-86 -107 -86 -277zM143 1305q6 3 17.5 8.5t15.5 7.5q46 16 76 16q51 -3 92 -20q43 -19 88 -19q20 0 41 7q44 11 68 32v152q-6 -3 -18 -8.5t-15 -7.5q-49 -17 -76 -17q-41 3 -90 23q-46 16 -90 16 q-23 0 -41 -6q-43 -14 -68 -33v-151zM252 291q0 84 35.5 151.5t107.5 98.5v-287q0 -29 -25 -48.5t-61 -19.5q-33 0 -47 43q-10 29 -10 62z" />
<glyph unicode="&#xe4;" horiz-adv-x="681" d="M49 260q0 -154 64 -225q41 -51 102 -51q60 0 109 39q35 28 57 67h14q0 -66 19 -90h202q-14 86 -14 195v688q0 109 -76 182q-75 72 -176 72q-120 0 -198 -88q-80 -90 -80 -211v-47h207v53q0 21 4 53q11 59 55 59q37 0 51 -34q6 -20 6 -68v-123q-2 -5 -5 -9.5t-9 -9.5 t-11.5 -8.5t-15.5 -9t-16.5 -9t-20 -10.5t-20.5 -11q-104 -55 -162 -127q-86 -107 -86 -277zM102 1305h191v200h-191v-200zM252 291q0 84 35.5 151.5t107.5 98.5v-287q0 -29 -25 -48.5t-61 -19.5q-33 0 -47 43q-10 29 -10 62zM391 1305h191v200h-191v-200z" />
<glyph unicode="&#xe5;" horiz-adv-x="681" d="M49 260q0 -154 64 -225q41 -51 102 -51q60 0 109 39q35 28 57 67h14q0 -66 19 -90h202q-14 86 -14 195v688q0 109 -76 182q-75 72 -176 72q-120 0 -198 -88q-80 -90 -80 -211v-47h207v53q0 21 4 53q11 59 55 59q37 0 51 -34q6 -20 6 -68v-123q-2 -5 -5 -9.5t-9 -9.5 t-11.5 -8.5t-15.5 -9t-16.5 -9t-20 -10.5t-20.5 -11q-104 -55 -162 -127q-86 -107 -86 -277zM188 1421q0 -62 45 -102.5t109 -40.5t108 40.5t44 102.5t-44 103t-108 41t-109 -41t-45 -103zM252 291q0 84 35.5 151.5t107.5 98.5v-287q0 -29 -25 -48.5t-61 -19.5q-33 0 -47 43 q-10 29 -10 62zM266 1421q0 29 23 50.5t53 21.5t53 -21.5t23 -50.5t-23 -50t-53 -21t-53 21t-23 50z" />
<glyph unicode="&#xe6;" horiz-adv-x="989" d="M49 260q0 -154 64 -225q41 -51 102 -51q120 0 221 131q67 -131 226 -131q101 0 155 45q55 44 81.5 102t31.5 141v129h-193v-122q0 -37 -8 -58q-14 -55 -65 -55q-27 0 -43 16q-30 39 -33 97v243h342v326q-3 71 -33 143q-67 146 -233 146q-97 0 -162 -52q-67 52 -152 52 q-120 0 -198 -88q-80 -90 -80 -211v-47h207v53q0 21 4 53q11 59 55 59q37 0 51 -34q6 -20 6 -68v-123q-2 -5 -5 -9.5t-9 -9.5t-11.5 -8.5t-15.5 -9t-16.5 -9t-20 -10.5t-20.5 -11q-104 -55 -162 -127q-86 -107 -86 -277zM252 291q0 84 35.5 151.5t107.5 98.5v-287 q0 -29 -25 -48.5t-61 -19.5q-33 0 -47 43q-10 29 -10 62zM588 684v158q3 39 10 57q18 57 66 57q29 0 45 -16q28 -35 28 -98v-158h-149z" />
<glyph unicode="&#xe7;" horiz-adv-x="645" d="M66 315q0 -179 75 -260q65 -71 189 -71q136 0 198 67q68 74 68 254v109h-207v-156q0 -52 -12 -71t-47 -19q-26 0 -39.5 15.5t-16 32t-2.5 42.5v604q0 26 2.5 42.5t16 32t39.5 15.5q35 0 47 -19t12 -71v-135h207v88q0 180 -68 254q-62 68 -198 68q-123 0 -189 -72 q-75 -81 -75 -260v-490zM238 -111v-141h63l-41 -133h105l45 133v141h-172z" />
<glyph unicode="&#xe8;" horiz-adv-x="659" d="M66 279q3 -78 32 -148q66 -147 234 -147q101 0 155 45q55 44 81.5 102t31.5 141v129h-192v-122q0 -34 -9 -58q-14 -55 -65 -55q-27 0 -43 16q-30 39 -33 97v243h342v326q-3 71 -33 143q-67 146 -233 146q-103 0 -154 -45q-105 -87 -114 -250v-563zM102 1489l162 -184h160 l-107 184h-215zM258 684v158q3 39 10 57q18 57 66 57q29 0 45 -16q29 -36 29 -98v-158h-150z" />
<glyph unicode="&#xe9;" horiz-adv-x="659" d="M66 279q3 -78 32 -148q66 -147 234 -147q101 0 155 45q55 44 81.5 102t31.5 141v129h-192v-122q0 -34 -9 -58q-14 -55 -65 -55q-27 0 -43 16q-30 39 -33 97v243h342v326q-3 71 -33 143q-67 146 -233 146q-103 0 -154 -45q-105 -87 -114 -250v-563zM258 684v158 q3 39 10 57q18 57 66 57q29 0 45 -16q29 -36 29 -98v-158h-150zM264 1305h160l162 184h-215z" />
<glyph unicode="&#xea;" horiz-adv-x="659" d="M66 279q3 -78 32 -148q66 -147 234 -147q101 0 155 45q55 44 81.5 102t31.5 141v129h-192v-122q0 -34 -9 -58q-14 -55 -65 -55q-27 0 -43 16q-30 39 -33 97v243h342v326q-3 71 -33 143q-67 146 -233 146q-103 0 -154 -45q-105 -87 -114 -250v-563zM80 1305h188l62 71 l63 -71h189l-142 184h-219zM258 684v158q3 39 10 57q18 57 66 57q29 0 45 -16q29 -36 29 -98v-158h-150z" />
<glyph unicode="&#xeb;" horiz-adv-x="659" d="M66 279q3 -78 32 -148q66 -147 234 -147q101 0 155 45q55 44 81.5 102t31.5 141v129h-192v-122q0 -34 -9 -58q-14 -55 -65 -55q-27 0 -43 16q-30 39 -33 97v243h342v326q-3 71 -33 143q-67 146 -233 146q-103 0 -154 -45q-105 -87 -114 -250v-563zM90 1305h191v200h-191 v-200zM258 684v158q3 39 10 57q18 57 66 57q29 0 45 -16q29 -36 29 -98v-158h-150zM379 1305h190v200h-190v-200z" />
<glyph unicode="&#xec;" horiz-adv-x="370" d="M-33 1489l162 -184h160l-107 184h-215zM82 0h207v1120h-207v-1120z" />
<glyph unicode="&#xed;" horiz-adv-x="370" d="M82 0h207v1120h-207v-1120zM82 1305h160l161 184h-215z" />
<glyph unicode="&#xee;" horiz-adv-x="370" d="M-66 1305h189l61 71l64 -71h188l-141 184h-219zM82 0h207v1120h-207v-1120z" />
<glyph unicode="&#xef;" horiz-adv-x="372" d="M-53 1305h190v200h-190v-200zM82 0h207v1120h-207v-1120zM236 1305h190v200h-190v-200z" />
<glyph unicode="&#xf0;" horiz-adv-x="673" d="M76 279q3 -76 33 -148q66 -147 231 -147q102 0 156 45q53 44 79 102t31 141v656q0 252 -125 446l101 88l-56 66l-94 -82l-18 24l-19 19q-3 3 -8 9t-8 9l-109 -100q2 -5 13 -16q7 -8 32 -50l-100 -88l55 -63l82 72q36 -81 51 -203q-91 78 -155 78q-113 0 -152 -123 q-20 -66 -20 -156v-579zM270 279v563q-3 33 6 57q15 57 64 57q29 0 45 -16q30 -37 27 -98v-563q3 -34 -6 -58q-14 -55 -66 -55q-27 0 -43 16q-30 38 -27 97z" />
<glyph unicode="&#xf1;" horiz-adv-x="690" d="M82 0h207v883q6 10 18 26q27 27 49 27q50 0 50 -49v-887h206v918q0 81 -37 145q-45 74 -118 74q-27 0 -54 -15q-37 -20 -90 -73q-22 -22 -24 -23v94h-207v-1120zM147 1305q6 3 18 8.5t15 7.5q46 16 76 16q51 -3 92 -20q43 -19 88 -19q20 0 41 7q44 11 68 32v152 q-6 -3 -18 -8.5t-15 -7.5q-49 -17 -76 -17q-41 3 -90 23q-46 16 -90 16q-23 0 -41 -6q-43 -14 -68 -33v-151z" />
<glyph unicode="&#xf2;" horiz-adv-x="657" d="M63 279q3 -76 33 -148q66 -147 232 -147q101 0 155 45q54 44 80 102.5t31 140.5v576q-3 71 -33 143q-67 146 -233 146q-103 0 -154 -45q-102 -86 -111 -250v-563zM98 1489l162 -184h160l-107 184h-215zM258 279v563q-3 33 6 57q15 57 64 57q29 0 45 -16q29 -36 26 -98 v-563q3 -34 -6 -58q-14 -55 -65 -55q-27 0 -43 16q-30 38 -27 97z" />
<glyph unicode="&#xf3;" horiz-adv-x="657" d="M63 279q3 -76 33 -148q66 -147 232 -147q101 0 155 45q54 44 80 102.5t31 140.5v576q-3 71 -33 143q-67 146 -233 146q-103 0 -154 -45q-102 -86 -111 -250v-563zM258 279v563q-3 33 6 57q15 57 64 57q29 0 45 -16q29 -36 26 -98v-563q3 -34 -6 -58q-14 -55 -65 -55 q-27 0 -43 16q-30 38 -27 97zM260 1305h160l162 184h-215z" />
<glyph unicode="&#xf4;" horiz-adv-x="657" d="M63 279q3 -76 33 -148q66 -147 232 -147q101 0 155 45q54 44 80 102.5t31 140.5v576q-3 71 -33 143q-67 146 -233 146q-103 0 -154 -45q-102 -86 -111 -250v-563zM78 1305h188l62 71l63 -71h189l-142 184h-219zM258 279v563q-3 33 6 57q15 57 64 57q29 0 45 -16 q29 -36 26 -98v-563q3 -34 -6 -58q-14 -55 -65 -55q-27 0 -43 16q-30 38 -27 97z" />
<glyph unicode="&#xf5;" horiz-adv-x="657" d="M63 279q3 -76 33 -148q66 -147 232 -147q101 0 155 45q54 44 80 102.5t31 140.5v576q-3 71 -33 143q-67 146 -233 146q-103 0 -154 -45q-102 -86 -111 -250v-563zM131 1305q6 3 17.5 8.5t15.5 7.5q46 16 76 16q51 -3 92 -20q43 -19 88 -19q20 0 41 7q42 10 67 32v152 l-32 -16q-49 -17 -76 -17q-41 3 -90 23q-46 16 -90 16q-23 0 -41 -6q-43 -14 -68 -33v-151zM258 279v563q-3 33 6 57q15 57 64 57q29 0 45 -16q29 -36 26 -98v-563q3 -34 -6 -58q-14 -55 -65 -55q-27 0 -43 16q-30 38 -27 97z" />
<glyph unicode="&#xf6;" horiz-adv-x="657" d="M63 279q3 -76 33 -148q66 -147 232 -147q101 0 155 45q54 44 80 102.5t31 140.5v576q-3 71 -33 143q-67 146 -233 146q-103 0 -154 -45q-102 -86 -111 -250v-563zM90 1305h191v200h-191v-200zM258 279v563q-3 33 6 57q15 57 64 57q29 0 45 -16q29 -36 26 -98v-563 q3 -34 -6 -58q-14 -55 -65 -55q-27 0 -43 16q-30 38 -27 97zM379 1305h190v200h-190v-200z" />
<glyph unicode="&#xf8;" horiz-adv-x="657" d="M63 279q0 -37 11 -86q19 -92 82 -150l-31 -121h80l20 78q50 -16 103 -16q101 0 155 45q54 44 80 102.5t31 140.5v576q-3 44 -12 84q-29 96 -82 145l30 121h-75l-21 -80q-59 19 -106 19q-103 0 -154 -45q-102 -86 -111 -250v-563zM258 436v406q-3 33 6 57q15 57 64 57 q40 0 55 -34zM274 197l125 485v-403q3 -34 -6 -58q-14 -55 -65 -55q-38 0 -54 31z" />
<glyph unicode="&#xf9;" horiz-adv-x="690" d="M78 203q0 -83 37 -144q44 -75 118 -75q27 0 56 16q35 19 90 74q18 18 22 20v-94h207v1120h-207v-882q-13 -22 -18 -27q-27 -27 -49 -27q-23 0 -36 10t-13 39v887h-207v-917zM113 1489l161 -184h160l-106 184h-215z" />
<glyph unicode="&#xfa;" horiz-adv-x="690" d="M78 203q0 -83 37 -144q44 -75 118 -75q27 0 56 16q35 19 90 74q18 18 22 20v-94h207v1120h-207v-882q-13 -22 -18 -27q-27 -27 -49 -27q-23 0 -36 10t-13 39v887h-207v-917zM274 1305h160l162 184h-215z" />
<glyph unicode="&#xfb;" horiz-adv-x="690" d="M78 203q0 -83 37 -144q44 -75 118 -75q27 0 56 16q35 19 90 74q18 18 22 20v-94h207v1120h-207v-882q-13 -22 -18 -27q-27 -27 -49 -27q-23 0 -36 10t-13 39v887h-207v-917zM94 1305h189l61 71l64 -71h188l-141 184h-219z" />
<glyph unicode="&#xfc;" horiz-adv-x="690" d="M78 203q0 -83 37 -144q44 -75 118 -75q27 0 56 16q35 19 90 74q18 18 22 20v-94h207v1120h-207v-882q-13 -22 -18 -27q-27 -27 -49 -27q-23 0 -36 10t-13 39v887h-207v-917zM106 1305h191v200h-191v-200zM395 1305h191v200h-191v-200z" />
<glyph unicode="&#xfd;" horiz-adv-x="634" d="M25 1120l190 -1153q0 -34 -8 -61q-18 -65 -68 -103q-21 -16 -55.5 -19t-38.5 1q-10 0 -12 2v-184q50 -4 67 -4h25q114 0 197 100q74 89 90 217l198 1204h-202l-82 -688l-4 -57h-9l-4 57l-82 688h-202zM231 1305h160l162 184h-215z" />
<glyph unicode="&#xfe;" horiz-adv-x="686" d="M82 -385h207v459q34 -30 53 -45q61 -45 111 -45q75 0 122 75q37 61 37 144v715q0 81 -37 145q-49 74 -122 74q-31 0 -58 -15q-50 -22 -106 -75v458h-207v-1890zM289 246v628q0 29 18.5 48.5t42.5 19.5q23 0 39.5 -19.5t16.5 -48.5v-628q0 -29 -16.5 -48.5t-39.5 -19.5 t-42 21.5t-19 46.5z" />
<glyph unicode="&#xff;" horiz-adv-x="634" d="M25 1120l190 -1153q0 -34 -8 -61q-18 -65 -68 -103q-21 -16 -55.5 -19t-38.5 1q-10 0 -12 2v-184q50 -4 67 -4h25q114 0 197 100q74 89 90 217l198 1204h-202l-82 -688l-4 -57h-9l-4 57l-82 688h-202zM78 1305h190v200h-190v-200zM367 1305h190v200h-190v-200z" />
<glyph unicode="&#x152;" horiz-adv-x="983" d="M68 309q3 -91 36 -155q30 -66 86 -105q69 -49 172 -49h580v227h-285v414h205v242h-205v395h285v227h-580q-106 0 -172 -47q-54 -38 -86 -108q-33 -64 -36 -154v-887zM289 309v887q0 34 8 55q17 56 65 56q42 0 60 -37q14 -28 14 -60v-901q0 -36 -8 -55q-14 -55 -66 -55 q-27 0 -43 16q-30 35 -30 94z" />
<glyph unicode="&#x153;" horiz-adv-x="995" d="M63 279q3 -76 33 -148q66 -147 232 -147q103 0 170 57q64 -57 170 -57q101 0 155 45q55 44 81.5 102t31.5 141v129h-193v-122q0 -37 -8 -58q-14 -55 -65 -55q-45 0 -64 47q-12 30 -12 59v250h342v326q-3 71 -33 143q-67 146 -233 146q-103 0 -170 -60q-67 60 -172 60 q-103 0 -154 -45q-102 -86 -111 -250v-563zM258 279v563q-3 33 6 57q15 57 64 57q29 0 45 -16q29 -36 26 -98v-563q3 -34 -6 -58q-14 -55 -65 -55q-27 0 -43 16q-30 38 -27 97zM594 684v164q0 31 12 61q19 47 64 47q29 0 45 -16q28 -35 28 -98v-158h-149z" />
<glyph unicode="&#x178;" horiz-adv-x="704" d="M16 1505l226 -864v-641h221v641l225 864h-217l-111 -481l-6 -14h-4l-6 14l-111 481h-217zM113 1638h190v201h-190v-201zM401 1638h191v201h-191v-201z" />
<glyph unicode="&#x2c6;" horiz-adv-x="1021" d="M260 1305h189l61 71l63 -71h189l-141 184h-220z" />
<glyph unicode="&#x2dc;" horiz-adv-x="1024" d="M313 1305q6 3 17.5 8.5t15.5 7.5q46 16 76 16q51 -3 92 -20q43 -19 88 -19q20 0 41 7q44 11 68 32v152q-6 -3 -17.5 -8.5t-15.5 -7.5q-49 -17 -76 -17q-41 3 -90 23q-46 16 -90 16q-23 0 -41 -6q-43 -14 -68 -33v-151z" />
<glyph unicode="&#x2000;" horiz-adv-x="952" />
<glyph unicode="&#x2001;" horiz-adv-x="1905" />
<glyph unicode="&#x2002;" horiz-adv-x="952" />
<glyph unicode="&#x2003;" horiz-adv-x="1905" />
<glyph unicode="&#x2004;" horiz-adv-x="635" />
<glyph unicode="&#x2005;" horiz-adv-x="476" />
<glyph unicode="&#x2006;" horiz-adv-x="317" />
<glyph unicode="&#x2007;" horiz-adv-x="317" />
<glyph unicode="&#x2008;" horiz-adv-x="238" />
<glyph unicode="&#x2009;" horiz-adv-x="381" />
<glyph unicode="&#x200a;" horiz-adv-x="105" />
<glyph unicode="&#x2010;" horiz-adv-x="444" d="M74 455h297v194h-297v-194z" />
<glyph unicode="&#x2011;" horiz-adv-x="444" d="M74 455h297v194h-297v-194z" />
<glyph unicode="&#x2012;" horiz-adv-x="444" d="M74 455h297v194h-297v-194z" />
<glyph unicode="&#x2013;" horiz-adv-x="806" d="M74 649h659v195h-659v-195z" />
<glyph unicode="&#x2014;" horiz-adv-x="972" d="M74 649h825v195h-825v-195z" />
<glyph unicode="&#x2018;" horiz-adv-x="309" d="M49 1012h215v227h-71l71 266h-102l-113 -266v-227z" />
<glyph unicode="&#x2019;" horiz-adv-x="309" d="M45 1012h102l113 266v227h-215v-227h72z" />
<glyph unicode="&#x201a;" horiz-adv-x="309" d="M45 0h72l-72 -266h102l113 266v227h-215v-227z" />
<glyph unicode="&#x201c;" horiz-adv-x="624" d="M53 1012h215v227h-71l71 266h-102l-113 -266v-227zM356 1012h215v227h-71l71 266h-102l-113 -266v-227z" />
<glyph unicode="&#x201d;" horiz-adv-x="624" d="M53 1012h103l112 266v227h-215v-227h72zM356 1012h103l112 266v227h-215v-227h72z" />
<glyph unicode="&#x201e;" horiz-adv-x="624" d="M53 0h72l-72 -266h103l112 266v227h-215v-227zM356 0h72l-72 -266h103l112 266v227h-215v-227z" />
<glyph unicode="&#x2022;" horiz-adv-x="663" d="M82 817q0 -104 74 -178t178 -74q102 0 176 74q72 72 72 178q0 104 -72 176t-176 72q-106 0 -178 -72q-74 -74 -74 -176z" />
<glyph unicode="&#x2026;" horiz-adv-x="964" d="M53 0h215v227h-215v-227zM375 0h215v227h-215v-227zM696 0h215v227h-215v-227z" />
<glyph unicode="&#x202f;" horiz-adv-x="381" />
<glyph unicode="&#x205f;" horiz-adv-x="476" />
<glyph unicode="&#x20ac;" horiz-adv-x="813" d="M53 547h107v-238q3 -95 37 -164q30 -67 86 -110q63 -51 172 -51q107 0 170 51q59 45 88 110q34 69 37 164v84h-207v-84q0 -36 -8 -55q-18 -55 -76 -55q-27 0 -43 16q-32 37 -35 94v238h233v137h-233v137h233v137h-233v238q4 39 10 55q21 56 68 56q34 0 51 -17 q33 -36 33 -94v-84h207v84q-3 93 -37 162q-30 68 -88 112q-69 52 -170 52q-103 0 -172 -52q-55 -42 -86 -112q-34 -69 -37 -162v-238h-107v-137h107v-137h-107v-137z" />
<glyph unicode="&#x2122;" horiz-adv-x="937" d="M74 1401h104v-580h113v580h104v104h-321v-104zM440 821h103v449l80 -449h51l78 449v-449h104v684h-137l-68 -319h-6l-67 319h-138v-684z" />
<glyph unicode="&#xe000;" horiz-adv-x="1116" d="M0 0v1116h1116v-1116h-1116z" />
<glyph unicode="&#xfb01;" horiz-adv-x="772" d="M20 934h105v-934h207v934h151v-934h207v1120h-358v29v51q0 35 8 62q18 71 76 71q28 0 82 -6q20 -4 28 -6v184q-7 1 -22.5 3t-22.5 3q-40 9 -102 9q-167 0 -223 -140q-31 -73 -31 -229v-31h-105v-186z" />
<glyph unicode="&#xfb02;" horiz-adv-x="772" d="M20 934h105v-934h207v934h104v186h-104v29v51q0 35 8 62q18 71 76 71q31 0 67 -4v-1329h207v1505h-164q-7 1 -22.5 3t-22.5 3q-40 9 -102 9q-167 0 -223 -140q-31 -73 -31 -229v-31h-105v-186z" />
</font>
</defs></svg>

After

Width:  |  Height:  |  Size: 48 KiB

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@@ -0,0 +1,493 @@
<!DOCTYPE html>
<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">
<title>bitPresenze</title>
<!-- Google Code for sito bitPresenze Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1059322201;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "UQLMCOXkk2EQ2fKP-QM";
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/1059322201/?label=UQLMCOXkk2EQ2fKP-QM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>
<!-- Bootstrap -->
<!--<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">-->
<link rel="stylesheet" href="css/style.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="91">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<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="#navbar-main">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#home"><img src="images/lodo_español.png" alt="bitPresenze"/></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-main">
<ul class="nav navbar-nav">
<li><a href="#comefunziona">Como funciona</a></li>
<li><a href="#multiplatform">Multiplataforma</a></li>
<li><a href="#contabilita">Contabilidad</a></li>
<li><a href="#maggioriinfo">Contáctanos</a></li>
<li><a href="#chisiamo"> <q>Quienes somos</q></a></li>
</ul>
<ul class="nav navbar-nav navbar-right navbar-social">
<li><a class="sprite twitter text-hide" target="_blank" href="https://twitter.com/delphistudio_es">Twitter</a>
</li>
<li><a class="sprite facebook text-hide" target="_blank"
href="https://www.facebook.com/delphistudio/">Facebook</a></li>
<li><a class="sprite youtube text-hide" target="_blank"
href="https://www.youtube.com/channel/UCInzk9sy2ltSdd9vhTuUcLA/featured">YouTube</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<main>
<section id="home">
<div id="home-whatis">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6">
<h1>¿Qué es?</h1>
<p>bitPresenze es una solución simple y óptima, diseñada para facilitar el control
de asistencia y la gestión de recursos humanos en pequeñas, medianas y grandes empresas.</p>
<p>Calcula con precisión los horarios de cada empleado y colaborador, registrando datos
personales, asistencias, ausencias y justificaciones, independientemente del tamaño de la empresa.</p>
</div>
<div class="col-xs-12 col-md-6">
<img class="img-responsive" src="images/dashboard.png" width="650" height="390" alt=""/>
</div>
</div>
</div>
</div>
<div id="home-emphasis">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h2>MONITOR DE ASISTENCIA: JORNADAS LABORALES, EXTRAORDINARIAS, FESTIVOS, PERMISOS</h2>
</div>
</div>
</div>
</div>
<div id="home-highlights">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-4">
<div class="row">
<div class="col-xs-12"><span class="sprite time"></span></div>
<div class="col-xs-12">
<h4>FÁCIL DE USAR</h4>
<p>bitPresenze reconoce las características del personal interno y de los colaboradores externos, asignando
horas en función cargo, nivel o departamento al que pertenecen.
</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="row">
<div class="col-xs-12"><span class="sprite person"></span></div>
<div class="col-xs-12">
<h4>SIMPLIFICA EL TRABAJO ADMINISRATIVO</h4>
La información relativa al personal es accesible y reservada exclusivamente a los
responsables de personal. Estos sólo tendrán la función de monitorear
cualquier anomalía en la gestión del personal de la empresa.
</div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="row">
<div class="col-xs-12"><span class="sprite increase"></span></div>
<div class="col-xs-12">
<h4>BENEFICIOS</h4>
Gracias al tratamiento de los datos, bitPresenze evita el cálculo manual
de las horas de vacaciones y horas extras, reduciendo el tiempo y los costes
de gestión para la creación de las nóminas.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="maggioriinfo">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h1>MÁS INFORMACIÓN</h1>
</div>
</div>
<div class="row" style="display: none" id="WebToLeadError">
<div class="col-xs-12">
<div class="alert alert-danger">Ocurrió un error al enviar los datos.
<br/>Póngase en contacto con nosotros en esta dirección de correo electrónico
<a target="_blank"
href="mailto:&#99;&#111;&#109;&#101;&#114;&#99;&#105;&#97;&#108;&#64;&#100;&#101;&#108;&#112;&#104;&#105;&#115;&#116;&#117;&#100;&#105;&#111;&#46;&#101;&#115;"
class="alert-link">&#99;&#111;&#109;&#101;&#114;&#99;&#105;&#97;&#108;&#64;&#100;&#101;&#108;&#112;&#104;&#105;&#115;&#116;&#117;&#100;&#105;&#111;&#46;&#101;&#115;</a>
</div>
</div>
</div>
<form
action="https://formspree.io/f/mqkwvjlz"
method="POST"
>
<div class="row">
<div class="col-xs-12 col-md-6">
<div class="form-group has-feedback">
<input type="text" class="form-control" id="first_name" name="first_name" placeholder="Nombre"
required>
</div>
<div class="form-group">
<input type="text" class="form-control" id="last_name" name="last_name" placeholder="Apellido"
required>
</div>
<div class="form-group">
<input type="email" class="form-control" id="email1" name="_replyto" placeholder="Correo electrónico" required>
</div>
</div>
<div class="col-xs-12 col-md-6">
<div class="form-group">
<input type="text" class="form-control" id="account_name" name="account_name"
placeholder="Empresa">
</div>
<div class="form-group">
<input type="text" class="form-control" id="phone_work" name="phone_work"
placeholder="Teléfono">
</div>
<div class="form-group">
<textarea class="form-control" id="description" name="message" placeholder="Mensaje"
rows="3"></textarea>
</div>
<div class="form-group">
<button type="submit" class="btn btn-default pull-right"
data-loading-text="Invio dati in corso...">ENVIAR
</button>
</div>
</div>
</div>
<input id="campaign_id" type="hidden" name="campaign_id" value="582e90d5-e1cd-1afa-b680-530b782b214d"/>
<input id="assigned_user_id" type="hidden" name="assigned_user_id"
value="8bba49ee-6364-ac02-ea9d-4f1545f6a039"/>
</form>
<div class="row" style="display: none" id="WebToLeadConfirm">
<div class="col-xs-12">
<h3>Gracias</h3>
<p>Sarai presto ricontattato dal nostro staff per fornirti maggiori informazioni</p>
</div>
</div>
</div>
</section>
<!--<section id="comefunziona" class="carousel slide" data-ride="carousel">-->
<!--<div class="carousel-inner">-->
<!--<div class="item active">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<div class="col-xs-12 col-md-6">-->
<!--<h1>COME FUNZIONA</h1>-->
<!--<h3>TIMBRATURA</h3>-->
<!--<p>-->
<!--Dipendenti e collaboratori provvedono a timbrare il cartellino quotidianamente. Sarà il-->
<!--sistema-->
<!--a gestire lanagrafica, riconoscendo le caratteristiche di ognuno, in base a qualifica e-->
<!--reparto-->
<!--di appartenenza, e a configurare i diversi profili di orario attesi.-->
<!--</p>-->
<!--<h3>REGISTRAZIONE</h3>-->
<!--<p>-->
<!--Tutte le informazioni relative alle attività svolte saranno registrate allinizio e alla-->
<!--fine,-->
<!--in modo da quantificare la produttività di ognuno e determinare in base ad essa, la giusta-->
<!--retribuzione.-->
<!--</p>-->
<!--<h3>ELABORAZIONE</h3>-->
<!--<p>-->
<!--bitPresenze calcola la differenza tra gli orari dovuti, assegnati ad ogni dipendente, e le-->
<!--ore-->
<!--effettivamente lavorate. Sarà a questo scopo indispensabile la compilazione della tabella-->
<!--orari,-->
<!--che permette di classificare il personale e stabilire anomalie.-->
<!--</p>-->
<!--</div>-->
<!--<div class="col-xs-12 col-md-6">-->
<!--<img class="img-responsive" src="images/come_funziona.png" width="435" height="435"/>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<div class="item">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<div class="col-xs-12 col-md-6">-->
<!--<h1>COME FUNZIONA</h1>-->
<!--<h3>ALERT</h3>-->
<!--<p>Le anomalie sono segnalate al dipendente e al responsabile mediante alert e messaggi e­mail.-->
<!--Lo staff potrà quindi addurre le opportune giustificazioni, tramite client appositamente-->
<!--installato.-->
<!--</p>-->
<!--<h3>CONTROLLO E GESTIONE</h3>-->
<!--<p>Lattività di controllo e gestione effettuata dai responsabili del personale, può avvenire-->
<!--sia attaverso il monitoraggio di più postazioni, sia attraverso la supervisione di un unico-->
<!--computer. La configurazione del software su ogni macchina non è infatti requisito-->
<!--necessario: sarà la stessa amministrazione a stabilire i client dai quali ogni utente dovrà-->
<!--timbrare.-->
<!--</p>-->
<!--</div>-->
<!--<div class="col-xs-12 col-md-6">-->
<!--<img class="img-responsive" src="images/come_funziona2.png" width="435" height="435"/>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--&lt;!&ndash; Controls &ndash;&gt;-->
<!--<a class="left carousel-control" href="#comefunziona" data-slide="prev">-->
<!--<span class="glyphicon glyphicon-chevron-left"></span>-->
<!--</a>-->
<!--<a class="right carousel-control" href="#comefunziona" data-slide="next">-->
<!--<span class="glyphicon glyphicon-chevron-right"></span>-->
<!--</a>-->
<!--</section>-->
<section id="comefunziona" class="carousel slide" data-ride="carousel">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6">
<h1>COMO FUNCIONA</h1>
<h3>FICHAR</h3>
<p>
Empleados y colaboradores fichan la tarjeta diariamente. El sistema gestionará los datos personales,
reconociendo las características de cada uno, en función dl cargo y departamento al que pertenezca,
y configurará los diferentes perfiles de tiempo previsto.
</p>
<h3>REGISTRO</h3>
<p>
Toda la información relativa a las actividades realizadas se registrará al inicio y al final,
con el fin de cuantificar la productividad de cada una y determinar en base a ella, el salario adecuado
</p>
<h3>PROCESO</h3>
<p>
bitPresenze calcula la diferencia entre las horas asignadas a cada empleado, y las
horas realmente trabajadas. Para ello será imprescindible fichar el horario,
que permite clasificar la plantilla y establecer anomalías.
</p>
</div>
<div class="col-xs-12 col-md-6">
<img class="img-responsive" src="images/como funcionatrans.png" width="435" height="435"/>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-6">
<h3>ALERT</h3>
<p>Las anomalías son reportadas al empleado y al gerente a través de alertas y mensajes de correo electrónico.
El personal podrá entonces proporcionar las justificaciones apropiadas,
a través de un client especialmente instalado.
</p>
<h3>CONTROL Y GESTIÓN</h3>
<p>La actividad de control y gestión que llevan a cabo los jefes de personal puede realizarse bien
mediante la monitorización de varios puestos de trabajo, como a través de la supervisión de un único ordenador.
La configuración del software en cada máquina no es en realidad un requisito necesario:
la propia administración establecerá los client de los que deberá fichar cada usuario.
</p>
</div>
<div class="col-xs-12 col-md-6">
<img class="img-responsive" src="images/come_funziona2.png" width="435" height="435"/>
</div>
</div>
</div>
</section>
<section id="multiplatform">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6">
<img class="img-responsive" src="images/multiplatform.png" width="650" height="420"/>
</div>
<div class="col-xs-12 col-md-6">
<h1>MULTIPLATAFORMA</h1>
<p>bitPresenze es "multiplataforma", es decir, puede integrarse con client de fichado
o sistemas de monitoreo de bajo costo:</p>
<ul>
<li>Windows</li>
<li>MacOSX</li>
<li>Android</li>
<li>iOS</li>
<li>Touch</li>
<li>WEB</li>
<li>HW preexistente</li>
</ul>
</div>
</div>
</div>
</section>
<section id="contabilita">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6">
<h1>CONTABILIDAD INDUSTRIAL</h1>
<p>
bitPresenze ofrece múltiples funciones, incluida la capacidad de calcular rápida y fácilmente
la cantidad total de horas dedicadas a realizar una tarea específica.
</p>
<p>
El sistema procesa las distintas actividades ingresadas, generando reportes diarios
divididos en franjas horarias.
</p>
<p>
Gracias a esta particularidad, bitPresenze ofrece la posibilidad de monitorear
el progreso del trabajo en cualquier momento, de acuerdo con los plazos previstos.
</p>
</div>
<div class="col-xs-12 col-md-6">
<img class="img-responsive" src="images/cont_ind.png" width="420" height="420"/>
</div>
</div>
</div>
</section>
<section id="chisiamo">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6">
<h1>QUIENES SOMOS</h1>
<p>Delphi Studio es una empresa especializada en consultoría, ingeniería, capacitación y desarrollo de alto nivel.
Nuestro objetivo es ofrecer los mejores servicios en el mercado de nuestra especialidad..</p>
<p>Gracias a nuestro proceso constante de capacitación interna y a nuestras numerosas partnerships,
tanto italianos como internacionales, podemos ofrecer competencia y profesionalidad de alto nivel.
Garantizamos a los clientes la máxima calidad al final de cada proyecto.</p>
</div>
<div class="col-xs-12 col-md-6">
<div class="row">
<div class="col-xs-12"><img class="pull-right img-responsive" src="images/contatti.png"/></div>
</div>
<div class="row">
<div class="col-xs-12">
<address class="text-right">
<h3>Delphi Studio SL</h3>
Carrer del Bon Recés,3 46015 Valencia - España
<br/> &#99;&#111;&#109;&#101;&#114;&#99;&#105;&#97;&#108;&#64;&#100;&#101;&#108;&#112;&#104;&#105;&#115;&#116;&#117;&#100;&#105;&#111;&#46;&#101;&#115;<br/>
tel. +34 960130674<br/>
</address>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="row">
<div class="col-xs-12">
<p id="copyright">© 2022 bitPresenze es un producto de Delphi Studio del Grupo Bit Time Software. Reservados todos los derechos.</p>
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!--<script src="https://code.jquery.com/jquery.js"></script>-->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!--<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>-->
<!--<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>-->
<!--<script src="js/waypoints.min.js" type="text/javascript"></script>-->
<script src="js/script.js" type="text/javascript"></script>
<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-1824214-19', 'bitpresenze.it');
ga('send', 'pageview');
</script>
</body>
</html>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

499
public/bottelegram.html Normal file
View File

@@ -0,0 +1,499 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | BOT TELEGRAM</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css" />
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css" />
<link rel="stylesheet" href="css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== -1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="img/logo-trasparent.png"></a>
</div>
<h1>BOT TELEGRAM</h1>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
<div id="information2" class="media media-center ml-padding">
</div>
<div id="information3" class="media media-center ml-padding">
</div>
<div id="information4" class="media media-center ml-padding">
</div>
<div id="information5" class="media media-center ml-padding">
</div>
<div id="information6" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre" required />
</div>
<div class="form-group col-xl-6 pl-xl-1">
<input type="email" id="contact_email" name="contact_email" class="form-control"
placeholder="Correo electrónico" required />
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Escribe aquí tu mensaje." required></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script src="js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<img src="img/bottelegram/bt-01.jpg" class="imgresponsive">
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">En los últimos tiempos, la comunicación empresarial se ha reforzado adicionalmente de los canales clásicos,
como los newsletter, publicaciones en redes sociales, Facebook, Instagram, Twitter, pero también con mensajes directos
con smarthphone a través de Telegram y otros servicios de mensajería instantánea.
<br>En Telegram, los bots son cuentas reales administradas por software, estos bots logran realizar diversas task
ofreciendo muchos servicios a los usuarios:</p>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("information2").innerHTML = `
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0"><b>&#8226; Recibir notificaciones y noticias personalizadas</b>
<br>&nbsp;&nbsp;un bot puede actuar como un periódico "inteligente" enviando contenidos
apropiados tan pronto como se &nbsp;&nbsp;publiquen.
<br><b>&#8226; Integración con otros servicios</b>
<br>&nbsp;&nbsp;un bot puede enriquecer los chats de Telegram con contenido tomado de otros servicios.</p>
</div>
<img src="img/bottelegram/bt-02.png" class="imgresponsive tm-media-img">
`;
document.getElementById("information2").style.display = 'flex';
document.getElementById("information3").innerHTML = `
<img src="img/bottelegram/bt-03.jpg" class="imgresponsive tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0"><b>&#8226; Aceptación de pagos de los usuarios de Telegram</b>
<br>&nbsp;&nbsp;un bot puede ofrecer servicios a pagamento o ser una tienda virtual.
<br><b>&#8226; Crear herramientas personalizadas y servicios sociales</b>
<br>&nbsp;&nbsp;un bot puede proporcionar pronósticos del tiempo, traducciones u otros servicios.</p>
</div>
`;
document.getElementById("information3").style.display = 'flex';
document.getElementById("information4").innerHTML = `
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0">Delphi Studio desarrolla Telegram bots para asesorar su negocio específico,
permitiendo una interacción con sus clientes simplemente inalcanzable por otros medios,
y mucho menos con el correo electrónico clásico.
<br>A modo de ejemplo, a continuación se muestran algunos tipos de bots proyectados para diferentes tipos de clientes
que se ocupan de ventas con red de agentes:</p>
</div>
<img src="img/bottelegram/bt-04.jpg" class="imgresponsive tm-media-img">
`;
document.getElementById("information4").style.display = 'flex';
document.getElementById("information5").innerHTML = `
<img src="img/bottelegram/bt-05.jpg" class="imgresp tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0"><b>&#8226; Subastas en línea</b>
<br>&nbsp;&nbsp;todos los suscriptores a un bot participan en una subasta para ganar un bien o un producto en tiempo &nbsp;&nbsp;real.
&Uacute;til para empresas con una red de agentes de ventas en el campo de productos de alimentos frescos.
<br><b>&#8226; Ofertas y comunicaciones personalizadas</b>
<br>&nbsp;&nbsp;llegar a todos sus clientes de manera puntual y precisa sin ahogarse en el mar
de correo no deseado &nbsp;&nbsp;(spam) o diversas newsletter.
¡Llegar a todos tus clientes de forma interactiva nunca ha sido así de fácil!</p>
</div>
`;
document.getElementById("information5").style.display = 'flex';
document.getElementById("information6").innerHTML = `
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0"><b>&#8226; Catálogos y listas de precios</b>
<br>&nbsp;&nbsp;el cliente puede utilizar una interfaz simple e intuitiva para
consultar un catálogo específico.
<br>&nbsp;&nbsp;El agente de ventas que lo sigue puede saber el cliente en qué está interesado (según el historial de sus &nbsp;&nbsp;busquedas) y ofrecer productos específicos.
<br>&nbsp;&nbsp;Definitivamente más simple y más funcional que un catálogo o lista tradicional.</p>
</div>
<img src="img/bottelegram/bt-06.jpg" class="imgresponsive tm-media-img">
`;
document.getElementById("information6").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav class="navbar navbar-expand-sm bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="http://www.delphistudio.es/">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<img src="img/bottelegram/bt-01.jpg" class="imgresponsive">
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">En los últimos tiempos, la comunicación empresarial se ha reforzado adicionalmente de los canales clásicos,
como los newsletter, publicaciones en redes sociales, Facebook, Instagram, Twitter, pero también con mensajes directos
con smarthphone a través de Telegram y otros servicios de mensajería instantánea.
<br>En Telegram, los bots son cuentas reales administradas por software, estos bots logran realizar diversas task
ofreciendo muchos servicios a los usuarios:</p>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("information2").innerHTML = `
<img src="img/bottelegram/bt-02.png" class="imgresponsive tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0"><b>&#8226; Recibir notificaciones y noticias personalizadas</b>
<br>un bot puede actuar como un periódico "inteligente" enviando contenidos
apropiados tan pronto como se &nbsp;&nbsp;publiquen.
<br><b>&#8226; Integración con otros servicios</b>
<br>un bot puede enriquecer los chats de Telegram con contenido tomado de otros servicios.</p>
</div>
`;
document.getElementById("information2").style.display = 'block';
document.getElementById("information3").innerHTML = `
<img src="img/bottelegram/bt-03.jpg" class="imgresponsive tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0"><b>&#8226; Aceptación de pagos de los usuarios de Telegram</b>
<br>un bot puede ofrecer servicios a pagamento o ser una tienda virtual.
<br><b>&#8226; Crear herramientas personalizadas y servicios sociales</b>
<br>un bot puede proporcionar pronósticos del tiempo, traducciones u otros servicios.</p>
</div>
`;
document.getElementById("information3").style.display = 'block';
document.getElementById("information4").innerHTML = `
<img src="img/bottelegram/bt-04.jpg" class="imgresponsive tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0">Delphi Studio desarrolla Telegram bots para asesorar su negocio específico,
permitiendo una interacción con sus clientes simplemente inalcanzable por otros medios,
y mucho menos con el correo electrónico clásico.
<br>A modo de ejemplo, a continuación se muestran algunos tipos de bots proyectados para diferentes tipos de clientes
que se ocupan de ventas con red de agentes:</p>
</div>
`;
document.getElementById("information4").style.display = 'block';
document.getElementById("information5").innerHTML = `
<img src="img/bottelegram/bt-05.jpg" class="imgresp tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0"><b>&#8226; Subastas en línea</b>
<br>todos los suscriptores a un bot participan en una subasta para ganar un bien o un producto en tiempo &nbsp;&nbsp;real.
&Uacute;til para empresas con una red de agentes de ventas en el campo de productos de alimentos frescos.
<br><b>&#8226; Ofertas y comunicaciones personalizadas</b>
<br>llegar a todos sus clientes de manera puntual y precisa sin ahogarse en el mar
de correo no deseado &nbsp;&nbsp;(spam) o diversas newsletter.
¡Llegar a todos tus clientes de forma interactiva nunca ha sido así de fácil!</p>
</div>
`;
document.getElementById("information5").style.display = 'block';
document.getElementById("information6").innerHTML = `
<img src="img/bottelegram/bt-06.jpg" class="imgresponsive tm-media-img">
<div class="media-body tm-box-5">
<h2></h2>
<p class="mb-0"><b>&#8226; Catálogos y listas de precios</b>
<br>el cliente puede utilizar una interfaz simple e intuitiva para
consultar un catálogo específico.
<br>El agente de ventas que lo sigue puede saber el cliente en qué está interesado (según el historial de sus &nbsp;&nbsp;busquedas) y ofrecer productos específicos.
<br>Definitivamente más simple y más funcional que un catálogo o lista tradicional.</p>
</div>
`;
document.getElementById("information6").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(function () {
if (renderPage) {
$('body').addClass('loaded');
}
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
});
</script>
</body>
</html>

568
public/bp/bp.html Normal file
View File

@@ -0,0 +1,568 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5">
<div class="row mb-2">
<div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12 ">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Contacto: Promoció 30 porciento - 2019" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
<select size="1" id="delphi_version" name="delphi_version" class="form-control"
required>
<div style="overflow-y: auto">
<option value="Tu Versión de Delphi">Tu Versión de Delphi</option>
<option value="Ninguna Versión">Ninguna Versión</option>
<option value="Embarcadero Delphi 10.3 Rio">Embarcadero Delphi 10.3 Rio</option>
<option value="Embarcadero Delphi 10.2 Tokyo (Community Edition)">Embarcadero
Delphi 10.2 Tokyo (Community Edition)</option>
<option value="Embarcadero Delphi 10.2 Tokyo">Embarcadero Delphi 10.2 Tokyo</option>
<option value="Embarcadero Delphi 10.1 Berlin">Embarcadero Delphi 10.1
Berlin</option>
<option value="Embarcadero Delphi 10 Seattle">Embarcadero Delphi 10 Seattle</option>
<option value="Embarcadero Delphi XE8">Embarcadero Delphi XE8</option>
<option value="Embarcadero Delphi XE7">Embarcadero Delphi XE7</option>
<option value="Embarcadero Delphi XE6">Embarcadero Delphi XE6</option>
<option value="Embarcadero Delphi XE5">Embarcadero Delphi XE5</option>
<option value="Embarcadero Delphi XE4">Embarcadero Delphi XE4</option>
<option value="Embarcadero Delphi XE3">Embarcadero Delphi XE3</option>
<option value="Embarcadero Delphi XE2">Embarcadero Delphi XE2</option>
<option value="Delphi Starter Edition">Delphi Starter Edition</option>
<option value="Embarcadero Delphi XE">Embarcadero Delphi XE</option>
<option value="Embarcadero Delphi 2010">Embarcadero Delphi 2010</option>
<option value="CodeGear Delphi 2009">CodeGear Delphi 2009</option>
<option value="Delphi for PHP">Delphi for PHP</option>
<option value="Codegear Delphi 2007">Codegear Delphi 2007</option>
<option value="DTurbo Delphi and Turbo Delphi for .NET">Turbo Delphi and
Turbo Delphi for .NET</option>
<option value="Borland Delphi 2006">Borland Delphi 2006</option>
<option value="Borland Delphi 2005">Borland Delphi 2005</option>
<option value="Borland Delphi 8">Borland Delphi 8</option>
<option value="Borland Delphi 7">Borland Delphi 7</option>
<option value="Borland Delphi 6">Borland Delphi 6</option>
<option value="Borland Delphi 5">Borland Delphi 5</option>
<option value="Kylix">Kylix</option>
<option value="Inprise Delphi 4">Inprise Delphi 4</option>
<option value="Borland Delphi 3">Borland Delphi 3</option>
<option value="Borland Delphi 2">Borland Delphi 2</option>
<option value="Borland Delphi 1">Borland Delphi 1</option>
</div>
</select>
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright ©2022 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<div style="height: 50%; width: 50%;margin:0 auto;">
<video src="bp.mp4" width=640 height=480 controls autoplay poster="bp_logo.jpg">
Lo sentimos. Este vídeo no puede ser reproducido en tu navegador.<br>
La versión descargable está disponible en <a href="URL">Enlace</a>.
</video>
</div>
<div style="height: 50%; width: 50%;margin:0 auto; text-align: center;">
<img span style="height:80%; width: 80%;" src="../img/bp_logo.jpg">
</div>
<br>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p span style="font-size: 2em;"><strong>¿QUÉ ES?</strong></p>
<p> bitPresenze es una solución simple y óptima, diseñada para facilitar el control de asistencia y la gestión de recursos humanos en pequeñas, medianas y grandes empresas.
.</p>
</div>
<div style="height: 50%; width: 50%;margin:0 auto;" class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="../img/dashboard.png" class="img-fluid" /></div>
</div>
</div>
</section>
<p Calcula con precisión los horarios de cada empleado y colaborador, registrando datos personales, presencia, ausencia y justificantes, independientemente del tamaño de la empresa.</p>
<p span style="font-size: 2em;"> <strong> ¿COMO FUNCIONA?</strong></p>
<div>
<p> <strong> TIMBRADO </strong>
Empleados y colaboradores timbran la tarjeta diariamente. bitPresenze gestionará los datos personales, reconociendo las características de cada uno, en función de la titulación y departamento al que pertenezca, y configurará los diferentes perfiles de tiempo previsto.
<p> <strong> REGISTRO </strong>
Toda la información relativa a las actividades realizadas se registrará al inicio y al final, con el fin de cuantificar la productividad de cada una y determinar el salario justo en función de ella.
<p> <strong> PROCEDIMIENTO </strong>
bitPresenze calcula la diferencia entre las horas vencidas, asignadas a cada empleado, y las horas realmente trabajadas. Para ello será imprescindible la configuración de tablas de horario, que permite clasificar la plantilla y establecer anomalías.
<p> <strong> ALERT </strong>
Las anomalías son reportadas al empleado y al gerente a través de alertas y mensajes de correo electrónico. El personal podrá entonces proporcionar las justificaciones apropiadas, a través de un CLIENT especialmente instalado.
<p> <strong> CONTROL Y GESTIÓN </strong>
La actividad de control y gestión que llevan a cabo los jefes de personal puede realizarse tanto a través de la monitorización de múltiples puestos de trabajo, como a través de la supervisión de un único ordenador. La configuración del software en cada máquina no es en realidad un requisito necesario: la propia administración establecerá los CLIENT en los que tendrá que timbrar cada usuario.
<br><br>
<br>
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p span style="font-size: 2em;"><strong>MULTIPLATAFORMA</strong></p>
<p> bitPresenze es "multiplataforma", es decir, puede integrarse con client de asistencia o sistemas de monitoreo de bajo costo:
<p>Windows / Mac OS X / Android / iOS / Touch / WEB / HW preexistente
</div>
<div style="height: 50%; width: 50%;margin:0 auto;" class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="../img/multiplatform.png" class="img-fluid" /></div>
</div>
</div>
<br><br>
<br>
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p span style="font-size: 2em;"><strong>CONTABILIDAD INDUSTRIAL</strong></p>
<p> bitPresenze ofrece múltiples funciones, incluida la capacidad de calcular rápida y fácilmente la cantidad total de horas dedicadas a la realización de una tarea específica.
El sistema procesa las distintas actividades ingresadas, generando reportes diarios divididos en franjas horarias.
Gracias a esta particularidad, bitPresenze ofrece la posibilidad de monitorear el progreso del trabajo en cualquier momento, de acuerdo con los plazos previstos.
</div>
<div style="height: 50%; width: 50%;margin:0 auto;" class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="../img/cont_ind.png" class="img-fluid" /></div>
</div>
</div>
<a class="nav-link" href="#cnt-section" span style="display:inline;margin:0; padding:0">Contáctenos</a> para recibir su oferta personalizada.
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav class="navbar navbar-expand-sm bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-2">
<p class="mb-0" id="tm-section-4">
<br>
<div style="height: 90%; width: 90%;margin:0 auto;">
<video src="bp.mp4" width=240 height=400 controls autoplay poster="bp_logo.jpg">
Lo sentimos. Este vídeo no puede ser reproducido en tu navegador.<br>
La versión descargable está disponible en <a href="URL">Enlace</a>.
</video>
</div>
<div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height:80%; width: 80%;" src="../img/bp_logo.jpg">
</div>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p span style="font-size: 2em;"><strong>¿QUÉ ES?</strong></p>
<p> bitPresenze es una solución simple y óptima, diseñada para facilitar el control de asistencia y la gestión de recursos humanos en pequeñas, medianas y grandes empresas.
.</p>
</div>
<div style="height: 50%; width: 50%;margin:0 auto;" class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="../img/dashboard.png" class="img-fluid" /></div>
</div>
</div>
</section>
<p Calcula con precisión los horarios de cada empleado y colaborador, registrando datos personales, presencia, ausencia y justificantes, independientemente del tamaño de la empresa.</p>
<p span style="font-size: 2em;"> <strong> ¿COMO FUNCIONA?</strong></p>
<div>
<p> <strong> TIMBRADO </strong>
Empleados y colaboradores timbran la tarjeta diariamente. bitPresenze gestionará los datos personales, reconociendo las características de cada uno, en función de la titulación y departamento al que pertenezca, y configurará los diferentes perfiles de tiempo previsto.
<p> <strong> REGISTRO </strong>
Toda la información relativa a las actividades realizadas se registrará al inicio y al final, con el fin de cuantificar la productividad de cada una y determinar el salario justo en función de ella.
<p> <strong> PROCEDIMIENTO </strong>
bitPresenze calcula la diferencia entre las horas vencidas, asignadas a cada empleado, y las horas realmente trabajadas. Para ello será imprescindible la configuración de tablas de horario, que permite clasificar la plantilla y establecer anomalías.
<p> <strong> ALERT </strong>
Las anomalías son reportadas al empleado y al gerente a través de alertas y mensajes de correo electrónico. El personal podrá entonces proporcionar las justificaciones apropiadas, a través de un CLIENT especialmente instalado.
<p> <strong> CONTROL Y GESTIÓN </strong>
La actividad de control y gestión que llevan a cabo los jefes de personal puede realizarse tanto a través de la monitorización de múltiples puestos de trabajo, como a través de la supervisión de un único ordenador. La configuración del software en cada máquina no es en realidad un requisito necesario: la propia administración establecerá los CLIENT en los que tendrá que timbrar cada usuario.
<br><br>
<br>
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p span style="font-size: 2em;"><strong>MULTIPLATAFORMA</strong></p>
<p> bitPresenze es "multiplataforma", es decir, puede integrarse con client de asistencia o sistemas de monitoreo de bajo costo:
<p>Windows / Mac OS X / Android / iOS / Touch / WEB / HW preexistente
</div>
<div style="height: 50%; width: 50%;margin:0 auto;" class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="../img/multiplatform.png" class="img-fluid" /></div>
</div>
</div>
<br><br>
<br>
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p span style="font-size: 2em;"><strong>CONTABILIDAD INDUSTRIAL</strong></p>
<p> bitPresenze ofrece múltiples funciones, incluida la capacidad de calcular rápida y fácilmente la cantidad total de horas dedicadas a la realización de una tarea específica.
El sistema procesa las distintas actividades ingresadas, generando reportes diarios divididos en franjas horarias.
Gracias a esta particularidad, bitPresenze ofrece la posibilidad de monitorear el progreso del trabajo en cualquier momento, de acuerdo con los plazos previstos.
</div>
<div style="height: 50%; width: 50%;margin:0 auto;" class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="../img/cont_ind.png" class="img-fluid" /></div>
</div>
</div>
<br>
<div>
¡No pierdas la oportunidad!
<a class="nav-link" href="#cnt-section" span style="display:inline;margin:0; padding:0">Contáctenos</a> para recibir su oferta personalizada.
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(function () {
if (renderPage) {
$('body').addClass('loaded');
}
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
});
</script>
</body>
</html>

BIN
public/bp/bp.mp4 Normal file

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/bp/img/bp_logo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

BIN
public/bp/img/radstudio.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

704
public/cs/_erp2.html Normal file
View File

@@ -0,0 +1,704 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject"
value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono"
class="form-control" placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link"
href="https://www.google.it/maps/place/Carrer+de+les+Garrigues,+17,+46001+Val%C3%A8ncia,+Spagna/@39.4712608,-0.3784316,17z/data=!4m5!3m4!1s0xd604f4c1c838a5d:0x8e12d7a464472964!8m2!3d39.4710745!4d-0.3793221"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link"
href="https://www.google.it/maps/place/Carrer+de+les+Garrigues,+17,+46001+Val%C3%A8ncia,+Spagna/@39.4712608,-0.3784316,17z/data=!4m5!3m4!1s0xd604f4c1c838a5d:0x8e12d7a464472964!8m2!3d39.4710745!4d-0.3793221"
target="_blank">
Carrer de les Garrigues, 17</a>
<br>46001 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2018 DELPHI STUDIO</p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">ERP SOFTWARE
<div>
<br>
<p>Los ERP de Centro Software se componen de más de 70 módulos perfectamente integrados, altamente
configurables y utilizables en modo “server” o “cloud” (SAAS), que permiten el control completo y la
gestión directa de los procesos de todos los departamentos y áreas de la empresa.</p>
<p>No sólo gestión de procesos internos (producción, almacenes, logística, administración) sino también, gracias a las
tecnologías más recientes, como los portales utilizables desde los distintos dispositivos móviles, todos los
procesos que atañen a la cadena productiva y comercial externa a la empresa (filiales, departamentos de asistencia,
técnicos, agentes, obras, proveedores, etc.).</p>
<p>El ERP de Centro Software permite incrementos de eficiencia de hasta el 50% y una reducción de los costes de hasta el
30%, optimizando las existencias y los procesos de producción, el desplazamiento de la mercancía, las actividades
comerciales, la administración y el control de gestión, el diálogo en tiempo real con los clientes y con quienes
operan fuera de la empresa.</p>
<h3>Flexibilidad y Configurabilidad</h3>
<p>Los ERP de Centro Software, a diferencia de muchos ERP de la competencia, no son un agregado de programas
departamentales desarrollados por distintas sociedades sino que son fruto de un <strong>proyecto único</strong>,
constantemente actualizado, que ha optimizado los flujos de las empresas y que en una estructura modular contiene
las mejores experiencias industriales y las tecnologías más avanzadas.</p>
<p class="rtecenter"><img alt="" class="img-responsive" height="252"
src="img/software_erp_es.png" style="margin: 0 auto" width="565"></p>
<ul class="list-group">
<li class="list-group-item"><a href="erp2_lista_modulos.html"
target="_blank">Lista de módulos SAM ERP2</a></li>
</ul>
<p>La perfecta integración de todos los flujos es la “columna vertebral informática” a través de la cual es posible
controlar en tiempo real todos los procesos de la empresa.</p>
<p>De hecho, un único proyecto ERP garantiza:</p>
<ul>
<li>la máxima integración de los procedimientos de la empresa (“flujo continuo”)</li>
<li>la máxima eficiencia y velocidad en la gestión de los procesos</li>
<li>la máxima economía de mantenimiento y desarrollo</li>
<li>la máxima rapidez de actualización</li>
<li>la máxima capacidad de evolución tecnológica</li>
</ul>
<p>A diferencia de los productos de la competencia, los ERP de Centro Software utilizan <strong>una única base de datos
y un único motor software</strong>.</p>
<p>En este único motor ERP se basan todas las <strong>configuraciones</strong> del producto ya predispuestas con los
parámetros y las funciones características de los distintos sectores industriales. Cada empresa, de cualquier
sector, puede realizar un flujo continuo de información y de materiales que reduce los costes e incrementa al máximo
la eficiencia y la productividad a lo largo de toda la cadena productiva y comercial:</p>
<ul>
<li>Alimentos</li>
<li>Automatización y máquinas automáticas</li>
<li>Automotores</li>
<li>Química-Cosmética-Farmacéutica</li>
<li>Electricidad y Electrónica</li>
<li>Instalaciones y Robótica</li>
<li>Instrumental médico</li>
<li>Mecánico</li>
<li>Aeroespacial</li>
<li>etc.</li>
</ul>
<h3>Herramientas y kits de desarrollo personal</h3>
<p>Los ERP de Centro Software son muy sencillos de utilizar, pero al mismo tiempo potentes y completos, incluso en las
funciones de configuración y personalización; están dotados de herramientas (tools) especiales para la seguridad, la
confidencialidad y el control de todo el sistema.</p>
<p>Además de la alta <strong>flexibilidad </strong>y <strong>configurabilidad</strong>, están dotados de <strong>3
</strong>potentes <strong>herramientas de desarrollo</strong>:</p>
<ul>
<li><strong>ADK </strong>(Application Designer Kit)</li>
<li><strong>SDK </strong>(Software Development Kit)</li>
<li><strong>RGT </strong>(Report Generation Tool)</li>
</ul>
<p><strong>ADK</strong> es un “framework” de herramientas que permite el rápido desarrollo de personalizaciones y flujos
de trabajo sin ninguna competencia de programación.</p>
<p><strong>SDK</strong> es un kit de desarrollo que permite modificar programas preexistentes o crear nuevas
"aplicaciones verticales” perfectamente integradas, sin preocuparse por las lógicas internas del ERP, garantizando
no sólo la máxima consistencia de los procesos o de los datos sino también la plena compatibilidad con todas las
versiones futuras.</p>
<p><strong>RGT</strong> es una herramienta que permite modificar autónomamente los trazados de impresión de documentos e
informes (el ERP está dotado de más de mil impresiones estándar básicas) o generar nuevos documentos e informes.</p>
<h3>Tecnología y productividad individual</h3>
<p>Los ERP de Centro Software son los productos más avanzados desde el punto de vista tecnológico; utilizables tanto en
modo “Server” como en modo “Cloud” (SAAS), pueden dialogar en tiempo real con todos los dispositivos e
infraestructuras que favorecen el usufructo y la movilidad: tablet, smartphone, terminales portátiles inalámbricos
para la lectura de códigos de barras, detectores de presencia, etc.</p>
<p>Se distinguen de todas las otras soluciones ERP no sólo por la tecnología sino también por la integridad de los
procesos y la capacidad concreta de acelerar los flujos, reducir los costes e incrementar la eficiencia y la
productividad de la empresa.</p>
<p>Es posible, por ejemplo, personalizar cada puesto de trabajo según las necesidades específicas de cada operador
(personal dashboard), visualizando gráficos y datos actualizados en tiempo real y provenientes del sistema interno
(ej. cifra de ventas por producto o agente, márgenes por línea de producto, Break Even Point, valor de los
almacenes, Rolling Forecast, ABC proveedores, etc.) o del mundo externo (ej. todo lo que se puede recibir mediante
Feed RSS: noticias, cotizaciones de bolsa, precios de materias primas, etc.).</p>
<h3>Internacionalización</h3>
<p>Los ERP de Centro Software son software internacionales multilingües y nativos <strong>Unicode</strong>, capaces de
comunicarse e interactuar en todos los idiomas, memorizando, visualizando e imprimiendo los datos con los caracteres
y con todos los <strong>alfabetos</strong> (latino, cirílico, chino, árabe, etc.).</p>
<p>Además, ya están traducidos y se pueden utilizar simultáneamente con los <strong>diccionarios</strong> más
difundidos:</p>
<ul>
<li>Inglés</li>
<li>Chino</li>
<li>Ruso</li>
<li>Alemán</li>
<li>Francés</li>
<li>Portugués</li>
<li>Italiano</li>
<li>…</li>
</ul>
<p>Por cada idioma se dispone asimismo de <strong>thesaurus</strong> personalizables para añadir palabras o términos
específicos de sector.</p>
<p>Un número importante de empresas en muchos países, sobre todo filiales de empresas italianas o sociedades
relacionadas, utilizan los ERP de Centro Software con éxito desde hace muchos años.</p>
<br>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">ERP SOFTWARE</p>
<br>
<p>Los ERP de Centro Software se componen de más de 70 módulos perfectamente integrados, altamente
configurables y utilizables en modo “server” o “cloud” (SAAS), que permiten el control completo y la
gestión directa de los procesos de todos los departamentos y áreas de la empresa.</p>
<p>No sólo gestión de procesos internos (producción, almacenes, logística, administración) sino también, gracias a las
tecnologías más recientes, como los portales utilizables desde los distintos dispositivos móviles, todos los
procesos que atañen a la cadena productiva y comercial externa a la empresa (filiales, departamentos de asistencia,
técnicos, agentes, obras, proveedores, etc.).</p>
<p>El ERP de Centro Software permite incrementos de eficiencia de hasta el 50% y una reducción de los costes de hasta el
30%, optimizando las existencias y los procesos de producción, el desplazamiento de la mercancía, las actividades
comerciales, la administración y el control de gestión, el diálogo en tiempo real con los clientes y con quienes
operan fuera de la empresa.</p>
<h3>Flexibilidad y Configurabilidad</h3>
<p>Los ERP de Centro Software, a diferencia de muchos ERP de la competencia, no son un agregado de programas
departamentales desarrollados por distintas sociedades sino que son fruto de un <strong>proyecto único</strong>,
constantemente actualizado, que ha optimizado los flujos de las empresas y que en una estructura modular contiene
las mejores experiencias industriales y las tecnologías más avanzadas.</p>
<p class="rtecenter"><img alt="" class="img-responsive" height="252"
src="img/software_erp_es.png" style="height: 90%; width: 90%;margin:0 auto;"></p>
<ul class="list-group">
<li class="list-group-item"><a href="erp2_lista_modulos.html"
target="_blank">Lista de módulos SAM ERP2</a></li>
</ul>
<p>La perfecta integración de todos los flujos es la “columna vertebral informática” a través de la cual es posible
controlar en tiempo real todos los procesos de la empresa.</p>
<p>De hecho, un único proyecto ERP garantiza:</p>
<ul>
<li>la máxima integración de los procedimientos de la empresa (“flujo continuo”)</li>
<li>la máxima eficiencia y velocidad en la gestión de los procesos</li>
<li>la máxima economía de mantenimiento y desarrollo</li>
<li>la máxima rapidez de actualización</li>
<li>la máxima capacidad de evolución tecnológica</li>
</ul>
<p>A diferencia de los productos de la competencia, los ERP de Centro Software utilizan <strong>una única base de datos
y un único motor software</strong>.</p>
<p>En este único motor ERP se basan todas las <strong>configuraciones</strong> del producto ya predispuestas con los
parámetros y las funciones características de los distintos sectores industriales. Cada empresa, de cualquier
sector, puede realizar un flujo continuo de información y de materiales que reduce los costes e incrementa al máximo
la eficiencia y la productividad a lo largo de toda la cadena productiva y comercial:</p>
<ul>
<li>Alimentos</li>
<li>Automatización y máquinas automáticas</li>
<li>Automotores</li>
<li>Química-Cosmética-Farmacéutica</li>
<li>Electricidad y Electrónica</li>
<li>Instalaciones y Robótica</li>
<li>Instrumental médico</li>
<li>Mecánico</li>
<li>Aeroespacial</li>
<li>etc.</li>
</ul>
<h3>Herramientas y kits de desarrollo personal</h3>
<p>Los ERP de Centro Software son muy sencillos de utilizar, pero al mismo tiempo potentes y completos, incluso en las
funciones de configuración y personalización; están dotados de herramientas (tools) especiales para la seguridad, la
confidencialidad y el control de todo el sistema.</p>
<p>Además de la alta <strong>flexibilidad </strong>y <strong>configurabilidad</strong>, están dotados de <strong>3
</strong>potentes <strong>herramientas de desarrollo</strong>:</p>
<ul>
<li><strong>ADK </strong>(Application Designer Kit)</li>
<li><strong>SDK </strong>(Software Development Kit)</li>
<li><strong>RGT </strong>(Report Generation Tool)</li>
</ul>
<p><strong>ADK</strong> es un “framework” de herramientas que permite el rápido desarrollo de personalizaciones y flujos
de trabajo sin ninguna competencia de programación.</p>
<p><strong>SDK</strong> es un kit de desarrollo que permite modificar programas preexistentes o crear nuevas
"aplicaciones verticales” perfectamente integradas, sin preocuparse por las lógicas internas del ERP, garantizando
no sólo la máxima consistencia de los procesos o de los datos sino también la plena compatibilidad con todas las
versiones futuras.</p>
<p><strong>RGT</strong> es una herramienta que permite modificar autónomamente los trazados de impresión de documentos e
informes (el ERP está dotado de más de mil impresiones estándar básicas) o generar nuevos documentos e informes.</p>
<h3>Tecnología y productividad individual</h3>
<p>Los ERP de Centro Software son los productos más avanzados desde el punto de vista tecnológico; utilizables tanto en
modo “Server” como en modo “Cloud” (SAAS), pueden dialogar en tiempo real con todos los dispositivos e
infraestructuras que favorecen el usufructo y la movilidad: tablet, smartphone, terminales portátiles inalámbricos
para la lectura de códigos de barras, detectores de presencia, etc.</p>
<p>Se distinguen de todas las otras soluciones ERP no sólo por la tecnología sino también por la integridad de los
procesos y la capacidad concreta de acelerar los flujos, reducir los costes e incrementar la eficiencia y la
productividad de la empresa.</p>
<p>Es posible, por ejemplo, personalizar cada puesto de trabajo según las necesidades específicas de cada operador
(personal dashboard), visualizando gráficos y datos actualizados en tiempo real y provenientes del sistema interno
(ej. cifra de ventas por producto o agente, márgenes por línea de producto, Break Even Point, valor de los
almacenes, Rolling Forecast, ABC proveedores, etc.) o del mundo externo (ej. todo lo que se puede recibir mediante
Feed RSS: noticias, cotizaciones de bolsa, precios de materias primas, etc.).</p>
<h3>Internacionalización</h3>
<p>Los ERP de Centro Software son software internacionales multilingües y nativos <strong>Unicode</strong>, capaces de
comunicarse e interactuar en todos los idiomas, memorizando, visualizando e imprimiendo los datos con los caracteres
y con todos los <strong>alfabetos</strong> (latino, cirílico, chino, árabe, etc.).</p>
<p>Además, ya están traducidos y se pueden utilizar simultáneamente con los <strong>diccionarios</strong> más
difundidos:</p>
<ul>
<li>Inglés</li>
<li>Chino</li>
<li>Ruso</li>
<li>Alemán</li>
<li>Francés</li>
<li>Portugués</li>
<li>Italiano</li>
<li>…</li>
</ul>
<p>Por cada idioma se dispone asimismo de <strong>thesaurus</strong> personalizables para añadir palabras o términos
específicos de sector.</p>
<p>Un número importante de empresas en muchos países, sobre todo filiales de empresas italianas o sociedades
relacionadas, utilizan los ERP de Centro Software con éxito desde hace muchos años.</p>
<br>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(function () {
if (renderPage) {
$('body').addClass('loaded');
}
//*
$('.scroll').on("click", function (e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
//*/
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*// originale
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

819
public/cs/bpm.html Normal file
View File

@@ -0,0 +1,819 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>BPM Business Process Modeler</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="IMG/logo_bpm_payoff.png" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<br>
<h4><span style="color:#3C5994;"><strong>Proyecta, controla, optimiza y consolida procesos de la empresa</strong></span></h4>
<div class="content">
<p>El valor de una empresa se compone de activos físicos e "intangibles", incluido el capital intelectual, que consiste en:</p>
<ol>
<li><strong>Capital humano</strong>, es decir, el conjunto de conocimientos y habilidades que posee el personal (know how);</li>
<li><strong>Capital relacional</strong>, es decir, relaciones existentes con partes externas, proveedores, clientes, centros de investigación, etc., y la consiguiente reputación (reputación);</li>
<li><strong>Capital organizativo</strong>, es decir, el conjunto de flujos y procesos optimizados a lo largo del tiempo con su experiencia específica (saber cómo hacerlo juntos).</li>
</ol>
<p>La adopción del BPM (Business Process Modeler) no solo permite <strong>certificar</strong> <strong>los procesos</strong> empresariales, sino que también aumenta el<strong> valor “intangible”</strong> de la empresa.<br />
Mejorar constantemente la eficiencia de los procesos y estandarizarlos con cada mejora es un factor competitivo primario.</p>
<!-- <div class="rtecenter" id="videoAree" style="margin: 0 auto;">
<video autoplay="autoplay" controls="" frameborder="0" height="50%" id="videoA" loop="" width="100%"><source src="/sites/all/themes/babol/assets/video/video_bpm.mp4" /></video>
</div> -->
<h4><span style="color:#3C5994;"><strong>Instrumento ideal para la organización</strong></span></h4>
<p class="rteright" style="color:#3C5994; margin-left:160px;"><span style="font-size:90%;"><em>BPM es una herramienta que permite el diseño rápido de flujos organizacionales, modelos, reglas y procedimientos operativos, indispensables no solo para aquellos que desean consolidar y certificar procesos de negocio, sino también para aquellos que constantemente buscan la máxima productividad y la mejor organización.</em></span></p>
<p>BPM (Business Process Modeler) es un framework de herramientas dedicado al rápido desarrollo y diseño de flujos organizacionales, modelos, diseños y programas de aplicación.<br />
El responsable de la empresa puede confeccionar para cada usuario, rol o contexto, el mejor flujo de uso de los procedimientos para aumentar la productividad individual, la gestión correcta y la seguridad de los procesos.<br />
Mejores procesos generan menores costos, mayores ingresos, clientes y empleados más motivados y satisfechos.</p>
<p style="text-align:center"><img alt="BPM" class="img-responsive center-block" src="IMG/bpm_copertina.png" style="width: 70%; height: 70%;" /></p>
<p><br />
Con BPM es posible mejorar y gestionar en manera rápida, flexible y colaborativa todos los procesos empresariales. BPM es, de hecho, equipado con un motor de Work Flow que:</p>
<ol>
<li>Mapea, documenta, dibuja, controla y ejecuta procesos</li>
<li>Gestiona la redacción, verificación, aprobación y distribución de documentos</li>
<li>Active un sistema de colaboración para todos los usuarios internos y externos</li>
<li>Produce soluciones en tiempo real que pueden usarse incluso sin habilidades informáticas</li>
<li>Realiza rápidamente las situaciones “As is” / ”To be”, con la posibilidad de probar la situación en el campo y verificar la corrección y efectividad del nuevo escenario</li>
<li>Reduce el tiempo y costos de implementación de los procedimientos</li>
</ol>
<p style="text-align:center">&nbsp;</p>
<h3><span style="color:#3C5994;font-size:20px;">Por qué usar BPM</span></h3>
<p>BPM es el soporte ideal para una gran cantidad de situaciones y objetivos, ya que se aplica a todo tipo de procesos, tanto para empresas manufactureras como para aquellas que operan en el sector de servicios.</p>
<ul>
<li>Procesos para la gestión de especificaciones, contratos y pedidos complejos</li>
<li>Certificaciones y garantía de calidad, especialmente en los sectores alimentario, espacial, automotriz, químico-cosmético-farmacéutico, …</li>
<li>Gestión de cumplimiento de seguridad</li>
<li>Proyectos para actividades de investigación y desarrollo</li>
<li>Desarrollo de nuevos productos y procesos de ingeniería</li>
<li>Gestión de recursos humanos (gestión de entrevistas, nuevas contrataciones, currículum, exámenes médicos, elegibilidad, ...)</li>
<li>Procedimientos de financiación</li>
<li>Procesos de informes a «empresa matriz»</li>
<li>Procesos de actualización de manual de usuario y documentación técnica</li>
<li>...</li>
</ul>
<p style="text-align:center">&nbsp;</p>
<h4><span style="color:#3C5994;">Las ventajas para la empresa</span></h4>
<p>BPM no modifica las lógicas existentes, pero las mejora y las hace más sólidas.</p>
<p>No afecta a la organización pero la hace más eficiente.</p>
<p>Permite al TI que responda rápidamente a los cambios</p>
<p style="text-align:center"><img alt="BPM" class="img-responsive center-block" src="IMG/bpm_8.jpg" style="width: 574px; height: 213px;" /></p>
<h4><span style="color:#3C5994;">Características y funciones</span></h4>
<div class="row">
<div class="col-md-6">
<ul>
<li>Uso simple e intuitivo sin la intervención de un experto informático</li>
<li>Mapeo y documentación de procesos empresariales adheridos a la realidad.</li>
<li>Ejecución de procesos de forma controlada en términos de propósito, tiempo y seguimiento.</li>
<li>Documentos específicos en la empresa gestionados en el momento y lugar adecuados</li>
<li>Difusión de información de una manera determinada y controlada.</li>
<li>Respuesta oportuna a la evolución de la empresa a lo largo del tiempo.</li>
<li>Posibilidad de crear procedimientos inmediatamente utilizables</li>
<li>Gestión del diálogo entre diferentes procedimientos en diferentes ambientes</li>
</ul>
</div>
<div class="col-md-6"><img alt="BPM" class="img-responsive" height="144" src="IMG/bpm_3.jpg" style="float: right;" width="268" /></div>
</div>
<h4><span style="color:#3C5994;"><span style="color:#3C5994;">Objetivos </span></span></h4>
<ul>
<li>Compartir conocimientos</li>
<li>Reduce los tiempos de ejecución de procesos</li>
<li>Gestionar la configurabilidad de los procedimientos</li>
<li>Reduce los errores operativos</li>
<li>Evitar demoras</li>
<li>Disponer de un instrumento para la organización</li>
<li>Gestionar la colaboración entre organismos internos y externos</li>
<li>Gestionar el flujo de documentos y su archivo</li>
<li>Responder a las normas voluntarias y obligatorias</li>
<li>Soporte de TI para soluciones en continua evolución/li>
<li>Soporte a las actividades de gestión de proyectos</li>
<li>Gestionar los costos del proyecto y reducir los costos de administración de procesos de la empresa</li>
<li>Reducir los costos de desarrollo y mantenimiento de los procedimientos</li>
<li>Valorar y proteger los conocimientos de la empresa</li>
</ul>
<h3><span style="color:#3C5994;">Simple de utilizar</span></h3>
<p>Representa gráficamente el proceso, lo documenta, gestiona los usuarios, las formas de comunicación y las reglas de progreso de la actividad.<br />
Gestiona la colaboración, plazos, avisos, alarmas y controles necesarios para el correcto desarrollo de actividades y el progreso del proceso:</p>
<h4><span style="color:#3C5994;">Inmediatamente operativo</span></h4>
<div class="row">
<div class="col-md-6">
<ul>
<li>Mapea, documenta, ejecuta procesos</li>
<li>Crea y gestiona documentos</li>
<li>Controla e informa la ejecución de las actividades planificadas</li>
<li>Gestiona los costes de prevención y finales</li>
<li>Diálogo con los procedimientos informáticos ya presentes en la empresa</li>
<li>Se interconecta con correo, escáneres, archivos y documentos</li>
<li>Mantiene la trazabilidad de todas las actividades realizadas</li>
<li>Gestiona el archivo y la investigación</li>
<li>Se integra con el sistema de la empresa de forma fácil e intuitiva</li>
<li>Evoluciona de acuerdo a las necesidades de la empresa</li>
<li>No modifica las lógicas existentes</li>
<li>Mantenimiento y evolución a bajo costo</li>
<li>No afecta a la organización</li>
</ul>
</div>
<div class="col-md-6">
<p><a href="IMG/bpm_collega.jpg" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" height="316" src="IMG/bpm_collega.jpg" style="margin: 45px auto 0px;" width="356" /></a></p>
</div>
</div>
<h3><span style="color:#3C5994;">Las funciones principales</span></h3>
<h4><span style="color:#3C5994;">1. Process Designer</span></h4>
<div class="row">
<div class="col-md-6">Supervisa la detección y el mapeo de procesos, alimentandose de los formatos de archivo más populares (Excel, Word, PDF, dwg, tablas SAMERP2, etc.), así como su configuración para el mejor funcionamiento: usuarios, perfiles, autorizaciones, condiciones para transición de una tarea a otra, firmas, tiempos, consultores, etc.</div>
<div class="col-md-6">
<p><a href="img/bpm02.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm02.png" style="width: 400px; height: 215px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">2. To do list</span></h4>
<div class="row">
<div class="col-md-6">es la herramienta de navegación operativa para usuarios, grupos de trabajo y/o gerentes. Indica las cosas por hacer con las acciones y los plazos solicitados.</div>
<div class="col-md-6">
<p><a href="IMG/bpm03.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm03.png" style="width: 400px; height: 215px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">3. Planning</span></h4>
<div class="row">
<div class="col-md-6">Gestiona la planificación de actividades (Gantt), con previsiones de finalización, plazos y seguimiento del progreso.</div>
<div class="col-md-6">
<p><a href="IMG/bpm04.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm04.png" style="width: 400px; height: 196px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">4. Monitorizar, estadísticas y KPI</span></h4>
<div class="row">
<div class="col-md-6">Presenta el estado de las actividades. Mantiene la historia de lo que se ha hecho: por quién, qué cosa y cuándo. Permite el análisis estadístico y proporciona los datos necesarios, como el tiempo y las medidas de eficiencia, para obtener KPI personalizados.</div>
<div class="col-md-6">
<p><a href="IMG/bpm06.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm06.png" style="width: 400px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">5. Gestión de documentos</span></h4>
<div class="row">
<div class="col-md-6">Adquiere y gestiona los documentos específicos utilizados por la organización, además de los documentos procedentes del exterior afectados por los procesos. Crea y gestiona el repositorio de documentos, reduciendo a la mitad los costos de procesamiento, investigación e implementación.</div>
<div class="col-md-6">
<p><a href="IMG/bpm05.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm05.png" style="width: 400px; float: right;" /></a></p>
</div>
</div>
<p>&nbsp;</p>
<p style="text-align:center"><img alt="BPM" class="img-responsive center-block" src="IMG/bpm_7.jpg" style="width: 70%; height: 70%;" /></p>
<p class="rtecenter" style="margin-left: 185px; margin-top: 35px;">&nbsp;</p>
<p><span style="color:#3C5994;">
<style type="text/css">.btn-4 {
background-image: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 51%, #a1c4fd 100%);
}
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="/tecnologia/aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="/tecnologia/arduino.html">Arduino</a>
<a class="dropdown-item" href="/tecnologia/bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="/tecnologia/delphi.html">Delphi</a>
<a class="dropdown-item" href="/tecnologia/elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="/tecnologia/machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="/tecnologia/python.html">Python</a>
<a class="dropdown-item" href="/tecnologia/raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="/tecnologia/restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="/cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em;color:#3C5994;">Proyecta, controla, optimiza y consolida procesos de la empresa</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<p>El valor de una empresa se compone de activos físicos e "intangibles", incluido el capital intelectual, que consiste en:</p>
<ol>
<li><strong>Capital humano</strong>, es decir, el conjunto de conocimientos y habilidades que posee el personal (know how);</li>
<li><strong>Capital relacional</strong>, es decir, relaciones existentes con partes externas, proveedores, clientes, centros de investigación, etc., y la consiguiente reputación (reputación);</li>
<li><strong>Capital organizativo</strong>, es decir, el conjunto de flujos y procesos optimizados a lo largo del tiempo con su experiencia específica (saber cómo hacerlo juntos).</li>
</ol>
<p>La adopción del BPM (Business Process Modeler) no solo permite <strong>certificar</strong> <strong>los procesos</strong> empresariales, sino que también aumenta el<strong> valor “intangible”</strong> de la empresa.<br />
Mejorar constantemente la eficiencia de los procesos y estandarizarlos con cada mejora es un factor competitivo primario.</p>
<!-- <div class="rtecenter" id="videoAree" style="margin: 0 auto;">
<video autoplay="autoplay" controls="" frameborder="0" height="50%" id="videoA" loop="" width="100%"><source src="/sites/all/themes/babol/assets/video/video_bpm.mp4" /></video>
</div> -->
<h4><span style="color:#3C5994;"><strong>Instrumento ideal para la organización</strong></span></h4>
<p style="color:#3C5994; margin-left:50px;"><span style="font-size:90%;"><em>BPM es una herramienta que permite el diseño rápido de flujos organizacionales, modelos, reglas y procedimientos operativos, indispensables no solo para aquellos que desean consolidar y certificar procesos de negocio, sino también para aquellos que constantemente buscan la máxima productividad y la mejor organización.</em></span></p>
<p>BPM (Business Process Modeler) es un framework de herramientas dedicado al rápido desarrollo y diseño de flujos organizacionales, modelos, diseños y programas de aplicación.<br />
El responsable de la empresa puede confeccionar para cada usuario, rol o contexto, el mejor flujo de uso de los procedimientos para aumentar la productividad individual, la gestión correcta y la seguridad de los procesos.<br />
Mejores procesos generan menores costos, mayores ingresos, clientes y empleados más motivados y satisfechos.</p>
<p style="text-align:center"><img alt="BPM" class="img-responsive center-block" src="IMG/bpm_copertina.png" style="width: 70%; height: 70%;" /></p>
<p><br />
Con BPM es posible mejorar y gestionar en manera rápida, flexible y colaborativa todos los procesos empresariales. BPM es, de hecho, equipado con un motor de Work Flow que:</p>
<ol>
<li>Mapea, documenta, dibuja, controla y ejecuta procesos</li>
<li>Gestiona la redacción, verificación, aprobación y distribución de documentos</li>
<li>Active un sistema de colaboración para todos los usuarios internos y externos</li>
<li>Produce soluciones en tiempo real que pueden usarse incluso sin habilidades informáticas</li>
<li>Realiza rápidamente las situaciones “As is” / ”To be”, con la posibilidad de probar la situación en el campo y verificar la corrección y efectividad del nuevo escenario</li>
<li>Reduce el tiempo y costos de implementación de los procedimientos</li>
</ol>
<p style="text-align:center">&nbsp;</p>
<h3><span style="color:#3C5994;font-size:20px;">Por qué usar BPM</span></h3>
<p>BPM es el soporte ideal para una gran cantidad de situaciones y objetivos, ya que se aplica a todo tipo de procesos, tanto para empresas manufactureras como para aquellas que operan en el sector de servicios.</p>
<ul>
<li>Procesos para la gestión de especificaciones, contratos y pedidos complejos</li>
<li>Certificaciones y garantía de calidad, especialmente en los sectores alimentario, espacial, automotriz, químico-cosmético-farmacéutico, …</li>
<li>Gestión de cumplimiento de seguridad</li>
<li>Proyectos para actividades de investigación y desarrollo</li>
<li>Desarrollo de nuevos productos y procesos de ingeniería</li>
<li>Gestión de recursos humanos (gestión de entrevistas, nuevas contrataciones, currículum, exámenes médicos, elegibilidad, ...)</li>
<li>Procedimientos de financiación</li>
<li>Procesos de informes a «empresa matriz»</li>
<li>Procesos de actualización de manual de usuario y documentación técnica</li>
<li>...</li>
</ul>
<p style="text-align:center">&nbsp;</p>
<h4><span style="color:#3C5994;">Las ventajas para la empresa</span></h4>
<p>BPM no modifica las lógicas existentes, pero las mejora y las hace más sólidas.</p>
<p>No afecta a la organización pero la hace más eficiente.</p>
<p>Permite al TI que responda rápidamente a los cambios</p>
<p style="text-align:center"><img alt="BPM" class="img-responsive center-block" src="IMG/bpm_8.jpg" style="width: 67%; height: 67%;" /></p>
<h4><span style="color:#3C5994;">Características y funciones</span></h4>
<div class="row">
<div class="col-md-6">
<ul>
<li>Uso simple e intuitivo sin la intervención de un experto informático</li>
<li>Mapeo y documentación de procesos empresariales adheridos a la realidad.</li>
<li>Ejecución de procesos de forma controlada en términos de propósito, tiempo y seguimiento.</li>
<li>Documentos específicos en la empresa gestionados en el momento y lugar adecuados</li>
<li>Difusión de información de una manera determinada y controlada.</li>
<li>Respuesta oportuna a la evolución de la empresa a lo largo del tiempo.</li>
<li>Posibilidad de crear procedimientos inmediatamente utilizables</li>
<li>Gestión del diálogo entre diferentes procedimientos en diferentes ambientes</li>
</ul>
</div>
<div class="col-md-6"><img alt="BPM" class="img-responsive" height="144" src="IMG/bpm_3.jpg" style="float: right;" width="268" /></div>
</div>
<h4><span style="color:#3C5994;"><span style="color:#3C5994;">Objetivos </span></span></h4>
<ul>
<li>Compartir conocimientos</li>
<li>Reduce los tiempos de ejecución de procesos</li>
<li>Gestionar la configurabilidad de los procedimientos</li>
<li>Reduce los errores operativos</li>
<li>Evitar demoras</li>
<li>Disponer de un instrumento para la organización</li>
<li>Gestionar la colaboración entre organismos internos y externos</li>
<li>Gestionar el flujo de documentos y su archivo</li>
<li>Responder a las normas voluntarias y obligatorias</li>
<li>Soporte de TI para soluciones en continua evolución/li>
<li>Soporte a las actividades de gestión de proyectos</li>
<li>Gestionar los costos del proyecto y reducir los costos de administración de procesos de la empresa</li>
<li>Reducir los costos de desarrollo y mantenimiento de los procedimientos</li>
<li>Valorar y proteger los conocimientos de la empresa</li>
</ul>
<h3><span style="color:#3C5994;">Simple de utilizar</span></h3>
<p>Representa gráficamente el proceso, lo documenta, gestiona los usuarios, las formas de comunicación y las reglas de progreso de la actividad.<br />
Gestiona la colaboración, plazos, avisos, alarmas y controles necesarios para el correcto desarrollo de actividades y el progreso del proceso:</p>
<h4><span style="color:#3C5994;">Inmediatamente operativo</span></h4>
<div class="row">
<div class="col-md-6">
<ul>
<li>Mapea, documenta, ejecuta procesos</li>
<li>Crea y gestiona documentos</li>
<li>Controla e informa la ejecución de las actividades planificadas</li>
<li>Gestiona los costes de prevención y finales</li>
<li>Diálogo con los procedimientos informáticos ya presentes en la empresa</li>
<li>Se interconecta con correo, escáneres, archivos y documentos</li>
<li>Mantiene la trazabilidad de todas las actividades realizadas</li>
<li>Gestiona el archivo y la investigación</li>
<li>Se integra con el sistema de la empresa de forma fácil e intuitiva</li>
<li>Evoluciona de acuerdo a las necesidades de la empresa</li>
<li>No modifica las lógicas existentes</li>
<li>Mantenimiento y evolución a bajo costo</li>
<li>No afecta a la organización</li>
</ul>
</div>
<div class="col-md-6">
<p><a href="IMG/bpm_collega.jpg" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=67%,height=67%'); return false;"><img alt="BPM" class="img-responsive" height="67%" src="IMG/bpm_collega.jpg" style="margin: 45px auto 0px;" width="67%" /></a></p>
</div>
</div>
<h3><span style="color:#3C5994;">Las funciones principales</span></h3>
<h4><span style="color:#3C5994;">1. Process Designer</span></h4>
<div class="row">
<div class="col-md-6">Supervisa la detección y el mapeo de procesos, alimentandose de los formatos de archivo más populares (Excel, Word, PDF, dwg, tablas SAMERP2, etc.), así como su configuración para el mejor funcionamiento: usuarios, perfiles, autorizaciones, condiciones para transición de una tarea a otra, firmas, tiempos, consultores, etc.</div>
<div class="col-md-6">
<p><a href="img/bpm02.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm02.png" style="width: 400px; height: 215px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">2. To do list</span></h4>
<div class="row">
<div class="col-md-6">es la herramienta de navegación operativa para usuarios, grupos de trabajo y/o gerentes. Indica las cosas por hacer con las acciones y los plazos solicitados.</div>
<div class="col-md-6">
<p><a href="IMG/bpm03.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm03.png" style="width: 400px; height: 215px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">3. Planning</span></h4>
<div class="row">
<div class="col-md-6">Gestiona la planificación de actividades (Gantt), con previsiones de finalización, plazos y seguimiento del progreso.</div>
<div class="col-md-6">
<p><a href="IMG/bpm04.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm04.png" style="width: 400px; height: 196px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">4. Monitorizar, estadísticas y KPI</span></h4>
<div class="row">
<div class="col-md-6">Presenta el estado de las actividades. Mantiene la historia de lo que se ha hecho: por quién, qué cosa y cuándo. Permite el análisis estadístico y proporciona los datos necesarios, como el tiempo y las medidas de eficiencia, para obtener KPI personalizados.</div>
<div class="col-md-6">
<p><a href="IMG/bpm06.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm06.png" style="width: 400px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">5. Gestión de documentos</span></h4>
<div class="row">
<div class="col-md-6">Adquiere y gestiona los documentos específicos utilizados por la organización, además de los documentos procedentes del exterior afectados por los procesos. Crea y gestiona el repositorio de documentos, reduciendo a la mitad los costos de procesamiento, investigación e implementación.</div>
<div class="col-md-6">
<p><a href="IMG/bpm05.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm05.png" style="width: 400px; float: right;" /></a></p>
</div>
</div>
<p>&nbsp;</p>
<p style="text-align:center"><img alt="BPM" class="img-responsive center-block" src="IMG/bpm_7.jpg" style="width: 70%; height: 70%;" /></p>
<p class="rtecenter" style="margin-left: 185px; margin-top: 35px;">&nbsp;</p>
<p><span style="color:#3C5994;">
<style type="text/css">.btn-4 {
background-image: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 51%, #a1c4fd 100%);
}
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/* // originale
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});//*/
});
</script>
</body>
</html>

882
public/cs/documentplus.html Normal file
View File

@@ -0,0 +1,882 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Document+</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<!-- <div style="display: flex; justify-content: center"> -->
<!-- </div> -->
<div class="col-md-4 image">
<img src="img/documentplus.png" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<br>
<h4>
<span style="color:#3C5994;">
<strong>
Características Principales
</strong>
</span>
</h4>
<div class="content">
<ul>
<li>Archivo de documentos (en papel o electrónicos) en cualquier formato y tamaño y documentos adquiridos por escáneres.</li>
<li>Clasificación y registro de documentos</li>
<li>Busqueda de documentos por metadatos (id, protocolo, clasificación, fecha etc) y fulltext (OCR)</li>
<li>Gestión de visibilidad de documentos (Público, Privado)</li>
<li>Versionamiento de documentos</li>
<li>Intercambio de documentos por correo electrónico</li>
<li>Recopilación de documentos (reales,virtuales)</li>
<li>Enlace entre documentos</li>
<li>Gestión del procesamiento y del flujo de los documentos con seguimiento (analítico y gráfico) del mismo</li>
<li>Elaboración de perfiles de usuarios y estructuras de grupos</li>
<li>Gestión de datos personales de los Remitentes y Destinatarios</li>
</ul>
</div>
<h4><span style="color:#3C5994;"><strong>Arquitectura</strong></span></h4>
<p
class="rteright"
>
<span style="font-size:90%;">
<em>Document + consta de 5 componentes principales</em>
</span>
</p>
<ul>
<li><strong>Aplicación Windows</strong>: para el archivo de datos (de escáneres, documentos electrónicos) y consola administrativa</li>
<li><strong>Client Web</strong>: para la gestión del flujo documental (procesamiento, busqueda)</li>
<li><strong>Aplication Server</strong></li>
<li>
<strong>Full text search server</strong>
<ul>
<li>Elastic Search o Solr</li>
<li>En la próxima versión no será mas necesario</li>
</ul>
</li>
<li>
<strong>Database server</strong>
<ul>
<li>Actualmente FirebirdSQL, en la próxima versión PostgreSQL</li>
</ul>
</li>
</ul>
<div class="col-md-12 image mb-2">
<img width="100%" src="img/doc+architecture.png">
</div>
<h4>
<span style="color:#3C5994;">
<strong>
Perfiles y usuarios
</strong>
</span>
</h4>
<p>Document+ organiza a los usuarios en:</p>
<ul>
<li>Unidades Organizativas Homogéneas</li>
<li>
Grupos (oficinas, departamentos)
<ul>
<li>reales</li>
<li>virtuales</li>
</ul>
</li>
</ul>
<p>
Los usuarios pertenecen a una sola Unidad Organizativa Homogénea y pueden ser asociadas en mas grupos
</p>
<p>
Existen los siguientes tipos de usuario:
</p>
<ul>
<li>Jefe de Oficina, con derechos de administración para modificar las tablas del sistema</li>
<li>Resposable Oficina, para administrar el trabajo a nivel de oficina</li>
<li>Principales Asignatarios, para administrar el trabajo entre oficinas</li>
<li>Suplente, recibe los trabajos de un usuario temporalmente ausente</li>
</ul>
<h4>
<span style="color:#3C5994;">
<strong>
Visibilidad de documentos
</strong>
</span>
</h4>
<p>Document+ define dos tipos de visibilidad para un documento:</p>
<ul>
<li>
<p style="margin-bottom: 5px"><strong>Público</strong></p>
<p>Un documento Público es visible para todos los usuarios de la unidad</p>
</li>
<li>
<p style="margin-bottom: 5px"><strong>Privado</strong></p>
<p style="margin-bottom: 5px">Un documento privado puede ser visible solo:</p>
<ul>
<li>a nivel de usuario único</li>
<li>grupo</li>
<li>clasificación</li>
</ul>
</li>
</ul>
<h4>
<span style="color:#3C5994;">
<strong>
Editar Documentos
</strong>
</span>
</h4>
<p>Document+ permite de realizar cambios en el documento.</p>
<ul>
<li>
<p style="margin-bottom: 5px"><strong>Applicación Windows</strong></p>
<p style="margin-bottom: 5px">A menos que se indique lo contrario, los usuarios pueden cambiar:</p>
<ul>
<li>Todos los documentos visibles emitidos por el grupo por defecto</li>
<li>Todos los documentos visibles para los cuales están habilitados los derechos de escritura (también de otros grupos)</li>
</ul>
</li>
<li>
<p style="margin-bottom: 5px"><strong>Applicazione Web</strong></p>
<p>Los Usuarios solo pueden editar los documentos en los que están trabajando</p>
</li>
</ul>
<h4>
<span style="color:#3C5994;">
<strong>
Proceso de Asignaciones
</strong>
</span>
</h4>
<p>Document+ le permite de asignar los documentos que se están procesando:</p>
<ul>
<li>Escritorio, para usuarios y oficinas</li>
<li>Web, solo los usuarios asignatarios y los usuarios que tienen el documento en curso pueden asignar el documento</li>
</ul>
</div>
</div>
</div>
</div>
<style type="text/css">
.btn-4 {
background-image: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 51%, #a1c4fd 100%);
}
</style>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="/tecnologia/aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="/tecnologia/arduino.html">Arduino</a>
<a class="dropdown-item" href="/tecnologia/bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="/tecnologia/delphi.html">Delphi</a>
<a class="dropdown-item" href="/tecnologia/elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="/tecnologia/machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="/tecnologia/python.html">Python</a>
<a class="dropdown-item" href="/tecnologia/raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="/tecnologia/restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="/cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em;color:#3C5994;">Proyecta, controla, optimiza y consolida procesos de la empresa</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<p>El valor de una empresa se compone de activos físicos e "intangibles", incluido el capital intelectual, que consiste en:</p>
<ol>
<li><strong>Capital humano</strong>, es decir, el conjunto de conocimientos y habilidades que posee el personal (know how);</li>
<li><strong>Capital relacional</strong>, es decir, relaciones existentes con partes externas, proveedores, clientes, centros de investigación, etc., y la consiguiente reputación (reputación);</li>
<li><strong>Capital organizativo</strong>, es decir, el conjunto de flujos y procesos optimizados a lo largo del tiempo con su experiencia específica (saber cómo hacerlo juntos).</li>
</ol>
<p>La adopción del BPM (Business Process Modeler) no solo permite <strong>certificar</strong> <strong>los procesos</strong> empresariales, sino que también aumenta el<strong> valor “intangible”</strong> de la empresa.<br />
Mejorar constantemente la eficiencia de los procesos y estandarizarlos con cada mejora es un factor competitivo primario.</p>
<!-- <div class="rtecenter" id="videoAree" style="margin: 0 auto;">
<video autoplay="autoplay" controls="" frameborder="0" height="50%" id="videoA" loop="" width="100%"><source src="/sites/all/themes/babol/assets/video/video_bpm.mp4" /></video>
</div> -->
<h4><span style="color:#3C5994;"><strong>Instrumento ideal para la organización</strong></span></h4>
<p style="color:#3C5994; margin-left:50px;"><span style="font-size:90%;"><em>BPM es una herramienta que permite el diseño rápido de flujos organizacionales, modelos, reglas y procedimientos operativos, indispensables no solo para aquellos que desean consolidar y certificar procesos de negocio, sino también para aquellos que constantemente buscan la máxima productividad y la mejor organización.</em></span></p>
<p>BPM (Business Process Modeler) es un framework de herramientas dedicado al rápido desarrollo y diseño de flujos organizacionales, modelos, diseños y programas de aplicación.<br />
El responsable de la empresa puede confeccionar para cada usuario, rol o contexto, el mejor flujo de uso de los procedimientos para aumentar la productividad individual, la gestión correcta y la seguridad de los procesos.<br />
Mejores procesos generan menores costos, mayores ingresos, clientes y empleados más motivados y satisfechos.</p>
<p style="text-align:center"><img alt="BPM" class="img-responsive center-block" src="IMG/bpm_copertina.png" style="width: 70%; height: 70%;" /></p>
<p><br />
Con BPM es posible mejorar y gestionar en manera rápida, flexible y colaborativa todos los procesos empresariales. BPM es, de hecho, equipado con un motor de Work Flow que:</p>
<ol>
<li>Mapea, documenta, dibuja, controla y ejecuta procesos</li>
<li>Gestiona la redacción, verificación, aprobación y distribución de documentos</li>
<li>Active un sistema de colaboración para todos los usuarios internos y externos</li>
<li>Produce soluciones en tiempo real que pueden usarse incluso sin habilidades informáticas</li>
<li>Realiza rápidamente las situaciones “As is” / ”To be”, con la posibilidad de probar la situación en el campo y verificar la corrección y efectividad del nuevo escenario</li>
<li>Reduce el tiempo y costos de implementación de los procedimientos</li>
</ol>
<p style="text-align:center">&nbsp;</p>
<h3><span style="color:#3C5994;font-size:20px;">Por qué usar BPM</span></h3>
<p>BPM es el soporte ideal para una gran cantidad de situaciones y objetivos, ya que se aplica a todo tipo de procesos, tanto para empresas manufactureras como para aquellas que operan en el sector de servicios.</p>
<ul>
<li>Procesos para la gestión de especificaciones, contratos y pedidos complejos</li>
<li>Certificaciones y garantía de calidad, especialmente en los sectores alimentario, espacial, automotriz, químico-cosmético-farmacéutico, …</li>
<li>Gestión de cumplimiento de seguridad</li>
<li>Proyectos para actividades de investigación y desarrollo</li>
<li>Desarrollo de nuevos productos y procesos de ingeniería</li>
<li>Gestión de recursos humanos (gestión de entrevistas, nuevas contrataciones, currículum, exámenes médicos, elegibilidad, ...)</li>
<li>Procedimientos de financiación</li>
<li>Procesos de informes a «empresa matriz»</li>
<li>Procesos de actualización de manual de usuario y documentación técnica</li>
<li>...</li>
</ul>
<p style="text-align:center">&nbsp;</p>
<h4><span style="color:#3C5994;">Las ventajas para la empresa</span></h4>
<p>BPM no modifica las lógicas existentes, pero las mejora y las hace más sólidas.</p>
<p>No afecta a la organización pero la hace más eficiente.</p>
<p>Permite al TI que responda rápidamente a los cambios</p>
<p style="text-align:center"><img alt="BPM" class="img-responsive center-block" src="IMG/bpm_8.jpg" style="width: 67%; height: 67%;" /></p>
<h4><span style="color:#3C5994;">Características y funciones</span></h4>
<div class="row">
<div class="col-md-6">
<ul>
<li>Uso simple e intuitivo sin la intervención de un experto informático</li>
<li>Mapeo y documentación de procesos empresariales adheridos a la realidad.</li>
<li>Ejecución de procesos de forma controlada en términos de propósito, tiempo y seguimiento.</li>
<li>Documentos específicos en la empresa gestionados en el momento y lugar adecuados</li>
<li>Difusión de información de una manera determinada y controlada.</li>
<li>Respuesta oportuna a la evolución de la empresa a lo largo del tiempo.</li>
<li>Posibilidad de crear procedimientos inmediatamente utilizables</li>
<li>Gestión del diálogo entre diferentes procedimientos en diferentes ambientes</li>
</ul>
</div>
<div class="col-md-6"><img alt="BPM" class="img-responsive" height="144" src="IMG/bpm_3.jpg" style="float: right;" width="268" /></div>
</div>
<h4><span style="color:#3C5994;"><span style="color:#3C5994;">Objetivos </span></span></h4>
<ul>
<li>Compartir conocimientos</li>
<li>Reduce los tiempos de ejecución de procesos</li>
<li>Gestionar la configurabilidad de los procedimientos</li>
<li>Reduce los errores operativos</li>
<li>Evitar demoras</li>
<li>Disponer de un instrumento para la organización</li>
<li>Gestionar la colaboración entre organismos internos y externos</li>
<li>Gestionar el flujo de documentos y su archivo</li>
<li>Responder a las normas voluntarias y obligatorias</li>
<li>Soporte de TI para soluciones en continua evolución/li>
<li>Soporte a las actividades de gestión de proyectos</li>
<li>Gestionar los costos del proyecto y reducir los costos de administración de procesos de la empresa</li>
<li>Reducir los costos de desarrollo y mantenimiento de los procedimientos</li>
<li>Valorar y proteger los conocimientos de la empresa</li>
</ul>
<h3><span style="color:#3C5994;">Simple de utilizar</span></h3>
<p>Representa gráficamente el proceso, lo documenta, gestiona los usuarios, las formas de comunicación y las reglas de progreso de la actividad.<br />
Gestiona la colaboración, plazos, avisos, alarmas y controles necesarios para el correcto desarrollo de actividades y el progreso del proceso:</p>
<h4><span style="color:#3C5994;">Inmediatamente operativo</span></h4>
<div class="row">
<div class="col-md-6">
<ul>
<li>Mapea, documenta, ejecuta procesos</li>
<li>Crea y gestiona documentos</li>
<li>Controla e informa la ejecución de las actividades planificadas</li>
<li>Gestiona los costes de prevención y finales</li>
<li>Diálogo con los procedimientos informáticos ya presentes en la empresa</li>
<li>Se interconecta con correo, escáneres, archivos y documentos</li>
<li>Mantiene la trazabilidad de todas las actividades realizadas</li>
<li>Gestiona el archivo y la investigación</li>
<li>Se integra con el sistema de la empresa de forma fácil e intuitiva</li>
<li>Evoluciona de acuerdo a las necesidades de la empresa</li>
<li>No modifica las lógicas existentes</li>
<li>Mantenimiento y evolución a bajo costo</li>
<li>No afecta a la organización</li>
</ul>
</div>
<div class="col-md-6">
<p><a href="IMG/bpm_collega.jpg" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=67%,height=67%'); return false;"><img alt="BPM" class="img-responsive" height="67%" src="IMG/bpm_collega.jpg" style="margin: 45px auto 0px;" width="67%" /></a></p>
</div>
</div>
<h3><span style="color:#3C5994;">Las funciones principales</span></h3>
<h4><span style="color:#3C5994;">1. Process Designer</span></h4>
<div class="row">
<div class="col-md-6">Supervisa la detección y el mapeo de procesos, alimentandose de los formatos de archivo más populares (Excel, Word, PDF, dwg, tablas SAMERP2, etc.), así como su configuración para el mejor funcionamiento: usuarios, perfiles, autorizaciones, condiciones para transición de una tarea a otra, firmas, tiempos, consultores, etc.</div>
<div class="col-md-6">
<p><a href="img/bpm02.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm02.png" style="width: 400px; height: 215px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">2. To do list</span></h4>
<div class="row">
<div class="col-md-6">es la herramienta de navegación operativa para usuarios, grupos de trabajo y/o gerentes. Indica las cosas por hacer con las acciones y los plazos solicitados.</div>
<div class="col-md-6">
<p><a href="IMG/bpm03.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm03.png" style="width: 400px; height: 215px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">3. Planning</span></h4>
<div class="row">
<div class="col-md-6">Gestiona la planificación de actividades (Gantt), con previsiones de finalización, plazos y seguimiento del progreso.</div>
<div class="col-md-6">
<p><a href="IMG/bpm04.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm04.png" style="width: 400px; height: 196px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">4. Monitorizar, estadísticas y KPI</span></h4>
<div class="row">
<div class="col-md-6">Presenta el estado de las actividades. Mantiene la historia de lo que se ha hecho: por quién, qué cosa y cuándo. Permite el análisis estadístico y proporciona los datos necesarios, como el tiempo y las medidas de eficiencia, para obtener KPI personalizados.</div>
<div class="col-md-6">
<p><a href="IMG/bpm06.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm06.png" style="width: 400px; float: right;" /></a></p>
</div>
</div>
<h4><span style="color:#3C5994;">5. Gestión de documentos</span></h4>
<div class="row">
<div class="col-md-6">Adquiere y gestiona los documentos específicos utilizados por la organización, además de los documentos procedentes del exterior afectados por los procesos. Crea y gestiona el repositorio de documentos, reduciendo a la mitad los costos de procesamiento, investigación e implementación.</div>
<div class="col-md-6">
<p><a href="IMG/bpm05.png" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=570,height=820'); return false;"><img alt="BPM" class="img-responsive" src="IMG/bpm05.png" style="width: 400px; float: right;" /></a></p>
</div>
</div>
<p>&nbsp;</p>
<p style="text-align:center"><img alt="BPM" class="img-responsive center-block" src="IMG/bpm_7.jpg" style="width: 70%; height: 70%;" /></p>
<p class="rtecenter" style="margin-left: 185px; margin-top: 35px;">&nbsp;</p>
<p><span style="color:#3C5994;">
<style type="text/css">.btn-4 {
background-image: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 51%, #a1c4fd 100%);
}
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<br>
<h4>
<span style="color:#3C5994;">
<strong>
Características Principales
</strong>
</span>
</h4>
<div class="content">
<ul>
<li>Archivo de documentos (en papel o electrónicos) en cualquier formato y tamaño y documentos adquiridos por escáneres.</li>
<li>Clasificación y registro de documentos</li>
<li>Busqueda de documentos por metadatos (id, protocolo, clasificación, fecha etc) y fulltext (OCR)</li>
<li>Gestión de visibilidad de documentos (Público, Privado)</li>
<li>Versionamiento de documentos</li>
<li>Intercambio de documentos por correo electrónico</li>
<li>Recopilación de documentos (reales,virtuales)</li>
<li>Enlace entre documentos</li>
<li>Gestión del procesamiento y del flujo de los documentos con seguimiento (analítico y gráfico) del mismo</li>
<li>Elaboración de perfiles de usuarios y estructuras de grupos</li>
<li>Gestión de datos personales de los Remitentes y Destinatarios</li>
</ul>
</div>
<h4><span style="color:#3C5994;"><strong>Arquitectura</strong></span></h4>
<p
class="rteright"
>
<span style="font-size:90%;">
<em>Document + consta de 5 componentes principales</em>
</span>
</p>
<ul>
<li><strong>Aplicación Windows</strong>: para el archivo de datos (de escáneres, documentos electrónicos) y consola administrativa</li>
<li><strong>Client Web</strong>: para la gestión del flujo documental (procesamiento, busqueda)</li>
<li><strong>Aplication Server</strong></li>
<li>
<strong>Full text search server</strong>
<ul>
<li>Elastic Search o Solr</li>
<li>En la próxima versión no será mas necesario</li>
</ul>
</li>
<li>
<strong>Database server</strong>
<ul>
<li>Actualmente FirebirdSQL, en la próxima versión PostgreSQL</li>
</ul>
</li>
</ul>
<div class="col-md-12 image mb-2">
<img width="100%" src="img/doc+architecture.png">
</div>
<h4>
<span style="color:#3C5994;">
<strong>
Perfiles y usuarios
</strong>
</span>
</h4>
<p>Document+ organiza a los usuarios en:</p>
<ul>
<li>Unidades Organizativas Homogéneas</li>
<li>
Grupos (oficinas, departamentos)
<ul>
<li>reales</li>
<li>virtuales</li>
</ul>
</li>
</ul>
<p>
Los usuarios pertenecen a una sola Unidad Organizativa Homogénea y pueden ser asociadas en mas grupos
</p>
<p>
Existen los siguientes tipos de usuario:
</p>
<ul>
<li>Jefe de Oficina, con derechos de administración para modificar las tablas del sistema</li>
<li>Resposable Oficina, para administrar el trabajo a nivel de oficina</li>
<li>Principales Asignatarios, para administrar el trabajo entre oficinas</li>
<li>Suplente, recibe los trabajos de un usuario temporalmente ausente</li>
</ul>
<h4>
<span style="color:#3C5994;">
<strong>
Visibilidad de documentos
</strong>
</span>
</h4>
<p>Document+ define dos tipos de visibilidad para un documento:</p>
<ul>
<li>
<p style="margin-bottom: 5px"><strong>Público</strong></p>
<p>Un documento Público es visible para todos los usuarios de la unidad</p>
</li>
<li>
<p style="margin-bottom: 5px"><strong>Privado</strong></p>
<p style="margin-bottom: 5px">Un documento privado puede ser visible solo:</p>
<ul>
<li>a nivel de usuario único</li>
<li>grupo</li>
<li>clasificación</li>
</ul>
</li>
</ul>
<h4>
<span style="color:#3C5994;">
<strong>
Editar Documentos
</strong>
</span>
</h4>
<p>Document+ permite de realizar cambios en el documento.</p>
<ul>
<li>
<p style="margin-bottom: 5px"><strong>Applicación Windows</strong></p>
<p style="margin-bottom: 5px">A menos que se indique lo contrario, los usuarios pueden cambiar:</p>
<ul>
<li>Todos los documentos visibles emitidos por el grupo por defecto</li>
<li>Todos los documentos visibles para los cuales están habilitados los derechos de escritura (también de otros grupos)</li>
</ul>
</li>
<li>
<p style="margin-bottom: 5px"><strong>Applicazione Web</strong></p>
<p>Los Usuarios solo pueden editar los documentos en los que están trabajando</p>
</li>
</ul>
<h4>
<span style="color:#3C5994;">
<strong>
Proceso de Asignaciones
</strong>
</span>
</h4>
<p>Document+ le permite de asignar los documentos que se están procesando:</p>
<ul>
<li>Escritorio, para usuarios y oficinas</li>
<li>Web, solo los usuarios asignatarios y los usuarios que tienen el documento en curso pueden asignar el documento</li>
</ul>
</div>
</div>
</div>
</div>
<style type="text/css">
.btn-4 {
background-image: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 51%, #a1c4fd 100%);
}
</style>
`
// document.getElementById("navigation-bar").innerHTML = `
// <i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
// <div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
// <div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
// <div class="modal-content">
// <div class="modal-header">
// <h3 class="modal-title" id="exampleModalLabel">Menu</h3>
// <button type="button" class="close" data-dismiss="modal" aria-label="Close">
// <span aria-hidden="true">×</span>
// </button>
// </div>
// <div class="modal-body">
// <ul class="navbar-nav">
// <li class="nav-item">
// <h5>
// <a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
// </h5>
// </li>
// <!-- Dropdown -->
// <li class="nav-item dropdown">
// <div id="accordion" role="tablist" aria-multiselectable="true">
// <div class="panel">
// <h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
// aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
// <a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
// aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
// <i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
// </a>
// </h5>
// <div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
// <div>
// <div class="col-xs-12">
// <a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
// Aplicaciones Móviles
// </a>
// </div>
// <div class="col-xs-12">
// <a class="col-xs-12 no-line-link" href="Arduino.html">
// Arduino
// </a>
// </div>
// <div class="col-xs-12">
// <a class="col-xs-12 no-line-link" href="bottelegram.html">
// Bot Telegram
// </a>
// </div>
// <div class="col-xs-12">
// <a class="col-xs-12 no-line-link" href="delphi.html">
// Delphi
// </a>
// </div>
// <div class="col-xs-12">
// <a class="col-xs-12 no-line-link" href="elkstack.html">
// ELK Stack
// </a>
// </div>
// <div class="col-xs-12">
// <a class="col-xs-12 no-line-link" href="machinelearning.html">
// Machine Learning
// </a>
// </div>
// <div class="col-xs-12">
// <a class="col-xs-12 no-line-link" href="python.html">
// Python
// </a>
// </div>
// <div class="col-xs-12">
// <a class="col-xs-12 no-line-link" href="raspberrypi.html">
// Raspberry Pi
// </a>
// </div>
// <div class="col-xs-12">
// <a class="col-xs-12 no-line-link" href="restsoap.html">
// Rest y Soap
// </a>
// </div>
// </div>
// </div>
// </div>
// </div>
// </li>
// <li class="nav-item">
// <h5>
// <a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
// </h5>
// </li>
// <li class="nav-item">
// <h5>
// <a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
// </h5>
// </li>
// <li class="nav-item">
// <h5>
// <a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
// </h5>
// </li>
// </ul>
// </div>
// <div class="modal-footer"></div>
// </div>
// </div>
// </div>`
}
}
</script>
<script>
$(document).ready(function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
});
</script>
</body>
</html>

867
public/cs/erp2.html Normal file
View File

@@ -0,0 +1,867 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<style>
p{
text-align: justify;
}
</style>
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<img src="img/samERP2.gif" class="img-fluid" >
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<img src="img/centro_software.jpg" class="img-fluid" >
</div>
</div>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 10px">
<div class="row mb-2"> </div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding"></div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="container" >
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p>Los ERP de Centro Software se componen de más de 70 módulos perfectamente integrados, altamente
configurables y utilizables en modo “server” o “cloud” (SAAS), que permiten el control completo y la
gestión directa de los procesos de todos los departamentos y áreas de la empresa.</p>
<p>No sólo gestión de procesos internos (producción, almacenes, logística, administración) sino también, gracias a las
tecnologías más recientes, como los portales utilizables desde los distintos dispositivos móviles, todos los
procesos que atañen a la cadena productiva y comercial externa a la empresa (filiales, departamentos de asistencia,
técnicos, agentes, obras, proveedores, etc.).</p>
<p>El ERP de Centro Software permite incrementos de eficiencia de hasta el 50% y una reducción de los costes de hasta el
30%, optimizando las existencias y los procesos de producción, el desplazamiento de la mercancía, las actividades
comerciales, la administración y el control de gestión, el diálogo en tiempo real con los clientes y con quienes
operan fuera de la empresa.</p>
<h3>Flexibilidad y Configurabilidad</h3>
<p>Los ERP de Centro Software, a diferencia de muchos ERP de la competencia, no son un agregado de programas
departamentales desarrollados por distintas sociedades sino que son fruto de un <strong>proyecto único</strong>,
constantemente actualizado, que ha optimizado los flujos de las empresas y que en una estructura modular contiene
las mejores experiencias industriales y las tecnologías más avanzadas.</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm06.png" class="img-fluid" /></div>
</div>
</div>
</section>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12"><p> </p></div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-12 col-md-12 col-xs-12">
<img alt="1111111111" class="img-responsive" src="img/software_erp_es.png" class="img-fluid" >
<ul class="list-group">
<li class="list-group-item">
<a href="erp2_lista_modulos.html" target="_blank">Lista de módulos SAM ERP2</a>
</li>
</ul>
<p>La perfecta integración de todos los flujos es la “columna vertebral informática” a través de la cual es posible
controlar en tiempo real todos los procesos de la empresa.</p>
<p>De hecho, un único proyecto ERP garantiza:</p>
</div>
</div>
</section>
<hr>
<section class="tm-section-7 tm-section-mb"> <div class="row"> </div> </section>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<ul style=" text-align: justify;">
<li>la máxima integración de los procedimientos de la empresa (“flujo continuo”)</li>
<li>la máxima eficiencia y velocidad en la gestión de los procesos</li>
<li>la máxima economía de mantenimiento y desarrollo</li>
<li>la máxima rapidez de actualización</li>
<li>la máxima capacidad de evolución tecnológica</li>
</ul>
<p>A diferencia de los productos de la competencia, los ERP de Centro Software utilizan <strong>una única base de datos
y un único motor software</strong>.</p>
<p>En este único motor ERP se basan todas las <strong>configuraciones</strong> del producto ya predispuestas con los
parámetros y las funciones características de los distintos sectores industriales. Cada empresa, de cualquier
sector, puede realizar un flujo continuo de información y de materiales que reduce los costes e incrementa al máximo
la eficiencia y la productividad a lo largo de toda la cadena productiva y comercial:</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="image"><img src="img/2.jpg" class="img-fluid" /></div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="image"><img src="img/3.jpg" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<ul style=" text-align: justify;">
<li>Alimentos</li>
<li>Automatización y máquinas automáticas</li>
<li>Automotores</li>
<li>Química-Cosmética-Farmacéutica</li>
<li>Electricidad y Electrónica</li>
<li>Instalaciones y Robótica</li>
<li>Instrumental médico</li>
<li>Mecánico</li>
<li>Aeroespacial</li>
<li>etc.</li>
</ul>
<h3>Herramientas y kits de desarrollo personal</h3>
<p>Los ERP de Centro Software son muy sencillos de utilizar, pero al mismo tiempo potentes y completos, incluso en las
funciones de configuración y personalización; están dotados de herramientas (tools) especiales para la seguridad, la
confidencialidad y el control de todo el sistema.</p>
<p>Además de la alta <strong>flexibilidad </strong>y <strong>configurabilidad</strong>, están dotados de <strong>3
</strong>potentes <strong>herramientas de desarrollo</strong>:</p>
<ul style=" text-align: justify;">
<li>
<strong>ADK </strong>(Application Designer Kit)</li>
<li>
<strong>SDK </strong>(Software Development Kit)</li>
<li>
<strong>RGT </strong>(Report Generation Tool)</li>
</ul>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm02.png" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<p>
<strong>ADK</strong> es un “framework” de herramientas que permite el rápido desarrollo de personalizaciones y flujos
de trabajo sin ninguna competencia de programación.</p>
<p>
<strong>SDK</strong> es un kit de desarrollo que permite modificar programas preexistentes o crear nuevas
"aplicaciones verticales” perfectamente integradas, sin preocuparse por las lógicas internas del ERP, garantizando
no sólo la máxima consistencia de los procesos o de los datos sino también la plena compatibilidad con todas las
versiones futuras.</p>
<p>
<strong>RGT</strong> es una herramienta que permite modificar autónomamente los trazados de impresión de documentos e
informes (el ERP está dotado de más de mil impresiones estándar básicas) o generar nuevos documentos e informes.</p>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-12 col-md-12 col-xs-12">
<h3>Tecnología y productividad individual</h3>
<p>Los ERP de Centro Software son los productos más avanzados desde el punto de vista tecnológico; utilizables tanto en
modo “Server” como en modo “Cloud” (SAAS), pueden dialogar en tiempo real con todos los dispositivos e
infraestructuras que favorecen el usufructo y la movilidad: tablet, smartphone, terminales portátiles inalámbricos
para la lectura de códigos de barras, detectores de presencia, etc.</p>
<p>Se distinguen de todas las otras soluciones ERP no sólo por la tecnología sino también por la integridad de los
procesos y la capacidad concreta de acelerar los flujos, reducir los costes e incrementar la eficiencia y la
productividad de la empresa.</p>
<p>Es posible, por ejemplo, personalizar cada puesto de trabajo según las necesidades específicas de cada operador
(personal dashboard), visualizando gráficos y datos actualizados en tiempo real y provenientes del sistema interno
(ej. cifra de ventas por producto o agente, márgenes por línea de producto, Break Even Point, valor de los
almacenes, Rolling Forecast, ABC proveedores, etc.) o del mundo externo (ej. todo lo que se puede recibir mediante
Feed RSS: noticias, cotizaciones de bolsa, precios de materias primas, etc.).</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm04.png" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<h3>Internacionalización</h3>
<p>Los ERP de Centro Software son software internacionales multilingües y nativos <strong>Unicode</strong>, capaces de
comunicarse e interactuar en todos los idiomas, memorizando, visualizando e imprimiendo los datos con los caracteres
y con todos los <strong>alfabetos</strong> (latino, cirílico, chino, árabe, etc.).</p>
<p>Además, ya están traducidos y se pueden utilizar simultáneamente con los <strong>diccionarios</strong> más
difundidos:</p>
<ul style=" text-align: justify;">
<li>Inglés</li>
<li>Chino</li>
<li>Ruso</li>
<li>Alemán</li>
<li>Francés</li>
<li>Portugués</li>
<li>Italiano</li>
<li>…</li>
</ul>
<p>Por cada idioma se dispone asimismo de <strong>thesaurus</strong> personalizables para añadir palabras o términos
específicos de sector.</p>
<p>Un número importante de empresas en muchos países, sobre todo filiales de empresas italianas o sociedades
relacionadas, utilizan los ERP de Centro Software con éxito desde hace muchos años.</p>
<br>
</div>
</div>
</section>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="/tecnologia/aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="/tecnologia/arduino.html">Arduino</a>
<a class="dropdown-item" href="/tecnologia/bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="/tecnologia/delphi.html">Delphi</a>
<a class="dropdown-item" href="/tecnologia/elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="/tecnologia/machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="/tecnologia/python.html">Python</a>
<a class="dropdown-item" href="/tecnologia/raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="/tecnologia/restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="/cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="referencias_erp2.html">Referencias</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" alt="desktop" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<div class="container" >
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p>Los ERP de Centro Software se componen de más de 70 módulos perfectamente integrados, altamente
configurables y utilizables en modo “server” o “cloud” (SAAS), que permiten el control completo y la
gestión directa de los procesos de todos los departamentos y áreas de la empresa.</p>
<p>No sólo gestión de procesos internos (producción, almacenes, logística, administración) sino también, gracias a las
tecnologías más recientes, como los portales utilizables desde los distintos dispositivos móviles, todos los
procesos que atañen a la cadena productiva y comercial externa a la empresa (filiales, departamentos de asistencia,
técnicos, agentes, obras, proveedores, etc.).</p>
<p>El ERP de Centro Software permite incrementos de eficiencia de hasta el 50% y una reducción de los costes de hasta el
30%, optimizando las existencias y los procesos de producción, el desplazamiento de la mercancía, las actividades
comerciales, la administración y el control de gestión, el diálogo en tiempo real con los clientes y con quienes
operan fuera de la empresa.</p>
<h3>Flexibilidad y Configurabilidad</h3>
<p>Los ERP de Centro Software, a diferencia de muchos ERP de la competencia, no son un agregado de programas
departamentales desarrollados por distintas sociedades sino que son fruto de un <strong>proyecto único</strong>,
constantemente actualizado, que ha optimizado los flujos de las empresas y que en una estructura modular contiene
las mejores experiencias industriales y las tecnologías más avanzadas.</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm06.png" class="img-fluid" /></div>
</div>
</div>
</section>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12"><p> </p></div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-12 col-md-12 col-xs-12">
<img alt="333333333333" class="img-responsive" style="width:95%" src="img/software_erp_es.png" class="img-fluid" >
<ul class="list-group">
<li class="list-group-item">
<a href="erp2_lista_modulos.html" target="_blank">Lista de módulos SAM ERP2</a>
</li>
</ul>
<p>La perfecta integración de todos los flujos es la “columna vertebral informática” a través de la cual es posible
controlar en tiempo real todos los procesos de la empresa.</p>
<p>De hecho, un único proyecto ERP garantiza:</p>
</div>
</div>
</section>
<hr>
<section class="tm-section-7 tm-section-mb"> <div class="row"> </div> </section>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<ul style=" text-align: justify;">
<li>la máxima integración de los procedimientos de la empresa (“flujo continuo”)</li>
<li>la máxima eficiencia y velocidad en la gestión de los procesos</li>
<li>la máxima economía de mantenimiento y desarrollo</li>
<li>la máxima rapidez de actualización</li>
<li>la máxima capacidad de evolución tecnológica</li>
</ul>
<p>A diferencia de los productos de la competencia, los ERP de Centro Software utilizan <strong>una única base de datos
y un único motor software</strong>.</p>
<p>En este único motor ERP se basan todas las <strong>configuraciones</strong> del producto ya predispuestas con los
parámetros y las funciones características de los distintos sectores industriales. Cada empresa, de cualquier
sector, puede realizar un flujo continuo de información y de materiales que reduce los costes e incrementa al máximo
la eficiencia y la productividad a lo largo de toda la cadena productiva y comercial:</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="image"><img src="img/2.jpg" class="img-fluid" /></div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="image"><img src="img/3.jpg" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<ul style=" text-align: justify;">
<li>Alimentos</li>
<li>Automatización y máquinas automáticas</li>
<li>Automotores</li>
<li>Química-Cosmética-Farmacéutica</li>
<li>Electricidad y Electrónica</li>
<li>Instalaciones y Robótica</li>
<li>Instrumental médico</li>
<li>Mecánico</li>
<li>Aeroespacial</li>
<li>etc.</li>
</ul>
<h3>Herramientas y kits de desarrollo personal</h3>
<p>Los ERP de Centro Software son muy sencillos de utilizar, pero al mismo tiempo potentes y completos, incluso en las
funciones de configuración y personalización; están dotados de herramientas (tools) especiales para la seguridad, la
confidencialidad y el control de todo el sistema.</p>
<p>Además de la alta <strong>flexibilidad </strong>y <strong>configurabilidad</strong>, están dotados de <strong>3
</strong>potentes <strong>herramientas de desarrollo</strong>:</p>
<ul style=" text-align: justify;">
<li>
<strong>ADK </strong>(Application Designer Kit)</li>
<li>
<strong>SDK </strong>(Software Development Kit)</li>
<li>
<strong>RGT </strong>(Report Generation Tool)</li>
</ul>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm02.png" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<p>
<strong>ADK</strong> es un “framework” de herramientas que permite el rápido desarrollo de personalizaciones y flujos
de trabajo sin ninguna competencia de programación.</p>
<p>
<strong>SDK</strong> es un kit de desarrollo que permite modificar programas preexistentes o crear nuevas
"aplicaciones verticales” perfectamente integradas, sin preocuparse por las lógicas internas del ERP, garantizando
no sólo la máxima consistencia de los procesos o de los datos sino también la plena compatibilidad con todas las
versiones futuras.</p>
<p>
<strong>RGT</strong> es una herramienta que permite modificar autónomamente los trazados de impresión de documentos e
informes (el ERP está dotado de más de mil impresiones estándar básicas) o generar nuevos documentos e informes.</p>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-12 col-md-12 col-xs-12">
<h3>Tecnología y productividad individual</h3>
<p>Los ERP de Centro Software son los productos más avanzados desde el punto de vista tecnológico; utilizables tanto en
modo “Server” como en modo “Cloud” (SAAS), pueden dialogar en tiempo real con todos los dispositivos e
infraestructuras que favorecen el usufructo y la movilidad: tablet, smartphone, terminales portátiles inalámbricos
para la lectura de códigos de barras, detectores de presencia, etc.</p>
<p>Se distinguen de todas las otras soluciones ERP no sólo por la tecnología sino también por la integridad de los
procesos y la capacidad concreta de acelerar los flujos, reducir los costes e incrementar la eficiencia y la
productividad de la empresa.</p>
<p>Es posible, por ejemplo, personalizar cada puesto de trabajo según las necesidades específicas de cada operador
(personal dashboard), visualizando gráficos y datos actualizados en tiempo real y provenientes del sistema interno
(ej. cifra de ventas por producto o agente, márgenes por línea de producto, Break Even Point, valor de los
almacenes, Rolling Forecast, ABC proveedores, etc.) o del mundo externo (ej. todo lo que se puede recibir mediante
Feed RSS: noticias, cotizaciones de bolsa, precios de materias primas, etc.).</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm04.png" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<h3>Internacionalización</h3>
<p>Los ERP de Centro Software son software internacionales multilingües y nativos <strong>Unicode</strong>, capaces de
comunicarse e interactuar en todos los idiomas, memorizando, visualizando e imprimiendo los datos con los caracteres
y con todos los <strong>alfabetos</strong> (latino, cirílico, chino, árabe, etc.).</p>
<p>Además, ya están traducidos y se pueden utilizar simultáneamente con los <strong>diccionarios</strong> más
difundidos:</p>
<ul style=" text-align: justify;">
<li>Inglés</li>
<li>Chino</li>
<li>Ruso</li>
<li>Alemán</li>
<li>Francés</li>
<li>Portugués</li>
<li>Italiano</li>
<li>…</li>
</ul>
<p>Por cada idioma se dispone asimismo de <strong>thesaurus</strong> personalizables para añadir palabras o términos
específicos de sector.</p>
<p>Un número importante de empresas en muchos países, sobre todo filiales de empresas italianas o sociedades
relacionadas, utilizan los ERP de Centro Software con éxito desde hace muchos años.</p>
<br>
</div>
</div>
</section>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="referencias_erp2.html" aria-label="Close">Referencias</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll-mobile" alt="AQUI" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
debugger;
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
$('.scroll-mobile').on("click", function(e) {
debugger;
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

View File

@@ -0,0 +1,519 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject"
value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono"
class="form-control" placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Área ADMINISTRATIVA y FINANCIERA
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area Administrativa y Financiera" class="img-responsive" src="img/07-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>La serenidad necesaria para dirigir una empresa no puede prescindir de una plena confianza, que tiene que ser correspondida con funciones administrativas y financieras.<br />
La agilidad y la precisión de los procesos contables, la certeza del rendimiento de todos los cumplimientos fiscales, el control puntual de la tesorería y de todos los flujos financieros, con posibilidad de prever los futuros saldos para cada C/C bancario y la exposición del riesgo de cada cliente, son la clave sobre la cual tiene que fundarse una nueva gestión administrativa moderna.</p>
<br>
<h4>EXPEDICIONES y FACTURACIÓN</h4>
<hr />
<p>Documentos de <strong>transporte</strong>, <strong>recibos</strong>, <strong>facturas inmediatas o diferidas, notas de crédito, packing list,</strong> con generación automática de los <strong>movimientos </strong>del almacén y de <strong>primera nota</strong>, <strong>distribución </strong>de los <strong>honorarios</strong>, <strong>envío de los documentos</strong> automáticamente (<strong>por e-mail, XML</strong> o por <strong>FAX</strong>, ¡para eliminar las actividades de envío postal!), elaboración automática de los datos para los modelos <strong>Intrastat</strong>; facturación individual, <strong>global </strong>o <strong>periódica</strong>, con acoplamiento de todas las condiciones predefinidas por cada artículo y cliente.</p>
<br>
<h4>CONTABILIDAD GENERAL</h4>
<hr />
<p>Registro de las escrituras contables para un completo cumplimiento de todas las obligaciones “civiles” y “fiscales”; las funciones de <strong>primera nota</strong> están completamente <strong>automatizadas</strong>, por las normas del IVA, con gestión automática de las contrapartidas, protocolos, diferentes registros, “multi-moneda”, movimientos “provisionales” o “extra-contables”, <strong>cuenta-saldo</strong> en las partidas abiertas, <strong>balances </strong>de <strong>verificación </strong>y según las normas UE, <strong>declaración de cuenta</strong> y <strong>recordatorios, plazos</strong> de <strong>finalización </strong>y <strong>ulteriores descuentos</strong>, <strong>retención de impuestos </strong>y <strong>seguridad social</strong> (con impresión de los recibos de pago y las certificaciones de las compensaciones para los que las perciben), <strong>ENASARCO </strong>(Ente Nacional de Asistencia de los Agentes y Representantes de Comercio), <strong>plafond exportadores</strong>, exportaciones datos para elencos<strong> clientes-proveedores</strong>, etc...</p>
<br>
<h4>TESORERÍA</h4>
<hr />
<p>Control <strong>plazos de finalización</strong> y ejecución de las operaciones ligadas a la <strong>movilización </strong>del <strong>dinero</strong>: <strong>órdenes de pago</strong> a proveedores, <strong>avisos de finalización</strong> del <strong>plazo</strong>, cartas de<strong> recordatorio</strong> a los clientes, <strong>recibos bancarios </strong>al SBF o al “después de cobro”, gestión<strong> sin resolver</strong>, cálculo intereses de demora, movimientos de cuentas, conciliación automática de la <strong>movilización bancaria a través de seguimientos CBI, </strong>etc...</p>
<br>
<h4>Gestión FINANCIERA</h4>
<hr />
<p>Control y previsión de los <strong>flujos financieros</strong> de la empresa para poder coordinar de la mejor manera las operaciones de tesorería: en especial, utilizando los elementos de coste o ganancia “<strong>pre-contables</strong>” (órdenes de compra o venta, DDT, etc.) y los movimientos <strong>provisionales </strong>de primera nota (salidas previstas para mutuas, leasing, seguros, sueldos, impuestos, etc.), se pueden <strong>simular </strong>los<strong> saldos futuros</strong> para la caja y <strong>para cada C/C bancaria </strong>(c/c ordinarias, recaudación SBF, etc.), evidenciando la <strong>disponibilidad neta</strong> (préstamo saldo); es también posible controlar la <strong>exposición del riesgo</strong> de cada cliente.</p>
<br>
<h4>ACTIVOS</h4>
<hr />
<p>Gestión de la vida administrativa de todos los <strong>bienes empresariales amortizables </strong>(materiales o inmateriales), y en especial de la categoría, de la <strong>asignación </strong>y de la <strong>historia </strong>de cada uno (compras, incrementos, revalorización, cesiones totales o parciales, etc...): se pueden efectuar simulaciones de amortización, elaborar las <strong>amortizaciones definitivas</strong> (<strong>civiles y fiscales</strong>), los<strong> costes de mantenimiento</strong>, el libro de activos, etc...</p>
<!-- <br>
<h4>Otros requisitos Fiscales</h4>
<hr />
<p>Elaboración directa de todos los requisitos fiscales relacionados con la Gestión <strong>RAEE </strong>(desechos de equipos eléctricos y electrónicos), Gestión <strong>CONAI </strong>(consorcio nacional embalajes), <strong>Black List</strong> lista clientes / proveedores, además de gestión integrada de las <strong>Retenciones de Impuestos</strong> y contacto con los procedimientos fiscales de El Sol 24 Horas <strong>Conformidad24</strong>: <strong>Declaraciones IVA</strong> (Declaración Iva Anual, Comunicación Iva, Declaración de intención recibos),<strong> Modelos 770</strong>, Delegaciones (Modelo F24), <strong>Certificaciones </strong>Compensaciones (utilizado para Mod.770), <strong>Balance Europeo</strong>, e interfaz con el procedimiento<strong> PAGAS On-Line</strong> de El Sol 24 Horas, etc.</p>
-->
<p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/07-area-b.png" alt="ERP area administrativa y financiera" /></p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="/tecnologia/aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="/tecnologia/arduino.html">Arduino</a>
<a class="dropdown-item" href="/tecnologia/bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="/tecnologia/delphi.html">Delphi</a>
<a class="dropdown-item" href="/tecnologia/elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="/tecnologia/machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="/tecnologia/python.html">Python</a>
<a class="dropdown-item" href="/tecnologia/raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="/tecnologia/restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="/cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">Área ADMINISTRATIVA y FINANCIERA</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area Administrativa y Financiera" class="img-responsive" src="img/07-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>La serenidad necesaria para dirigir una empresa no puede prescindir de una plena confianza, que tiene que ser correspondida con funciones administrativas y financieras.<br />
La agilidad y la precisión de los procesos contables, la certeza del rendimiento de todos los cumplimientos fiscales, el control puntual de la tesorería y de todos los flujos financieros, con posibilidad de prever los futuros saldos para cada C/C bancario y la exposición del riesgo de cada cliente, son la clave sobre la cual tiene que fundarse una nueva gestión administrativa moderna.</p>
<br>
<h4>EXPEDICIONES y FACTURACIÓN</h4>
<hr />
<p>Documentos de <strong>transporte</strong>, <strong>recibos</strong>, <strong>facturas inmediatas o diferidas, notas de crédito, packing list,</strong> con generación automática de los <strong>movimientos </strong>del almacén y de <strong>primera nota</strong>, <strong>distribución </strong>de los <strong>honorarios</strong>, <strong>envío de los documentos</strong> automáticamente (<strong>por e-mail, XML</strong> o por <strong>FAX</strong>, ¡para eliminar las actividades de envío postal!), elaboración automática de los datos para los modelos <strong>Intrastat</strong>; facturación individual, <strong>global </strong>o <strong>periódica</strong>, con acoplamiento de todas las condiciones predefinidas por cada artículo y cliente.</p>
<br>
<h4>CONTABILIDAD GENERAL</h4>
<hr />
<p>Registro de las escrituras contables para un completo cumplimiento de todas las obligaciones “civiles” y “fiscales”; las funciones de <strong>primera nota</strong> están completamente <strong>automatizadas</strong>, por las normas del IVA, con gestión automática de las contrapartidas, protocolos, diferentes registros, “multi-moneda”, movimientos “provisionales” o “extra-contables”, <strong>cuenta-saldo</strong> en las partidas abiertas, <strong>balances </strong>de <strong>verificación </strong>y según las normas UE, <strong>declaración de cuenta</strong> y <strong>recordatorios, plazos</strong> de <strong>finalización </strong>y <strong>ulteriores descuentos</strong>, <strong>retención de impuestos </strong>y <strong>seguridad social</strong> (con impresión de los recibos de pago y las certificaciones de las compensaciones para los que las perciben), <strong>ENASARCO </strong>(Ente Nacional de Asistencia de los Agentes y Representantes de Comercio), <strong>plafond exportadores</strong>, exportaciones datos para elencos<strong> clientes-proveedores</strong>, etc...</p>
<br>
<h4>TESORERÍA</h4>
<hr />
<p>Control <strong>plazos de finalización</strong> y ejecución de las operaciones ligadas a la <strong>movilización </strong>del <strong>dinero</strong>: <strong>órdenes de pago</strong> a proveedores, <strong>avisos de finalización</strong> del <strong>plazo</strong>, cartas de<strong> recordatorio</strong> a los clientes, <strong>recibos bancarios </strong>al SBF o al “después de cobro”, gestión<strong> sin resolver</strong>, cálculo intereses de demora, movimientos de cuentas, conciliación automática de la <strong>movilización bancaria a través de seguimientos CBI, </strong>etc...</p>
<br>
<h4>Gestión FINANCIERA</h4>
<hr />
<p>Control y previsión de los <strong>flujos financieros</strong> de la empresa para poder coordinar de la mejor manera las operaciones de tesorería: en especial, utilizando los elementos de coste o ganancia “<strong>pre-contables</strong>” (órdenes de compra o venta, DDT, etc.) y los movimientos <strong>provisionales </strong>de primera nota (salidas previstas para mutuas, leasing, seguros, sueldos, impuestos, etc.), se pueden <strong>simular </strong>los<strong> saldos futuros</strong> para la caja y <strong>para cada C/C bancaria </strong>(c/c ordinarias, recaudación SBF, etc.), evidenciando la <strong>disponibilidad neta</strong> (préstamo saldo); es también posible controlar la <strong>exposición del riesgo</strong> de cada cliente.</p>
<br>
<h4>ACTIVOS</h4>
<hr />
<p>Gestión de la vida administrativa de todos los <strong>bienes empresariales amortizables </strong>(materiales o inmateriales), y en especial de la categoría, de la <strong>asignación </strong>y de la <strong>historia </strong>de cada uno (compras, incrementos, revalorización, cesiones totales o parciales, etc...): se pueden efectuar simulaciones de amortización, elaborar las <strong>amortizaciones definitivas</strong> (<strong>civiles y fiscales</strong>), los<strong> costes de mantenimiento</strong>, el libro de activos, etc...</p>
<!-- <br>
<h4>Otros requisitos Fiscales</h4>
<hr />
<p>Elaboración directa de todos los requisitos fiscales relacionados con la Gestión <strong>RAEE </strong>(desechos de equipos eléctricos y electrónicos), Gestión <strong>CONAI </strong>(consorcio nacional embalajes), <strong>Black List</strong> lista clientes / proveedores, además de gestión integrada de las <strong>Retenciones de Impuestos</strong> y contacto con los procedimientos fiscales de El Sol 24 Horas <strong>Conformidad24</strong>: <strong>Declaraciones IVA</strong> (Declaración Iva Anual, Comunicación Iva, Declaración de intención recibos),<strong> Modelos 770</strong>, Delegaciones (Modelo F24), <strong>Certificaciones </strong>Compensaciones (utilizado para Mod.770), <strong>Balance Europeo</strong>, e interfaz con el procedimiento<strong> PAGAS On-Line</strong> de El Sol 24 Horas, etc.</p>
-->
<p>
<p><img alt="ERP area administrativa y financiera" class="img-responsive" src="img/07-area-b.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function (e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/* /// originale
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

View File

@@ -0,0 +1,512 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Área CALIDAD
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area Calidad" class="img-responsive" src="img/06-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Para diferenciarse de la competencia son indispensables dos características: creatividad y calidad; la fantasía necesaria para poder alimentar la creatividad tiene que ser equivalente al rigor y a la determinación necesarios para perseguir la calidad.<br />
Una gestión completa de los controles de calidad sobre los productos y sobre los materiales pasa por rígidos procedimientos de aceptación de las mercancías, ciclos de prueba bien definidos, una precisa y periódica evaluación de los proveedores, una catalogación puntual de los recursos y de las competencias empresariales.</p>
<br>
<h4>CONTROLES CALIDAD</h4>
<hr />
<p>Gestión de los artículos que deben ser <strong>sometidos </strong>a <strong>controles</strong> de aceptación<strong> en la compra</strong> (fases de recibimiento mercancías) o en los <strong>procesos productivos </strong>(internos o externos, ya sea “<em><strong>in process</strong></em>” o “<strong>posto process</strong>”) y asignación de los ciclos de prueba relativos; los controles permiten el progreso de los pedidos de producción con “seguimientos” de calidad contemporáneos (operaciones de medida y control estadístico de proceso) asociados a los ciclos de mecanizado y a las fases de trabajo específicas de los O.P.</p>
<br>
<h4>CICLOS de PRUEBA</h4>
<hr />
<p>Gestión de las <strong>secuencias de operaciones</strong> necesarias para verificar que el producto o la mecanización están dentro de los parámetros de calidad requeridos; cada ciclo puede realizarse por piezas separadas o por muestra de los envíos de artículos.</p>
<br>
<h4>EQUIPAMIENTO e INSTRUMENTOS de MEDIDA</h4>
<hr />
<p>Procedimientos y normas de <strong>mantenimiento</strong>, con <strong>listas </strong>de <strong>distribución </strong>de los documentos y de los procedimientos operativos (<strong>manual de calidad</strong>) para todos los instrumentos que son utilizados en los procesos de control de calidad, y con <strong>programación </strong>automática relacionada para el “estado” del equipamiento.</p>
<br>
<h4>Gestión “NO CONFORMIDAD”</h4>
<hr />
<p>Estudio y formalización de las posibles disconformidades internas y externas por la insatisfacción de los requisitos relacionados con los productos o con los servicios, con sugerencias relacionadas con las posibles <strong>acciones de corrección y las pertinentes contestaciones a los proveedores</strong>.</p>
<br>
<h4>RECURSOS HUMANOS y COMPETENCIAS</h4>
<hr />
<p>Gestión del “<strong>valor intangible</strong>” de los recursos humanos internos y externos previstos por la Vision 2000 ISO 9004: procesos y procedimientos organizativos, infraestructuras, cursos, descripciones del trabajo, competencias, trayectorias formativas, background de experiencias y aspiraciones; <strong>cuadro de mando</strong> corporativo para identificar los recursos (<strong>empleados, colaboradores, proveedores, contactos</strong>), para supervisar sus propuestas de mejora (relativas a procesos, líneas de producto, cada producto, estructuras), y para involucrar y motivar con incentivos oportunos y reconocimientos, estimulando la relación positiva y la creatividad, además de para verificar la eficacia de la formación impartida y la concienciación de la importancia del propio rol con la finalidad de alcanzar objetivos cualitativos.</p>
<p> </p>
<p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/06-area-b.png" alt="ERP area producción" /></p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="/tecnologia/aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="/tecnologia/arduino.html">Arduino</a>
<a class="dropdown-item" href="/tecnologia/bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="/tecnologia/delphi.html">Delphi</a>
<a class="dropdown-item" href="/tecnologia/elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="/tecnologia/machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="/tecnologia/python.html">Python</a>
<a class="dropdown-item" href="/tecnologia/raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="/tecnologia/restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="/cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">Área CALIDAD</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area Calidad" class="img-responsive" src="img/06-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Para diferenciarse de la competencia son indispensables dos características: creatividad y calidad; la fantasía necesaria para poder alimentar la creatividad tiene que ser equivalente al rigor y a la determinación necesarios para perseguir la calidad.<br />
Una gestión completa de los controles de calidad sobre los productos y sobre los materiales pasa por rígidos procedimientos de aceptación de las mercancías, ciclos de prueba bien definidos, una precisa y periódica evaluación de los proveedores, una catalogación puntual de los recursos y de las competencias empresariales.</p>
<br>
<h4>CONTROLES CALIDAD</h4>
<hr />
<p>Gestión de los artículos que deben ser <strong>sometidos </strong>a <strong>controles</strong> de aceptación<strong> en la compra</strong> (fases de recibimiento mercancías) o en los <strong>procesos productivos </strong>(internos o externos, ya sea “<em><strong>in process</strong></em>” o “<strong>posto process</strong>”) y asignación de los ciclos de prueba relativos; los controles permiten el progreso de los pedidos de producción con “seguimientos” de calidad contemporáneos (operaciones de medida y control estadístico de proceso) asociados a los ciclos de mecanizado y a las fases de trabajo específicas de los O.P.</p>
<br>
<h4>CICLOS de PRUEBA</h4>
<hr />
<p>Gestión de las <strong>secuencias de operaciones</strong> necesarias para verificar que el producto o la mecanización están dentro de los parámetros de calidad requeridos; cada ciclo puede realizarse por piezas separadas o por muestra de los envíos de artículos.</p>
<br>
<h4>EQUIPAMIENTO e INSTRUMENTOS de MEDIDA</h4>
<hr />
<p>Procedimientos y normas de <strong>mantenimiento</strong>, con <strong>listas </strong>de <strong>distribución </strong>de los documentos y de los procedimientos operativos (<strong>manual de calidad</strong>) para todos los instrumentos que son utilizados en los procesos de control de calidad, y con <strong>programación </strong>automática relacionada para el “estado” del equipamiento.</p>
<br>
<h4>Gestión “NO CONFORMIDAD”</h4>
<hr />
<p>Estudio y formalización de las posibles disconformidades internas y externas por la insatisfacción de los requisitos relacionados con los productos o con los servicios, con sugerencias relacionadas con las posibles <strong>acciones de corrección y las pertinentes contestaciones a los proveedores</strong>.</p>
<br>
<h4>RECURSOS HUMANOS y COMPETENCIAS</h4>
<hr />
<p>Gestión del “<strong>valor intangible</strong>” de los recursos humanos internos y externos previstos por la Vision 2000 ISO 9004: procesos y procedimientos organizativos, infraestructuras, cursos, descripciones del trabajo, competencias, trayectorias formativas, background de experiencias y aspiraciones; <strong>cuadro de mando</strong> corporativo para identificar los recursos (<strong>empleados, colaboradores, proveedores, contactos</strong>), para supervisar sus propuestas de mejora (relativas a procesos, líneas de producto, cada producto, estructuras), y para involucrar y motivar con incentivos oportunos y reconocimientos, estimulando la relación positiva y la creatividad, además de para verificar la eficacia de la formación impartida y la concienciación de la importancia del propio rol con la finalidad de alcanzar objetivos cualitativos.</p>
<p> </p>
<p>
<p><img alt="ERP area calidad" class="img-responsive" src="img/06-area-b.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

View File

@@ -0,0 +1,545 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Area Comercial
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area Comercial" class="img-responsive" src="img/03-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Las actividades comerciales representan el primer momento en el que la imagen empresarial se concretiza de cara al cliente, pero también es el primer paso del que depende la eficiencia de las sucesivas fases empresariales, ya sean actividad de servicio o de producción.<br />
Instrumentos como los configuradores o los portales web son los primeros medios con los que se satisfacen las peticiones de los clientes, pero la planificación MPS, la organización de las listas y de las ofertas, y una correcta utilización de las estadísticas, contribuyen a que todo lo que sigue a la confirmación de un pedido esté coordinado y sea eficiente.</p>
<br>
<h4>Configurador comercial</h4>
<hr />
<p>Instrumento flexible y personalizable que, gracias a una serie de preguntas y campos controlados por reglas técnico/comerciales, permite también a los usuarios inexpertos configurar un nuevo producto y completar automáticamente una oferta o un pedido. La variante del producto se convierte en una oportunidad y no un en obstáculo, y el sistema elabora automáticamente, en función de las preferencias del Cliente, una variante “comercial” de base distinta inmediatamente sujeta al MRP.</p>
<br>
<h4>VENTAS (Listas, Ofertas, Pedidos Clientes)</h4>
<hr />
<p>Gestión de los precios y de las condiciones de venta de cada artículo y por cada cliente, de las ofertas y de los pedido s de los clientes, con visualización de las condiciones de varios proveedores, o del stock y disponibilidad (para poder elegir los productos del almacén, también en base a los números de serie o a la fecha de caducidad); viene señalado cuando el importe del pedido es mayor del crédito fiado al cliente; la confirmación del pedido provoca la contratación de las mercancías y permite enviar la confirmación del pedido por fax, xml, e-mail o impresión; además es posible elaborar pedidos para el extranjero, con descripciones en lengua, importes en valor, emisiones de “facturas pro-forma” y packing list.</p>
<br>
<h4>PLANIFICACIÓN M.P.S. (Master Production Schedule)</h4>
<hr />
<p>Gestión del “plano previsión ventas” para poder programar los abastecimientos (compras o producción de elaborados o semielaborados) de manera separada o conjunta con el portafolio real de los pedidos, también en ausencia de pedidos efectivos; preparado también para la gestión de programas de entrega y pedidos abiertos para los sectores de la automoción, alimentarios, g.d.o., …</p>
<h4>
<br>
AGENTES y COMISIONES</h4>
<hr />
<p>Cálculo, maduración y liquidación de las comisiones en base a los diferentes tipos de estructura jerárquica y organización de los agentes, con diferentes tipologías de relaciones (entre clientes, artículos y agentes), coberturas de las zonas geográficas, y diferentes métodos de cálculo (sobre márgenes, sobre la base imponible, con escalas de cantidad, etc.).</p>
<br>
<h4>Mail Push (envío automático e-mail)</h4>
<hr />
<p>El procedimiento permite el envío periódico de manera automática a cada agente, por e-mail, de algunos datos relativos a la situación del crédito de los propios clientes (por ej. fecha límite).</p>
<br>
<h4>ESTADÍSTICAS de venta y BUDGET comercial</h4>
<hr />
<p>Extracción de los datos de varios archivos del sistema en documentos históricos ya a disposición para las estadísticas de lo vendido y la facturación; los datos pueden ser por lo tanto comparados también con los datos pronosticados previamente insertados al frente de cada artículo, línea del producto, cliente, zona, etc... o disponibles para la gestión de los “rolling forecast”.</p>
<br>
<h4>Puntos de Venta</h4>
<hr />
<ul><li>FRONT-END CLIENTES - Elaboración rápida y automática de los documentos de venta a través de la lectura de los códigos de barras de cada artículo o lote con conexión a impresora fiscal.</li>
<li>GRABADORAS de CAJA - Interfaz para la comunicación directa entre sistema central y grabadoras de caja; SAM ERP2 envía a la grabadora (con sincronía predefinida) los datos relativos a los artículos y clientes, y recibe automáticamente los datos del área contable (movimientos prima nota) y los movimientos del almacén (movimientos mercancías).</li>
<br>
</ul><h4>Portales WEB para clientes (B2B y B2C)</h4>
<hr />
<p>Los nuevos portales permiten gestionar ya sea el B2C (Business to Consumer, osea desde la empresa hacia todo el mundo) como el B2B (Business to Business, osea desde la empresa a la empresa); los portales web se relacionan perfectamente con el sistema central a través de la interfaz y pueden gestionarse, ya sea por las informaciones que se visualizan o por la interfaz gráfica, directamente desde el interior de la gestión, sin necesidad de ningún conocimiento técnico específico relativo a la WEB. Especialmente están preparados de manera automática:</p>
<ul><li>CATÁLOGO WEB à visualización de escaparate virtual de todos los artículos seleccionados entre aquellos presentes en la administración, con posibilidad de elaborar un catálogo web creando las jerarquías específicas y categorías y navegar on-line viendo disponibilidad, precios, descuentos, fichas técnicas, foto e imágenes.</li>
<li>PEDIDOS ON-LINE à gestión del carro electrónico para incluir pedidos on line; seguido de la confirmación el pedido viene automáticamente insertado en la administración como “pedido web”, y el cliente puede visualizar en tiempo real el estado del proceso (tracking).</li>
</ul>
<p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/03-area-b.png" alt="ERP Area Comercial" /></p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">Area Comercial</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area Comercial" class="img-responsive" src="img/03-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Las actividades comerciales representan el primer momento en el que la imagen empresarial se concretiza de cara al cliente, pero también es el primer paso del que depende la eficiencia de las sucesivas fases empresariales, ya sean actividad de servicio o de producción.<br />
Instrumentos como los configuradores o los portales web son los primeros medios con los que se satisfacen las peticiones de los clientes, pero la planificación MPS, la organización de las listas y de las ofertas, y una correcta utilización de las estadísticas, contribuyen a que todo lo que sigue a la confirmación de un pedido esté coordinado y sea eficiente.</p>
<br>
<h4>Configurador comercial</h4>
<hr />
<p>Instrumento flexible y personalizable que, gracias a una serie de preguntas y campos controlados por reglas técnico/comerciales, permite también a los usuarios inexpertos configurar un nuevo producto y completar automáticamente una oferta o un pedido. La variante del producto se convierte en una oportunidad y no un en obstáculo, y el sistema elabora automáticamente, en función de las preferencias del Cliente, una variante “comercial” de base distinta inmediatamente sujeta al MRP.</p>
<br>
<h4>VENTAS (Listas, Ofertas, Pedidos Clientes)</h4>
<hr />
<p>Gestión de los precios y de las condiciones de venta de cada artículo y por cada cliente, de las ofertas y de los pedido s de los clientes, con visualización de las condiciones de varios proveedores, o del stock y disponibilidad (para poder elegir los productos del almacén, también en base a los números de serie o a la fecha de caducidad); viene señalado cuando el importe del pedido es mayor del crédito fiado al cliente; la confirmación del pedido provoca la contratación de las mercancías y permite enviar la confirmación del pedido por fax, xml, e-mail o impresión; además es posible elaborar pedidos para el extranjero, con descripciones en lengua, importes en valor, emisiones de “facturas pro-forma” y packing list.</p>
<br>
<h4>PLANIFICACIÓN M.P.S. (Master Production Schedule)</h4>
<hr />
<p>Gestión del “plano previsión ventas” para poder programar los abastecimientos (compras o producción de elaborados o semielaborados) de manera separada o conjunta con el portafolio real de los pedidos, también en ausencia de pedidos efectivos; preparado también para la gestión de programas de entrega y pedidos abiertos para los sectores de la automoción, alimentarios, g.d.o., …</p>
<h4>
<br>
AGENTES y COMISIONES</h4>
<hr />
<p>Cálculo, maduración y liquidación de las comisiones en base a los diferentes tipos de estructura jerárquica y organización de los agentes, con diferentes tipologías de relaciones (entre clientes, artículos y agentes), coberturas de las zonas geográficas, y diferentes métodos de cálculo (sobre márgenes, sobre la base imponible, con escalas de cantidad, etc.).</p>
<br>
<h4>Mail Push (envío automático e-mail)</h4>
<hr />
<p>El procedimiento permite el envío periódico de manera automática a cada agente, por e-mail, de algunos datos relativos a la situación del crédito de los propios clientes (por ej. fecha límite).</p>
<br>
<h4>ESTADÍSTICAS de venta y BUDGET comercial</h4>
<hr />
<p>Extracción de los datos de varios archivos del sistema en documentos históricos ya a disposición para las estadísticas de lo vendido y la facturación; los datos pueden ser por lo tanto comparados también con los datos pronosticados previamente insertados al frente de cada artículo, línea del producto, cliente, zona, etc... o disponibles para la gestión de los “rolling forecast”.</p>
<br>
<h4>Puntos de Venta</h4>
<hr />
<ul><li>FRONT-END CLIENTES - Elaboración rápida y automática de los documentos de venta a través de la lectura de los códigos de barras de cada artículo o lote con conexión a impresora fiscal.</li>
<li>GRABADORAS de CAJA - Interfaz para la comunicación directa entre sistema central y grabadoras de caja; SAM ERP2 envía a la grabadora (con sincronía predefinida) los datos relativos a los artículos y clientes, y recibe automáticamente los datos del área contable (movimientos prima nota) y los movimientos del almacén (movimientos mercancías).</li>
<br>
</ul><h4>Portales WEB para clientes (B2B y B2C)</h4>
<hr />
<p>Los nuevos portales permiten gestionar ya sea el B2C (Business to Consumer, osea desde la empresa hacia todo el mundo) como el B2B (Business to Business, osea desde la empresa a la empresa); los portales web se relacionan perfectamente con el sistema central a través de la interfaz y pueden gestionarse, ya sea por las informaciones que se visualizan o por la interfaz gráfica, directamente desde el interior de la gestión, sin necesidad de ningún conocimiento técnico específico relativo a la WEB. Especialmente están preparados de manera automática:</p>
<ul><li>CATÁLOGO WEB à visualización de escaparate virtual de todos los artículos seleccionados entre aquellos presentes en la administración, con posibilidad de elaborar un catálogo web creando las jerarquías específicas y categorías y navegar on-line viendo disponibilidad, precios, descuentos, fichas técnicas, foto e imágenes.</li>
<li>PEDIDOS ON-LINE à gestión del carro electrónico para incluir pedidos on line; seguido de la confirmación el pedido viene automáticamente insertado en la administración como “pedido web”, y el cliente puede visualizar en tiempo real el estado del proceso (tracking).</li>
</ul>
<p>
<p><img alt="ERP Area Comercial" class="img-responsive" src="img/03-area-b.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

View File

@@ -0,0 +1,535 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Área COMPRAS, ALMACENES Y LOGÍSTICA
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area Compras Almacenes y Logística" class="img-responsive" src="img/04-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Agilizar las relaciones con los proveedores, acelerar la circulación de mercancías, eliminar los errores de recepción, optimizar las provisiones y la gestión de los almacenes son las primeras acciones que hay que adoptar para reducir los costes e incrementar la eficacia general de los procesos empresariales.<br />
Rastreabilidad, trazabilidad y optimización de los trasportes son algunos otros instrumentos necesarios para certificar los propios flujos y afrontar la complejidad de los actuales mercados.</p>
<br>
<h4>COMPRAS</h4>
<hr />
<p>Gestión y control de las condiciones de todos los proveedores (principales, secundarios u ocasionales), de sus <strong>listas </strong>de precios (con descuentos, tiempos de entrega y <strong>unidad de medida</strong> múltiple), de los <strong>pedidos de compra</strong> (también en moneda extranjera y con entregas fraccionadas, directamente por <strong>e-mail</strong> o por <strong>fax</strong>), de los <strong>avisos </strong>ocasionales (con “ABC” de las urgencias en función de las prioridades productivas reales o de venta), del <strong>control de recepción</strong> por la aceptación de mercancías y facturas, de los “<strong>pedidos abiertos</strong>” y de los “<strong>pedidos por llamada</strong>”.</p>
<br>
<h4>Portal WEB PROVEEDORES</h4>
<hr />
<p>Permite una comunicación inmediata con los propios proveedores para solicitudes de presupuesto, confirmación de pedidos, fechas de entrega, actualizaciones, elaboración etiquetas con bar-code por lotes o productos individuales que se puedan imprimir directamente por los proveedores (para una inmediata identificación de los artículos en la entrega); por lo tanto permite una notable reducción de los tiempos y costes en la transmisión de informaciones y, sobre todo si se completa con el módulo para la “Logística” (BWS), en el desplazamiento de las mercancías en el interior de la cadena de producción.</p>
<br>
<h4>ALMACENES y STOCK</h4>
<hr />
<p>Gestión de todas las ubicaciones en las que se encuentran las mercancías (<em>almacenes, <strong>departamentos</strong> de producción, <strong>depósitos </strong>de los <strong>clientes </strong>y proveedores,...</em>), <strong>circulación automática</strong> de las mercancías, con elaboración de <strong>cantidad comprometida, pedido o disponible</strong>, cálculo del <strong>stock mínimo, índice de rotación y tiempo de cobertura</strong> para cada artículo, listas de los artículos con <strong>stock limitado</strong> o <strong>sobrestock</strong>, valoración inmediata de las existencias también en las ubicaciones externas (depósitos, c/visión, c/trabajo, etc...), rotación de <strong>inventarios</strong>, <strong>escrituras auxiliares </strong>para la contabilidad del almacén con <strong>relativos registros fiscales y registros editores</strong>.</p>
<br>
<h4>RASTREABILIDAD (LOTES, Números de SERIE, rastreabilidad ALIMENTARIA)</h4>
<hr />
<p><strong>Seguimiento </strong>de todos los movimientos de los materiales (a través de los <strong>números de serie o lote</strong>), para conocer así <strong>en qué</strong> productos ha sido utilizado un componente (por ej. para las garantías), o <strong>qué proveniencias</strong> tienen los componentes de un producto terminado (<strong>Supply Chain Management</strong>); gestión de la asignación de cada artículo, almacenes de tipo <strong>F.I.F.O.</strong> (con<strong> fecha ingreso</strong> y <strong>fecha caducidad</strong>), enlaces entre el DDT de entrada y salida (registros de carga y descarga) en las empresas que efectúan <strong>c/Trabajo</strong> (“contratistas”), elaboración de lotes en caducidad,... funcionalidades idóneas para “rastrear” cualquier sustancia o producto (transformado, parcialmente transformado o no transformado) destinado a la alimentación humana, en pleno cumplimiento con las normas de circulación de alimentos (Food Law CEE 178/2002).</p>
<br>
<h4>LOGÍSTICA con BAR-CODE (BWS - Barcode Wireless Store)</h4>
<hr />
<p>Reconocimiento y <strong>circulación </strong>de mercancías mediante lectura de los <strong>bar-code</strong> utilizando pequeñas terminales <strong>wireless </strong>conectadas <strong>en tiempo real</strong> con el sistema central: <em><strong>ingresos, expediciones, retiradas, transferencias</strong>, </em>pero también<em> <strong>inventarios, controles</strong>, etc</em>.. gestión de las salas (Vías/Pisos/Columnas), de las “<strong>unidades de cargo</strong>”, optimización de los espacios, mapeo dinámico de los almacenes, etc.</p>
<p><strong>ESTADÍSTICAS COMPRAS y Evaluación Proveedores</strong></p>
<p>Indicaciones numéricas y gráficas sobre las compras realizadas, sobre la <strong>economía </strong>y la convivencia de los diferentes <strong>artículos; evaluación global</strong> de los <strong>proveedores </strong>según los requisitos necesarios para la certificación corporativa.</p>
<br>
<h4>OPTIMIZACIÓN TRANSPORTES</h4>
<hr />
<p>Permite organizar la entrega de las mercancías gestionando las características de los medios de transporte por producto y cliente (corriente, modelo, refrigeración...) y la lista de precios (por transportador, palé, kilo, volumen etc.). De la función de “verificación del envío” se obtiene una propuesta de los transportistas que pueden realizar las entregas en base a las “rutas predeterminadas”, a las descargas y a las zonas cubiertas, y además es posible realizar rápidas simulaciones para insertar, en el “ruta de vuelta”, eventuales recogidas de mercancías de proveedores, con verificación final mediante geolocalización.<br />
El prospecto para la factura del transportista se produce automáticamente acelerando, de tal manera, el control de las facturas, el paso directo a la contabilidad y la atribución exacta de los costes de transporte sobre los productos para un completo control de administración.</p>
<br>
<h4>“CrossAnalisys” del Almacén y clasificaciones ABC</h4>
<hr />
<p>Los resultados de la lógica <strong>ABC</strong> vienen aplicados y relacionados con los valores de <strong>existencias </strong>y de <strong>consumo </strong>para obtener matrices que indican cuales son los artículos que tienen <strong>provisiones más altas</strong> o <strong>más bajas</strong> de lo necesario (<strong>riesgos de obsolescencia </strong>o <strong>agotamiento/stock-out</strong>).</p>
<p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/04-area-b.png" alt="ERP area Compras Almacenes y Logística" /></p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">Área COMPRAS, ALMACENES Y LOGÍSTICA</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area Compras Almacenes y Logística" class="img-responsive" src="img/04-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Agilizar las relaciones con los proveedores, acelerar la circulación de mercancías, eliminar los errores de recepción, optimizar las provisiones y la gestión de los almacenes son las primeras acciones que hay que adoptar para reducir los costes e incrementar la eficacia general de los procesos empresariales.<br />
Rastreabilidad, trazabilidad y optimización de los trasportes son algunos otros instrumentos necesarios para certificar los propios flujos y afrontar la complejidad de los actuales mercados.</p>
<br>
<h4>COMPRAS</h4>
<hr />
<p>Gestión y control de las condiciones de todos los proveedores (principales, secundarios u ocasionales), de sus <strong>listas </strong>de precios (con descuentos, tiempos de entrega y <strong>unidad de medida</strong> múltiple), de los <strong>pedidos de compra</strong> (también en moneda extranjera y con entregas fraccionadas, directamente por <strong>e-mail</strong> o por <strong>fax</strong>), de los <strong>avisos </strong>ocasionales (con “ABC” de las urgencias en función de las prioridades productivas reales o de venta), del <strong>control de recepción</strong> por la aceptación de mercancías y facturas, de los “<strong>pedidos abiertos</strong>” y de los “<strong>pedidos por llamada</strong>”.</p>
<br>
<h4>Portal WEB PROVEEDORES</h4>
<hr />
<p>Permite una comunicación inmediata con los propios proveedores para solicitudes de presupuesto, confirmación de pedidos, fechas de entrega, actualizaciones, elaboración etiquetas con bar-code por lotes o productos individuales que se puedan imprimir directamente por los proveedores (para una inmediata identificación de los artículos en la entrega); por lo tanto permite una notable reducción de los tiempos y costes en la transmisión de informaciones y, sobre todo si se completa con el módulo para la “Logística” (BWS), en el desplazamiento de las mercancías en el interior de la cadena de producción.</p>
<br>
<h4>ALMACENES y STOCK</h4>
<hr />
<p>Gestión de todas las ubicaciones en las que se encuentran las mercancías (<em>almacenes, <strong>departamentos</strong> de producción, <strong>depósitos </strong>de los <strong>clientes </strong>y proveedores,...</em>), <strong>circulación automática</strong> de las mercancías, con elaboración de <strong>cantidad comprometida, pedido o disponible</strong>, cálculo del <strong>stock mínimo, índice de rotación y tiempo de cobertura</strong> para cada artículo, listas de los artículos con <strong>stock limitado</strong> o <strong>sobrestock</strong>, valoración inmediata de las existencias también en las ubicaciones externas (depósitos, c/visión, c/trabajo, etc...), rotación de <strong>inventarios</strong>, <strong>escrituras auxiliares </strong>para la contabilidad del almacén con <strong>relativos registros fiscales y registros editores</strong>.</p>
<br>
<h4>RASTREABILIDAD (LOTES, Números de SERIE, rastreabilidad ALIMENTARIA)</h4>
<hr />
<p><strong>Seguimiento </strong>de todos los movimientos de los materiales (a través de los <strong>números de serie o lote</strong>), para conocer así <strong>en qué</strong> productos ha sido utilizado un componente (por ej. para las garantías), o <strong>qué proveniencias</strong> tienen los componentes de un producto terminado (<strong>Supply Chain Management</strong>); gestión de la asignación de cada artículo, almacenes de tipo <strong>F.I.F.O.</strong> (con<strong> fecha ingreso</strong> y <strong>fecha caducidad</strong>), enlaces entre el DDT de entrada y salida (registros de carga y descarga) en las empresas que efectúan <strong>c/Trabajo</strong> (“contratistas”), elaboración de lotes en caducidad,... funcionalidades idóneas para “rastrear” cualquier sustancia o producto (transformado, parcialmente transformado o no transformado) destinado a la alimentación humana, en pleno cumplimiento con las normas de circulación de alimentos (Food Law CEE 178/2002).</p>
<br>
<h4>LOGÍSTICA con BAR-CODE (BWS - Barcode Wireless Store)</h4>
<hr />
<p>Reconocimiento y <strong>circulación </strong>de mercancías mediante lectura de los <strong>bar-code</strong> utilizando pequeñas terminales <strong>wireless </strong>conectadas <strong>en tiempo real</strong> con el sistema central: <em><strong>ingresos, expediciones, retiradas, transferencias</strong>, </em>pero también<em> <strong>inventarios, controles</strong>, etc</em>.. gestión de las salas (Vías/Pisos/Columnas), de las “<strong>unidades de cargo</strong>”, optimización de los espacios, mapeo dinámico de los almacenes, etc.</p>
<p><strong>ESTADÍSTICAS COMPRAS y Evaluación Proveedores</strong></p>
<p>Indicaciones numéricas y gráficas sobre las compras realizadas, sobre la <strong>economía </strong>y la convivencia de los diferentes <strong>artículos; evaluación global</strong> de los <strong>proveedores </strong>según los requisitos necesarios para la certificación corporativa.</p>
<br>
<h4>OPTIMIZACIÓN TRANSPORTES</h4>
<hr />
<p>Permite organizar la entrega de las mercancías gestionando las características de los medios de transporte por producto y cliente (corriente, modelo, refrigeración...) y la lista de precios (por transportador, palé, kilo, volumen etc.). De la función de “verificación del envío” se obtiene una propuesta de los transportistas que pueden realizar las entregas en base a las “rutas predeterminadas”, a las descargas y a las zonas cubiertas, y además es posible realizar rápidas simulaciones para insertar, en el “ruta de vuelta”, eventuales recogidas de mercancías de proveedores, con verificación final mediante geolocalización.<br />
El prospecto para la factura del transportista se produce automáticamente acelerando, de tal manera, el control de las facturas, el paso directo a la contabilidad y la atribución exacta de los costes de transporte sobre los productos para un completo control de administración.</p>
<br>
<h4>“CrossAnalisys” del Almacén y clasificaciones ABC</h4>
<hr />
<p>Los resultados de la lógica <strong>ABC</strong> vienen aplicados y relacionados con los valores de <strong>existencias </strong>y de <strong>consumo </strong>para obtener matrices que indican cuales son los artículos que tienen <strong>provisiones más altas</strong> o <strong>más bajas</strong> de lo necesario (<strong>riesgos de obsolescencia </strong>o <strong>agotamiento/stock-out</strong>).</p>
<p>
<p><img alt="ERP área Compras Almacenes y Logística" class="img-responsive" src="img/04-area-b.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

View File

@@ -0,0 +1,522 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Área CONTROL de GESTIÓN
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area CONTROL de GESTION" class="img-responsive" src="img/08-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Actualmente cada empresa tiene que enfrentarse a mercados y escenarios económicos que cambian rápidamente; para poder elegir la dirección adecuada en ambientes cada vez más dinámicos es necesario, por lo tanto, hacerse con una base de mando en la que estén presentes instrumentos de control avanzados: no sólo una contabilidad analítica preparada para elaborar en tiempo real los márgenes y la rentabilidad por producto, pedido, divisiones, etc., sino también Business Intelligence, Estadísticas Avanzadas y Data Mining para que todos los cuadros directivos puedan tomar las mejores decisiones operativas y estratégicas.</p>
<br>
<h4>BUDGET y ANÁLISIS de BALANCE</h4>
<hr />
<p>Comparación de los datos de <strong>balance pronosticados</strong> (budget) y los datos <strong>reales </strong>de <strong>contabilidad general</strong>, con elaboración de <strong>nuevas clasificaciones</strong> en cascada, gestión <strong>budget </strong>para <strong>pedidos</strong>, <strong>centros de coste</strong>, o <strong>áreas de busine</strong>ss, para una comparación posterior con los datos reales de ganancias según los balances analíticos.</p>
<br>
<h4>CONTABILIDAD ANALÍTICA y INDUSTRIAL</h4>
<hr />
<p>Distribución de costes y ganancias de manera detallada y por destinación, con 2 objetivos principales: <strong>contabilidad por pedidos</strong> (que produce <strong>balances analíticos</strong> por <strong>zonas, agentes, artículos</strong>, etc., calculando los <strong>márgenes de rentabilidad</strong>) y<strong> contabilidad por centros </strong>de coste, que recoge los costes realizados por cada departamento y permite calcular los <strong>costes de unidad de obra </strong>(coste horario bruto del personal y de las instalaciones); la contabilidad por <strong>áreas de business</strong> (o <strong>divisiones)</strong> permite además obtener <strong>balances por sectores</strong> para las filiales, líneas de producción, divisiones empresariales, etc., mientras el análisis de los costes a “<strong>full-cost</strong>” se obtiene de manera automática con distribución de costes directos e indirectos a través de “drivers analíticos” personalizables.</p>
<br>
<h4>CÁLCULO MÁRGENES de BENEFICIO y rentabilidad (pedidos y órdenes)</h4>
<hr />
<p>Funciones de semplificación e inmediatas con las que es posible analizar la rentabilidad específica por separado de cada pedido, factura o cliente.</p>
<br>
<h4>
Contabilidad Multi-DIVISIÓN</h4>
<hr />
<p>Distribución automática de costes y ganancias de los diferentes <strong>repartos </strong>o “<strong>líneas de business</strong>”; a cada una de ellas (definida también como “centro de balances”) pueden estar asociados además uno o más “<strong>centro de coste</strong>” en uno o más <strong>“centros de ganancias</strong>”: <strong>filiales, líneas de producto, zonas</strong> del mercado<strong>, áreas geográficas</strong>, etc.; utilizando los filtros adecuados en todas las funciones de “interrogación” es posible extraer o trabajar sólo sobre elementos de un reparto específico: facturas, fichas contables, gestión efectos, gestión ingresos, saldo-cuenta, balances de verificación, ecc; los mismos agregados vienen mantenidos por la elaboración de los balances analíticos y por las funciones de contabilidad industrial.</p>
<br>
<h4>Business Intelligence y Estadísticas Avanzadas</h4>
<hr />
<p>Extracción automática de las <strong>informaciones </strong>de <strong>síntesis </strong>necesarias para supervisar y guiar a toda la empresa, con generación inmediata de <strong>break-even-point, diagramas y gráficos</strong> para facilitar el análisis e interpretación, los resultados de estos procesos son elementos indispensables con el fin de que la dirección empresarial pueda poder tomar las mejores decisiones operativas y estratégicas en las diferentes áreas.</p>
<br>
<h4>DATA MINING</h4>
<hr />
<p>Permite utilizar la tecnología de Analysis Services SQL2008 para obtener “medidas” y “dimensiones” directamente sobre cubos OLAP (on-line analytical processing), garantizando óptimas presentaciones en el análisis de grandes cantidades de datos. El Ambiente de análisis de objetos con funcionalidades avanzadas e interactivas permite además la “planificación” y el envío automático de los análisis estadísticos tanto a los operadores internos de la empresa como a los operadores externos (agentes, técnicos, filiales).</p>
<p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/08-area-b.png" alt="ERP area CONTROL de GESTION" /></p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">Área CONTROL de GESTIÓN</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area CONTROL de GESTION" class="img-responsive" src="img/08-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Actualmente cada empresa tiene que enfrentarse a mercados y escenarios económicos que cambian rápidamente; para poder elegir la dirección adecuada en ambientes cada vez más dinámicos es necesario, por lo tanto, hacerse con una base de mando en la que estén presentes instrumentos de control avanzados: no sólo una contabilidad analítica preparada para elaborar en tiempo real los márgenes y la rentabilidad por producto, pedido, divisiones, etc., sino también Business Intelligence, Estadísticas Avanzadas y Data Mining para que todos los cuadros directivos puedan tomar las mejores decisiones operativas y estratégicas.</p>
<br>
<h4>BUDGET y ANÁLISIS de BALANCE</h4>
<hr />
<p>Comparación de los datos de <strong>balance pronosticados</strong> (budget) y los datos <strong>reales </strong>de <strong>contabilidad general</strong>, con elaboración de <strong>nuevas clasificaciones</strong> en cascada, gestión <strong>budget </strong>para <strong>pedidos</strong>, <strong>centros de coste</strong>, o <strong>áreas de busine</strong>ss, para una comparación posterior con los datos reales de ganancias según los balances analíticos.</p>
<br>
<h4>CONTABILIDAD ANALÍTICA y INDUSTRIAL</h4>
<hr />
<p>Distribución de costes y ganancias de manera detallada y por destinación, con 2 objetivos principales: <strong>contabilidad por pedidos</strong> (que produce <strong>balances analíticos</strong> por <strong>zonas, agentes, artículos</strong>, etc., calculando los <strong>márgenes de rentabilidad</strong>) y<strong> contabilidad por centros </strong>de coste, que recoge los costes realizados por cada departamento y permite calcular los <strong>costes de unidad de obra </strong>(coste horario bruto del personal y de las instalaciones); la contabilidad por <strong>áreas de business</strong> (o <strong>divisiones)</strong> permite además obtener <strong>balances por sectores</strong> para las filiales, líneas de producción, divisiones empresariales, etc., mientras el análisis de los costes a “<strong>full-cost</strong>” se obtiene de manera automática con distribución de costes directos e indirectos a través de “drivers analíticos” personalizables.</p>
<br>
<h4>CÁLCULO MÁRGENES de BENEFICIO y rentabilidad (pedidos y órdenes)</h4>
<hr />
<p>Funciones de semplificación e inmediatas con las que es posible analizar la rentabilidad específica por separado de cada pedido, factura o cliente.</p>
<br>
<h4>
Contabilidad Multi-DIVISIÓN</h4>
<hr />
<p>Distribución automática de costes y ganancias de los diferentes <strong>repartos </strong>o “<strong>líneas de business</strong>”; a cada una de ellas (definida también como “centro de balances”) pueden estar asociados además uno o más “<strong>centro de coste</strong>” en uno o más <strong>“centros de ganancias</strong>”: <strong>filiales, líneas de producto, zonas</strong> del mercado<strong>, áreas geográficas</strong>, etc.; utilizando los filtros adecuados en todas las funciones de “interrogación” es posible extraer o trabajar sólo sobre elementos de un reparto específico: facturas, fichas contables, gestión efectos, gestión ingresos, saldo-cuenta, balances de verificación, ecc; los mismos agregados vienen mantenidos por la elaboración de los balances analíticos y por las funciones de contabilidad industrial.</p>
<br>
<h4>Business Intelligence y Estadísticas Avanzadas</h4>
<hr />
<p>Extracción automática de las <strong>informaciones </strong>de <strong>síntesis </strong>necesarias para supervisar y guiar a toda la empresa, con generación inmediata de <strong>break-even-point, diagramas y gráficos</strong> para facilitar el análisis e interpretación, los resultados de estos procesos son elementos indispensables con el fin de que la dirección empresarial pueda poder tomar las mejores decisiones operativas y estratégicas en las diferentes áreas.</p>
<br>
<h4>DATA MINING</h4>
<hr />
<p>Permite utilizar la tecnología de Analysis Services SQL2008 para obtener “medidas” y “dimensiones” directamente sobre cubos OLAP (on-line analytical processing), garantizando óptimas presentaciones en el análisis de grandes cantidades de datos. El Ambiente de análisis de objetos con funcionalidades avanzadas e interactivas permite además la “planificación” y el envío automático de los análisis estadísticos tanto a los operadores internos de la empresa como a los operadores externos (agentes, técnicos, filiales).</p>
<p>
<p><img alt="ERP area CONTROL de GESTION" class="img-responsive" src="img/08-area-b.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

View File

@@ -0,0 +1,536 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Área C.R.M. (Marketing y Servicios)
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area CRM Marketing e Servizi" class="img-responsive" src="img/02-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Las actividades con relación al Mercado o a los clientes, ya sea en fase de pre-venta (marketing) o de pos-venta (servicios), son desde siempre el motor de desarrollo de la empresa.<br />
La importancia con la que se tratan los temas de C.R.M. (Customer Relationship Management), junto a la gestión de todas las informaciones técnicas y comerciales relativas a los clientes adquiridos o a otros potenciales clientes , es hoy un elemento fundamental para que la empresa pueda competir en mercados cada vez más frenéticos y dinámicos.</p>
<br>
<h4>CRM 1 - MARKETING (pre-venta y post-venta) </h4>
<hr />
<p>Permite la programación de las <strong>acciones comerciales</strong> periódicas con una gestión <strong>gráfica </strong>de los <strong>calendarios </strong>de las <strong>actividades </strong>de <strong>marketing </strong>de cada operador, y la recopilación, catalogación y gestión de las <strong>informaciones </strong>de marketing de <strong>pre-venta</strong> (reutilizables cuando se adquieren <strong>clientes</strong>), y de<strong> post-venta</strong> (recall de los clientes, niveles de satisfacción, propuestas de otros productos, etc...)</p>
<br>
<h4>CRM 2 - SERVICIOS y ASISTENCIA (post-venta)</h4>
<hr />
<p>Permite la <strong>planificación</strong>, con gestión <strong>gráfica </strong>de los <strong>calendarios</strong>, de todas las <strong>actividades técnicas</strong> para dar un apoyo al equipo de ventas (pre-venta y demostraciones) y para la <strong>asistencia post-venta</strong>: instalaciones, mantenimiento, <strong>asistencia técnica</strong> (en <strong>garantía</strong>, por <strong>contrato</strong>, en la <strong>conclusión</strong>). Permite además un control de la “<strong>base instalada</strong>”, de los <strong>productos </strong>y de las <strong>versiones </strong>relativas utilizadas, gestión de las “relaciones de intervención” para la detección de <strong>tiempos</strong> y<strong> partes de recambio</strong> (con descarga automática desde el almacén), costes de <strong>movilidad</strong>, reembolso <strong>km</strong>, comentarios, y gestión de los datos para la facturación automática de recambios, actividades y contratos.</p>
<br>
<h4>Integración GEO-MARKETING</h4>
<hr />
<p>Da la posibilidad de utilizar la cartografía digital para visualizar la<strong> posición geográfica</strong> de muchas informaciones empresariales y las relaciones entre los datos y el territorio.<br />
Instrumento ideal para la <strong>localización </strong>del Target, con el fin de planificar y optimizar las actividades de marketing en el territorio, o de los Clientes, para verificar, ya sea en la fase de facturación o bien a distancia, el nivel de cobertura territorial y planificar mejor las redes de los agentes, de los puntos de venta, de la asistencia técnica o de las plataformas logísticas. </p>
<br>
<h4>Portal WEB MARKETING (CRM 1)</h4>
<hr />
<p>Acceso web con una interfaz muy sencilla e intuitiva, configurable en base a las funciones de responsabilidad y del rol empresarial, que permite involucrar a todos los equipos de ventas, las filiales, los distribuidores (extranjeros también) y clientes finales en los procesos de negocios corporativos. <br />
Este entorno web se convierte en la fuente privilegiada de la cual obtener de manera rápida y sencilla las informaciones necesarias para todos los “usuarios en movimiento”: oportunidades, ofertas, pedidos de seguimiento, fichas estructuradas y desestructuradas de los clientes, historial de llamadas telefónicas (integración con voip), e-mail, planificación visita clientes, entrevistas. </p>
<br>
<h4>Portal WEB SERVICIOS (CRM 2)</h4>
<hr />
<p>Permite al personal que trabaja fuera de la empresa (técnicos de asistencia, asesores, oficinas técnicas de diseño, personal en misión temporal de proyectos o actividades de “anteproyecto”, actividades de construcción etc.) verificar el propio <strong>flujo de trabajo</strong> y las <strong>solicitudes</strong> de actividad o intervención, controlar la situación “contable” del solicitante, confirmar las <strong>citas </strong>en el calendario compartido, insertar las <strong>actividades de consumo</strong> por pedido, contrato, garantía, fuera de garantía, y permite imprimir a distancia, cuando sea necesario, los <strong>formularios </strong>apropiados.<br />
Además es una labor de la empresa recoger a través del portal la lista de los <strong>gastos </strong>ocasionados (hoteles, aviones, trenes, km, autopista, restaurante etc.) eliminando de tal manera los costes administrativos relacionados y reduciendo tiempo y errores de facturación y/o de sumario.<br />
Para las empresas que proporcionan servicios de Help Desk resulta además notablemente útil la gestión del “<strong>Ticket</strong>”, activable por la clientela telefónicamente o directamente por Internet, con posibilidad de verificar con completa autonomía el progreso de la asistencia solicitada.</p>
<br>
<h4>SFA - Sales Force Automation</h4>
<hr />
<p>Permite utilizar dispositivos <strong>Smartphone, Laptop y Netbook </strong>para</p>
<ul><li>insertar nuevos <strong>pedidos </strong>y controlar las expediciones y facturaciones (tracking)</li>
<li>gestionar la<strong> planificación de visitas </strong>a clientes con lista a calendario de los clientes por visitar y sincronización con “pocket Outlook”;</li>
<li>consultar en tiempo real todo aquello que está relacionado con los <strong>productos</strong>: catálogo, listas de precios, inventarios de almacén, fichas técnicas con foto e imágenes;</li>
<li>consultar y actualizar en tiempo real todo aquello que está relacionado con los propios <strong>clientes</strong>: datos personales, condiciones aplicadas, servicios ya realizados o planificados, pedidos en curso o confirmados, presupuestos especiales, estadísticas de venta, expediciones o facturas, posición contable (partidas abiertas, ingresos, crédito total, crédito residual fiado, nivel de riesgo).</li>
<br>
</ul><h4>VENDING (Intento de Venta)</h4>
<hr />
<p>Permite la utilización de <strong>Kits </strong>especiales (maletas que contienen una terminal portátil con lector de código de barras y una impresora térmica) para <strong>emisión inmediata de pedidos, DDT o facturas</strong>, registro <strong>cobros</strong>, <strong>descarga mercancías</strong> y actualización automática de los inventarios del <strong>almacén ambulante</strong> (coche o furgoneta).</p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/02-area-a.png" alt="ERP Area CRM Marketing e Servizi" /></p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">Área C.R.M. (Marketing y Servicios)</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area CRM Marketing e Servizi" class="img-responsive" src="img/02-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Las actividades con relación al Mercado o a los clientes, ya sea en fase de pre-venta (marketing) o de pos-venta (servicios), son desde siempre el motor de desarrollo de la empresa.<br />
La importancia con la que se tratan los temas de C.R.M. (Customer Relationship Management), junto a la gestión de todas las informaciones técnicas y comerciales relativas a los clientes adquiridos o a otros potenciales clientes , es hoy un elemento fundamental para que la empresa pueda competir en mercados cada vez más frenéticos y dinámicos.</p>
<br>
<h4>CRM 1 - MARKETING (pre-venta y post-venta) </h4>
<hr />
<p>Permite la programación de las <strong>acciones comerciales</strong> periódicas con una gestión <strong>gráfica </strong>de los <strong>calendarios </strong>de las <strong>actividades </strong>de <strong>marketing </strong>de cada operador, y la recopilación, catalogación y gestión de las <strong>informaciones </strong>de marketing de <strong>pre-venta</strong> (reutilizables cuando se adquieren <strong>clientes</strong>), y de<strong> post-venta</strong> (recall de los clientes, niveles de satisfacción, propuestas de otros productos, etc...)</p>
<br>
<h4>CRM 2 - SERVICIOS y ASISTENCIA (post-venta)</h4>
<hr />
<p>Permite la <strong>planificación</strong>, con gestión <strong>gráfica </strong>de los <strong>calendarios</strong>, de todas las <strong>actividades técnicas</strong> para dar un apoyo al equipo de ventas (pre-venta y demostraciones) y para la <strong>asistencia post-venta</strong>: instalaciones, mantenimiento, <strong>asistencia técnica</strong> (en <strong>garantía</strong>, por <strong>contrato</strong>, en la <strong>conclusión</strong>). Permite además un control de la “<strong>base instalada</strong>”, de los <strong>productos </strong>y de las <strong>versiones </strong>relativas utilizadas, gestión de las “relaciones de intervención” para la detección de <strong>tiempos</strong> y<strong> partes de recambio</strong> (con descarga automática desde el almacén), costes de <strong>movilidad</strong>, reembolso <strong>km</strong>, comentarios, y gestión de los datos para la facturación automática de recambios, actividades y contratos.</p>
<br>
<h4>Integración GEO-MARKETING</h4>
<hr />
<p>Da la posibilidad de utilizar la cartografía digital para visualizar la<strong> posición geográfica</strong> de muchas informaciones empresariales y las relaciones entre los datos y el territorio.<br />
Instrumento ideal para la <strong>localización </strong>del Target, con el fin de planificar y optimizar las actividades de marketing en el territorio, o de los Clientes, para verificar, ya sea en la fase de facturación o bien a distancia, el nivel de cobertura territorial y planificar mejor las redes de los agentes, de los puntos de venta, de la asistencia técnica o de las plataformas logísticas. </p>
<br>
<h4>Portal WEB MARKETING (CRM 1)</h4>
<hr />
<p>Acceso web con una interfaz muy sencilla e intuitiva, configurable en base a las funciones de responsabilidad y del rol empresarial, que permite involucrar a todos los equipos de ventas, las filiales, los distribuidores (extranjeros también) y clientes finales en los procesos de negocios corporativos. <br />
Este entorno web se convierte en la fuente privilegiada de la cual obtener de manera rápida y sencilla las informaciones necesarias para todos los “usuarios en movimiento”: oportunidades, ofertas, pedidos de seguimiento, fichas estructuradas y desestructuradas de los clientes, historial de llamadas telefónicas (integración con voip), e-mail, planificación visita clientes, entrevistas. </p>
<br>
<h4>Portal WEB SERVICIOS (CRM 2)</h4>
<hr />
<p>Permite al personal que trabaja fuera de la empresa (técnicos de asistencia, asesores, oficinas técnicas de diseño, personal en misión temporal de proyectos o actividades de “anteproyecto”, actividades de construcción etc.) verificar el propio <strong>flujo de trabajo</strong> y las <strong>solicitudes</strong> de actividad o intervención, controlar la situación “contable” del solicitante, confirmar las <strong>citas </strong>en el calendario compartido, insertar las <strong>actividades de consumo</strong> por pedido, contrato, garantía, fuera de garantía, y permite imprimir a distancia, cuando sea necesario, los <strong>formularios </strong>apropiados.<br />
Además es una labor de la empresa recoger a través del portal la lista de los <strong>gastos </strong>ocasionados (hoteles, aviones, trenes, km, autopista, restaurante etc.) eliminando de tal manera los costes administrativos relacionados y reduciendo tiempo y errores de facturación y/o de sumario.<br />
Para las empresas que proporcionan servicios de Help Desk resulta además notablemente útil la gestión del “<strong>Ticket</strong>”, activable por la clientela telefónicamente o directamente por Internet, con posibilidad de verificar con completa autonomía el progreso de la asistencia solicitada.</p>
<br>
<h4>SFA - Sales Force Automation</h4>
<hr />
<p>Permite utilizar dispositivos <strong>Smartphone, Laptop y Netbook </strong>para</p>
<ul><li>insertar nuevos <strong>pedidos </strong>y controlar las expediciones y facturaciones (tracking)</li>
<li>gestionar la<strong> planificación de visitas </strong>a clientes con lista a calendario de los clientes por visitar y sincronización con “pocket Outlook”;</li>
<li>consultar en tiempo real todo aquello que está relacionado con los <strong>productos</strong>: catálogo, listas de precios, inventarios de almacén, fichas técnicas con foto e imágenes;</li>
<li>consultar y actualizar en tiempo real todo aquello que está relacionado con los propios <strong>clientes</strong>: datos personales, condiciones aplicadas, servicios ya realizados o planificados, pedidos en curso o confirmados, presupuestos especiales, estadísticas de venta, expediciones o facturas, posición contable (partidas abiertas, ingresos, crédito total, crédito residual fiado, nivel de riesgo).</li>
<br>
</ul><h4>VENDING (Intento de Venta)</h4>
<hr />
<p>Permite la utilización de <strong>Kits </strong>especiales (maletas que contienen una terminal portátil con lector de código de barras y una impresora térmica) para <strong>emisión inmediata de pedidos, DDT o facturas</strong>, registro <strong>cobros</strong>, <strong>descarga mercancías</strong> y actualización automática de los inventarios del <strong>almacén ambulante</strong> (coche o furgoneta).</p>
<p><img alt="ERP Area CRM Marketing e Servizi" class="img-responsive" src="img/02-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

View File

@@ -0,0 +1,534 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Area Flujos de Trabajo
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP Area Work Flow" class="img-responsive" src="img/01-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Una empresa que optimiza los propios procesos obtiene siempre importantes resultados: un aumento de la consistencia de las informaciones, un aumento de la productividad individual, una mejora de las comunicaciones internas y de los servicios, además de las condiciones de trabajo o del “clima empresarial”, con un beneficio total de la calidad ofrecida a la clientela y una reducción significativa de los tiempos de trabajo o de los costes operativos.</p>
<br>
<h4>WORK-FLOW Diseño &amp; Control</h4>
<hr />
<p>Permite objetivar los procesos de negocios empresariales, determinando una serie de reglas para cada flujo específico: documentos, informaciones y tareas (“<strong>TO DO List</strong>”) son transmitidos por consiguiente de manera automática de una posición a otra y validados paso a paso desde la “Rules Virtual Machine”.</p>
<br>
<h4>AUDIT TRAIL &amp; Tracking</h4>
<hr />
<p>Inspirado en la normativa FDA CFR Part 11 (B/11.10) permite garantizar la <strong>rastreabilidad</strong>, hacia atrás, de todas las operaciones realizadas en el sistema informático, hasta llegar a los datos originales; indispensable para obtener la <strong>certificación </strong>de los procesos corporativos, puede gestionar también el registro de <strong>firmas </strong>electrónicas y controlar que los datos sean completados correctamente, generando mensajes de “status” o “warning” a las direcciones e-mail predefinidas.</p>
<br>
<h4>ADK (Application Designer Kit)</h4>
<hr />
<p>Framework de instrumentos dedicados al <strong>desarrollo </strong>y al diseño rápido de reglas, <strong>layout </strong>y <strong>programas </strong>de aplicaciones; el responsable corporativo puede confeccionar para cada usuario, rol o contexto el mejor flujo de utilización de los procedimientos para aumentar la <strong>productividad </strong>individual y la <strong>seguridad </strong>de los procesos.</p>
<br>
<h4>Personal DASHBOARD</h4>
<hr />
<p>Transforma el fondo de SAM ERP2 en un escritorio personal, <strong>configurable </strong>con gráficos<strong> y datos</strong> de síntesis, <strong>internos y externos</strong>, útiles para el propio trabajo y actualizados <strong>en tiempo real</strong>.</p>
<br>
<h4>CODIFICADOR Automático Artículos</h4>
<hr />
<p><strong>Define las reglas de codificación</strong> de los artículos corporativos, controla de manera automática la <strong>creación </strong>de códigos, permite la búsqueda de artículos mediante “código de habla”.</p>
<br>
<h4>CLASIFICADORES (técnicos y comerciales)</h4>
<hr />
<p>Genera, en paralelo a los clasificadores estándar, otros <strong>campos especiales</strong> para utilizar en las búsquedas en función de las exigencias específicas de los diferentes sectores empresariales</p>
<br>
<h4>TALLAS y COLORES</h4>
<hr />
<p>Gestiona las <strong>variantes del producto</strong> para identificar todos los artículos de un mismo código o modelo, pero diferente en cuanto a <strong>medida</strong> y/o <strong>color</strong>; tallas, colores, tipología de prendas, escalas métricas por nación, gama de colores estacionales, etc., permiten describir los <strong>resultados </strong>de cualquier tipo de producto con aspectos que acompañan a la creación de todos los procesos comerciales y productivos.</p>
<br>
<h4>ARTÍCULOS, Contrapartidas, Tablas (Modulo BASE)</h4>
<hr />
<p>Gestión y control de todas las informaciones y datos utilizados en común por los módulos del sistema ERP:</p>
<ol><li><strong>Productos </strong>y <strong>artículos</strong>: cada <strong>componente</strong>, <strong>semielaborado </strong>o <strong>producto terminado </strong>puede tener <strong>unidad de medida </strong>diferente (por compras, almacén, movimientos, producción, venta), pertenecer a<strong> familias, grupos, categorías homogéneas</strong>, clases de descuento, bandas de comisiones, puede tener coordinadas de almacén preferentes (<strong>asignaciones</strong>), tipologías de <strong>gestión de stock, condiciones de compra y de venta</strong> (cantidad pedido mínimo, garantía, etc.) y una <strong>ficha informativa</strong> en la que se puede anotar cualquier información (características, instrucciones de uso, normas o precauciones especiales, etc...) también en diferentes idiomas.</li>
<li>“<strong>contrapartidas</strong>” externas: <em><strong>Clientes, Proveedores, Bancos, Agentes, Empleados, Vendedores,</strong></em> con direcciones, nominativos y referencias, modalidad de transporte y entrega, tipos de pago, bancos de apoyo, contrapartidas contables, fichas informativas, etc...</li>
<li><strong>tablas generales</strong>: Causal de la Manipulación de Mercancías, Modalidad de Entrega y Transporte, Asignación de Almacén, Zonas geográficas, Empleados y colaboradores, Repartos y Centros de Costes, Líneas del producto, Condiciones Bancarias, etc.</li>
</ol>
<br>
<h4>Almacenamiento DOCUMENTAL</h4>
<hr />
<p>Permite una completa integración de los <strong>documentos </strong>en papel en el interior de los flujos empresariales: todos los documentos <strong>emitidos </strong>y todos los documentos <strong>recibidos </strong>son archivados automáticamente y conectados a los objetos del data base empresarial, con posibilidad de gestionar el almacenamiento sustitutivo según la ley. La<strong> interfaz web </strong>permite, con una autorización previa, acceder a todos los documentos las 24 horas y desde cualquier ubicación. La posibilidad de catalogar <strong>cualquier tipo</strong> de documento permite facilitar también los procesos de “anteproyecto” y de CRM, y la recogida de documentación técnico/comercial de la competencia, de la asistencia, etc.</p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/01-area-b.png" alt="ERP Area work flow" /></p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">Area Flujos de Trabajo</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP Area Work Flow" class="img-responsive" src="img/01-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Una empresa que optimiza los propios procesos obtiene siempre importantes resultados: un aumento de la consistencia de las informaciones, un aumento de la productividad individual, una mejora de las comunicaciones internas y de los servicios, además de las condiciones de trabajo o del “clima empresarial”, con un beneficio total de la calidad ofrecida a la clientela y una reducción significativa de los tiempos de trabajo o de los costes operativos.</p>
<br>
<h4>WORK-FLOW Diseño &amp; Control</h4>
<hr />
<p>Permite objetivar los procesos de negocios empresariales, determinando una serie de reglas para cada flujo específico: documentos, informaciones y tareas (“<strong>TO DO List</strong>”) son transmitidos por consiguiente de manera automática de una posición a otra y validados paso a paso desde la “Rules Virtual Machine”.</p>
<br>
<h4>AUDIT TRAIL &amp; Tracking</h4>
<hr />
<p>Inspirado en la normativa FDA CFR Part 11 (B/11.10) permite garantizar la <strong>rastreabilidad</strong>, hacia atrás, de todas las operaciones realizadas en el sistema informático, hasta llegar a los datos originales; indispensable para obtener la <strong>certificación </strong>de los procesos corporativos, puede gestionar también el registro de <strong>firmas </strong>electrónicas y controlar que los datos sean completados correctamente, generando mensajes de “status” o “warning” a las direcciones e-mail predefinidas.</p>
<br>
<h4>ADK (Application Designer Kit)</h4>
<hr />
<p>Framework de instrumentos dedicados al <strong>desarrollo </strong>y al diseño rápido de reglas, <strong>layout </strong>y <strong>programas </strong>de aplicaciones; el responsable corporativo puede confeccionar para cada usuario, rol o contexto el mejor flujo de utilización de los procedimientos para aumentar la <strong>productividad </strong>individual y la <strong>seguridad </strong>de los procesos.</p>
<br>
<h4>Personal DASHBOARD</h4>
<hr />
<p>Transforma el fondo de SAM ERP2 en un escritorio personal, <strong>configurable </strong>con gráficos<strong> y datos</strong> de síntesis, <strong>internos y externos</strong>, útiles para el propio trabajo y actualizados <strong>en tiempo real</strong>.</p>
<br>
<h4>CODIFICADOR Automático Artículos</h4>
<hr />
<p><strong>Define las reglas de codificación</strong> de los artículos corporativos, controla de manera automática la <strong>creación </strong>de códigos, permite la búsqueda de artículos mediante “código de habla”.</p>
<br>
<h4>CLASIFICADORES (técnicos y comerciales)</h4>
<hr />
<p>Genera, en paralelo a los clasificadores estándar, otros <strong>campos especiales</strong> para utilizar en las búsquedas en función de las exigencias específicas de los diferentes sectores empresariales</p>
<br>
<h4>TALLAS y COLORES</h4>
<hr />
<p>Gestiona las <strong>variantes del producto</strong> para identificar todos los artículos de un mismo código o modelo, pero diferente en cuanto a <strong>medida</strong> y/o <strong>color</strong>; tallas, colores, tipología de prendas, escalas métricas por nación, gama de colores estacionales, etc., permiten describir los <strong>resultados </strong>de cualquier tipo de producto con aspectos que acompañan a la creación de todos los procesos comerciales y productivos.</p>
<br>
<h4>ARTÍCULOS, Contrapartidas, Tablas (Modulo BASE)</h4>
<hr />
<p>Gestión y control de todas las informaciones y datos utilizados en común por los módulos del sistema ERP:</p>
<ol><li><strong>Productos </strong>y <strong>artículos</strong>: cada <strong>componente</strong>, <strong>semielaborado </strong>o <strong>producto terminado </strong>puede tener <strong>unidad de medida </strong>diferente (por compras, almacén, movimientos, producción, venta), pertenecer a<strong> familias, grupos, categorías homogéneas</strong>, clases de descuento, bandas de comisiones, puede tener coordinadas de almacén preferentes (<strong>asignaciones</strong>), tipologías de <strong>gestión de stock, condiciones de compra y de venta</strong> (cantidad pedido mínimo, garantía, etc.) y una <strong>ficha informativa</strong> en la que se puede anotar cualquier información (características, instrucciones de uso, normas o precauciones especiales, etc...) también en diferentes idiomas.</li>
<li>“<strong>contrapartidas</strong>” externas: <em><strong>Clientes, Proveedores, Bancos, Agentes, Empleados, Vendedores,</strong></em> con direcciones, nominativos y referencias, modalidad de transporte y entrega, tipos de pago, bancos de apoyo, contrapartidas contables, fichas informativas, etc...</li>
<li><strong>tablas generales</strong>: Causal de la Manipulación de Mercancías, Modalidad de Entrega y Transporte, Asignación de Almacén, Zonas geográficas, Empleados y colaboradores, Repartos y Centros de Costes, Líneas del producto, Condiciones Bancarias, etc.</li>
</ol>
<br>
<h4>Almacenamiento DOCUMENTAL</h4>
<hr />
<p>Permite una completa integración de los <strong>documentos </strong>en papel en el interior de los flujos empresariales: todos los documentos <strong>emitidos </strong>y todos los documentos <strong>recibidos </strong>son archivados automáticamente y conectados a los objetos del data base empresarial, con posibilidad de gestionar el almacenamiento sustitutivo según la ley. La<strong> interfaz web </strong>permite, con una autorización previa, acceder a todos los documentos las 24 horas y desde cualquier ubicación. La posibilidad de catalogar <strong>cualquier tipo</strong> de documento permite facilitar también los procesos de “anteproyecto” y de CRM, y la recogida de documentación técnico/comercial de la competencia, de la asistencia, etc.</p>
<!-- <p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/01-area-b.png" alt="ERP Area work flow" /></p> -->
<p><img alt="ERP Area Work Flow" class="img-responsive" src="img/01-area-b.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

View File

@@ -0,0 +1,492 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Area Flujos de Trabajo
<div>
class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP Area Work Flow" class="img-responsive" src="img/01-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Una empresa que optimiza los propios procesos obtiene siempre importantes resultados: un aumento de la consistencia de las informaciones, un aumento de la productividad individual, una mejora de las comunicaciones internas y de los servicios, además de las condiciones de trabajo o del “clima empresarial”, con un beneficio total de la calidad ofrecida a la clientela y una reducción significativa de los tiempos de trabajo o de los costes operativos.</p>
<br>
<h4>WORK-FLOW Diseño &amp; Control</h4>
<hr />
<p>Permite objetivar los procesos de negocios empresariales, determinando una serie de reglas para cada flujo específico: documentos, informaciones y tareas (“<strong>TO DO List</strong>”) son transmitidos por consiguiente de manera automática de una posición a otra y validados paso a paso desde la “Rules Virtual Machine”.</p>
<br>
<h4>AUDIT TRAIL &amp; Tracking</h4>
<hr />
<p>Inspirado en la normativa FDA CFR Part 11 (B/11.10) permite garantizar la <strong>rastreabilidad</strong>, hacia atrás, de todas las operaciones realizadas en el sistema informático, hasta llegar a los datos originales; indispensable para obtener la <strong>certificación </strong>de los procesos corporativos, puede gestionar también el registro de <strong>firmas </strong>electrónicas y controlar que los datos sean completados correctamente, generando mensajes de “status” o “warning” a las direcciones e-mail predefinidas.</p>
<br>
<h4>ADK (Application Designer Kit)</h4>
<hr />
<p>Framework de instrumentos dedicados al <strong>desarrollo </strong>y al diseño rápido de reglas, <strong>layout </strong>y <strong>programas </strong>de aplicaciones; el responsable corporativo puede confeccionar para cada usuario, rol o contexto el mejor flujo de utilización de los procedimientos para aumentar la <strong>productividad </strong>individual y la <strong>seguridad </strong>de los procesos.</p>
<br>
<h4>Personal DASHBOARD</h4>
<hr />
<p>Transforma el fondo de SAM ERP2 en un escritorio personal, <strong>configurable </strong>con gráficos<strong> y datos</strong> de síntesis, <strong>internos y externos</strong>, útiles para el propio trabajo y actualizados <strong>en tiempo real</strong>.</p>
<br>
<h4>CODIFICADOR Automático Artículos</h4>
<hr />
<p><strong>Define las reglas de codificación</strong> de los artículos corporativos, controla de manera automática la <strong>creación </strong>de códigos, permite la búsqueda de artículos mediante “código de habla”.</p>
<br>
<h4>CLASIFICADORES (técnicos y comerciales)</h4>
<hr />
<p>Genera, en paralelo a los clasificadores estándar, otros <strong>campos especiales</strong> para utilizar en las búsquedas en función de las exigencias específicas de los diferentes sectores empresariales</p>
<br>
<h4>TALLAS y COLORES</h4>
<hr />
<p>Gestiona las <strong>variantes del producto</strong> para identificar todos los artículos de un mismo código o modelo, pero diferente en cuanto a <strong>medida</strong> y/o <strong>color</strong>; tallas, colores, tipología de prendas, escalas métricas por nación, gama de colores estacionales, etc., permiten describir los <strong>resultados </strong>de cualquier tipo de producto con aspectos que acompañan a la creación de todos los procesos comerciales y productivos.</p>
<br>
<h4>ARTÍCULOS, Contrapartidas, Tablas (Modulo BASE)</h4>
<hr />
<p>Gestión y control de todas las informaciones y datos utilizados en común por los módulos del sistema ERP:</p>
<ol><li><strong>Productos </strong>y <strong>artículos</strong>: cada <strong>componente</strong>, <strong>semielaborado </strong>o <strong>producto terminado </strong>puede tener <strong>unidad de medida </strong>diferente (por compras, almacén, movimientos, producción, venta), pertenecer a<strong> familias, grupos, categorías homogéneas</strong>, clases de descuento, bandas de comisiones, puede tener coordinadas de almacén preferentes (<strong>asignaciones</strong>), tipologías de <strong>gestión de stock, condiciones de compra y de venta</strong> (cantidad pedido mínimo, garantía, etc.) y una <strong>ficha informativa</strong> en la que se puede anotar cualquier información (características, instrucciones de uso, normas o precauciones especiales, etc...) también en diferentes idiomas.</li>
<li>“<strong>contrapartidas</strong>” externas: <em><strong>Clientes, Proveedores, Bancos, Agentes, Empleados, Vendedores,</strong></em> con direcciones, nominativos y referencias, modalidad de transporte y entrega, tipos de pago, bancos de apoyo, contrapartidas contables, fichas informativas, etc...</li>
<li><strong>tablas generales</strong>: Causal de la Manipulación de Mercancías, Modalidad de Entrega y Transporte, Asignación de Almacén, Zonas geográficas, Empleados y colaboradores, Repartos y Centros de Costes, Líneas del producto, Condiciones Bancarias, etc.</li>
</ol>
<br>
<h4>Almacenamiento DOCUMENTAL</h4>
<hr />
<p>Permite una completa integración de los <strong>documentos </strong>en papel en el interior de los flujos empresariales: todos los documentos <strong>emitidos </strong>y todos los documentos <strong>recibidos </strong>son archivados automáticamente y conectados a los objetos del data base empresarial, con posibilidad de gestionar el almacenamiento sustitutivo según la ley. La<strong> interfaz web </strong>permite, con una autorización previa, acceder a todos los documentos las 24 horas y desde cualquier ubicación. La posibilidad de catalogar <strong>cualquier tipo</strong> de documento permite facilitar también los procesos de “anteproyecto” y de CRM, y la recogida de documentación técnico/comercial de la competencia, de la asistencia, etc.</p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/01-area-b.png" alt="ERP Area work flow" /></p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em"> ¡GRAN OFERTA POR EL MES DE JULIO!</p>
<div style="height: 90%; width: 90%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div>
<br>
<div>
<br>
Al solicitar su cotización en <strong>Delphi Studio</strong>, socio oficial de Embarcadero, puede recibir un <strong>30% de descuento</strong> y una <strong>consulta gratuita</strong>.
<br><br>
¡No pierdas la oportunidad!
<br>
Compre antes del 31 de julio y reciba un 30% de descuento y una consulta gratuita.
<br>
<br>
<a class="nav-link" href="#cnt-section" span style="display:inline;margin:0; padding:0">Contáctenos</a> para recibir su oferta personalizada.
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

View File

@@ -0,0 +1,526 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Área INTERCOMPANY, Filiales Extranjeras, COMUNICACIONES
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area INTERCOMPANY" class="img-responsive" src="img/09-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>En la actualidad las empresas tienen que dialogar cada vez más de manera cada vez más automática, ya sea con la propia cadena de producción y comercial como con el mundo externo; el sistema informático de la empresa debe poderse utilizar también por los que operan en países diferentes y con idiomas diferentes.<br />
La integración de todas las nuevas tecnologías (VOIP, E-mail, EDI, XML) en el interior de la ERP permite alcanzar estos objetivos haciendo que sean disponibles los diferentes procesos empresariales para todos los interlocutores externos: filiales, distribuidores, vendedores, técnicos, agentes, clientes y proveedores.</p>
<br>
<h4>MULTI-LENGUA</h4>
<hr />
<p>Permite a todas las realidades empresariales que tienen sucursales y sedes operativas en el extranjero o que desean entrevistar a otros operadores en su lengua local utilizar una estructura única de los datos y un único sistema de gestión corporativo. Los menús, las descripciones, los mensajes, los comentarios, las ayudas on-line de todas las funciones son automáticamente visualizadas en el idioma del operador que accede al sistema (italiano, inglés, español, alemán, francés,...).</p>
<br>
<h4>Integración Telefonía IP (VOIP-Desk)</h4>
<hr />
<p>Además de las funciones de una central desarrollada la integración con central software VOIP permite una <strong>reducción </strong>de <strong>costes </strong>en telefonía porque aprovecha la red Internet para llamar por teléfono y contactar directamente con las <strong>sedes </strong>o <strong>filiales </strong>distribuidas en el territorio como si fueran números internos; además elabora de manera automática estadísticas inmediatas sobre todo el tráfico telefónico y reduce los costes de mantenimiento porque elimina la red interna (utiliza el mismo cableado informático).<br />
La <strong>integración </strong>con el <strong>sistema administrativo permite además</strong>:</p>
<ul><li>Reconocimiento inmediato del interlocutor telefónico con visualización en tiempo real de los datos personales del que llama y de las informaciones útiles presentes en la administración de la empresa;</li>
<li><strong>Mejor calidad</strong> del servicio percibida por la <strong>clientela</strong>, con <strong>reducción </strong>de<strong> tiempos de espera</strong> y seguido de la conducción automática al <strong>mejor interlocutor empresarial</strong>.</li>
<li><strong>Configurabilidad</strong> de la <strong>visualización </strong>de los <strong>datos</strong> <strong>en base a quién</strong> <strong>recibe </strong>la llamada: (por ej. se pueden abrir inmediatamente los resúmenes de cuentas y las fechas límite para la administración, la lista de los productos en mantenimiento para la asistencia, los pedidos y ofertas para los representantes y los comerciales, las entregas a los proveedores para el departamento de compras, etc...),</li>
<li>Apertura automática del sistema administrativo ERP de <strong>actividad </strong>marketing o asistencia ligada a la tipología de llamada, con sucesiva <strong>rastreabilidad </strong>de las llamadas respecto a las acciones realizadas y elaboración de la “<strong>to do list</strong>” para cada usuario.</li>
</ul>
<br>
<h4>Interfaz FAX &amp; E-MAIL</h4>
<hr />
<p>Permite una inmediata visualización previa de las impresiones de todos los documentos y la posible expedición contextual en formato .<strong>PDF </strong>o por <strong>e-mail</strong>, por <strong>fax </strong>(con interfaz automática con el motor fax), o por <strong>XML </strong>(ver).</p>
<br>
<h4>Mail Collector</h4>
<hr />
<p>Permite reconducir el “desordenado flujo del correo electrónico” en el interior de la “value stream”. La integración de la ERP, en especial de las funciones del área CRM, con el servidor del correo (Outlook o Notes) mediante un “parsing” dotado de “heurística interpretativa” de los textos con relación a las bases de datos de clientes, nominativos, prospect, sedes secundarias, ofertas, pedidos, etc., permite realizar el registro de protocolos de manera automática, de cada mensaje recibido, de cualquier cuenta de un cliente a cualquier cuenta interna y viceversa. El registro de protocolos y la asignación automática de “clasificadores” de los e-mails empresariales, permiten pasar al interior del sistema ERP un patrimonio informativo actualmente fundamental, en cuanto a que es práctica común que solicitudes de informaciones comerciales y técnicas, propuestas de variaciones, ya sean comerciales como técnicas, atrasos en las fechas de entrega, cantidad, etc., se realicen cada vez más de manera “desestructurada” e “informal” por correo electrónico.</p>
<br>
<h4>Cadena Productiva-Comercial (XML)</h4>
<hr />
<p><strong>Transmisión y recepción automática EDI</strong> (Electronic Data Interchange) con tecnología “<strong>XML</strong>” de todo tipo de documentos al interno de las <strong>cadenas productivas y comerciales</strong>: pedidos, facturas, movimientos contables, clientes, proveedores, transportistas, bancas, direcciones alternativas, etc.<br /><strong>XML Import</strong> (importación y cargo directo en SAM de los datos de otros sistemas informáticos)<br /><strong>XML Generator</strong> (trasmisión de datos de SAM a otros sistemas informáticos)</p>
<p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/09-area-b.png" alt="ERP area Intercompany" /></p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">Área INTERCOMPANY, Filiales Extranjeras, COMUNICACIONES</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area INTERCOMPANY" class="img-responsive" src="img/09-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>En la actualidad las empresas tienen que dialogar cada vez más de manera cada vez más automática, ya sea con la propia cadena de producción y comercial como con el mundo externo; el sistema informático de la empresa debe poderse utilizar también por los que operan en países diferentes y con idiomas diferentes.<br />
La integración de todas las nuevas tecnologías (VOIP, E-mail, EDI, XML) en el interior de la ERP permite alcanzar estos objetivos haciendo que sean disponibles los diferentes procesos empresariales para todos los interlocutores externos: filiales, distribuidores, vendedores, técnicos, agentes, clientes y proveedores.</p>
<br>
<h4>MULTI-LENGUA</h4>
<hr />
<p>Permite a todas las realidades empresariales que tienen sucursales y sedes operativas en el extranjero o que desean entrevistar a otros operadores en su lengua local utilizar una estructura única de los datos y un único sistema de gestión corporativo. Los menús, las descripciones, los mensajes, los comentarios, las ayudas on-line de todas las funciones son automáticamente visualizadas en el idioma del operador que accede al sistema (italiano, inglés, español, alemán, francés,...).</p>
<br>
<h4>Integración Telefonía IP (VOIP-Desk)</h4>
<hr />
<p>Además de las funciones de una central desarrollada la integración con central software VOIP permite una <strong>reducción </strong>de <strong>costes </strong>en telefonía porque aprovecha la red Internet para llamar por teléfono y contactar directamente con las <strong>sedes </strong>o <strong>filiales </strong>distribuidas en el territorio como si fueran números internos; además elabora de manera automática estadísticas inmediatas sobre todo el tráfico telefónico y reduce los costes de mantenimiento porque elimina la red interna (utiliza el mismo cableado informático).<br />
La <strong>integración </strong>con el <strong>sistema administrativo permite además</strong>:</p>
<ul><li>Reconocimiento inmediato del interlocutor telefónico con visualización en tiempo real de los datos personales del que llama y de las informaciones útiles presentes en la administración de la empresa;</li>
<li><strong>Mejor calidad</strong> del servicio percibida por la <strong>clientela</strong>, con <strong>reducción </strong>de<strong> tiempos de espera</strong> y seguido de la conducción automática al <strong>mejor interlocutor empresarial</strong>.</li>
<li><strong>Configurabilidad</strong> de la <strong>visualización </strong>de los <strong>datos</strong> <strong>en base a quién</strong> <strong>recibe </strong>la llamada: (por ej. se pueden abrir inmediatamente los resúmenes de cuentas y las fechas límite para la administración, la lista de los productos en mantenimiento para la asistencia, los pedidos y ofertas para los representantes y los comerciales, las entregas a los proveedores para el departamento de compras, etc...),</li>
<li>Apertura automática del sistema administrativo ERP de <strong>actividad </strong>marketing o asistencia ligada a la tipología de llamada, con sucesiva <strong>rastreabilidad </strong>de las llamadas respecto a las acciones realizadas y elaboración de la “<strong>to do list</strong>” para cada usuario.</li>
</ul>
<br>
<h4>Interfaz FAX &amp; E-MAIL</h4>
<hr />
<p>Permite una inmediata visualización previa de las impresiones de todos los documentos y la posible expedición contextual en formato .<strong>PDF </strong>o por <strong>e-mail</strong>, por <strong>fax </strong>(con interfaz automática con el motor fax), o por <strong>XML </strong>(ver).</p>
<br>
<h4>Mail Collector</h4>
<hr />
<p>Permite reconducir el “desordenado flujo del correo electrónico” en el interior de la “value stream”. La integración de la ERP, en especial de las funciones del área CRM, con el servidor del correo (Outlook o Notes) mediante un “parsing” dotado de “heurística interpretativa” de los textos con relación a las bases de datos de clientes, nominativos, prospect, sedes secundarias, ofertas, pedidos, etc., permite realizar el registro de protocolos de manera automática, de cada mensaje recibido, de cualquier cuenta de un cliente a cualquier cuenta interna y viceversa. El registro de protocolos y la asignación automática de “clasificadores” de los e-mails empresariales, permiten pasar al interior del sistema ERP un patrimonio informativo actualmente fundamental, en cuanto a que es práctica común que solicitudes de informaciones comerciales y técnicas, propuestas de variaciones, ya sean comerciales como técnicas, atrasos en las fechas de entrega, cantidad, etc., se realicen cada vez más de manera “desestructurada” e “informal” por correo electrónico.</p>
<br>
<h4>Cadena Productiva-Comercial (XML)</h4>
<hr />
<p><strong>Transmisión y recepción automática EDI</strong> (Electronic Data Interchange) con tecnología “<strong>XML</strong>” de todo tipo de documentos al interno de las <strong>cadenas productivas y comerciales</strong>: pedidos, facturas, movimientos contables, clientes, proveedores, transportistas, bancas, direcciones alternativas, etc.<br /><strong>XML Import</strong> (importación y cargo directo en SAM de los datos de otros sistemas informáticos)<br /><strong>XML Generator</strong> (trasmisión de datos de SAM a otros sistemas informáticos)</p>
<p>
<p><img alt="ERP area Intercompany" class="img-responsive" src="img/09-area-b.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

View File

@@ -0,0 +1,532 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Área PRODUCCIÓN
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area Producción" class="img-responsive" src="img/05-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Planificar y controlar la producción con una ERP desarrollada, gestionando de manera automática todas las fases de los procesos productivos ya sean internos como externos a la empresa, representa hoy un elemento fundamental para poder disminuir los tiempos de respuesta globales a los clientes y reducir los costes financieros y logísticos.<br />
También la optimización y la reducción de las provisiones dependen cada vez más de la precaución con la que se afronta la organización de los procesos productivos desde las fases del proyecto.</p>
<br>
<h4>DISEÑO y PLM (Product Lifecycle Management)</h4>
<hr />
<p>Permite la definición del <strong>proceso</strong>, ciclos de trabajo y <strong>bases distintas </strong>(con diseños técnicos, imágenes, documentos, <strong>ediciones </strong>por fecha, etc.); las cuales pueden ser elaboradas por <strong>CAD </strong>o pueden contener <strong>variantes</strong> para producir con <strong>métodos diversos</strong> o para <strong>optimizar </strong>la producción de los artículos “<strong>parecidos</strong>”; permite el cálculo de <strong>presupuestos industriales</strong> y <strong>de coste</strong> para cada producto o semielaborado, y las indicaciones de los artículos <strong>sujetos a desgaste</strong> para generar las<strong> listas de repuestos</strong>, y gestionar las ediciones de las bases diferentes y las relativas fechas de inicio y fin de validez de manera integrada respecto a la disponibilidad y a las provisiones del almacén. La posibilidad de adquirir automáticamente los catálogos técnicos comerciales de los proveedores de componentes (ej. formato Metel) aumenta la velocidad y la precisión de la fase de diseño.</p>
<br>
<h4>PLANIFICACIÓN MRP I</h4>
<hr />
<p>Optimización de las existencias y reducción de los costes de almacenamiento mediante <strong>cálculo </strong>de las <strong>mercancías a comprar</strong> o a <strong>producir</strong>, y por cuyas <strong>fechas límite</strong>, teniendo en cuenta las <strong>provisiones</strong> del almacén y de la “<strong>disponibilidad dinámica</strong>” (cantidad ya <strong>comprometida</strong> o <strong>inexistente </strong>o <strong>que hace falta</strong> relativa a los pedidos de venta y producción ya confirmados, pedidos de compra y producción ya emitidos, y eventuales <strong>previsiones </strong>de venta (<strong>MPS</strong>), con gestión integrada de programas de entrega, pedidos <strong>abiertos </strong>a clientes, pedidos abiertos y pedidos a llamada proveedores; el sistema propone automáticamente los pedidos (de compra, producción o c/trabajo) en base a los <strong>plazos de entrega</strong> solicitados, a los proveedores más idóneos, y evidencia las eventuales <strong>críticas </strong>(tiempos insuficientes, necesidad de anticipar pedidos ya emitidos, etc.).</p>
<br>
<h4>PLANIFICACIÓN MRP II a capacidad INFINITA (CRP )</h4>
<hr />
<p><strong>Asignación </strong>de los <strong>trabajos </strong>a los recursos y a las instalaciones empresariales (<strong>centros de trabajo</strong>) en base a la planificación de los pedidos y a las <strong>relaciones </strong>que existen entre fases de transformación y células de producción, e identificación, gracias a los <strong>análisis </strong>de los <strong>cargos</strong>, de las eventuales <strong>situaciones críticas </strong>o de los <strong>recursos necesarios</strong> para <strong>satisfacer </strong>las <strong>peticiones </strong>del mercado. Se puede visualizar por cada reparto el cargo diario (evidenciando pedidos y clientes) y por cada O.P. el relativo <strong>diagrama de Gantt</strong>.</p>
<br>
<h4>PLANIFICACIÓN MRP II a capacidad FINITA (FCS)</h4>
<hr />
<p><strong>Asignación </strong>de los <strong>trabajos </strong>a los <strong>recursos </strong>empresariales, con <strong>previsión </strong>de las <strong>fechas de entrega </strong>y de la <strong>disponibilidad </strong>de los productos no solo en base a la planificación de los pedidos (MRP-I), sino también a las <strong>reales capacidades productivas</strong> de la empresa, teniendo en cuenta las <strong>máquinas, sistemas, calendarios, prioridades</strong> y las <strong>relaciones </strong>que existen entre las fases de transformación, células de producción y departamentos o centros de costes; para un control inmediato y una intervención completa están disponibles las “listas de <strong>desagrado</strong>” (secuencias de trabajo sobre cada recurso productivo), el análisis de los “<strong>code</strong>” y de los <strong>diagramas de Gantt</strong> para cada O.P., sobre los cuales se puede intervenir gráficamente para modificar la planificación, con posibilidad de elaborar y memorizar los diferentes planos de planificación.</p>
<h4>
<br>
PRODUCCIÓN OPERATIVA</h4>
<hr />
<p>Gestión completa de todas las <strong>fases </strong>de la producción <strong>operativa</strong>, ya sea<strong> en la empresa</strong>, como de proveedores <strong>externos</strong>: pedidos de producción, <strong>retiradas </strong>claras y <strong>fichas </strong>de <strong>procesamiento</strong>, verificación preventiva de “retirabilidad” (por lotes de O.P. o pedidos), <strong>progreso fases</strong> de trabajo, <strong>detección </strong>de <strong>tiempos</strong>, gestión <strong>C/trabajo</strong> y <strong>externalización</strong>, <strong>control </strong>inmediato y <strong>valoración </strong>del trabajo realizado, de los procesos en curso (Work In Progress), de los compromisos y de la <strong>disponibilidad </strong>de materiales.</p>
<br>
<h4>Control PROGRESO de Producción (MES)</h4>
<hr />
<p>Control <strong><em>en tiempo real</em></strong> del <strong>estado </strong>y de la <strong>utilización de los recursos </strong>(máquinas, sistemas, personal) mediante <strong>panel sinóptico</strong>; permite la <strong>detección</strong> de <strong>tiempos de producción</strong> a través de bar-codes, el <strong>autoaprendizaje </strong>de los ciclos de trabajo, la <strong>detección</strong> de presencias del personal para <strong>cuadrar horas, gráficos</strong> para el control inmediato del rendimiento de cada recurso, el <strong>mantenimiento </strong>de máquinas y sistemas.</p>
<br>
<h4>OBRAS de producción</h4>
<hr />
<p>Gestión de obras civiles e industriales: presupuestos y precios para obras y trabajos a realizar, gestión y ubicación medios, manipulación materiales, informes diarios, control de los costes (mano de obra, materiales, medios, gastos generales, amortizaciones), medidas de las obras realizadas (ingresos), S.A.L. (estado progreso trabajos), obras efectivas (presupuesto costes ingresos), y estadísticas.</p>
<p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/05-area-b.png" alt="ERP area producción" /></p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">Área PRODUCCIÓN</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area Producción" class="img-responsive" src="img/05-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>Planificar y controlar la producción con una ERP desarrollada, gestionando de manera automática todas las fases de los procesos productivos ya sean internos como externos a la empresa, representa hoy un elemento fundamental para poder disminuir los tiempos de respuesta globales a los clientes y reducir los costes financieros y logísticos.<br />
También la optimización y la reducción de las provisiones dependen cada vez más de la precaución con la que se afronta la organización de los procesos productivos desde las fases del proyecto.</p>
<br>
<h4>DISEÑO y PLM (Product Lifecycle Management)</h4>
<hr />
<p>Permite la definición del <strong>proceso</strong>, ciclos de trabajo y <strong>bases distintas </strong>(con diseños técnicos, imágenes, documentos, <strong>ediciones </strong>por fecha, etc.); las cuales pueden ser elaboradas por <strong>CAD </strong>o pueden contener <strong>variantes</strong> para producir con <strong>métodos diversos</strong> o para <strong>optimizar </strong>la producción de los artículos “<strong>parecidos</strong>”; permite el cálculo de <strong>presupuestos industriales</strong> y <strong>de coste</strong> para cada producto o semielaborado, y las indicaciones de los artículos <strong>sujetos a desgaste</strong> para generar las<strong> listas de repuestos</strong>, y gestionar las ediciones de las bases diferentes y las relativas fechas de inicio y fin de validez de manera integrada respecto a la disponibilidad y a las provisiones del almacén. La posibilidad de adquirir automáticamente los catálogos técnicos comerciales de los proveedores de componentes (ej. formato Metel) aumenta la velocidad y la precisión de la fase de diseño.</p>
<br>
<h4>PLANIFICACIÓN MRP I</h4>
<hr />
<p>Optimización de las existencias y reducción de los costes de almacenamiento mediante <strong>cálculo </strong>de las <strong>mercancías a comprar</strong> o a <strong>producir</strong>, y por cuyas <strong>fechas límite</strong>, teniendo en cuenta las <strong>provisiones</strong> del almacén y de la “<strong>disponibilidad dinámica</strong>” (cantidad ya <strong>comprometida</strong> o <strong>inexistente </strong>o <strong>que hace falta</strong> relativa a los pedidos de venta y producción ya confirmados, pedidos de compra y producción ya emitidos, y eventuales <strong>previsiones </strong>de venta (<strong>MPS</strong>), con gestión integrada de programas de entrega, pedidos <strong>abiertos </strong>a clientes, pedidos abiertos y pedidos a llamada proveedores; el sistema propone automáticamente los pedidos (de compra, producción o c/trabajo) en base a los <strong>plazos de entrega</strong> solicitados, a los proveedores más idóneos, y evidencia las eventuales <strong>críticas </strong>(tiempos insuficientes, necesidad de anticipar pedidos ya emitidos, etc.).</p>
<br>
<h4>PLANIFICACIÓN MRP II a capacidad INFINITA (CRP )</h4>
<hr />
<p><strong>Asignación </strong>de los <strong>trabajos </strong>a los recursos y a las instalaciones empresariales (<strong>centros de trabajo</strong>) en base a la planificación de los pedidos y a las <strong>relaciones </strong>que existen entre fases de transformación y células de producción, e identificación, gracias a los <strong>análisis </strong>de los <strong>cargos</strong>, de las eventuales <strong>situaciones críticas </strong>o de los <strong>recursos necesarios</strong> para <strong>satisfacer </strong>las <strong>peticiones </strong>del mercado. Se puede visualizar por cada reparto el cargo diario (evidenciando pedidos y clientes) y por cada O.P. el relativo <strong>diagrama de Gantt</strong>.</p>
<br>
<h4>PLANIFICACIÓN MRP II a capacidad FINITA (FCS)</h4>
<hr />
<p><strong>Asignación </strong>de los <strong>trabajos </strong>a los <strong>recursos </strong>empresariales, con <strong>previsión </strong>de las <strong>fechas de entrega </strong>y de la <strong>disponibilidad </strong>de los productos no solo en base a la planificación de los pedidos (MRP-I), sino también a las <strong>reales capacidades productivas</strong> de la empresa, teniendo en cuenta las <strong>máquinas, sistemas, calendarios, prioridades</strong> y las <strong>relaciones </strong>que existen entre las fases de transformación, células de producción y departamentos o centros de costes; para un control inmediato y una intervención completa están disponibles las “listas de <strong>desagrado</strong>” (secuencias de trabajo sobre cada recurso productivo), el análisis de los “<strong>code</strong>” y de los <strong>diagramas de Gantt</strong> para cada O.P., sobre los cuales se puede intervenir gráficamente para modificar la planificación, con posibilidad de elaborar y memorizar los diferentes planos de planificación.</p>
<h4>
<br>
PRODUCCIÓN OPERATIVA</h4>
<hr />
<p>Gestión completa de todas las <strong>fases </strong>de la producción <strong>operativa</strong>, ya sea<strong> en la empresa</strong>, como de proveedores <strong>externos</strong>: pedidos de producción, <strong>retiradas </strong>claras y <strong>fichas </strong>de <strong>procesamiento</strong>, verificación preventiva de “retirabilidad” (por lotes de O.P. o pedidos), <strong>progreso fases</strong> de trabajo, <strong>detección </strong>de <strong>tiempos</strong>, gestión <strong>C/trabajo</strong> y <strong>externalización</strong>, <strong>control </strong>inmediato y <strong>valoración </strong>del trabajo realizado, de los procesos en curso (Work In Progress), de los compromisos y de la <strong>disponibilidad </strong>de materiales.</p>
<br>
<h4>Control PROGRESO de Producción (MES)</h4>
<hr />
<p>Control <strong><em>en tiempo real</em></strong> del <strong>estado </strong>y de la <strong>utilización de los recursos </strong>(máquinas, sistemas, personal) mediante <strong>panel sinóptico</strong>; permite la <strong>detección</strong> de <strong>tiempos de producción</strong> a través de bar-codes, el <strong>autoaprendizaje </strong>de los ciclos de trabajo, la <strong>detección</strong> de presencias del personal para <strong>cuadrar horas, gráficos</strong> para el control inmediato del rendimiento de cada recurso, el <strong>mantenimiento </strong>de máquinas y sistemas.</p>
<br>
<h4>OBRAS de producción</h4>
<hr />
<p>Gestión de obras civiles e industriales: presupuestos y precios para obras y trabajos a realizar, gestión y ubicación medios, manipulación materiales, informes diarios, control de los costes (mano de obra, materiales, medios, gastos generales, amortizaciones), medidas de las obras realizadas (ingresos), S.A.L. (estado progreso trabajos), obras efectivas (presupuesto costes ingresos), y estadísticas.</p>
<p>
<p><img alt="ERP area producción" class="img-responsive" src="img/05-area-b.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

View File

@@ -0,0 +1,514 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Área Seguridad y Instrumentos de Desarrollo
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area seguridad e instrumento de desarrollo" class="img-responsive" src="img/10-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>El sistema informático es una memoria histórica y el motor de todas las actividades corporativas; como tal va defendido de cada posible utilización indebida mediante funciones que permiten el completo control y la absoluta seguridad de accesos y operaciones.<br />
La posibilidad de desarrollar funciones personalizadas, además de mejorar la eficiencia y las actuaciones de todos los procesos, permite poder adaptar después el sistema a cambios empresariales futuros y salvaguardar así las inversiones relacionadas.</p>
<br>
<h4>Control Permisos y Privacidad</h4>
<hr />
<p>El administrador del sistema puede definir los <strong>usuarios </strong>individuales o crear <strong>grupos </strong>de usuarios o por cada uno de ellos puede indicar las funciones a las cuales se le impide el acceso y aquellas a las que le es posible acceder, especificando si el permiso es “full-control” o “solo lectura”.<br />
Este sistema de control de accesos está en perfecto cumplimiento con las últimas normativas y con las disposiciones legislativas que regulan la <strong>Privacidad</strong>.</p>
<br>
<h4>Security System</h4>
<hr />
<p>Nivel adicional de “<strong>Security</strong>” que permite un control más específico con la gestión de las <strong>limitaciones</strong> para cada usuario (o para cada grupo) también en cuanto a cada <strong>campo por separado</strong> de cada ventana o <strong>barra de instrumentos</strong>: cada campo puede ser “modificable”, “solo lectura”, con “registro obligatorio” o con “acceso denegado” (así como también pueden ser inhibidas las visualizaciones de algunas informaciones específicas). La posibilidad de actuar también en la barra de instrumentos de cada ventana permite denegar, por ejemplo, la posibilidad de efectuar impresiones o búsquedas de un cierto tipo.<br />
El módulo permite además gestionar las <strong>aprobaciones de los documentos a más niveles</strong>.</p>
<br>
<h4>Impresiones y Informes personalizables</h4>
<hr />
<p>El sistema está dotado de más de <strong>900 impresiones standard</strong> de base (<strong>documentos, listados, informes</strong>) pero cada empresa puede tener exigencias o preferencias específicas.<br /><strong>Report Generation Tool (RGT) </strong>es el instrumento que, utilizando un <strong>ambiente gráfico,</strong> permite modificar de manera <strong>sencilla </strong>y autónoma <strong>las impresiones existentes o crear nuevos diseños de informes y documentos.</strong></p>
<br>
<h4>Desarrollo software especiales (SDK)</h4>
<hr />
<p>Permite <strong>desarrollar </strong>con la máxima sencillez <strong>programas y aplicaciones verticales</strong> que se integran perfectamente con las estructuras de las Bases de Datos existentes, aprovechando la “business logic” y manteniendo la coherencia y la integridad de los datos.<br />
De hecho con SDK es posible <strong>exportar </strong>o <strong>englobar </strong>en aplicaciones externas las numerosas <strong>funcionalidades </strong>contenidas en el interior del sistema: gestión artículos, gestión documentos de venta, DDT, Facturas, etc., y utilizar estas mismas operaciones <strong>de cualquier otro programa o ambiente</strong> que soporte llamadas a <strong>DLL</strong>, sin preocuparse por las lógicas internas ligadas a cada funcionalidad independiente.<br />
Así se tiene la ventaja de escribir solamente la parte del código relacionada con la personalización sin hacerse responsable de la actualización de las funciones standard que se realiza en cualquier caso de manera automática en cada nuevo lanzamiento del producto.</p>
<p> </p>
<p>
<p style="padding-left: 240px;"><img class="img-responsive center-block" src="img/10-area-b.png" alt="ERP area seguridad e instrumento de desarrollo" /></p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<!-- jose -->
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em">Área Seguridad y Instrumentos de Desarrollo</p>
<div style="height: 90%; width: 90%;margin:0 auto;"
<div>
<div class="content">
<div class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even"
<p><img alt="ERP area seguridad e instrumento de desarrollo" class="img-responsive" src="img/10-area-a.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p>El sistema informático es una memoria histórica y el motor de todas las actividades corporativas; como tal va defendido de cada posible utilización indebida mediante funciones que permiten el completo control y la absoluta seguridad de accesos y operaciones.<br />
La posibilidad de desarrollar funciones personalizadas, además de mejorar la eficiencia y las actuaciones de todos los procesos, permite poder adaptar después el sistema a cambios empresariales futuros y salvaguardar así las inversiones relacionadas.</p>
<br>
<h4>Control Permisos y Privacidad</h4>
<hr />
<p>El administrador del sistema puede definir los <strong>usuarios </strong>individuales o crear <strong>grupos </strong>de usuarios o por cada uno de ellos puede indicar las funciones a las cuales se le impide el acceso y aquellas a las que le es posible acceder, especificando si el permiso es “full-control” o “solo lectura”.<br />
Este sistema de control de accesos está en perfecto cumplimiento con las últimas normativas y con las disposiciones legislativas que regulan la <strong>Privacidad</strong>.</p>
<br>
<h4>Security System</h4>
<hr />
<p>Nivel adicional de “<strong>Security</strong>” que permite un control más específico con la gestión de las <strong>limitaciones</strong> para cada usuario (o para cada grupo) también en cuanto a cada <strong>campo por separado</strong> de cada ventana o <strong>barra de instrumentos</strong>: cada campo puede ser “modificable”, “solo lectura”, con “registro obligatorio” o con “acceso denegado” (así como también pueden ser inhibidas las visualizaciones de algunas informaciones específicas). La posibilidad de actuar también en la barra de instrumentos de cada ventana permite denegar, por ejemplo, la posibilidad de efectuar impresiones o búsquedas de un cierto tipo.<br />
El módulo permite además gestionar las <strong>aprobaciones de los documentos a más niveles</strong>.</p>
<br>
<h4>Impresiones y Informes personalizables</h4>
<hr />
<p>El sistema está dotado de más de <strong>900 impresiones standard</strong> de base (<strong>documentos, listados, informes</strong>) pero cada empresa puede tener exigencias o preferencias específicas.<br /><strong>Report Generation Tool (RGT) </strong>es el instrumento que, utilizando un <strong>ambiente gráfico,</strong> permite modificar de manera <strong>sencilla </strong>y autónoma <strong>las impresiones existentes o crear nuevos diseños de informes y documentos.</strong></p>
<br>
<h4>Desarrollo software especiales (SDK)</h4>
<hr />
<p>Permite <strong>desarrollar </strong>con la máxima sencillez <strong>programas y aplicaciones verticales</strong> que se integran perfectamente con las estructuras de las Bases de Datos existentes, aprovechando la “business logic” y manteniendo la coherencia y la integridad de los datos.<br />
De hecho con SDK es posible <strong>exportar </strong>o <strong>englobar </strong>en aplicaciones externas las numerosas <strong>funcionalidades </strong>contenidas en el interior del sistema: gestión artículos, gestión documentos de venta, DDT, Facturas, etc., y utilizar estas mismas operaciones <strong>de cualquier otro programa o ambiente</strong> que soporte llamadas a <strong>DLL</strong>, sin preocuparse por las lógicas internas ligadas a cada funcionalidad independiente.<br />
Así se tiene la ventaja de escribir solamente la parte del código relacionada con la personalización sin hacerse responsable de la actualización de las funciones standard que se realiza en cualquier caso de manera automática en cada nuevo lanzamiento del producto.</p>
<p> </p>
<p>
<p><img alt="ERP area seguridad e instrumento de desarrollo" class="img-responsive" src="img/10-area-b.png" style="float: right; width: 269px; height: 187px; margin-left: 20px; margin-right: 0px;"> </p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,765 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">Lista de Módulos SAM ERP2
<div
class="field field-name-body field-type-text-with-summary field-label-hidden">
<div class="field-items">
<div class="field-item even">
<!-- <h3><img alt=""
src="img/logoERP213med.gif"
style="width: 265px; height: 123px; margin-top: 5px; margin-bottom: 5px; float: right;">
</h3> -->
<p>Las soluciones informáticas y la alta tecnología de Centro
Software&nbsp; están cerca de toda empresa que quiera mejorar
sus propios procesos. SAM ERP2 está estructurado en 10 áreas
diferentes. Cada área consta de varios módulos: esta es la lista
</p>
<h3><a href="erp2_area_flujos_de_trabajo.html">01 - Área Flujos de Trabajo y Datos
Comunes</a></h3>
<p>Una empresa que optimiza los propios procesos obtiene siempre
importantes resultados: un aumento de la consistencia de las
informaciones, un aumento de la productividad individual, una
mejora de las comunicaciones internas y de los servicios, además
de las condiciones de trabajo o del “clima empresarial”, con un
beneficio total de la calidad ofrecida a la clientela y una
reducción significativa de los tiempos de trabajo o de los
costes operativos.</p>
<ul class="list-group">
<li class="list-group-item"><span style="color:#336699;">Work
-Flow Diseño &amp; Control (WFD)</span></li>
<li class="list-group-item"><span style="color:#336699;">Audit
Trail (AT)</span></li>
<li class="list-group-item"><span style="color:#336699;">ADK
(Application Designer Kit)</span></li>
<li class="list-group-item"><span
style="color:#336699;">Personal DASHBOARD</span></li>
<li class="list-group-item"><span
style="color:#336699;">CODIFICADORES AUTOMÁTICOS
artículos</span></li>
<li class="list-group-item"><span
style="color:#336699;">CLASIFICADORES técnicos y
comerciales</span></li>
<li class="list-group-item"><span style="color:#336699;">TALLAS
y COLORES</span></li>
<li class="list-group-item"><span
style="color:#336699;">Artículos , Contrapartidas ,
Tablas (Módulo Base)</span></li>
<li class="list-group-item"><span
style="color:#336699;">Integración con Almacenamiento
documental</span></li>
</ul>
<h3>
<br>
<a
href="https://www.centrosoftware.com/es/02-%C3%A1rea-crm-marketing-y-servicios">02
- Área C.R.M. (Marketing y Servicios)</a></h3>
<p>Las actividades con relación al Mercado o a los clientes, ya sea
en fase de pre-venta (marketing) o de pos-venta (servicios), son
desde siempre el motor de desarrollo de la empresa.<br>
La importancia con la que se tratan los temas de C.R.M.
(Customer Relationship Management), junto a la gestión de todas
las informaciones técnicas y comerciales relativas a los
clientes adquiridos o a otros potenciales clientes , es hoy un
elemento fundamental para que la empresa pueda competir en
mercados cada vez más frenéticos y dinámicos.</p>
<ul class="list-group">
<li class="list-group-item"><span style="color:#336699;">CRM1 -
MARKETING (pre-venta y post-venta)</span></li>
<li class="list-group-item"><span style="color:#336699;">CRM2 -
SERVICIOS y ASISTENCIA (post-venta)</span></li>
<li class="list-group-item"><span
style="color:#336699;">Integración con
GEO-MARKETING</span></li>
<li class="list-group-item"><span style="color:#336699;">portal
E WEB MARKETING (CRM1)</span></li>
<li class="list-group-item"><span style="color:#336699;">Portal
E WEB SERVICIOS (CRM2)</span></li>
<li class="list-group-item"><span style="color:#336699;">VENDING
(Intento de Venta)</span></li>
<li class="list-group-item"><span style="color:#336699;">SFA
(Sales Force Automation - Automatización del equipo de
ventas)</span></li>
</ul>
<h3>
<br>
<a
href="https://www.centrosoftware.com/es/03-%C3%A1rea-comercial">03
- Área COMERCIAL</a></h3>
<p>Las actividades comerciales representan el primer momento en el
que la imagen empresarial se concretiza de cara al cliente, pero
también es el primer paso del que depende la eficiencia de las
sucesivas fases empresariales, ya sean actividad de servicio o
de producción.<br>
Instrumentos como los configuradores o los portales web son los
primeros medios con los que se satisfacen las peticiones de los
clientes, pero la planificación MPS, la organización de las
listas y de las ofertas, y una correcta utilización de las
estadísticas, contribuyen a que todo lo que sigue a la
confirmación de un pedido esté coordinado y sea eficiente.</p>
<ul class="list-group">
<li class="list-group-item"><span
style="color:#336699;">CONFIGURADOR comercial</span>
</li>
<li class="list-group-item"><span style="color:#336699;">VENTAS
(Listas, Ofertas, Pedidos Clientes)</span></li>
<li class="list-group-item"><span
style="color:#336699;">Planificación Ventas
(M.P.S.)</span></li>
<li class="list-group-item"><span style="color:#336699;">AGENTES
y COMISIONES</span></li>
<li class="list-group-item"><span style="color:#336699;">MAIL
Push (envío automático e-mail)</span></li>
<li class="list-group-item"><span
style="color:#336699;">ESTADÍSTICAS de VENTA y BUDGET
Comercial</span></li>
<li class="list-group-item"><span style="color:#336699;">PUNTOS
VENTA (clientes front-end y Grabadoras de Caja)</span>
</li>
<li class="list-group-item"><span
style="color:#336699;">PORTALES WEB CLIENTES (BtB y
BtC)</span></li>
</ul>
<h3>
<br>
<a
href="https://www.centrosoftware.com/es/04-%C3%A1rea-compras-almacenes-y-log%C3%ADstica">04
- Área COMPRAS, ALMACENES Y LOGÍSTICA</a></h3>
<p>Agilizar las relaciones con los proveedores, acelerar la
circulación de mercancías, eliminar los errores de recepción,
optimizar las provisiones y la gestión de los almacenes son las
primeras acciones que hay que adoptar para reducir los costes e
incrementar la eficacia general de los procesos
empresariales.<br>
Rastreabilidad, trazabilidad y optimización de los trasportes
son algunos otros instrumentos necesarios para certificar los
propios flujos y afrontar la complejidad de los actuales
mercados.</p>
<ul class="list-group">
<li class="list-group-item"><span
style="color:#336699;">COMPRAS</span></li>
<li class="list-group-item"><span style="color:#336699;">portal
WEB PROVEEDORES</span></li>
<li class="list-group-item"><span
style="color:#336699;">ALMACENES y EXISTENCIAS</span>
</li>
<li class="list-group-item"><span
style="color:#336699;">RASTREABILIDAD (LOTES y Núm. de
SERIE)</span></li>
<li class="list-group-item"><span
style="color:#336699;">LOGÍSTICA BWS (Manejo Wireless
con BAR-CODE)</span></li>
<li class="list-group-item"><span
style="color:#336699;">ESTADÍSTICAS COMPRAS y Evaluación
Proveedores</span></li>
<li class="list-group-item"><span
style="color:#336699;">OPTIMIZACIÓN TRASPORTES</span>
</li>
<li class="list-group-item"><span
style="color:#336699;">CROSSANALISYS de Almacén y
clasificaciones ABC</span></li>
</ul>
<h3>
<br>
<a
href="https://www.centrosoftware.com/es/05-%C3%A1rea-producci%C3%B3n">05
- Área PRODUCCIÓN</a></h3>
<p>Planificar y controlar la producción con una ERP desarrollada,
gestionando de manera automática todas las fases de los procesos
productivos ya sean internos como externos a la empresa,
representa hoy un elemento fundamental para poder disminuir los
tiempos de respuesta globales a los clientes y reducir los
costes financieros y logísticos.<br>
También la optimización y la reducción de las provisiones
dependen cada vez más de la precaución con la que se afronta la
organización de los procesos productivos desde las fases del
proyecto.</p>
<ul class="list-group">
<li class="list-group-item"><span style="color:#336699;">DISEÑO
y PLM (Product Lifecycle Management)</span></li>
<li class="list-group-item"><span
style="color:#336699;">PLANIFICACIÓN MRP-I</span></li>
<li class="list-group-item"><span
style="color:#336699;">PLANIFICACIÓN MRP-II a capacidad
INFINITA (CRP)</span></li>
<li class="list-group-item"><span
style="color:#336699;">PLANIFICACIÓN MRP-II a capacidad
FINITA (FCS)</span></li>
<li class="list-group-item"><span
style="color:#336699;">PRODUCCIÓN OPERATIVA</span></li>
<li class="list-group-item"><span style="color:#336699;">CONTROL
PROGRESO PEDIDOS (MES)</span></li>
<li class="list-group-item"><span style="color:#336699;">OBRAS
de producción</span></li>
</ul>
<h3>
<br>
<a href="https://www.centrosoftware.com/es/06-%C3%A1rea-calidad"
target="_blank">06 - Área CALIDAD</a></h3>
<p>Para diferenciarse de la competencia son indispensables dos
características: creatividad y calidad; la fantasía necesaria
para poder alimentar la creatividad tiene que ser equivalente al
rigor y a la determinación necesarios para perseguir la
calidad.<br>
Una gestión completa de los controles de calidad sobre los
productos y sobre los materiales pasa por rígidos procedimientos
de aceptación de las mercancías, ciclos de prueba bien
definidos, una precisa y periódica evaluación de los
proveedores, una catalogación puntual de los recursos y de las
competencias empresariales.</p>
<ul class="list-group">
<li class="list-group-item"><span
style="color:#336699;">CONTROLES CALIDAD</span></li>
<li class="list-group-item"><span style="color:#336699;">CICLOS
de PRUEBA</span></li>
<li class="list-group-item"><span
style="color:#336699;">EQUIPAMIENTO e INSTRUMENTOS de
MEDIDA</span></li>
<li class="list-group-item"><span style="color:#336699;">Gestión
“NO CORFORMIDAD”</span></li>
<li class="list-group-item"><span
style="color:#336699;">RECURSOS HUMANOS y
COMPETENCIAS</span></li>
</ul>
<h3>
<br>
<a href="https://www.centrosoftware.com/es/07-%C3%A1rea-administrativa-y-financiera"
target="_blank">07 - Área ADMINISTRATIVA y FINANCIERA</a>
</h3>
<p>La serenidad necesaria para dirigir una empresa no puede
prescindir de una plena confianza, que tiene que ser
correspondida con funciones administrativas y financieras.<br>
La agilidad y la precisión de los procesos contables, la certeza
del rendimiento de todos los cumplimientos fiscales, el control
puntual de la tesorería y de todos los flujos financieros, con
posibilidad de prever los futuros saldos para cada C/C bancario
y la exposición del riesgo de cada cliente, son la clave sobre
la cual tiene que fundarse una nueva gestión administrativa
moderna.</p>
<ul class="list-group">
<li class="list-group-item"><span
style="color:#336699;">EXPEDICIONES y FACTURACIÓN</span>
</li>
<li class="list-group-item"><span
style="color:#336699;">CONTABILIDAD GENERAL</span></li>
<li class="list-group-item"><span
style="color:#336699;">TESORERÍA</span></li>
<li class="list-group-item"><span style="color:#336699;">Gestión
FINANCIERA</span></li>
<li class="list-group-item"><span
style="color:#336699;">ACTIVOS</span></li>
<li class="list-group-item"><span style="color:#336699;">Otros
cumplimientos FISCALES (IVA, 770, F24, Pagas, Retención
Fiscal, Conai, Raee, …)</span></li>
</ul>
<h3>
<br>
<a href="https://www.centrosoftware.com/es/08-%C3%A1rea-control-de-gesti%C3%B3n"
target="_blank">08 - Área&nbsp; CONTROL de GESTIÓN</a></h3>
<p>Actualmente cada empresa tiene que enfrentarse a mercados y
escenarios económicos que cambian rápidamente; para poder elegir
la dirección adecuada en ambientes cada vez más dinámicos es
necesario, por lo tanto, hacerse con una base de mando en la que
estén presentes instrumentos de control avanzados: no sólo una
contabilidad analítica preparada para elaborar en tiempo real
los márgenes y la rentabilidad por producto, pedido, divisiones,
etc., sino también Business Intelligence, Estadísticas Avanzadas
y Data Mining para que todos los cuadros directivos puedan tomar
las mejores decisiones operativas y estratégicas.</p>
<ul class="list-group">
<li class="list-group-item"><span style="color:#336699;">BUDJET
y ANÁLISIS de Balance</span></li>
<li class="list-group-item"><span
style="color:#336699;">CONTABILIDAD ANALÍTICA e
INDUSTRIAL</span></li>
<li class="list-group-item"><span
style="color:#336699;">CONTABILIDAD
MULTI-DIVISIÓN</span></li>
<li class="list-group-item"><span
style="color:#336699;">Business Intelligence y
Estadísticas Avanzadas</span></li>
<li class="list-group-item"><span style="color:#336699;">DATA
MINING&nbsp;&nbsp; &nbsp;</span></li>
</ul>
<h3>
<br>
<a href="https://www.centrosoftware.com/es/09-%C3%A1rea-intercompany-filiales-extranjeras-comunicaciones"
target="_blank">09 - Área INTERCOMPANY, Filiales
Extranjeras, COMUNICACIONES&nbsp;&nbsp;</a></h3>
<p>En la actualidad las empresas tienen que dialogar cada vez más de
manera cada vez más automática, ya sea con la propia cadena de
producción y comercial como con el mundo externo; el sistema
informático de la empresa debe poderse utilizar también por los
que operan en países diferentes y con idiomas diferentes.<br>
La integración de todas las nuevas tecnologías (VOIP, E-mail,
EDI, XML) en el interior de la ERP permite alcanzar estos
objetivos haciendo que sean disponibles los diferentes procesos
empresariales para todos los interlocutores externos: filiales,
distribuidores, vendedores, técnicos, agentes, clientes y
proveedores.</p>
<ul class="list-group">
<li class="list-group-item"><span
style="color:#336699;">MULTI-LENGUA</span></li>
<li class="list-group-item"><span style="color:#336699;">VOIP
Desk (Integración Telefónica IP)</span></li>
<li class="list-group-item"><span
style="color:#336699;">Interfaz fax y E-MAIL</span></li>
<li class="list-group-item"><span style="color:#336699;">E-MAIL
Collector</span></li>
<li class="list-group-item"><span style="color:#336699;">Cadena
Productivo-Comercial (EDI-XML)</span></li>
</ul>
<h3>
<br>
<a href="https://www.centrosoftware.com/es/10-%C3%A1rea-seguridad-y-instrumentos-de-desarrollo"
target="_blank">10 - Área Seguridad y Instrumentos de
Desarrollo</a></h3>
<p>El sistema informático es una memoria histórica y el motor de
todas las actividades corporativas; como tal va defendido de
cada posible utilización indebida mediante funciones que
permiten el completo control y la absoluta seguridad de accesos
y operaciones.<br>
La posibilidad de desarrollar funciones personalizadas, además
de mejorar la eficiencia y las actuaciones de todos los
procesos, permite poder adaptar después el sistema a cambios
empresariales futuros y salvaguardar así las inversiones
relacionadas.</p>
<p>&nbsp;</p>
</div>
</div>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em"> ¡GRAN OFERTA POR EL MES DE JULIO!</p>
<div style="height: 90%; width: 90%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div>
<br>
<div>
<br>
Al solicitar su cotización en <strong>Delphi Studio</strong>, socio oficial de Embarcadero, puede recibir un <strong>30% de descuento</strong> y una <strong>consulta gratuita</strong>.
<br><br>
¡No pierdas la oportunidad!
<br>
Compre antes del 31 de julio y reciba un 30% de descuento y una consulta gratuita.
<br>
<br>
<a class="nav-link" href="#cnt-section" span style="display:inline;margin:0; padding:0">Contáctenos</a> para recibir su oferta personalizada.
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

858
public/cs/erp2_v1.html Normal file
View File

@@ -0,0 +1,858 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<style>
p{
text-align: justify;
}
</style>
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<img src="img/samERP2.gif" class="img-fluid" >
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<img src="img/centro_software.jpg" class="img-fluid" >
</div>
</div>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 10px">
<div class="row mb-2"> </div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding"></div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2018 DELPHI STUDIO</p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="container" >
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p>Los ERP de Centro Software se componen de más de 70 módulos perfectamente integrados, altamente
configurables y utilizables en modo “server” o “cloud” (SAAS), que permiten el control completo y la
gestión directa de los procesos de todos los departamentos y áreas de la empresa.</p>
<p>No sólo gestión de procesos internos (producción, almacenes, logística, administración) sino también, gracias a las
tecnologías más recientes, como los portales utilizables desde los distintos dispositivos móviles, todos los
procesos que atañen a la cadena productiva y comercial externa a la empresa (filiales, departamentos de asistencia,
técnicos, agentes, obras, proveedores, etc.).</p>
<p>El ERP de Centro Software permite incrementos de eficiencia de hasta el 50% y una reducción de los costes de hasta el
30%, optimizando las existencias y los procesos de producción, el desplazamiento de la mercancía, las actividades
comerciales, la administración y el control de gestión, el diálogo en tiempo real con los clientes y con quienes
operan fuera de la empresa.</p>
<h3>Flexibilidad y Configurabilidad</h3>
<p>Los ERP de Centro Software, a diferencia de muchos ERP de la competencia, no son un agregado de programas
departamentales desarrollados por distintas sociedades sino que son fruto de un <strong>proyecto único</strong>,
constantemente actualizado, que ha optimizado los flujos de las empresas y que en una estructura modular contiene
las mejores experiencias industriales y las tecnologías más avanzadas.</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm06.png" class="img-fluid" /></div>
</div>
</div>
</section>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12"><p> </p></div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-12 col-md-12 col-xs-12">
<img alt="1111111111" class="img-responsive" src="img/software_erp_es.png" class="img-fluid" >
<ul class="list-group">
<li class="list-group-item">
<a href="erp2_lista_modulos.html" target="_blank">Lista de módulos SAM ERP2</a>
</li>
</ul>
<p>La perfecta integración de todos los flujos es la “columna vertebral informática” a través de la cual es posible
controlar en tiempo real todos los procesos de la empresa.</p>
<p>De hecho, un único proyecto ERP garantiza:</p>
</div>
</div>
</section>
<hr>
<section class="tm-section-7 tm-section-mb"> <div class="row"> </div> </section>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<ul style=" text-align: justify;">
<li>la máxima integración de los procedimientos de la empresa (“flujo continuo”)</li>
<li>la máxima eficiencia y velocidad en la gestión de los procesos</li>
<li>la máxima economía de mantenimiento y desarrollo</li>
<li>la máxima rapidez de actualización</li>
<li>la máxima capacidad de evolución tecnológica</li>
</ul>
<p>A diferencia de los productos de la competencia, los ERP de Centro Software utilizan <strong>una única base de datos
y un único motor software</strong>.</p>
<p>En este único motor ERP se basan todas las <strong>configuraciones</strong> del producto ya predispuestas con los
parámetros y las funciones características de los distintos sectores industriales. Cada empresa, de cualquier
sector, puede realizar un flujo continuo de información y de materiales que reduce los costes e incrementa al máximo
la eficiencia y la productividad a lo largo de toda la cadena productiva y comercial:</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="image"><img src="img/2.jpg" class="img-fluid" /></div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="image"><img src="img/3.jpg" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<ul style=" text-align: justify;">
<li>Alimentos</li>
<li>Automatización y máquinas automáticas</li>
<li>Automotores</li>
<li>Química-Cosmética-Farmacéutica</li>
<li>Electricidad y Electrónica</li>
<li>Instalaciones y Robótica</li>
<li>Instrumental médico</li>
<li>Mecánico</li>
<li>Aeroespacial</li>
<li>etc.</li>
</ul>
<h3>Herramientas y kits de desarrollo personal</h3>
<p>Los ERP de Centro Software son muy sencillos de utilizar, pero al mismo tiempo potentes y completos, incluso en las
funciones de configuración y personalización; están dotados de herramientas (tools) especiales para la seguridad, la
confidencialidad y el control de todo el sistema.</p>
<p>Además de la alta <strong>flexibilidad </strong>y <strong>configurabilidad</strong>, están dotados de <strong>3
</strong>potentes <strong>herramientas de desarrollo</strong>:</p>
<ul style=" text-align: justify;">
<li>
<strong>ADK </strong>(Application Designer Kit)</li>
<li>
<strong>SDK </strong>(Software Development Kit)</li>
<li>
<strong>RGT </strong>(Report Generation Tool)</li>
</ul>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm02.png" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<p>
<strong>ADK</strong> es un “framework” de herramientas que permite el rápido desarrollo de personalizaciones y flujos
de trabajo sin ninguna competencia de programación.</p>
<p>
<strong>SDK</strong> es un kit de desarrollo que permite modificar programas preexistentes o crear nuevas
"aplicaciones verticales” perfectamente integradas, sin preocuparse por las lógicas internas del ERP, garantizando
no sólo la máxima consistencia de los procesos o de los datos sino también la plena compatibilidad con todas las
versiones futuras.</p>
<p>
<strong>RGT</strong> es una herramienta que permite modificar autónomamente los trazados de impresión de documentos e
informes (el ERP está dotado de más de mil impresiones estándar básicas) o generar nuevos documentos e informes.</p>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-12 col-md-12 col-xs-12">
<h3>Tecnología y productividad individual</h3>
<p>Los ERP de Centro Software son los productos más avanzados desde el punto de vista tecnológico; utilizables tanto en
modo “Server” como en modo “Cloud” (SAAS), pueden dialogar en tiempo real con todos los dispositivos e
infraestructuras que favorecen el usufructo y la movilidad: tablet, smartphone, terminales portátiles inalámbricos
para la lectura de códigos de barras, detectores de presencia, etc.</p>
<p>Se distinguen de todas las otras soluciones ERP no sólo por la tecnología sino también por la integridad de los
procesos y la capacidad concreta de acelerar los flujos, reducir los costes e incrementar la eficiencia y la
productividad de la empresa.</p>
<p>Es posible, por ejemplo, personalizar cada puesto de trabajo según las necesidades específicas de cada operador
(personal dashboard), visualizando gráficos y datos actualizados en tiempo real y provenientes del sistema interno
(ej. cifra de ventas por producto o agente, márgenes por línea de producto, Break Even Point, valor de los
almacenes, Rolling Forecast, ABC proveedores, etc.) o del mundo externo (ej. todo lo que se puede recibir mediante
Feed RSS: noticias, cotizaciones de bolsa, precios de materias primas, etc.).</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm04.png" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<h3>Internacionalización</h3>
<p>Los ERP de Centro Software son software internacionales multilingües y nativos <strong>Unicode</strong>, capaces de
comunicarse e interactuar en todos los idiomas, memorizando, visualizando e imprimiendo los datos con los caracteres
y con todos los <strong>alfabetos</strong> (latino, cirílico, chino, árabe, etc.).</p>
<p>Además, ya están traducidos y se pueden utilizar simultáneamente con los <strong>diccionarios</strong> más
difundidos:</p>
<ul style=" text-align: justify;">
<li>Inglés</li>
<li>Chino</li>
<li>Ruso</li>
<li>Alemán</li>
<li>Francés</li>
<li>Portugués</li>
<li>Italiano</li>
<li>…</li>
</ul>
<p>Por cada idioma se dispone asimismo de <strong>thesaurus</strong> personalizables para añadir palabras o términos
específicos de sector.</p>
<p>Un número importante de empresas en muchos países, sobre todo filiales de empresas italianas o sociedades
relacionadas, utilizan los ERP de Centro Software con éxito desde hace muchos años.</p>
<br>
</div>
</div>
</section>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" alt="desktop" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<div class="container" >
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p>Los ERP de Centro Software se componen de más de 70 módulos perfectamente integrados, altamente
configurables y utilizables en modo “server” o “cloud” (SAAS), que permiten el control completo y la
gestión directa de los procesos de todos los departamentos y áreas de la empresa.</p>
<p>No sólo gestión de procesos internos (producción, almacenes, logística, administración) sino también, gracias a las
tecnologías más recientes, como los portales utilizables desde los distintos dispositivos móviles, todos los
procesos que atañen a la cadena productiva y comercial externa a la empresa (filiales, departamentos de asistencia,
técnicos, agentes, obras, proveedores, etc.).</p>
<p>El ERP de Centro Software permite incrementos de eficiencia de hasta el 50% y una reducción de los costes de hasta el
30%, optimizando las existencias y los procesos de producción, el desplazamiento de la mercancía, las actividades
comerciales, la administración y el control de gestión, el diálogo en tiempo real con los clientes y con quienes
operan fuera de la empresa.</p>
<h3>Flexibilidad y Configurabilidad</h3>
<p>Los ERP de Centro Software, a diferencia de muchos ERP de la competencia, no son un agregado de programas
departamentales desarrollados por distintas sociedades sino que son fruto de un <strong>proyecto único</strong>,
constantemente actualizado, que ha optimizado los flujos de las empresas y que en una estructura modular contiene
las mejores experiencias industriales y las tecnologías más avanzadas.</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm06.png" class="img-fluid" /></div>
</div>
</div>
</section>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12"><p> </p></div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-12 col-md-12 col-xs-12">
<img alt="333333333333" class="img-responsive" style="width:95%" src="img/software_erp_es.png" class="img-fluid" >
<ul class="list-group">
<li class="list-group-item">
<a href="erp2_lista_modulos.html" target="_blank">Lista de módulos SAM ERP2</a>
</li>
</ul>
<p>La perfecta integración de todos los flujos es la “columna vertebral informática” a través de la cual es posible
controlar en tiempo real todos los procesos de la empresa.</p>
<p>De hecho, un único proyecto ERP garantiza:</p>
</div>
</div>
</section>
<hr>
<section class="tm-section-7 tm-section-mb"> <div class="row"> </div> </section>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<ul style=" text-align: justify;">
<li>la máxima integración de los procedimientos de la empresa (“flujo continuo”)</li>
<li>la máxima eficiencia y velocidad en la gestión de los procesos</li>
<li>la máxima economía de mantenimiento y desarrollo</li>
<li>la máxima rapidez de actualización</li>
<li>la máxima capacidad de evolución tecnológica</li>
</ul>
<p>A diferencia de los productos de la competencia, los ERP de Centro Software utilizan <strong>una única base de datos
y un único motor software</strong>.</p>
<p>En este único motor ERP se basan todas las <strong>configuraciones</strong> del producto ya predispuestas con los
parámetros y las funciones características de los distintos sectores industriales. Cada empresa, de cualquier
sector, puede realizar un flujo continuo de información y de materiales que reduce los costes e incrementa al máximo
la eficiencia y la productividad a lo largo de toda la cadena productiva y comercial:</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="image"><img src="img/2.jpg" class="img-fluid" /></div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="image"><img src="img/3.jpg" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<ul style=" text-align: justify;">
<li>Alimentos</li>
<li>Automatización y máquinas automáticas</li>
<li>Automotores</li>
<li>Química-Cosmética-Farmacéutica</li>
<li>Electricidad y Electrónica</li>
<li>Instalaciones y Robótica</li>
<li>Instrumental médico</li>
<li>Mecánico</li>
<li>Aeroespacial</li>
<li>etc.</li>
</ul>
<h3>Herramientas y kits de desarrollo personal</h3>
<p>Los ERP de Centro Software son muy sencillos de utilizar, pero al mismo tiempo potentes y completos, incluso en las
funciones de configuración y personalización; están dotados de herramientas (tools) especiales para la seguridad, la
confidencialidad y el control de todo el sistema.</p>
<p>Además de la alta <strong>flexibilidad </strong>y <strong>configurabilidad</strong>, están dotados de <strong>3
</strong>potentes <strong>herramientas de desarrollo</strong>:</p>
<ul style=" text-align: justify;">
<li>
<strong>ADK </strong>(Application Designer Kit)</li>
<li>
<strong>SDK </strong>(Software Development Kit)</li>
<li>
<strong>RGT </strong>(Report Generation Tool)</li>
</ul>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm02.png" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<p>
<strong>ADK</strong> es un “framework” de herramientas que permite el rápido desarrollo de personalizaciones y flujos
de trabajo sin ninguna competencia de programación.</p>
<p>
<strong>SDK</strong> es un kit de desarrollo que permite modificar programas preexistentes o crear nuevas
"aplicaciones verticales” perfectamente integradas, sin preocuparse por las lógicas internas del ERP, garantizando
no sólo la máxima consistencia de los procesos o de los datos sino también la plena compatibilidad con todas las
versiones futuras.</p>
<p>
<strong>RGT</strong> es una herramienta que permite modificar autónomamente los trazados de impresión de documentos e
informes (el ERP está dotado de más de mil impresiones estándar básicas) o generar nuevos documentos e informes.</p>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-12 col-md-12 col-xs-12">
<h3>Tecnología y productividad individual</h3>
<p>Los ERP de Centro Software son los productos más avanzados desde el punto de vista tecnológico; utilizables tanto en
modo “Server” como en modo “Cloud” (SAAS), pueden dialogar en tiempo real con todos los dispositivos e
infraestructuras que favorecen el usufructo y la movilidad: tablet, smartphone, terminales portátiles inalámbricos
para la lectura de códigos de barras, detectores de presencia, etc.</p>
<p>Se distinguen de todas las otras soluciones ERP no sólo por la tecnología sino también por la integridad de los
procesos y la capacidad concreta de acelerar los flujos, reducir los costes e incrementar la eficiencia y la
productividad de la empresa.</p>
<p>Es posible, por ejemplo, personalizar cada puesto de trabajo según las necesidades específicas de cada operador
(personal dashboard), visualizando gráficos y datos actualizados en tiempo real y provenientes del sistema interno
(ej. cifra de ventas por producto o agente, márgenes por línea de producto, Break Even Point, valor de los
almacenes, Rolling Forecast, ABC proveedores, etc.) o del mundo externo (ej. todo lo que se puede recibir mediante
Feed RSS: noticias, cotizaciones de bolsa, precios de materias primas, etc.).</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right" >
<div class="image" ><img src="img/bpm04.png" class="img-fluid" /></div>
</div>
<div class="col-lg-7 col-md-7 col-xs-12">
<h3>Internacionalización</h3>
<p>Los ERP de Centro Software son software internacionales multilingües y nativos <strong>Unicode</strong>, capaces de
comunicarse e interactuar en todos los idiomas, memorizando, visualizando e imprimiendo los datos con los caracteres
y con todos los <strong>alfabetos</strong> (latino, cirílico, chino, árabe, etc.).</p>
<p>Además, ya están traducidos y se pueden utilizar simultáneamente con los <strong>diccionarios</strong> más
difundidos:</p>
<ul style=" text-align: justify;">
<li>Inglés</li>
<li>Chino</li>
<li>Ruso</li>
<li>Alemán</li>
<li>Francés</li>
<li>Portugués</li>
<li>Italiano</li>
<li>…</li>
</ul>
<p>Por cada idioma se dispone asimismo de <strong>thesaurus</strong> personalizables para añadir palabras o términos
específicos de sector.</p>
<p>Un número importante de empresas en muchos países, sobre todo filiales de empresas italianas o sociedades
relacionadas, utilizan los ERP de Centro Software con éxito desde hace muchos años.</p>
<br>
</div>
</div>
</section>
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll-mobile" alt="AQUI" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
debugger;
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
$('.scroll-mobile').on("click", function(e) {
debugger;
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

578
public/cs/erp3.html Normal file
View File

@@ -0,0 +1,578 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 70px">
<div class="row mb-2">
<!-- <div class="col-md-4 image">
<img src="img/logo_Delphi_Studio.jpg" class="img-fluid">
</div> -->
<div class="col-md-4 image">
<img src="img/samERP2.gif" class="img-fluid">
</div>
</div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding">
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control"
placeholder="Nombre y apellido" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control"
placeholder="Teléfono/movil" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control"
placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email"
class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<div class="form-group">
<textarea id="contact_message" name="contact_message" class="form-control" rows="6"
placeholder="Comentario"></textarea>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<div class="container main" style="position:relative">
<div class="row" id="stckprnt">
<div class=" col-md-9 col-md-push-3 main-content">
<!-- <div style="height: 50%; width: 50%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div> -->
<br>
<p span style="font-size: 2em;">ERP SOFTWARE
<div>
<br>
<p>Los ERP de Centro Software se componen de más de 70 módulos perfectamente integrados, altamente
configurables y utilizables en modo “server” o “cloud” (SAAS), que permiten el control completo y la
gestión directa de los procesos de todos los departamentos y áreas de la empresa.</p>
<p>No sólo gestión de procesos internos (producción, almacenes, logística, administración) sino también, gracias a las
tecnologías más recientes, como los portales utilizables desde los distintos dispositivos móviles, todos los
procesos que atañen a la cadena productiva y comercial externa a la empresa (filiales, departamentos de asistencia,
técnicos, agentes, obras, proveedores, etc.).</p>
<p>El ERP de Centro Software permite incrementos de eficiencia de hasta el 50% y una reducción de los costes de hasta el
30%, optimizando las existencias y los procesos de producción, el desplazamiento de la mercancía, las actividades
comerciales, la administración y el control de gestión, el diálogo en tiempo real con los clientes y con quienes
operan fuera de la empresa.</p>
<h3>Flexibilidad y Configurabilidad</h3>
<p>Los ERP de Centro Software, a diferencia de muchos ERP de la competencia, no son un agregado de programas
departamentales desarrollados por distintas sociedades sino que son fruto de un <strong>proyecto único</strong>,
constantemente actualizado, que ha optimizado los flujos de las empresas y que en una estructura modular contiene
las mejores experiencias industriales y las tecnologías más avanzadas.</p>
<p class="rtecenter"><img alt="" class="img-responsive" height="252"
src="img/software_erp_es.png" style="margin: 0 auto" width="565"></p>
<ul class="list-group">
<li class="list-group-item"><a href="erp2_lista_modulos.html"
target="_blank">Lista de módulos SAM ERP2</a></li>
</ul>
<p>La perfecta integración de todos los flujos es la “columna vertebral informática” a través de la cual es posible
controlar en tiempo real todos los procesos de la empresa.</p>
<p>De hecho, un único proyecto ERP garantiza:</p>
<ul>
<li>la máxima integración de los procedimientos de la empresa (“flujo continuo”)</li>
<li>la máxima eficiencia y velocidad en la gestión de los procesos</li>
<li>la máxima economía de mantenimiento y desarrollo</li>
<li>la máxima rapidez de actualización</li>
<li>la máxima capacidad de evolución tecnológica</li>
</ul>
<p>A diferencia de los productos de la competencia, los ERP de Centro Software utilizan <strong>una única base de datos
y un único motor software</strong>.</p>
<p>En este único motor ERP se basan todas las <strong>configuraciones</strong> del producto ya predispuestas con los
parámetros y las funciones características de los distintos sectores industriales. Cada empresa, de cualquier
sector, puede realizar un flujo continuo de información y de materiales que reduce los costes e incrementa al máximo
la eficiencia y la productividad a lo largo de toda la cadena productiva y comercial:</p>
<ul>
<li>Alimentos</li>
<li>Automatización y máquinas automáticas</li>
<li>Automotores</li>
<li>Química-Cosmética-Farmacéutica</li>
<li>Electricidad y Electrónica</li>
<li>Instalaciones y Robótica</li>
<li>Instrumental médico</li>
<li>Mecánico</li>
<li>Aeroespacial</li>
<li>etc.</li>
</ul>
<h3>Herramientas y kits de desarrollo personal</h3>
<p>Los ERP de Centro Software son muy sencillos de utilizar, pero al mismo tiempo potentes y completos, incluso en las
funciones de configuración y personalización; están dotados de herramientas (tools) especiales para la seguridad, la
confidencialidad y el control de todo el sistema.</p>
<p>Además de la alta <strong>flexibilidad </strong>y <strong>configurabilidad</strong>, están dotados de <strong>3
</strong>potentes <strong>herramientas de desarrollo</strong>:</p>
<ul>
<li><strong>ADK </strong>(Application Designer Kit)</li>
<li><strong>SDK </strong>(Software Development Kit)</li>
<li><strong>RGT </strong>(Report Generation Tool)</li>
</ul>
<p><strong>ADK</strong> es un “framework” de herramientas que permite el rápido desarrollo de personalizaciones y flujos
de trabajo sin ninguna competencia de programación.</p>
<p><strong>SDK</strong> es un kit de desarrollo que permite modificar programas preexistentes o crear nuevas
"aplicaciones verticales” perfectamente integradas, sin preocuparse por las lógicas internas del ERP, garantizando
no sólo la máxima consistencia de los procesos o de los datos sino también la plena compatibilidad con todas las
versiones futuras.</p>
<p><strong>RGT</strong> es una herramienta que permite modificar autónomamente los trazados de impresión de documentos e
informes (el ERP está dotado de más de mil impresiones estándar básicas) o generar nuevos documentos e informes.</p>
<h3>Tecnología y productividad individual</h3>
<p>Los ERP de Centro Software son los productos más avanzados desde el punto de vista tecnológico; utilizables tanto en
modo “Server” como en modo “Cloud” (SAAS), pueden dialogar en tiempo real con todos los dispositivos e
infraestructuras que favorecen el usufructo y la movilidad: tablet, smartphone, terminales portátiles inalámbricos
para la lectura de códigos de barras, detectores de presencia, etc.</p>
<p>Se distinguen de todas las otras soluciones ERP no sólo por la tecnología sino también por la integridad de los
procesos y la capacidad concreta de acelerar los flujos, reducir los costes e incrementar la eficiencia y la
productividad de la empresa.</p>
<p>Es posible, por ejemplo, personalizar cada puesto de trabajo según las necesidades específicas de cada operador
(personal dashboard), visualizando gráficos y datos actualizados en tiempo real y provenientes del sistema interno
(ej. cifra de ventas por producto o agente, márgenes por línea de producto, Break Even Point, valor de los
almacenes, Rolling Forecast, ABC proveedores, etc.) o del mundo externo (ej. todo lo que se puede recibir mediante
Feed RSS: noticias, cotizaciones de bolsa, precios de materias primas, etc.).</p>
<h3>Internacionalización</h3>
<p>Los ERP de Centro Software son software internacionales multilingües y nativos <strong>Unicode</strong>, capaces de
comunicarse e interactuar en todos los idiomas, memorizando, visualizando e imprimiendo los datos con los caracteres
y con todos los <strong>alfabetos</strong> (latino, cirílico, chino, árabe, etc.).</p>
<p>Además, ya están traducidos y se pueden utilizar simultáneamente con los <strong>diccionarios</strong> más
difundidos:</p>
<ul>
<li>Inglés</li>
<li>Chino</li>
<li>Ruso</li>
<li>Alemán</li>
<li>Español</li>
<li>Francés</li>
<li>Portugués</li>
<li>Italiano</li>
<li>…</li>
</ul>
<p>Por cada idioma se dispone asimismo de <strong>thesaurus</strong> personalizables para añadir palabras o términos
específicos de sector.</p>
<p>Un número importante de empresas en muchos países, sobre todo filiales de empresas italianas o sociedades
relacionadas, utilizan los ERP de Centro Software con éxito desde hace muchos años.</p>
<br>
</div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="arduino.html">Arduino</a>
<a class="dropdown-item" href="bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="delphi.html">Delphi</a>
<a class="dropdown-item" href="elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="python.html">Python</a>
<a class="dropdown-item" href="raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<div class="media-body tm-box-5">
<p class="mb-0" id="tm-section-4">
<br>
<p span style="font-size:1.2em"> ¡GRAN OFERTA POR EL MES DE JULIO!</p>
<div style="height: 90%; width: 90%;margin:0 auto;">
<img span style="height: 100%; width: 100%;" src="../img/30-scondo-delphi-studio.jpg">
</div>
<br>
<div>
<br>
Al solicitar su cotización en <strong>Delphi Studio</strong>, socio oficial de Embarcadero, puede recibir un <strong>30% de descuento</strong> y una <strong>consulta gratuita</strong>.
<br><br>
¡No pierdas la oportunidad!
<br>
Compre antes del 31 de julio y reciba un 30% de descuento y una consulta gratuita.
<br>
<br>
<a class="nav-link" href="#cnt-section" span style="display:inline;margin:0; padding:0">Contáctenos</a> para recibir su oferta personalizada.
</div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

540
public/cs/erpLanding.html Normal file
View File

@@ -0,0 +1,540 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- logo -->
<link rel="apple-touch-icon" sizes="57x57" href="../img/logo.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="../img/logo.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="../img/logo.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="../img/logo.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="../img/logo.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="../img/logo.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="../img/logo.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="../img/logo.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="../img/logo.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="../img/logo.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="../img/logo.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="../img/logo.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="../img/logo.ico/favicon-16x16.png">
<link rel="manifest" href="../img/logo.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="img/logo.ico">
<meta name="theme-color" content="#ffffff">
<!-- logo fine -->
<title>Delphi Studio | Form</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="../font-awesome-4.5.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../slick/slick.css" />
<link rel="stylesheet" type="text/css" href="../slick/slick-theme.css" />
<link rel="stylesheet" href="../css/tooplate-style.css">
<!-- tooplate style -->
<style>
p{
text-align: justify;
}
</style>
<script>
var renderPage = true;
if (navigator.userAgent.indexOf('MSIE') !== - 1
|| navigator.appVersion.indexOf('Trident/') > 0) {
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div style="z-index:999999999" id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div class="container">
<section class="tm-section-head" id="top">
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="../img/logo-trasparent.png"></a>
</div>
<h6 class="subtitle"></h6>
<div id="navigation-bar"></div>
</header>
</section>
<section class="tm-section-head" id="top" >
<header id="header" class="text-center tm-text-gray">
<div>
<a href="#top"><img class="logo" src="img/logo-trasparent.png"></a>
<img style = "text-align:center;" src="img/samERP2.gif" class="img-fluid" >
</div>
</header>
</section>
<section class="tm-section-5" id="tm-section-5" style="margin-top: 10px">
<div class="row mb-2"> </div>
<div class="row">
<div class="col-ds-2 col-tb-12 col-mb-12 col-lg-12">
<div id="information1" class="media media-center ml-padding"></div>
</div>
</div>
</section>
<footer class="mt-5">
<p class="text-center">Copyright © 2021 DELPHI STUDIO <a href="http://www.delphistudio.es/politica-de-privacidad/" target="_blank" rel="noopener noreferrer">AVISO LEGAL Y POLÍTICA DE PRIVACIDAD</a></p>
</footer>
</div>
<!-- load JS files -->
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/popper.min.js"></script>
<!-- https://popper.js.org/ -->
<script src="../js/bootstrap.min.js"></script>
<!-- https://getbootstrap.com/ -->
<script type="text/javascript" src="../slick/slick.min.js"></script>
<!-- Slick Carousel -->
<script type="text/javascript">
window.blur = function () {
var value = document.getElementById('contact_email').value;
document.getElementById('hidden').setAttribute("value", value);
}
window.onresize = function () {
calculateMediaQuery();
}
$(document).ready(
calculateMediaQuery()
);
function calculateMediaQuery() {
if (window.matchMedia('(min-width: 1200px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 992px) and (max-width: 1199px)').matches) {
this.mediaQueryInUse = 'desktop';
} else if (window.matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
this.mediaQueryInUse = 'tablet';
} else {
this.mediaQueryInUse = 'mobile';
}
if (this.mediaQueryInUse != 'mobile') {
document.getElementById("information1").innerHTML = `
<div class="container" >
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p>
Delphi Studio presenta el ERP de Centro Software, la herramienta de innovación que las empresas necesitan para gestionar todos sus procesos comerciales y obtener resultados vencedores.
Plantas de producción Industry 4.0, CRM, Supply Chain, logística, MRP, MES, Calidad, Finanzas, comercio electrónico(e-Commerce) integrado con ERP, inteligencia artificial y todos los departamentos en perfecta conexión.
</p>
<p>
Puede encontrar todos los detalles sobre los diversos procesos gestionados por SAM ERP2 en este <a href="http://www.delphistudio.es/cs/erp2.html">link</a>.
</p>
<p>O puede solicitar una consulta gratuita completando el formulario.
</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="image"><img src="img/2.jpg" class="img-fluid" /></div>
</div>
</div>
</section>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12"><p> </p></div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control" placeholder="Nombre" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control" placeholder="Teléfono" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control" placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email" class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.com/maps/place/Carrer+del+Bon+Rec%C3%A9s,+3,+46035+Val%C3%A8ncia/@39.4904368,-0.3945009,17z/data=!3m1!4b1!4m5!3m4!1s0xd6045f498529177:0xd843de0e6d749068!8m2!3d39.4904327!4d-0.3923122"
target="_blank">
Carrer del Bon Recés,3</a>
<br>46015 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 10px;">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<p>
Además de CRM, Producción, MES, Planificación, Logística, Supply Chain, Marketing, Administración, Gestión financiera,
Control de Gestión ... el ERP de Centro Software también está interconectado con las plantas de producción para verificar
en tiempo real el progreso del Pedidos, Calidad y Mantenimiento Preventivo, llevando a la máxima eficiencia y productividad todos los procesos comerciales.
</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<div class="image">
<img src="img/3.jpg" class="img-fluid" />
</div>
</div>
</div>
</div>
</section>
<div>
`;
document.getElementById("information1").style.display = 'flex';
document.getElementById("navigation-bar").innerHTML = `
<nav style="position:fixed;
top: 0px;
background: white!important;
z-index: 9999999999999;
width: 100vw;
height: 120px";
class="navbar navbar-expand-sm
bg-light navbar-light">
<!-- Brand -->
<!-- <a class="navbar-brand" href="#">
alt=""></a> -->
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index.html">Inicio</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Tecnología
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="../aplicacionesmoviles.html">Aplicaciones Móviles</a>
<a class="dropdown-item" href="../arduino.html">Arduino</a>
<a class="dropdown-item" href="../bottelegram.html">Bot Telegram</a>
<a class="dropdown-item" href="../delphi.html">Delphi</a>
<a class="dropdown-item" href="../elkstack.html">ELK Stack</a>
<a class="dropdown-item" href="../machinelearning.html">Machine Learning</a>
<a class="dropdown-item" href="../python.html">Python</a>
<a class="dropdown-item" href="../raspberrypi.html">Raspberry Pi</a>
<a class="dropdown-item" href="../restsoap.html">Rest y Soap</a>
<a class="dropdown-item" href="cs/bpm.html">BPM</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="../formacion/formacion.html">Cursos</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#cnt-section">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index.html#sn-section">Sobre Nosotros</a>
</li>
</ul>
</nav>
`;
} else {
document.getElementById("information1").innerHTML = `
<div class="container" >
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row" id="container_header">
<div class="col-lg-7 col-md-7 col-xs-12">
<p>
Delphi Studio presenta el ERP de Centro Software, la herramienta de innovación que las empresas necesitan para gestionar todos sus procesos comerciales y obtener resultados vencedores.
Plantas de producción Industry 4.0, CRM, Supply Chain, logística, MRP, MES, Calidad, Finanzas, comercio electrónico(e-Commerce) integrado con ERP, inteligencia artificial y todos los departamentos en perfecta conexión.
</p>
<p>
Puede encontrar todos los detalles sobre los diversos procesos gestionados por SAM ERP2 en este <a href="http://www.delphistudio.es/cs/erp2.html">link</a>.
</p>
<p>O puede solicitar una consulta gratuita completando el formulario.
</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="image"><img src="img/2.jpg" class="img-fluid" /></div>
</div>
</div>
</section>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12"><p> </p></div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 0;">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<div class="contact_message">
<form action="https://formspree.io/f/mqkwvjlz" method="post" class="contact-form">
<div class="row mb-2">
<input type="hidden" name="_subject" value="Confirmación: Estoy interesado en ser contactado y recibir mas información de sam ERP2" />
<div class="form-group col-xl-6">
<input type="text" id="contact_name" name="contact_name" class="form-control" placeholder="Nombre" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_telefono" name="contact_telefono" class="form-control" placeholder="Teléfono" required />
</div>
<div class="form-group col-xl-6">
<input type="text" id="contact_empresa" name="contact_empresa" class="form-control" placeholder="Empresa" required />
</div>
<div class="form-group col-xl-6">
<input type="email" id="contact_email" onblur="window.blur()" name="contact_email" class="form-control" placeholder="Correo electrónico" required />
</div>
<input type="hidden" name="_cc" id="hidden" />
<div class="form-group col-xl-6">
</div>
</div>
<button type="submit" class="btn tm-btn-submit float-right btn-big">Enviar</button>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<h2 class="mb-4" id="cnt-section">Contacto</h2>
<address>
<a class="no-link" href="https://www.google.it/maps/place/Carrer+de+les+Garrigues,+17,+46001+Val%C3%A8ncia,+Spagna/@39.4712608,-0.3784316,17z/data=!4m5!3m4!1s0xd604f4c1c838a5d:0x8e12d7a464472964!8m2!3d39.4710745!4d-0.3793221"
target="_blank">
<i class="fa fa-map-marker" aria-hidden="true" style="margin-left: 0.1em"></i></a>
<a class="no-link" href="https://www.google.it/maps/place/Carrer+de+les+Garrigues,+17,+46001+Val%C3%A8ncia,+Spagna/@39.4712608,-0.3784316,17z/data=!4m5!3m4!1s0xd604f4c1c838a5d:0x8e12d7a464472964!8m2!3d39.4710745!4d-0.3793221"
target="_blank">
Carrer de les Garrigues, 17</a>
<br>46001 Valencia
<br>España
<br>Teléfono: +34 960130674
</address>
</div>
</div>
</div>
</section>
<hr>
<section class="tm-section-6" id="tm-section-6" style="padding-top: 10px;">
<div class="row">
<div class="col-lg-7 col-md-7 col-xs-12">
<p>
Además de CRM, Producción, MES, Planificación, Logística, Supply Chain, Marketing, Administración, Gestión financiera,
Control de Gestión ... el ERP de Centro Software también está interconectado con las plantas de producción para verificar
en tiempo real el progreso del Pedidos, Calidad y Mantenimiento Preventivo, llevando a la máxima eficiencia y productividad todos los procesos comerciales.
</p>
</div>
<div class="col-lg-5 col-md-5 col-xs-12 tm-contact-right">
<div class="tm-address-box">
<div class="image">
<img src="img/3.jpg" class="img-fluid" />
</div>
</div>
</div>
</div>
</section>
<div>
`;
document.getElementById("information1").style.display = 'block';
document.getElementById("navigation-bar").innerHTML = `
<i class="fa fa-bars mobile-btn" aria-hidden="true" data-toggle="modal" data-target="#exampleModal2"></i>
<div style="z-index: 100000000;" class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog modal-dialog-slideout modal-sm" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Menu</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="navbar-nav">
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html" target="_self" >Inicio</a>
</h5>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel">
<h5 class="panel-heading" data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" role="tab" id="headingOne">
<a data-toggle="collapse" data-target="#collapseAvail" data-parent="#accordion" href="#collapseOne"
aria-expanded="true" aria-controls="collapseAvail" class="d-block no-link">
<i class="panel-heading fa fa-chevron-down pull-right"></i> Tecnología
</a>
</h5>
<div id="collapseAvail" class="collapse" role="tabpanel" aria-labelledby="headingOne">
<div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="aplicacionesmoviles.html">
Aplicaciones Móviles
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../Arduino.html">
Arduino
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../bottelegram.html">
Bot Telegram
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../delphi.html">
Delphi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../elkstack.html">
ELK Stack
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../machinelearning.html">
Machine Learning
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../python.html">
Python
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../raspberrypi.html">
Raspberry Pi
</a>
</div>
<div class="col-xs-12">
<a class="col-xs-12 no-line-link" href="../restsoap.html">
Rest y Soap
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../formacion/formacion.html" aria-label="Close">Cursos</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link scroll" href="#cnt-section" data-dismiss="modal" aria-label="Close">Contacto</a>
</h5>
</li>
<li class="nav-item">
<h5>
<a class="nav-link no-link" href="../index.html#sn-section">Sobre Nosotros</a>
</h5>
</li>
</ul>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>`
}
}
</script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script> -->
<script>
$(document).ready(
function () {
if (renderPage) {
$('body').addClass('loaded');
}
$('.scroll').on("click", function(e) {
e.preventDefault();
var dest = $(this).attr("href");
$("html, body").animate({
'scrollTop': $(dest).offset().top
}, 2000);
});
// https://css-tricks.com/snippets/jquery/smooth-scrolling/
// Select all links with hashes
/*
$('a[href^="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function (event) {
///*
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top + 1
}, 1000, function () {
// Callback after animation
// Must change focus!
var $target = $(target);
$target.focus();
if ($target.is(":focus")) { // Checking if the target was focused
return false;
} else {
$target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
$target.focus(); // Set focus again
};
});
}
}
});
//*/
});
</script>
</body>
</html>

BIN
public/cs/img/01-area-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 377 KiB

BIN
public/cs/img/01-area-b.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

BIN
public/cs/img/02-area-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 484 KiB

BIN
public/cs/img/03-area-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 448 KiB

BIN
public/cs/img/03-area-b.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

BIN
public/cs/img/04-area-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 610 KiB

BIN
public/cs/img/04-area-b.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

BIN
public/cs/img/05-area-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 517 KiB

BIN
public/cs/img/05-area-b.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

BIN
public/cs/img/06-area-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 319 KiB

BIN
public/cs/img/06-area-b.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

BIN
public/cs/img/07-area-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 468 KiB

BIN
public/cs/img/07-area-b.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

BIN
public/cs/img/08-area-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 390 KiB

BIN
public/cs/img/08-area-b.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

BIN
public/cs/img/09-area-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 502 KiB

BIN
public/cs/img/09-area-b.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

BIN
public/cs/img/1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 505 KiB

BIN
public/cs/img/10-area-a.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 505 KiB

BIN
public/cs/img/10-area-b.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

BIN
public/cs/img/10_aree.mp4 Normal file

Binary file not shown.

BIN
public/cs/img/2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
public/cs/img/3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 224 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 225 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

BIN
public/cs/img/_slide6.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

BIN
public/cs/img/bpm02.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 348 KiB

BIN
public/cs/img/bpm03.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 337 KiB

BIN
public/cs/img/bpm04.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 388 KiB

BIN
public/cs/img/bpm05.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 441 KiB

BIN
public/cs/img/bpm06.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 199 KiB

BIN
public/cs/img/bpm_3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 177 KiB

BIN
public/cs/img/bpm_7.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 KiB

Some files were not shown because too many files have changed in this diff Show More