HTML - Diseñar formulario para punto de venta

Diseñar formulario para punto de venta

Publicado por Giuli (13 intervenciones) el 25/10/2020 16:02:43

Quiero desarromlar en php con MVC una aplicacion de facturacion y ticket para argentina.
Ya he trabajado en una aplicacion de este tipo.
Pero me interesaria ahora mejorar o mas bien desarrollar algo nuevo. Entonces me gustaria evaluar si me conviene hacer una maqueta en algun programa o directamente trabajar con html.
En cuanto al diseño me gustaria algo como tiene los super con fondo negro y letras verdes. Osea como si fuera de escritorio la aplicacion.

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

0

Responder

Pos: 1

Val: 1.453

Diseñar formulario para punto de venta

Publicado por joel (460 intervenciones) el 25/10/2020 17:58:31

Hola Giuli, no se muy bien cual es tu pregunta, pero yo te recomiendo hacerlo con HTML con un buen editor.

No se exactamente si esto te ayuda en algo...

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

0

Comentar

Diseñar formulario para punto de venta

Publicado por giuli (13 intervenciones) el 25/10/2020 18:05:00

Me referia si para el diseño de un formulario de ticket de la venta digamos me conviene usar un programa de diseño y luego maquetar ese diseño..o directamente usar html. Obviamente que voy a usar un editor de texto. Uso phpDesigner. Actualmente mi pantalla luce asi:
https://ibb.co/hBS4r58
https://ibb.co/48Qsy6K

Por otro lado el codigo es:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

<meta charset="UTF-8"/>

<script src="views/modules/facta/factura.js"></script>

<div class="row">

        <div class="col-sm-12">

            <div class="card bg-secondary">

                <div class="card-header">

                        <h5 class="card-title" style="text-align: center;height: 10px;">NUEVA VENTA</h5>

                </div>

                <div class="card-body">

                    <div class="row">

                      <div class="col-sm-6">

                         <ul class="list-group">

                            <li class="list-group-item">

                                        <label class="titulo" style="width:100px;"> Fecha/Hora:</label>

                                            <label style="width:200px;"><?php date_default_timezone_set("America/Argentina/Buenos_Aires");

                                                         $time=time();

                                                         $fecha = date("d/m/y  (H:i:s)",$time);

                                                         echo date("d/m/y  (H:i:s)",$time);?>

                                            </label>

                                              <label class="titulo">Pto Venta.:</label>

                                               <div class="input-group-prepend">

                                <label class="titulo" >Condicion Venta</label>

                                <select id="opventa" class="form-control" style="width:405px;">

                                    <option value="0">SELECCIONE</option>

                                    <option value="1">CONTADO</option>

                                    <option value="2">CUENTA CORRIENTE</option>

                                </select>

                             </div>

<div class="input-group"> <label class="titulo" >Nombre Cliente</label>

      <span class="input-group-text amber lighten-3" type="button" id="buscarcliente" data-toggle="modal" data-target="#myModalAC"><i class="fas fa-search text-grey" aria-hidden="true"></i>

      </span><input class="form-control my-0 py-1 amber-border" type="text" id="nomcli" placeholder="Ingrese Nombre" aria-label="Search" />

</div>

                            </li>         </ul>

                    </div>

                                   <div class="col-sm-6">

                                  <ul class="list-group">

                        <li class="list-group-item" >

                                        <label class="titulo">Nombre/Razon Social:</label>

                                            <label class="titulo" id="nombre"></label>

                                        <label class="titulo">Deuda</label>

                                            <label class="titulo" id="deuda"></label>

                                        <label class="titulo">CUIT.:</label>

                                            <label class="titulo" id="CUIT"></label>

                           </li>  </ul>

                        </div></div>

                            </div></div>

</div>

 </div>

<div class="row">

        <div class="col-sm-12">

            <div class="card">

                <div class="card-header">

                        <h5 class="card-title" style="text-align: center;height: 10px;">DETALLE DEL MOVIMIENTO</h5>

                </div>

                <div class="card-body">

                        <!-- /.panel-heading -->

                        <div class="panel-body"><div class="table-responsive">

                        <table id="factura">

                            <thead>

                            </thead>

                            <tbody></tbody>

                            </table></div>

<div class="row">

<div class="col-lg-12"><div class="table-responsive">

    <table id="totales">

        <thead>

        </thead>

     <tbody></tbody>

    </table></div>

</div>

</div>

</div>

</div></div></div></div>

<div class="row">

        <div class="col-sm-12">

            <div class="card">

                <div class="card-header">

                        <h5 class="card-title" style="text-align: center;height: 10px;">CONDICION DE LA OPERACION Y FORMA DE PAGO</h5>

                </div>

                <div class="card-body">

                        <div class="row"><div class="col-sm-12">

<label>CONDICION:</label>

<select id="opcondicion">

<option value="0">SELECCIONE</option>

<option value="1">SIMPLE</option>

<option value="2">FACTURA A</option>

<option value="3">FACTURA B</option>

<option value="4">FACTURA B A CF</option>

</select></div>

</div></div>

<div class="row" >

    <div class="col-sm-3">

<i class="fas fa-hand-holding-usd"></i>

<label class="titulo">Contado/Efectivo</label></div>

<div class="col-sm-2">

      <div class="input-group">

        <div class="input-group-prepend">

          <span class="input-group-text" >$</span>

        </div><input type="text" class="form-control" id="efectivo" placeholder="Dinero en efectivo"/>

    </div>

    </div></div>

    <div class="row"  >

    <div class="col-sm-3">

         <i class="far fa-credit-card"></i>

         <label class="titulo">Efectivo Banco</label></div>

         <div class="col-sm-2">

      <div class="input-group">

        <div class="input-group-prepend">

          <span class="input-group-text" >$</span>

        </div><input type="text" class="form-control" id="Tarjeta" placeholder="Tarjeta"/>

    </div>

    </div></div>

    <div class="row">

        <div class="col-sm-3">

                 <i class="fas fa-exchange-alt"></i>

                 <label class="titulo">Vuelto</label></div>

                     <div class="col-sm-2">

      <div class="input-group">

        <div class="input-group-prepend">

          <span class="input-group-text" >$</span>

        </div> <input type="text" class="form-control" id="Vuelto" placeholder="Vuelto" readonly="true"/>

    </div>

</div>

</div></div>  </div></div></div>

<div class="row">

<div class="col-sm-12">

   <a id="registrar" class="btn btn-primary">

          <span class="glyphicon glyphicon-ok"></span> Registrar

        </a>

<button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-remove"></span>Cancelar</button>

</div></div>

Como veras uso los "cards" de bootstrap 4, pero meparece que desperdicio algo de espacio dentro de los recuadros

Valora esta respuesta

0

Comentar

Pos: 1

Val: 1.453

Diseñar formulario para punto de venta

Publicado por joel (460 intervenciones) el 25/10/2020 18:18:11

Disculpame Giuli, no te habia entendido...

La verdad es que depende mucho del proyecto y de la persona... hay proyectos que el diseño tiene que estar validado, por lo que lo hacen primero en imagen y si es validado luego lo maquetan.

En el caso de que no haya que validarlo, si tienes muy claro como tiene que ser tu diseño, puedes maquetarlo directamente sin tener que hacer la imagen... yo creo que nunca he hecho la imagen, pero lo que si que hago es dibujar sobre papel como quiero que sea la pagina y en que posición quiero que este cada elemento.... me ayuda a tenerlo mas claro y no dejarme nada.

Espero que te ayude!!!

Valora esta respuesta

0

Comentar

Diseñar formulario para punto de venta

Publicado por giuli (13 intervenciones) el 25/10/2020 18:20:32

ok..muchas gracias amigo. siempre pienso como hacen otros programadores, aunque no hay un diseño unico.

Valora esta respuesta

0

Comentar