Cesar Systems

Herramientas Informaticas

CURSO LARAVEL – INSTALANDO LARAVEL 9 E INTEGRANDO ADMINLTE3 #1

por

en noviembre 21, 2022

en LARAVEL 9

En este tutorial lo que haremos sera instalar Laravel 9 con Login y la plantilla AdminLTE3 para ello solo necesitamos ya tener instalado la versión mas reciente de composer

Primero instalamos la carpeta de trabajo de Laravel 9

composer create-project laravel/laravel laravelAdminLTEYB

Bien nos posicionamos en la carpeta en la termina con:

cd laravelAdminLTEYB

Creamos la base de datos con nombre Laravel o en este caso le ponemos laravelYB

En el archivo .env en la variable esta la variable DB_DATABASE=laravel la dejamos asi DB_DATABASE=laravelYB

Ahora instalamos el Breeze

Le corremos el siguiente comando al composer para requerirlo

composer require laravel/breeze –dev

Y los instalamos

php artisan breeze:install

Y corremos el migrate para que nos cree la tablas necesarias en la base de datos

php artisan migrate

Instalamos lo necesario en NPM

npm install

Y compilamos los arhivos NPM

npm run build

Ya hasta aquí podremos entrar al login

Ahora tenemos que instalar el adminLTE para ello primero la requerimos en el composer

composer require jeroennoten/laravel-adminlte
Posteriormente lo instalamos
php artisan adminlte:install

Instalamos laravel/ui

composer require laravel/ui
php artisan ui bootstrap –auth
Y ejecutamos el siguiente comando
php artisan adminlte:install --only=auth_views
Ya por ultimo agregamos el siguiente código en el archivo resources/views/dashboard.blade.php
@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Dashboard</h1>
@stop

@section('content')
    <p>Welcome to this beautiful admin panel.</p>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop

@section('js')
    <script> console.log('Hi!'); </script>
@stop
Vídeo Demostrativo

Crear un Conversor de Facturas XML Mexicanas a PDF en CodeIgniter4

por

en noviembre 20, 2022

en CFDI, CFDI 3.3, CFDI 4.0, CODEIGNITER, CODEIGNITER 4.1

En este pequeño tutorial vamos a mostrar como crear rápidamente un conversor XML a PDF de las facturas electrónicas Mexicanas
Requisitos

  1. Tener instalado la versión mas reciente de Composer
  2. Conocimiento básico de PHP y Programación
  3. Ganas de aprender

Paso uno creamos el proyecto en CodeIgniter 4

composer create-project codeigniter4/appstarter convertidorXMLPDF

Actualizamos

composer update

Instalamos de composer el paquete que convierte el xml PDF

composer require phpcfdi/cfditopdf

creamos el archivo FileUpload.php en controladores

<?php 
namespace App\Controllers;
// use App\Models\FormModel;
use CodeIgniter\Controller;
class FileUpload extends Controller
{
    public function index() 
    {
        return view('home');
    }
    function upload() { 
        helper(['form', 'url','filesystem']);



 
            $xml = $this->request->getFile('file');
           /* $img->move(WRITEPATH . 'uploads');
    
            $data = [
               'name' =>  $img->getName(),
               'type'  => $img->getClientMimeType()
            ];
    
            $save = $db->insert($data);
            print_r('File has successfully uploaded');     */


         //  echo $_FILES['file']['tmp_name'];
            $string = file_get_contents($_FILES['file']['tmp_name']);

         
            // clean cfdi
            $xml = \PhpCfdi\CfdiCleaner\Cleaner::staticClean($string);

            
         
            // create the main node structure
            $comprobante = \CfdiUtils\Nodes\XmlNodeUtils::nodeFromXmlString($xml);

            // create the CfdiData object, it contains all the required information
            $cfdiData = (new \PhpCfdi\CfdiToPdf\CfdiDataBuilder())
                ->build($comprobante);

            // create the converter
            $converter = new \PhpCfdi\CfdiToPdf\Converter(
                new \PhpCfdi\CfdiToPdf\Builders\Html2PdfBuilder()
            );

            // create the invoice as output.pdf
            $converter->createPdfAs($cfdiData,  'output.pdf');
            
                $filename = WRITEPATH . 'uploads\output.pdf';
                
                echo '
                <script type="text/javascript">
                    window.open("/output.pdf" , "_blank");
                  </script>';
                
             
               return view('welcome_message');
                  
                
        }
     
    
}

*Agregamos el formulario en las vistas en este caso al archivo welcome_message.php

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Conversor CFDI!</title>
        <meta name="description" content="Pequeño y poderoso conversor de CFDI XML a PDF hecho en CodeIgnter">
        <meta name="keywords" content="CFDI, CFDI 4.0, CFDI 3.3, Representación Impresa, CodeIgniter, Factura Electrónica"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" type="image/png" href="/favicon.ico"/>

        <!-- STYLES -->

        <style {csp-style-nonce}>
            * {
                transition: background-color 300ms ease, color 300ms ease;
            }
            *:focus {
                background-color: rgba(221, 72, 20, .2);
                outline: none;
            }
            html, body {
                color: rgba(33, 37, 41, 1);
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
                font-size: 16px;
                margin: 0;
                padding: 0;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                text-rendering: optimizeLegibility;
            }
            header {
                background-color: rgba(247, 248, 249, 1);
                padding: .4rem 0 0;
            }
            .menu {
                padding: .4rem 2rem;
            }
            header ul {
                border-bottom: 1px solid rgba(242, 242, 242, 1);
                list-style-type: none;
                margin: 0;
                overflow: hidden;
                padding: 0;
                text-align: right;
            }
            header li {
                display: inline-block;
            }
            header li a {
                border-radius: 5px;
                color: rgba(0, 0, 0, .5);
                display: block;
                height: 44px;
                text-decoration: none;
            }
            header li.menu-item a {
                border-radius: 5px;
                margin: 5px 0;
                height: 38px;
                line-height: 36px;
                padding: .4rem .65rem;
                text-align: center;
            }
            header li.menu-item a:hover,
            header li.menu-item a:focus {
                background-color: rgba(221, 72, 20, .2);
                color: rgba(221, 72, 20, 1);
            }
            header .logo {
                float: left;
                height: 44px;
                padding: .4rem .5rem;
            }
            header .menu-toggle {
                display: none;
                float: right;
                font-size: 2rem;
                font-weight: bold;
            }
            header .menu-toggle button {
                background-color: rgba(221, 72, 20, .6);
                border: none;
                border-radius: 3px;
                color: rgba(255, 255, 255, 1);
                cursor: pointer;
                font: inherit;
                font-size: 1.3rem;
                height: 36px;
                padding: 0;
                margin: 11px 0;
                overflow: visible;
                width: 40px;
            }
            header .menu-toggle button:hover,
            header .menu-toggle button:focus {
                background-color: rgba(221, 72, 20, .8);
                color: rgba(255, 255, 255, .8);
            }
            header .heroe {
                margin: 0 auto;
                max-width: 1100px;
                padding: 1rem 1.75rem 1.75rem 1.75rem;
            }
            header .heroe h1 {
                font-size: 2.5rem;
                font-weight: 500;
            }
            header .heroe h2 {
                font-size: 1.5rem;
                font-weight: 300;
            }
            section {
                margin: 0 auto;
                max-width: 1100px;
                padding: 2.5rem 1.75rem 3.5rem 1.75rem;
            }
            section h1 {
                margin-bottom: 2.5rem;
            }
            section h2 {
                font-size: 120%;
                line-height: 2.5rem;
                padding-top: 1.5rem;
            }
            section pre {
                background-color: rgba(247, 248, 249, 1);
                border: 1px solid rgba(242, 242, 242, 1);
                display: block;
                font-size: .9rem;
                margin: 2rem 0;
                padding: 1rem 1.5rem;
                white-space: pre-wrap;
                word-break: break-all;
            }
            section code {
                display: block;
            }
            section a {
                color: rgba(221, 72, 20, 1);
            }
            section svg {
                margin-bottom: -5px;
                margin-right: 5px;
                width: 25px;
            }
            .further {
                background-color: rgba(247, 248, 249, 1);
                border-bottom: 1px solid rgba(242, 242, 242, 1);
                border-top: 1px solid rgba(242, 242, 242, 1);
            }
            .further h2:first-of-type {
                padding-top: 0;
            }
            footer {
                background-color: rgba(221, 72, 20, .8);
                text-align: center;
            }
            footer .environment {
                color: rgba(255, 255, 255, 1);
                padding: 2rem 1.75rem;
            }
            footer .copyrights {
                background-color: rgba(62, 62, 62, 1);
                color: rgba(200, 200, 200, 1);
                padding: .25rem 1.75rem;
            }
            @media (max-width: 629px) {
                header ul {
                    padding: 0;
                }
                header .menu-toggle {
                    padding: 0 1rem;
                }
                header .menu-item {
                    background-color: rgba(244, 245, 246, 1);
                    border-top: 1px solid rgba(242, 242, 242, 1);
                    margin: 0 15px;
                    width: calc(100% - 30px);
                }
                header .menu-toggle {
                    display: block;
                }
                header .hidden {
                    display: none;
                }
                header li.menu-item a {
                    background-color: rgba(221, 72, 20, .1);
                }
                header li.menu-item a:hover,
                header li.menu-item a:focus {
                    background-color: rgba(221, 72, 20, .7);
                    color: rgba(255, 255, 255, .8);
                }
            }
        </style>
    </head>
    <body>

        <!-- HEADER: MENU + HEROE SECTION -->
        <header>

            <div class="menu">
                <ul>
                    <li class="logo">
                        <a href="https://cesarsystems.com.mx/" target="_blank">
                            <img src="<?php echo base_url();?>/logo.png"
                                 aria-label="Visita mi pagina oficial para mas programas y utilidades!"/></img>
                        </a>
                    </li>
                    <li class="menu-toggle">
                        <button onclick="toggleMenu();">&#9776;</button>
                    </li>
                    <li class="menu-item hidden"><a href="#">Inicio</a></li>
                    <li class="menu-item hidden"><a href="https://cesarsystems.com.mx/" target="_blank">Descargas</a>
                    </li>
                    <li class="menu-item hidden"><a href="https://www.youtube.com/c/rasec555" target="_blank">Comunidad</a></li>
                    <li class="menu-item hidden"><a
                            href="https://patreon.com/user?u=74078772&utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=creatorshare_creator" target="_blank">Patrocinar</a>
                    </li>
                </ul>
            </div>

            <div class="heroe">

                <h1>Bienvenido a Conversor XML A PDF V2</h1>

                <h2>Un simple software para convertir los CFDI XML a PDF</h2>

            </div>

        </header>

        <!-- CONTENT -->

        <section>

            <h1>Acerca de este programa</h1>

            <p>Este programa toma los archivos XML de la factura 3.3 o 4.0 para convertirlos a una representación generica impresa de un Comprobante Fiscal Digital</p>

            <p>Para convertir el XML a PDF puede arrastrar el archivo XML en el Boton llamado "Seleccionar archivo" </p>

            <p>En caso de que no salga el PDF asegurate de no tener bloqueado el popup o desbloquealo para esta pagina ya que el pdf saldra en el popup" </p>



            <form method="post" action="<?php echo base_url('FileUpload/upload'); ?>" enctype="multipart/form-data">
                <div class="form-group">
                    <label>Seleccione el archivo XML </label>
                    <input type="file" name="file" id="file"  accept=".xml" class="form-control">
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-danger">Generar PDF</button>
                </div>
            </form>

        </section>

        <div class="further">

            <section>

                <h1>¡Ir por más!</h1>

                <h2>
                    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect x='32' y='96' width='64' height='368' rx='16' ry='16' style='fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px'/><line x1='112' y1='224' x2='240' y2='224' style='fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><line x1='112' y1='400' x2='240' y2='400' style='fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><rect x='112' y='160' width='128' height='304' rx='16' ry='16' style='fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px'/><rect x='256' y='48' width='96' height='416' rx='16' ry='16' style='fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px'/><path d='M422.46,96.11l-40.4,4.25c-11.12,1.17-19.18,11.57-17.93,23.1l34.92,321.59c1.26,11.53,11.37,20,22.49,18.84l40.4-4.25c11.12-1.17,19.18-11.57,17.93-23.1L445,115C443.69,103.42,433.58,94.94,422.46,96.11Z' style='fill:none;stroke:#000;stroke-linejoin:round;stroke-width:32px'/></svg>
                    Descargas y tutoriales
                </h2>

                <p>Puedes encontrar mas aplicativos, manuales y tutoriales en la siguiente pagina <a href="https://cesarsystems.com.mx/"
                                                target="_blank">Pagina Principal</a> !</p>

                <h2>
                    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M431,320.6c-1-3.6,1.2-8.6,3.3-12.2a33.68,33.68,0,0,1,2.1-3.1A162,162,0,0,0,464,215c.3-92.2-77.5-167-173.7-167C206.4,48,136.4,105.1,120,180.9a160.7,160.7,0,0,0-3.7,34.2c0,92.3,74.8,169.1,171,169.1,15.3,0,35.9-4.6,47.2-7.7s22.5-7.2,25.4-8.3a26.44,26.44,0,0,1,9.3-1.7,26,26,0,0,1,10.1,2L436,388.6a13.52,13.52,0,0,0,3.9,1,8,8,0,0,0,8-8,12.85,12.85,0,0,0-.5-2.7Z' style='fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px'/><path d='M66.46,232a146.23,146.23,0,0,0,6.39,152.67c2.31,3.49,3.61,6.19,3.21,8s-11.93,61.87-11.93,61.87a8,8,0,0,0,2.71,7.68A8.17,8.17,0,0,0,72,464a7.26,7.26,0,0,0,2.91-.6l56.21-22a15.7,15.7,0,0,1,12,.2c18.94,7.38,39.88,12,60.83,12A159.21,159.21,0,0,0,284,432.11' style='fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px'/></svg>
                    Grupos
                </h2>

                <p>Puede seguirnos en los siguientes grupos y redes sociales como <a href="https://www.youtube.com/c/rasec555"
                                      target="_blank">Canal de youtube </a>, 
                                      
                                      <a href="https://t.me/CesarSystems"
                                      target="_blank">Canal de Telegram</a> ,
                                      
                                      <a href="https://twitter.com/JulioLeyvaR"
                                      target="_blank">Twitter</a> ,
                                      
                                       <a href="https://odysee.com/@JulioCesarLeyvaRodriguez:9"
                                      target="_blank">Odysee</a> y
                                      
                                      <a href="https://www.facebook.com/rasec555/"
                                      target="_blank">Facebook</a> 
                
                
                </p>

                <h2>
                    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><line x1='176' y1='48' x2='336' y2='48' style='fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px'/><line x1='118' y1='304' x2='394' y2='304' style='fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px'/><path d='M208,48v93.48a64.09,64.09,0,0,1-9.88,34.18L73.21,373.49C48.4,412.78,76.63,464,123.08,464H388.92c46.45,0,74.68-51.22,49.87-90.51L313.87,175.66A64.09,64.09,0,0,1,304,141.48V48' style='fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px'/></svg>
                    Patrocinar
                </h2>

                <p>Puedes apoyar nuestros proyectos en Patreon y obtendras acceso exclusivo a los fuentes mas recientes
                    <a href="https://patreon.com/user?u=74078772&utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=creatorshare_creator" target="_blank">
                        Unete</a> </p>

            </section>

        </div>

        <!-- FOOTER: DEBUG INFO + COPYRIGHTS -->

        <footer>
            <div class="environment">

                <p>Tiempo de Renderizado {elapsed_time} seconds</p>

            

            </div>

            <div class="copyrights">

                <p>&copy; <?= date('Y') ?> Conversor XML a PDF es un proyecto de código abierto lanzado con la licencia MIT
                    open source licence.</p>

            </div>

        </footer>

        <!-- SCRIPTS -->

        <script>
            function toggleMenu() {
                var menuItems = document.getElementsByClassName('menu-item');
                for (var i = 0; i < menuItems.length; i++) {
                    var menuItem = menuItems[i];
                    menuItem.classList.toggle("hidden");
                }
            }
        </script>

        <!-- -->

    </body>
</html>

Y por último agregamos esto en las rutas

$routes->get('/', 'FileUpload::index');
$routes->match(['get', 'post'], 'FileUpload/upload', 'FileUpload::upload');

y listo pueden ver un ejemplo de como quedo en el siguiente enlace https://xml2pdf.cesarsystems.com.mx/

Behringer U-Phoria UMC202HD En GNU/Linux Ubuntu Studio, Corrección

por

en noviembre 18, 2022

en Audio Profesional

Hemos visto que para proyecto de desarrollo de software nos basta y sobra con cualquier distribución de GNU/Linux, igual para la producción de vídeo.

Ahora nos vamos aventurar un poco hacia la música y nos hemos comprado la Behringer U-Phoria UMC202HD,

Con las caracteristicas siguientes:

  • Posee 2 conectores de entrada y 2 de salida.
  • Cuenta con una resolución de audio de 24bit.
  • Software compatible: Live/Cubase/Pro tools.
  • Complatible con MIDI.
  • Tipo de alimentación: USB.
  • Tiene una frecuencia de muestreo de 192kHz.
  • Conectores: 2 combo XLR/TRS 6.3 mm in/1 phone TRS 6.3 mm/1 line TRS 6.3 L/R mm out/1 USB-B 2.0.
  • Sonido profesional y de calidad.

En Windows 10 funciono sin problemas, pero en Zorin 16 y Ubuntu Studio nos arrojo el problema de que cada 10 o 5 segundos el audio tenia pausa, tanto al reproducir una canción, un vídeo en youtube al grabar con Ardour.

Pero todo tiene solución, y lo que sirvio fue hacer lo siguiente

Corremos el siguiente comando en la terminal, en mi caso puse gedit por que ese editor de texto tengo instalado igual pueden usar kate

sudo gedit /etc/modprobe.d/snd_usb_audio.conf

Al ejecutar se le abrirá un editar de texto en el cual meterán el siguiente texto

options snd_usb_audio quirk_flags=0x20010

Quedando de la siguiente forma

Al final así quedaría

Y ya con esto se soluciona el problema, saludos y espero que les sirva

Conversor CFDI 3.3 4.0 XML A PDF

por

en noviembre 17, 2022

en CFDI, CFDI 3.3, CFDI 4.0, UTILERIAS CFDI

Esta utilidad hecha en CodeIgniter 4 y usando ElectroJS para la versión de escritorio, nos servirá para poder convertir nuestros XML a la representación impresa de la factura digital.

Para probar el programa en linea pueden entrar en el siguiente enlace https://xml2pdf.cesarsystems.com.mx/

Es posible que la primera vez no funcione ya que el PDF sale en un popup por lo cual tienen que habilitar en el navegador para que permita visualizarlo, en el caso de la versión de escritorio funcionara correctamente.

Es una app muy sencilla pero se se agregaran funciones extras entre mas se descargue y use

Normalmente sale cono una X roja, le dan click y le dan permitir
El resultado final quedaría de esta forma

Dejo ambos enlaces tanto para la App de escritorio como la que esta en linea

Descargar Conversor para Windows 10
Usar en Linea

Laravel 9 Conversor XML CFDI 4.0 a PDF

por

en septiembre 28, 2022

en DESARROLLO, LARAVEL 9

Ahora veremos como desarrollar un programa básico para convertir los XML a PDF

En la pantalla principal elegimos el archivo XML CFDI
Y así genera el archivo PDF
Descargar Código Fuente

JCPOS2022 Impresión QR Identificación de Cliente en TCPDF y PHP 8.1

por

en septiembre 23, 2022

en curso php, JCPOS2022

Y bien mis colegas seguimos con los cambios en el sistema, a continuación les dejo la forma para poder imprimir una etiqueta de identificación para cliente.

Leer más

JCPOS2022 Aplicar descuentos por producto en cotizaciones

por

en septiembre 18, 2022

en Uncategorized

Ya vimos lo del catalogo de descuentos, ahora falta ver como usarlos en las cotizaciones.

Se agrego el botón en los productos para asignarles el descuento
Al darle click nos saldrán los descuentos disponibles por usuario al seleccionarlo hará el calculo
Vemos como hace el descuento sobre el subtotal
Descargar archivos

Catalogo de descuentos JCPOS2022

por

en septiembre 18, 2022

en JCPOS2022

Buenas noches amigos, les dejo un catalogo nuevo llamado descuentos, en los cuales se van a capturar los descuentos y que usuarios tendrán derecho al descuento.

Este es el catalogo en donde podremos hacer altas bajas y cambios de nuestros nuestros descuentos
Al darle click en descuentos usuarios podremos asignar si el usuario tendrá derechos al descuento
En la siguiente publicación veremos como asignarle el descuento por producto en la venta
Descargar archivos

IMPRESIÓN DE CÓDIGO DE BARRAS DE PRODUCTOS USANDO PHP Y TCPDF

por

en agosto 17, 2022

en JCPOS2022, php, PHP CURSOS

CONTINUAMOS CAMARADAS!! ahora agregamos el codigo de barras a los productos

Se agrego el mismo botón, y funciona exactamente igual

Leer más

INCREÍBLE GENERADOR DE CÓDIGO DE BARRAS USANDO PHP8 Y TCPDF

por

en agosto 16, 2022

en curso php, PHP8

Amigos y continuamos con cambios nuevos, este cambio lo solicito un amigo de República Dominicana el cual consiste en generar un básico código de barras para cliente

Se agrego en el catalogo de cliente el botón para generar el código de barras
Al darle click vemos como se nos genera el código de barras
Al pasarle el lector de código de barras en el control para seleccionar el cliente se seleccionara en automático si es que existe
DESCARGAR ARCHIVOS

Página 19 de 143

Anterior

Siguiente

Creado con WordPress & Tema de Anders Norén