tesis - app development
-
Upload
german-galvan-moreno -
Category
Documents
-
view
213 -
download
0
Transcript of tesis - app development
-
8/20/2019 tesis - app development
1/88
UNIVERSIDAD TECNOLÓGICA DE LA ZONAMETROPOLITANA DEL VALLE DE MÉXICO
DIVISIÓN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
TÉCNICO SUPERIOR UNIVERSITARIO EN TECNOLOGÍAS DE LAINFORMACIÓN Y COMUNICACIÓN ÁREA COMERCIO
ELECTRÓNICO Y MULTIMEDIA
“APLICACIONES PARA PRODUCCIÓN, DESARROLLO WEB EINSTALACIONES EFICIENTES”
(DESARROLLADO EN POLOPLAST COMPONENTES SA!
GERMÁN GALVÁN MORENO
CUERPO ACADÉMICO"
ACADÉMICO" ING MARÍA FERNANDA BALDERAS SINTO
INDUSTRIAL" ING OSCAR SÁNC#EZ ENCIZO
EMPRESA: POLOPLAST COMPONENTES S.A.
FECHA DE REALIZACIÓN: SEPTIEMBRE 2015-DICIEMBRE 2015
TIZAYUCA, HIDALGO DICIEMBRE 2015
-
8/20/2019 tesis - app development
2/88
DEDICATORIA
De!"# e$%e &'#(e"%# ( $) 'e$)*%+# + ! +!*!+.
A D!#$, )e e /+ +# "#!""! ( )e'3+ e %## #e%#.
A !$ &+'e$ )e e /+ +(+# e %## ( +%e %#+ "!'")$%+"!+,+$4 "## + *#$ e$ +!*!+'e$.
A !$ +e$%'#$, ' +()+'e e !$%')!'e e e* +')# "+!#
&'#e$!#+*, e$%+# + *+ 6'e"/+ "++ e3 )e )e e"e$+'!#.
A !$ +!7#$, )e /+ e$%+# +/4 &+'+ +(+'e ( +'e )+ +#,$!e&'e )e )e e"e$+'!#.
-
8/20/2019 tesis - app development
3/88
RESUMEN
A"%)+*e%e *+$ %e"#*#74+$ e *+ !#'+"! ( "#)!"+"! 8TICS9 $# e 7'+!'%+"!+ e *+ $#"!e+. Y+ $e+ &+'+ "#)!"+'#$ "# #%'+$ &e'$#+$+*'ee#' e* )# # &+'+ +"e*e'+' *#$ &'#"e$#$ e &'#)""! # +!!$%'+"!e +*7)+ e&'e$+, *+$ TICS e$% &'e$e%e$.
A$4 &)e$, e e$%e %'+6+# $e )e$%'+ "# +* !&*ee%+' "!e'%+$ +&*!"+"!#e$%e"#*7!"+$ e )+ #'7+!3+"! $e &)ee #6%ee' 7'+e$ 6ee!"!#$. P#*#&*+$%e$ )+ e&'e$+ e!"++ + *+ &'#)""! e "#e%e$ e !6'+ e !'!#, *+")+* /+ *#7'+# )+ e;&+$! e %#+ *+ Re&
-
8/20/2019 tesis - app development
4/88
ABSTRACT
N#>++($, I#'+%!# Te"/#*#7!e$ 8IT9 +'e +6$#*)%e*( !'%+% ! #)' $#"!e%(.?/e%/e' %# "#)!"+%e >!%/ #%/e'$ +'#) %/e >#'* #' ! #'e' %# +""e*e'+%e&'#)"%!# &'#"e$$e$ #' ++7ee% ! +( "#&+(, IT !$ +*>+($ &'e$e%.
T/e'e#'e, ! %/!$ &+&e' !$ $/#> /#> %# !&*ee% "e'%+! %e"/#*#7!"+*+&&*!"+%!#$ ! + #'7+!3+%!# ! #'e' %# +@e /)7e &'#!%$. P#*#&*+$% !$ +"#&+( e!"+%e %# %/e &'#)"%!# # 7*+$$ !6e' "#e%$, /+$ +"/!ee +e;&+$!# +"'#$$ Me;!"# )'!7 %/e &+$% (e+'$. O>!7 %# %/!$, >#'%/ #&'%)!%!e$>e'e !e%!!e + %+@e # &*+.
A( "#&+( $/#)* "#$!e' %/e )$e # %e"/#*#7!"+* %##*$ %/+% +'e !&*ee%e%# 'e+"/ ")$%#e'$, #e # %/e !$ %/'#)7/ %/e I%e'e%, #' !$%+"e, !+ + >e6$!%e.
A >e6$!%e !$ + )$e)* %##*, !% !$ + #&'%)!%( #' %/e ")$%#e' %# ee% #'e!#'+%!# +6#)% %/e "#&+( + %/e &'#)"%$ #e'e. He"e + >e6$!%e #' P#*#&*+$% >+$ e$!7e %/e #'e ")$%#e'$ +( *e+' #'e +6#)% !%$ /!$%#'( +&'#)"%$. Be$!e$, !% >+$ #) %/e ee # + )&+%e +%+6+$e + e> #e$.B( #!7 %/!$, %/e !#'+%!# # %/e "#&+( !$ #'7+!3e ! %/e &'#&e' >+( %/e(>e'e "'e+%e. T/)$ + 6e%%e' #'7+!3+%!# + +%+6+$e ee*#&e% >+$+"/!ee, +@!7 !% #'e e!"!e%. I% !$ #'+* %/+% %e"/!"+* &'#6*e$ +'!$e'e7+'!7 %/e #&e'+%!# # + &'#7'+ #' + %e+, /#>ee', !% >+$ $#)7/% %/+% #% %#"+)$e &'#6*e$ #' %/e "#&+( + 'e#%e %e"/!"+* $)&'% >+$ +*$#!&*ee%e.
F)'%/e'#'e, %/e "#&+( !e%!!e %/+% %/e'e >+$ # "#%'#* # %/e +""e$$ # $%+, +@!7 !% !!")*% #' $#e +!!$%'+%!e &'#"e$$e$. T# $#*e %/!$ &'#6*e # +""e$$, "#%'#* $($%e$ >e'e !&*ee%e %# &e'#' 6e%%e' $%+ ++7ee%.P'#;!!%( "+' 'e+e'$ >e'e !$%+**e + e+"/ e&*#(ee >+$ &'#!e >!%/ +"+', >/!"/ +**#>$ +""e$$ %# %/e +"!*!%!e$ # %/e "#&+(. T/e'e#'e, !% >+$$$!6*e %# "#%'#* e%'!e$ + e;!%$ # e&*#(ee$ #'e e!"!e%*(, + %/e'e#'e!&'#ee%$ ! e&*#(ee &'#)"%!!%( >e'e #6%+!e.
-
8/20/2019 tesis - app development
5/88
CONTENIDO
I%'#)""!...............................................................................................................1
M+'"# %e'!"#.............................................................................................................
I%e'e%...................................................................................................................
+9 H!$%#'!+ e I%e'e%.........................................................................................
69 C#''e# e*e"%'!"#..........................................................................................
D!$e=# ?e6............................................................................................................
+9 E* !!"!# e* !$e=# >e6 ( *+ >e6....................................................................
69 E#*)"! e* !$e=# >e6...............................................................................5
"9 E$%+'e$......................................................................................................
?#'* ?!e ?e6 8???9.......................................................................................
A&*!"+"! ?e6.......................................................................................................
B+$e e +%#$........................................................................................................
&/&M(A!..........................................................................................................
M(SL.................................................................................................................10
Re.......................................................................................................................10
+9 Re *#"+*.......................................................................................................10
69 Re e 'e+ +&*!+......................................................................................11
Se'!"!# e H#$%!7..............................................................................................12
M!"'#$#% !$)+* S%)!#.........................................................................................12
A%e"ee%e$ /!$%'!"#$ e *+ e&'e$+...................................................................1
M!$! ( !$!.....................................................................................................1
P#*4%!"+ e "+*!+................................................................................................1U6!"+"!..............................................................................................................1
G!'#.......................................................................................................................1
P*+%e+!e%# e* &'#6*e+....................................................................................1
)$%!!"+"!.............................................................................................................15
C#e!e"!+........................................................................................................15
-
8/20/2019 tesis - app development
6/88
Re*e+"!+ $#"!+*.................................................................................................15
I&*!"+"!#e$ &'"%!"+$........................................................................................15
+*#' %e'!"#.........................................................................................................15
O6e%!#$..................................................................................................................1
O6e%!# 7ee'+*...................................................................................................1
O6e%!#$ e$&e"4!"#$...........................................................................................1
Me%##*#74+.............................................................................................................1
Ie$%!7+"!........................................................................................................1
D!$e=#..................................................................................................................1
De$+''#**#.............................................................................................................1
Ee")"!..............................................................................................................20
M#!%#'e#.............................................................................................................20M+%e!!e%#......................................................................................................20
C'##7'++ e +"%!!+e$.....................................................................................21
C+&4%)*# I 7ee'+*!+e$ e *+ e&'e$+..................................................................22
I!"!#$...................................................................................................................2
E;&e'!e"!+...........................................................................................................2
e'$+%!*!+...........................................................................................................2
C+*!+.................................................................................................................25C+&4%)*# II &7!+ >e6 8e$%++'!3+"! ( 'e$$!!+9.....................................2
A%e"ee%e.........................................................................................................2
P'!e' !$e=#.......................................................................................................0
+9 De"*+'+"!..................................................................................................0
69 E"+6e3+#.................................................................................................1
"9 CSS..............................................................................................................1
9 Re$$!!+..............................................................................................
e9 B#*$+ e T'+6+#..........................................................................................
C+&4%)*# III +%e!!e%# ( $#'%e %J"!"# 84$!"# ( 'e#%#9.........................................
+9 A%e"ee%e.................................................................................................
"9 S#'%e %J"!"#.............................................................................................
"9 A$!$%e"!+ Re#%+........................................................................................0
-
8/20/2019 tesis - app development
7/88
9 P'"%!"+$ &+'+ e* $e'!"!# ( $#'%e %J"!"#.................................................
C+&4%)*# ! 6+$e e +%#$ 8%+'e%+$ e &'#;!!+ K 'e7!$%'# e e&*e+#$9........
+9 A%e"ee%e.................................................................................................
69 C+'+"%e'4$%!"+$.............................................................................................
"9 P'e$e%+"! + e$+ !'e"%!+.....................................................................
9 A""e$#$ + *+ &*+%+......................................................................................52
Re$)*%+#$ ( !$")$!............................................................................................5
Re"#e+"!#e$ ( "#"*)$!#e$..........................................................................5
G*#$+'!#....................................................................................................................0
B!6!*!#7'+4+..............................................................................................................5
-
8/20/2019 tesis - app development
8/88
ÍNDICE DE FIGURAS
F!7)'+ 1. M+&+ "# *+ )6!"+"! e P#*#&*+$%.........................................................1F!7)'+ 2. C!'")*# )e +$ee+ *+ !%e7'+"! )e &'#ee *+ e%##*#74+.............1F!7)'+ . A%!7)# !$e=# e *+ &7!+.....................................................................1
F!7)'+ . D!$e=# ( )$# e CSS ( Le$$..................................................................1F!7)'+ 5. 'e+ e &'#"e$#$ F)e%e: 'e+ e &'#"e$#$.........................................2F!7)'+ . D!$e=# &+'+ e* %#*# e I'!3+'...................................................................25F!7)'+ . L#7# e *+ e&'e$+ P#*#e;...................................................................2F!7)'+ . Se""! "#%+"%# 8N# )"!#+*9...............................................................2F!7)'+ L#7# e* '+e>#'@ B##%$%'+&..................................................................2F!7)'+ 10. E"+6e3+# HTML 8P7!+ +e$%'+9....................................................0F!7)'+ 11. E"+6e3+# e *+ &7!+.......................................................................1F!7)'+ 12. I!"!# e /#+ CSS..................................................................................1F!7)'+ 1. U$# e CSS e e* $!%!#...........................................................................2
F!7)'+ 1 Ee&*# e !$e=# 'e$$!#................................................................F!7)'+ 15. CSS ( ++&%+"!#e$ "# )e'!e$ e *+ &7!+......................................F!7)'+ 1 M)e$%'+ e *#$ !e'e%e$ "viewports" e* $!%!#........................................5F!7)'+ 1. Se""! e!"+ +* #+6 B#+'................................................................F!7)'+ 1. C+&%)'+ e +$!$%e"!+ 'e#%+ "# Te+!e>e'.....................................0F!7)'+ 1. C'e+"! e )$)+'!# )'+%e +$!$%e"!+ 'e#%+....................................1F!7)'+ 20. De#!+"! e !'e"%!+$ e )$)+'!# )'+%e $e$! 'e#%+............2F!7)'+ 21. A$!$%e"!+ 'e#%+ "# +)!# ( "/+%........................................................F!7)'+ 22. C!e''e e $#'%e %J"!"# 'e#%#...........................................................F!7)'+ 2. A$!7+"! e '#*e$ ( !'e"%!+$ e )$)+'!#, 4+ e$"'!%#'!# 'e#%#........5F!7)'+ 2. L#7# e SYSCOM, e$&e"!+*!$%+$ e 6!#J%'!"#$..................................F!7)'+ 25. T+'e%+ e &'#;!!+ e$+''#**++ e e* &'#(e"%#................................50F!7)'+ 2. Le"%#' 6!#J%'!"# e /)e**+$ ( %+'e%+$ 8F9...........................................51F!7)'+ 2. A""e$P'#, &'#7'++ 6+$+# e S.......................................................51F!7)'+ 2. A%%e+"e M++7e', $#%>+'e &+'+ "#%'#* e F!7e' Re+e'.............52F!7)'+ 2. Re7!$%'# e e&*e+#$ e *+ 6+$e e +%#$..........................................5F!7)'+ 0. Re7!$%'# e &e'$#+* ( /)e**+$, "#!7)'+"! %+'e%+ e &'#;!!+....5F!7)'+ 1. Re7!$%'# e e&+'%+e%#$ ( 7e'e%e$ e *#$ !$#$..........................55F!7)'+ 2. Re7!$%'# e /#'+'!#$, e%'++$ ( $+*!+$................................................55
F!7)'+ . Re7!$%'# e AC e;'%+# + SL...........................................................5F!7)'+ . E;'%+"! e$e *+ 6+$e e +%#$ + )+ /#+ e "*")*#...................5
ÍNDICE DE TABLAS
T+6*+ 1. T+6*+ e *+$ 5$ e P#*#&*+$%......................................................................2T+6*+ 2. C+'+"%e'4$%!"+$ e $!$%e+$ 6!#J%'!"#$...................................................
-
8/20/2019 tesis - app development
9/88
INTRODUCCIÓN
H#( e 4+ "!e%#$ e e&'e$+$ )%!*!3+ *+ %e"#*#74+ &+'+ +7!*!3+' $)$ &'#"e$#$ (e#'+' *+ !+7e e *+ !$+, # #6$%+%e, /+( #"+$!#e$ e *+$ )e # #6%!ee
*#$ 'e$)*%+#$ e$&e'+#$ %+6!J e;!$%e +)e**+$ )e ' !e# ( ' +/#''+'
'e")'$#$ # !!e'%e e e$%e %! e $!$%e+%!3+"!. Se !%e% /+"e' )+
!e$%!7+"! + ## e *#$ &'#"e$#$ %e"#*7!"#$ e;!$%e%e$, +$4 "## e
+)e**#$ )e &)!e$e $e' e#'+#$ e!+%e e* )$# e *+$ TI 8Te"#*#74+$ e *+
I#'+"!9.
L+ #'7+!3+"! e e* e$&+"!# e %'+6+# e )+ e&'e$+ e$ e$e"!+* &+'+ )6)e e$e&e=# ( e#'+ e *+ &'#)""! e *+ !$+, *# ")+* +&*!"+ &+'+ "++
)# e *#$ e&+'%+e%#$, e e* "+$# e e$%e &'#(e"%# e$+''#**+# e e*
e&+'%+e%# e S!$%e+$, $e **e + "+6# *+ e$%')"%)'+"! e e* "+6*e+# %+%#
e 'e "## %e*e!"#, 'e)6!"+"! e /e''+!e%+$ ( e)!$, $#'%e %J"!"# +
!&'e$#'+$, e)!$ e "&)%# ( +%e'!+*e$ )*%!e!+.
P+'+ e* e$+''#**# e* &'#(e"%# $e e;&)$!e'# !$%!%+$ e$+$ e %'+6+# e%'# e
*+$ ")+*e$ $e "#"'e% *+ 'e+*!3+"! e ) ")e$%!#+!e%# "e%'+* e* ")+* $e&+'%! /+"!e# !$%!%+$ !%e''#7+%e$, ' ee&*#: P#' )J )$+' %e"#*#74+,
P#' )J $!$%e+%!3+' &'#"e$#$, C# $e' !&*ee%+#$, C# )J !
$e' "'e+#$ Y !+*e%e C)*e$ $# *#$ 'e$)*%+#$
U%!*!3+# *+$ &'e7)%+$ +%e'!#'e$ ( $!e# e'+"e$ &+'+ *+ #6%e"! e
'e$&)e$%+$, $e e%e'! e* %! e e&'e$+ )e e$, ")+*e$ $e'!"!#$ e'+
&e'%!e%e$ &+'+ $e' $!$%e+%!3+#$ ( "## $e **e+'4+ + "+6# %+* #&e'+"!.
P+'+ *+$ e&'e$+$ )e #'e"e $e'!"!#$ e %!e "'4%!"# 8!#'+"! e
&'#)""! &+'+ "*!e%e$ ( ee$ e e&+'%+e%#$9 "## e$ e* "+$#, *+ "+&+"!+
e +""ee' + *+ !#'+"! ( *#$ !e%+'!#$ e #'+ '&!+ &)ee 'e$)*%+' e
+/#''#$ e %!e, +# e #6'+ ( e#'+ e *+ $+%!$+""! e* "*!e%e.
1
-
8/20/2019 tesis - app development
10/88
Ae$ e* "+6!# e *#$ !$$!%!#$ )%!*!3+#$ e e* 'e+ e &'#)""! 8P#'
ee&*#, +&*!"+"!#e$ e %!e 'e+* e*+3++$ + )+ 6+$e e +%#$9, *+$
$#*)"!#e$ $#!$%!"++$ &+'+ *+ 7e$%! e +*+"ee$ &)ee %ee' ) %'ee#
!&+"%# e e* e7#"!#, (+ )e &e'!%e )e *#$ e$&+"!#$ e *#$ +*+"ee$ $e+
'e)"!#$ e6!# + )+ +(#' e!"!e"!+, e#$ +# e #6'+, e* +/#''# e *e%e
'%+#' ( *+ e#'+ e* $e'!"!# e 7ee'+*.
U+ e *+$ !e+$ &*+%e++$ +* !!"!# e* &'#(e"%# )e /+"e' )e *+$
"#!'+"!#e$ e e%'e7+ $e &)e+ "+&%)'+', +*+"e+', %'+$!%!' ( !+*e%e
$e' e!++$ ' "#''e# e*e"%'!"#.
T+6!J $e "#"'e% )e, 7'+"!+$ + *+$ 'ee$ $#"!+*e$ &'"%!"+e%e # e;!$%e
*4!%e + ") *e#$ e* #6'e e *+ e&'e$+ &)!e$e **e7+'. Pe$+# e %+*$!%)+"! $e !")'$!# e *+ !e+ e "'e+' ) $!%!# $)+e%e +%'+"%!#, e$e e*
")+* $e &)!e$e &'#(e"%+' )+ !e+ '&!+ e *+ e&'e$+ ( +* !$# %!e *+
&'#)!+ e *+ !$+, %e!e# *+ $!6!*!+ e +""ee' + ) "+%*#7# e *4e+
%#%+*e%e !$!6*e &+'+ +"%)+*!3+"!#e$ + %'+J$ e )+ 6+$e e +%#$ +"%!+
e e* $e'!#' e *+ e&'e$+.
C++ e3 $ "#$)!#'e$ )%!*!3+ I%e'e% &+'+ 6)$"+' *#$ &'#)"%#$ # $e'!"!#$
)e e"e$!%+, +$4 )e "# $)'7! *+ !e+ e "'e+' ) $!%!# >e6 &+'+ )e *+e&'e$+ %e7+ $ "'e!6!*!+. De e$%+ +e'+ *#$ "*!e%e$ %e"!+*e$ $e
$e%!' $ +%'+4#$ ' *+ e&'e$+ ( ' "##"e' e )+ #'+ '&!+ ( #
"#&*!"++ +"e'"+ e *+ e&'e$+ ( *#$ &'#)"%#$ )e *+ !$+ #'e"e. L+
e&'e$+ (+ "#%+6+ "# ) $!%!# "## +%e"ee%e, &e'# e* !$e=# e'+
$)+e%e $e"!**#, +$4 )e #%'+ e *+$ !e+$ &*+%e++$ )e e* 'e!$e=+# e
#'+ &'#e$!#+* e* !$#.
E$%e &'#(e"%# %)# )"/#$ "+6!#$ )'+%e $) e$+''#**#, $e !!"! "# )+ !e+$!&*e, $! !+7!+' e* &'e"ee%e )e e* !$# e+'4+ # $#*# + *+ e&'e$+
"## e%!+ %e"#*7!"+, $!# e *+ ")*%)'+ ( +*#'e$ e *+ !$+.
2
-
8/20/2019 tesis - app development
11/88
E* &'e$e%e &'#(e"%# )e e$+''#**+# )'+%e *+ #e'!3+"! ( +"%)+*!3+"! e
*+ e&'e$+, %e!e# *+ #'%)!+ e !")'$!#+' e )e+$ %e"#*#74+$ (
$!$%e+$ &+'+ *e7)+e e "#&)%+#'+.
MARCO TEÓRICOSe &'e$e%+ e #'+ $!&*e ( e%+**++ +%e"ee%e$ ' *#$ ")+*e$ )e!&*ee%+# e* &'e$e%e &'#(e"%#, +$4 "## ) +'"# /!$%'!"# 6'ee e* !$#/+"!e# e"! e %J'!#$ %J"!"#$ ( $) $!7!!"+# &+'+ $!&*!!"+' *+ *e"%)'+.
I$%&'$&%
E$ )+ "+&+"!+ )!+* e '+!#!)$!, ) e"+!$# &+'+ *+ !)$! e!#'+"!, ( ) e!# &+'+ *+ "#*+6#'+"! ( *+ !%e'+""! e%'e *#$ !!!)#$ ($)$ #'e+#'e$ $! %ee' e ")e%+ *+ )6!"+"! 7e#7'!"+. E* I%e'e%
'e&'e$e%+ )# e *#$ ee&*#$ $ e;!%#$#$ e *#$ 6ee!"!#$ e *+ !e'$!$#$%e!+ ( "#&'#!$# "# *+ !e$%!7+"! ( e* e$+''#**# e *+ !'+e$%')"%)'+ e!#'+"!.
! #)*%+') & I$%&'$&%
L+ &'!e'+ e$"'!&"! 'e7!$%'++ e *+$ !%e'+""!#e$ $#"!+*e$ )e '4+ $e' +"%!++$ + %'+J$ e 'ee$ )e )+ $e'!e e e#')$ e$"'!%#$ ' CRL!"@*!e' e* MIT e +7#$%# e 12 &+'+ !$")%!' $) "#"e&%# "Galactic Network".T)# *+ !$! e ) "#)%# e #'e+#'e$ 7*#6+*e%e !%e'"#e"%+# + %'+J$e *+ ")+* %## e* )# &)!e$e +""ee' '&!+e%e + *#$ +%#$ ( &'#7'++$e$e ")+*)!e' $!%!#. E* "#"e&%# e'+ )( &+'e"!# + *+ I%e'e% e /#( e 4+.L!"@*!e' )e e* &'!e' ee e* &'#7'++ e !e$%!7+"! !#'%!"+ e DARPA, +&+'%!' e #"%)6'e e 12 8B+'+, 19. S! 6!e e DARPA "#e"! + $)$$)"e$#'e$ e DARPA, I+ 8Be77, 20059 S)%/e'*+, B#6 T+(*#', ( e* !e$%!7+#' e* MIT L+>'e"e G. R#6e'%$, e *+ !'%+"!+ e e$%e "#"e&%# e 'e.
A !+*e$ e 1 R#6e'%$ )e + DARPA &+'+ e$+''#**+' e* "#"e&%# e 'e e#'e+#'e$ ( '&!+e%e e' )%#$ $) &*+ &+'+ *+ ARPANET, &)6*!"#*#e 1. E *+ "#e'e"!+ e *+ )e &'e$e% e* #")e%#, /+64+ %+6!J )
#")e%# $#6'e ) "#"e&%# e 'e e &+)e%e$ e* Re!# U!# ' D#+*D+!e$ ( R#7e' S"+%*e6)'( e* NPL. L+ &+*+6'+ Q&+)e%eQ )e +#&%++ + &+'%!' e* %'+6+# e e* NPL ( *+ e*#"!+ e *+ *4e+ &'#&)e$%+ &+'+ $e' )%!*!3+# e e*!$e=# e ARPANET )e +)e%++ e 2, @6&$ + 50 @6&$.
-
8/20/2019 tesis - app development
12/88
-! C+''&+ &.&/%'0$)/+E #"%)6'e e 12, +/ #'7+!3 )+ 7'+ +!e$%+"!, ) 7'+ J;!%# e *+
ARPANET e *+ C#e'e"!+ I%e'+"!#+* e C#)!"+"! 8ICCC9. E$%+ )e *+&'!e'+ e#$%'+"! &+'e &'#&!e%+'!# !$e=# e e;&e'!e"!+ e )$)+'!# ( *+ 6e6 !"*)(e )++"%)+*!3+"! "#%!)+ (+ )e *#$ D!$e=# >e6 e$ e* 6!%# $ +&*!# e*e$+''#**# >e6.
A))e e* !$e=# >e6 %!ee )+ /!$%#'!+ 6+$%+%e 'e"!e%e, &)ee $e' !")*+# +#%'#$ 6!%#$ "## e* !$e=# 7'!"#. S! e6+'7#, e* !$e=# >e6 %+6!J $e&)ee e' e$e ) &)%# e !$%+ %e"#*7!"#. Se /+ "#e'%!# e )+ 7'+&+'%e e *+ !+ "#%!!++ e *+$ &e'$#+$. E$ !4"!* !+7!+' I%e'e% $! 7'!"#$+!+#$, !e'e%e$ e$%!*#$ e %!'+4+, e* ## ( *+
-
8/20/2019 tesis - app development
13/88
+e7+#' e"#'+# ( "# e$%')"%)'+ e &'#7'++"!, *# )e /+6'4+ +*%e'+# e*ee"%# e *+ ?#'* ?!e ?e6 e $) "#)%#. E* ?C "#%!e6 e $)e#*)"! + ) '!%# '&!#.
-! E4+.5/)0$ &. )*&1+ 2&-
E 1, M!"'#$#% !# + "##"e' $) &'!e' +e7+#' "#&e%!%!#, )e $e"#&*e% +* "#%+' "# $)$ &'#&!+$ "+'+"%e'4$%!"+$ ( e%!)e%+$. T+6!J )e e*&'!e' +e7+#' )e $#'%+6+ /#+$ e e$%!*#, )e e $) #e%# )e"#$!e'++ "## )+ %J"!"+ e "'e+"! #$")'+. 8N!ee'$%, 2009
E* "!7# HTML &+'+ %+6*+$ )e &e$+# #'!7!+*e%e &+'+ #$%'+' +%#$%+6)*+'e$. S! e6+'7#, *#$ !$e=+#'e$ $e !e'# ")e%+ '&!+e%e e*%e"!+* e* )$# e %+6*+$ HTML &+'+ *+ "'e+"! e *#$ "#&*e#$ !$e=#$ e
+'!+$ "#*)+$ )e e #%'+ +e'+ # e'+ $!6*e$. E e$e #e%#, "## e*!$e=# ( *+ 6)e+ e$%J%!"+ &+'e"4+ &'e+*e"e' "## )+ e$%')"%)'+ 6+$e, $e &'e$%"+ +%e"! + *+ $e%!"+ ( +""e$!6!*!+ >e6. S!%!#$ HTML )e'# *!!%+#$ e$)$ #&"!#e$ e !$e=#, $ +e6.
E 1, F*+$/ 8#'!7!+*e%e "##"!# "## F)%)'eS&*+$/9 )e e$+''#**+#. Ee$e #e%#, *+ /e''+!e%+ e e$+''#**# e "#%e!# F*+$/ e'+ 'e*+%!+e%e$!&*e e "#&+'+"! "# *+ +"%)+*, $#*# /+64+ *)7+' &+'+ e* !$e=# 6$!"# (/e''+!e%+$ e !6)#, *+$ ")+*e$ +/#'+ $# ) &'e")'$#' *!!%+# +* A"%!#S"'!&%( )+ *4e+ e %!e, *# ")+* &e'!%! + *#$ !$e=+#'e$ >e6 !' $ +** e* &)%#
5
-
8/20/2019 tesis - app development
14/88
e HTML, GIF +!+#$ ( ++S"'!&%. S! e6+'7#, (+ )e F*+$/ 'e)!e'e )&*)7-!, )"/#$ e$+''#**+#'e$ >e6 e!%+'# )%!*!3+'*# ' %e#' + *!!%+' $) ")#%+e e'"+# e6!# + *+ +*%+ e "#&+%!6!*!+. E *)7+' e e**#, *#$ !$e=+#'e$#*!e'# + +!+"!#e$ GIF ( ++S"'!&% &+'+ *#$ >!7e%$. Pe'# *#$ 6ee!"!#$ e*+$/ $e /!"!e'# 6+$%+%e &)*+'e$ e%'e *#$ e'"+#$ "## #6e%!# e$&e"4!"#
&+'+ %'+6++' "# *+ +(#'4+ e *#$ +e7+#'e$, ( e'+ $)!"!e%ee%e %e%e"## &+'+ $e' )%!*!3+# &+'+ e$+''#**+' $!%!#$ e%e'#$.
/! E*%6$'&*D!$e=+#'e$ e $!%!#$ >e6 "#$!e'+ )e e$ )+ 6)e+ &'"%!"+ +)$%+'$e + *+$#'+$. E$%# $e /+"e 7ee'+*e%e + %'+J$ e )+ e$"'!&"! )e &'e"!$e *#)e e$% /+"!e# "++ e*ee%#. E* # +)$%+'$e + *+$ #'+$ # &'##"+ )e )$!%!# >e6 $e+ !)%!*!3+6*e # &'#&e$# + e''#'e$, &e'# *#$ e$%+'e$ &)ee'e*+"!#+'$e "# *+ !$$!"! "#''e"%+ e *+$ &7!+$ &+'+ +"!*!%+' *+ *e"%)'+ (/+"e' + *#$ e*ee%#$ "e''+#$ e #'+ $e7)'+ ( "#!!"++ +e")++e%e.
E$%# !"*)(e *#$ e''#'e$ e e* "!7#, e* !$e=# $ #'7+!3+# e "!7# (+$e7)'+'$e e )e *#$ !e%!!"+#'e$ ( "*+$e$ $e+ $e=+*!3+#$ "#''e"%+e%e.L+ +*!+"! + %'+J$ e* ?C 8O*e@$(, 20019 $*# &)ee /+"e'$e ")+# $e'e+*!3+ )+ e"*+'+"! DOCTYPE "#''e"%+, )e $e )%!*!3+ &+'+ !!"+' *#$ e''#'e$e "!7#. G'+%, . 82009.
W+'. W)& W&- (WWW!
L+ ?#'* ?!e ?e6 8>>>9 e$ ) e$&+"!# e !#'+"! e #")e%#$ ( #%'#$'e")'$#$ >e6 )e $e !e%!!"+ e!+%e !'e""!#e$ URL, !")*+#$ e%'e $4 ' e*+"e$ e /!&e'%e;%#, ( $e &)ee +""ee' + %'+J$ e I%e'e%. 8.G. R.E., 19Se "##"e +"%)+*e%e $!&*ee%e "## *+ ?e6. L+ ?#'* ?!e ?e6 e$)+e%+* &+'+ e* e$+''#**# e *+ e'+ e *+ !#'+"! ( e *#$ !*e$ e!**#e$ e &e'$#+$ )e *+ )%!*!3+. L+ ?#'* ?!e ?e6 )e !e%++ ' e*"!e%4!"# I7*J$ T! Be'e'$-Lee e 1. W* e$"'!6! e* &'!e' +e7+#' >e6 e10 !e%'+$ %'+6++6+ e e* CERN e S)!3+.
P7!+$ >e6 $# &'!"!&+*e%e #")e%#$ e %e;%# "# #'+%# ( +#%+# "#Hypertext Markup Lanuae” 8HTML9. Ae$ e %e;%# "# #'+%# *+$ &7!+$>e6 &)ee "#%ee' !7ee$, "#e%e$ e !e# ( $#%>+'e )e $e'e&'e$e%+ e e* +e7+#' >e6 e* )$)+'!# "## &7!+$ "#/e'e%e$ e
"#%e!#$ )*%!e!+. H!&e'4")*#$ !"')$%+#$ &e'!%e + *#$ )$)+'!#$ +e7+' ' *+$ &7!+$ >e6. P7!+$ >e6 e6 e 7'+ e!+ &)ee $e' &'#'"!#++ ' e* e!%#', # !%e'+"%!# #e *#$)$)+'!#$ "#%'!6)(e "#%e!# # e* "#%e!# e&ee e* )$)+'!# # $)$+""!#e$. L#$ $!%!#$ >e6 &)ee $e' &'!"!&+*e%e !#'+%!#$, $#6'e %## &+'+e* e%'e%e!!e%#, # e 7'+ &+'%e "# !e$ "#e'"!+*e$. 8O*e@$(, 20019
-
8/20/2019 tesis - app development
15/88
A7.)//)0$ W&-
E$ )+ +&*!"+"! e $#%>+'e "*!e%e-$e'!#' 8# *+ !%e'+3 e )$)+'!#9 *+ )e e*"*!e%e e$ ) +e7+#' >e6.
L+$ +&*!"+"!#e$ >e6 $# &)*+'e$ e6!# + *+ )6!")!+ e *#$ +e7+#'e$>e6, ( *+ "#e!e"!+ e )%!*!3+' ) +e7+#' >e6 "## "*!e%e &+'+ +"%)+*!3+' (+%ee' +&*!"+"!#e$ >e6 $! !$%'!6)!' e !$%+*+' $#%>+'e e !*e$ e%e"!+*e$ "*!e%e$ e$ )+ '+3 "*+e e $) &)*+'!+, +* !7)+* )e e* $#'%e!/e'e%e &+'+ *+ "#&+%!6!*!+ e%'e &*+%+#'+$. A&*!"+"!#e$ >e6 "#)e$!"*)(e >e6+!*, *+$ e%+$ !#'!$%+$ e *4e+, $)6+$%+$ e *4e+, >!@!$ ()"/+$ #%'+$ )"!#e$.
L+$ +&*!"+"!#e$ >e6 'e"!6e e$%e #6'e ')e $e ee")%+ e !%e'e%. E$
e"!' )e *#$ +%#$ # *#$ +'"/!#$ e *#$ $e %'+6++ $# &'#"e$+#$ ( +*+"e+#$e%'# e *+ >e6. E$%+$ +&*!"+"!#e$, ' *# 7ee'+*, # e"e$!%+ $e' !$%+*++$e ) #'e+#'.
E* "#"e&%# e +&*!"+"!#e$ >e6 e$% 'e*+"!#+# "# e* +*+"e+!e%# e *+)6e. T#+ *+ !#'+"! $e 7)+'+ e #'+ &e'+e%e e 7'+e$ $e'!#'e$e !%e'e% ( $e e4+ + !$$!%!#$ # e)!$ *#$ +%#$ )e $e 'e)!e'e e e$e#e%#, )e+# )+ "#&!+ %e'+* e%'# e* e)!.
E ")+*)!e' #e%#, *)7+' ( e$e ")+*)!e' !$$!%!# $e &)ee +""ee' +e$%e $e'!"!#, $*# $e e"e$!%+ )+ "#e;! + !%e'e% ( +%#$ e +""e$#, )e '
*# 7ee'+* $# e* #6'e e )$)+'!# ( "#%'+$e=+.
L+$ +&*!"+"!#e$ ?e6 &)ee %ee' )e'#$#$ )$#$ %+%# &+'+ *#$ !$!%+%e$"## &+'+ *#$ !7e!e'#$ e e$+''#**#, e%'e #%'#$:
• Pe'!%!' + *#$ )$)+'!#$ *#"+*!3+' !#'+"! e #'+ '&!+ ( $e"!**+ e )
$!%!# ?e6 e e* )e $e +*+"e+ 7'+ "+%!+ e "#%e!#.E$%e %! e +&*!"+"! ?e6 #'e"e + *#$ !$!%+%e$ *+ $!6!*!+ e 6)$"+' "#%e!#, #'7+!3+'*# ( +e7+' ' J* e *+ +e'+ )e e$%!e #'%)+.
A*7)#$ ee&*#$ $#: *+$ !%'+e%$ e *+$ e&'e$+$, M!"'#$#% MSDN8>>>.$.!"'#$#%."#9 ( A+3#."# 8>>>.++3#."#9.
• Re"#7e', 7)+'+' ( ++*!3+' +%#$ $)!!$%'+#$ ' *#$ !$!%+%e$ e *#$$!%!#$.E e* &+$+#, *#$ +%#$ !%'#)"!#$ e *#$ #')*+'!#$ HTML $e e!+6+"## e$+e$ e "#''e# e*e"%'!"# + *#$ e&*e+#$ # + +&*!"+"!#e$ CGI&+'+ $) &'#"e$+!e%#. U+ +&*!"+"! ?e6 &e'!%e 7)+'+' +%#$ e#')*+'!#$ !'e"%+e%e e )+ 6+$e e +%#$, +e$ e e;%'+e' +%#$ ("'e+' !#'e$ 6+$+#$ e *+ ?e6 &+'+ $) +*!$!$. Ee&*#$ e e**# $# *+$
-
8/20/2019 tesis - app development
16/88
&7!+$ e *#$ 6+"#$ e *4e+, *+$ &7!+$ e %!e+$ e *4e+, *+$e")e$%+$ ( *#$ #')*+'!#$ "# +%#$ $)!!$%'+#$ ' e* )$)+'!#.
• A"%)+*!3+' $!%!#$ ?e6 ")(# "#%e!# "+6!+ "#$%+%ee%e.U+ +&*!"+"! ?e6 e!%+ +* !$e=+#' ?e6 %ee' )e +"%)+*!3+' "#%!)+e%e e* "!7# HTML e* $!%!#. L#$ &'#ee#'e$ e "#%e!#,
"## *#$ e!%#'e$ e #%!"!+$, &'#'"!#+ e* "#%e!# + *+ +&*!"+"!?e6 ( J$%+ +"%)+*!3+ e* $!%!# +)%#%!"+e%e. E%'e *#$ ee&*#$ !7)'+E"##!$% 8>>>.e"##!$%."#9 ( CNN 8>>>."."#9.
U+ +&*!"+"! ?e6 e$ ) "#)%# e &7!+$ ?e6 e$%%!"+$ ( !!"+$. U+&7!+ ?e6 e$%%!"+ e$ +)J**+ )e # "+6!+ ")+# ) )$)+'!# *+ $#*!"!%+: e*$e'!#' ?e6 e4+ *+ &7!+ +* +e7+#' ?e6 $#*!"!%+%e $! #!!"+'*+. P#' e*"#%'+'!#, e* $e'!#' #!!"+ *+$ &7!+$ ?e6 !!"+$ +%e$ e e!+'*+$ +*+e7+#' $#*!"!%+%e. L+ +%)'+*e3+ "+6!+%e e e$%e %! e &7!+ e$ *+ )e *e+ e* #6'e e !!"+.
P#' ee&*#, '4+ !$e=+' )+ &7!+ &+'+ )e #$%'+'+ *#$ 'e$)*%+#$ e*&'#7'++ e $+*) ( e+'+ "!e'%+ !#'+"! )e'+ 8"## e* #6'e e*e&*e+# ( $)$ 'e$)*%+#$9 &+'+ "+*")*+'*+ ")+# *+ &7!+ *+ $#*!"!%e )e&*e+# e &+'%!")*+'.
E *+$ $!7)!e%e$ $e""!#e$ $e e$"'!6e "# +(#' e%+**e e* )"!#+!e%# e*+$ +&*!"+"!#e$ ?e6. C)+# ) $e'!#' ?e6 'e"!6e )+ &e%!"! &+'+ #$%'+' )+ &7!+ ?e6 e$%%!"+, e* $e'!#' *+ e4+ !'e"%+e%e +* +e7+#' )e *+$#*!"!%+. C)+# e* $e'!#' ?e6 'e"!6e )+ &e%!"! &+'+ #$%'+' )+ &7!+!!"+, $! e6+'7#, 'e+""!#+ e !$%!%+ #'+: %'+$!e'e *+ &7!+ + )$#%>+'e e$&e"!+* e"+'7+# e !+*!3+' *+ &7!+. E$%e $#%>+'e e$&e"!+* $ee#!+ $e'!#' e +&*!"+"!#e$.
E* $e'!#' e +&*!"+"!#e$ *ee e* "!7# e *+ &7!+, !+*!3+ *+ &7!+ e )"!e *+$ !$%')""!#e$ e* "!7# ( e*!!+ e* "!7# e *+ &7!+. E* 'e$)*%+# e$)+ &7!+ e$%%!"+ )e e* $e'!#' e +&*!"+"!#e$ e)e*e +* $e'!#' ?e6, )e+ $) e3 *+ e4+ +* +e7+#' $#*!"!%+%e. L#
-
8/20/2019 tesis - app development
17/88
U+ 6+$e e +%#$ &)ee $e' %+ $!&*e "## ) +''e7*# +*+6J%!"# e *#$#6'e$ e )+ *!6'e%+ e !'e""!#e$ # %+ "#&*e# "## )+ 6+$e e +%#$)e &'#'"!#+ !#'+"! e )+ "#6!+"! e #'+%#$.
A e)# e$ +6'e!+# "## BD, )+ 6+$e e +%#$ e$ 6$!"+e%e )+
"#*e""! e !#'+"! #'7+!3++ e %+* +e'+ )e ) &'#7'++ &)ee$e*e""!#+' '&!+e%e *+$ &!e3+$ e$e++$ e +%#$. Se &)ee &e$+' e )+6+$e e +%#$ "## ) $!$%e+ e +'"/!# e*e"%'!"#.
L+$ 6+$e$ e +%#$ %'+!"!#+*e$ $# #'7+!3++$ ' "+$, 'e7!$%'#$ (+'"/!#$. U "+ e$ )+ e6. Se &)ee 'e+*!3+' !e'$+$ %+'e+$ "## *+ "'e+"!, #!!"+"! #$)&'e$! e 6+$e$ e +%#$, %+6*+$, "+$ # !*+$ *+ ee")"! e $e%e"!+$SL # *+ 7e$%! e )$)+'!#$ ( &e'!$#$.
L+ /e''+!e%+ e$ )(
-
8/20/2019 tesis - app development
18/88
&/&M(A! e$ *+ /e''+!e%+ e e$+''#**# e *+ e&'e$+, *+ ")+* %!ee "#e;!!'e"%+ "# e* $e'!#' e *+ e&'e$+.
P'!e%# E$&!#$+, A., L*#'!$, A. ( T#''e$, .C. 82009.
M3S:L
E$ ) $!$%e+ e 7e$%! e 6+$e$ e +%#$ 'e*+"!#+* e "!7# +6!e'%#8RDBMS9. E )*!# e* 201, #")& e* *)7+' "## e* $e7)# RDBMS )$+# e e*)#, ( e* e "!7# +6!e'%# "*!e%e-$e'!#' RDBMS $ )%!*!3+#. L*e+ e*#6'e e *+ /!+ e* "#-)+#' M!"/+e* ?!e!)$, “My” . E* +"'!# SL e$$!!# e tructured #uery Lanuae” .
+'!#$ &'#7'++$ e #'e+#', !"*)!#$ *#$ &'#7'++$ 6+$+#$ e *+ >e6 "##6*#7$, 7+*e'4+$ e #%#$ ( $!$%e+$ e 7e$%! e "#%e!#$ e"e$!%+ +*+"e+' ( 'e")&e'+' +%#$. P#' ee&*#, ) 6*#7 e $#%>+'e e"e$!%+ +*+"e+' *#$e$+e$ 8e$ e"!', +'%4")*#$9 )e $# e$"'!%#$ ( 'e")&e'+'*#$ ")+# ) !$!%+%e!7'e$+ +* $!%!#. De* !$# ##, 7+*e'4+$ e #%#$ +*+"e+ !#'+"! +"e'"+e $)$ !7ee$ 8' ee&*#, &+'+ *#$ $!%!#$ )e &e'!%e + *#$ )$)+'!#$ +*#'+' *+$ #%#$, *+ "+*!!"+"! )J'!"+ &+'+ "++ !+7e $e +*+"e+ e )+ 6+$e e+%#$9.
R+(+, L. M+'%4, A. ( R#'!7#, . 82009.
R&U+ 'e $e "#e e #$ # $ #'e+#'e$ )e e$% !")*+#$ "# e* ! e"#&+'%!' 'e")'$#$ 8"## !&'e$#'+$ ( !$"#$ "#&+"%#$9, +'"/!#$ e!%e'"+6!# ( &e'!%!' *+$ "#)!"+"!#e$ e*e"%'!"+$. L#$ #'e+#'e$ e )+'e &)ee e$%+' !")*+#$ + %'+J$ e "+6*e$, *4e+$ %e*e!"+$, #+$ e '+!#,$+%J*!%e$, # e *)3 !'+''#+.
D#$ %!$ )( "#)e$ e 'ee$ !"*)(e:
! R& .+/.
U+ 'e e 'e+ *#"+* 8LAN9 e$ )+ 'e )e $e *!!%+ + ) 'e+ 'e*+%!+e%e&e)e=+. Se *!!%+ 7ee'+*e%e + ) 'e+ 7e#7'!"+ %+* "## ) *+6#'+%#'!#,e$")e*+, # e!!"!#. C#&)%+#'+$ "#e"%++$ + )+ 'e $# )+ "+%e7#'4+ "##$e'!#'e$ # e$%+"!#e$ e %'+6+#. Se'!#'e$ 7ee'+*e%e # $# )%!*!3+#$ ' *#$ $e'e$ /)+#$ !'e"%+e%e, $!# )e $e ee")%+ "#%!)+e%e &+'+&'#'"!#+' Q$e'!"!#$Q + *+$ #%'+$ "#&)%+#'+$ 8( $)$ )$)+'!#$ /)+#$9 e *+'e. L#$ $e'!"!#$ &'e$%+#$ &)ee !"*)!' *+ !&'e$! ( e4# ' +;,
10
-
8/20/2019 tesis - app development
19/88
+*#+!e%# e $#%>+'e, +*+"e+!e%# e +'"/!#$ ( )$# "#&+'%!#,e$+e'4+, +*+"e+!e%# ( 'e")&e'+"! e +%#$, "#%'#* e +""e$# "#&*e%+8e $e7)'!+9 e *#$ 'e")'$#$ e *+ 'e, ( )"/#$ #%'#$.
L+$ e$%+"!#e$ e %'+6+# $# **+++$ +$4 ')e #'+*e%e %!ee ) )$)+'!#
/)+# )e !%e'+"%
-
8/20/2019 tesis - app development
20/88
"+6*e+#. E )$# e )+ ?AN, *+$ e$")e*+$ e F*#'!+ &)ee "#)!"+'$e "#*)7+'e$ "## T#@!# e ")e$%! e $e7)#$, $! %ee' )e &+7+' e#'e$+"%)'+$ e %e*J##. D#$ )$)+'!#$ e !e'e%e$ &+'%e$ e* )# &)ee )$+' *+$e$%+"!#e$ e %'+6+# e)!&++$ "# !"'##$ ( "+'+$ >e6 &+'+%e*e"#e'e"!+ e %!e 'e+*. U+ ?AN e$ "#&*!"++. U%!*!3+ )*%!&*e;#'e$,
&)e%e$ ( '#)%e'$ &+'+ "#e"%+' 'ee$ *#"+*e$ ( e%'#*!%++$ + *+$ 'ee$)!+*e$ e "#)!"+"! "## I%e'e%. P+'+ *#$ )$)+'!#$, $! e6+'7#, )+?AN # &+'e"e $e' )( !e'e%e e )+ LAN.
M+=, F. 820059.
S&'4)/)+ & #+*%)$;
U &'#ee#' e $e'!"!#$ )e #'e"e +*#+!e%# "#&+'%!# # /#$%!7 e!"+#e$ ) $e'!"!# # $e'!"!#$ + *#$ "*!e%e$. Se'!"!#$ e +*#+!e%# $# *#$ $)%!*!3+#$ &+'+ +*#+' $!%!#$ ?e6, &e'# %+6!J $e &)ee )%!*!3+' &+'+ +*#+'
+'"/!#$, !7ee$, )e7#$ ( "#%e!# $!!*+'.
E e* "+$# e *#$ $e'!"!#$ e +*#+!e%# e $!%!#$ >e6, /+( %'e$ %!$ &'!"!&+*e$e +*#+!e%# !$!6*e$: 19 +*#+!e%# >e6 "#&+'%!#, #e ) 7'+ e6 e #%'#$ "*!e%e$. Se'!"!#$ e +*#+!e%#>e6 %'+6++ e!+%e e* +*+"e+!e%# e +'"/!#$ e* $!%!# >e6 e *#$
#'e+#'e$ e 7'+ %e"!+ 8$e'!#'e$ >e69 "#e"%+#$ + )+ 'e )( '&!+.C)+# $e e$"'!6e )+ !'e""! >e6, !%e'e% $e "#e"%+ +* $e'!#' >e6 &+'+%'+$!%!' *#$ +'"/!#$ e* e)! +* $!%!# >e6 ( *)e7# %'+$!e'e *+ !#'+"! e*$!%!# >e6 e )e*%+ +* e)!. 8E)! J'%!"e, 2019
M)/'+*+e6. !$)+* S%)!# )%!*!3+ &*+%+#'+$ e e$+''#**# e $#%>+'e eM!"'#$#%, %+*e$ "## API e ?!#>$, ?!#>$ F#'$, ?!#>$ P'e$e%+%!#F#)+%!#, ?!#>$ S%#'e ( M!"'#$#% S!*e'*!7/%. P)ee &'#)"!' %+%# "!7#+%!# "## "!7# +!!$%'+#.
!$)+* S%)!# !"*)(e ) e!%#' e "!7# e $#'%e I%e**!Se$e 8e* "#e%ee *+ !+*!3+"! e "!7#9, +$4 "## e* "!7# e 'e+"%#'!3+"!. E* e&)'+#' !%e7'+# )"!#+ %+%# "## ) e&)'+#' + !e* e )e%e ( ) e&)'+#' +!e* e )!+. O%'+$ /e''+!e%+$ !%e7'++$ !"*)(e ) !$e=+#' e
12
-
8/20/2019 tesis - app development
21/88
#')*+'!#$ &+'+ "'e+' +&*!"+"!#e$ GUI, !$e=+#' >e6, !$e=+#' e "*+$e$, (!$e=+#' e* e$)e+ e 6+$e e +%#$. A"e&%+ &*)7-!$ )e e#'+ *+)"!#+*!+ e "+$! %##$ *#$ !e*e$, !"*)(e# *+ +!"! e $#'%e &+'+ *#$$!$%e+$ e "#%'#* e "!7# )e%e 8"## S)6e'$!9 ( *+ +!"! e )e#$"#)%#$ e /e''+!e%+$ "## e!%#'e$ ( !$e=+#'e$ !$)+*e$.
He''e'4+$ Re(, . E. 82009.
1
-
8/20/2019 tesis - app development
22/88
ANTECEDENTES #ISTÓRICOS DE LA EMPRESA
M)*)0$ 3 V)*)0$
D)'+%e *+ e$%+4+ *+ e&'e$+ $e e"#%'+6+ e e* &'#"e$# e "e'%!!"+"! e *+ISO 001:200, ' ")+* $e 'e&*+%e+6+ *#$ %J'!#$ e *+ !$!, !$! (+*#'e$, ( )'+%e e* &e'!## )e $e 'e+*!3 e* &'#(e"%#, # $e *#7' #6%ee' %+*e$"#"e&%#$ e *+ e&'e$+.
P+.=%)/ & /.)
L#$ )e *+6#'+#$ e POLOPLAST COMPONENTES, S. A. e C. ., e$%+#$"#&'#e%!#$ + +6'!"+' &'#)"%#$ e &*$%!"# 'e#'3+# "# !6'+ e !'!# )e$+%!$+7+ *#$ 'e)e'!!e%#$ ( e;&e"%+%!+$ e )e$%'#$ "*!e%e$, e$+''#**+# +)e$%'# &e'$#+* ( e#'+# "#%!)+e%e *+ e!"+"!+ e* $!$%e+ e 7e$%! e"+*!+, )e #$ &e'!%+ ")&*!' *#$ #6e%!#$ e "+*!+.Q
U-)//)0$
L+ e&'e$+ e$% )6!"++ e O'!e%e 5, N+"#3+'!, T!3+()"+, H!+*7#.
F);5' >. M+&+ "# *+ )6!"+"! e P#*#&*+$%. 8Gee'+# "# G##7*e M+&$9.F)e%e: /%%&$:XX7##.7*X+&$X(ZPDA&L>2
G)'+
I)$%'!+* M+)+"%)'e'#.
1
-
8/20/2019 tesis - app development
23/88
PLANTEAMIENTO DEL PROBLEMA
E *+ e&'e$+ e;!$%e ) $!$%e+ e;"e*e%e &+'+ "++ )# e *#$ &'#"e$#$&'#)"%!#$, "++ )# +e")+# + $) e&+'%+e%# ( *+ 7e$%! e* !$#, e*e&+'%+e%# e S!$%e+ Ge$%! e C+*!+V e$% e"+'7+# e* e$+''#**# e
+)+*e$, ")'$#$ e !)""!, !&*ee%+"! e e$%'+%e7!+$ ( e )e+$e'%!e%e$ &+'+ *+ +"%)+*!3+"! ( e!"+"!+ e *+ 7e$%! e "++ )# e *#$e&+'%+e%#$.
E 7ee'+*, e$ $!6*e "#"*)!' )e e;!$%e ) $!$%e+ +e")+# &+'+ *+ 7e$%! e%!e &'#)"%!# ( )+ 6)e+ !$%'!6)"! e e&+'%+e%#$, &e'# +*7# )e+)e+ + "++ )# e *#$ &'#"e$#$, e$ )e +e6, +%e!!e%# e$e'!#'e$ ( '#*e$ e* #!!#.
15
-
8/20/2019 tesis - app development
24/88
?USTIFICACIÓN
L+ e&'e$+ $e /+ +%e!# e ) +*3+ e $) "'e"!!e%#, 'e"!6!e#"e'%!!"+"!#e$ ( 7+*+'#e$ ' &+'%e e $)$ "*!e%e$, +$4 "## )+ +*%+ %+$+ e$+%!$+""! e *#$ e&*e+#$ 'e*e++ e $) +'"# &'#)"%!#, e$ ' e$# )e+/#'+ *+ e&'e$+ e"e$!%+ "e'%!!"+' "++ )# e *#$ &'#"e$#$, +$4 "## "++&'#)"%# ( *!"e"!+ )$++ e *#$ e&+'%+e%#$. P+'+ )e %+* &'#"e!!e%# # $ee+ "## )+ &e'!+, e$ e"e$+'!# )e +'!#$ &'#"e$#$ %e7+ )+ e#'+%e"#*7!"+ &+'+ )e e$%#$ $e+ $ 7!*e$ e !"'ee%e *+$ 7++"!+$ ' *#%+%#, ) $!%!# >e6 %+6!J $e' e 7'+ 6ee!"!# &+'+ *+ !+7e, "'e!6!*!+ ($!"!#+!e%# e *+ e&'e$+.
C+$4&$)&$/)
E* &'#(e"%# + e$+''#**+' 'e&'e$e%+ )+ e#'+ e *+ "+*!+ ( &'e"!$! e *#$&'#"e$#$, ) e%#'# e %'+6+# "## ( +7'++6*e ( )+ +)%#+%!3+"! + *#$$!$%e+$ e TI.
U+ &7!+ >e6 "'e+ )+ !+7e &'#e$!#+* e *+ e&'e$+, ( $! *+ !$+ ")&*e"# 6)e#$ e$%+'e$ e !$e=# ( "#&+%!6!*!+, "*!e%e$ ( &'#ee#'e$ '$e%!' e&+%4+ "# e* !$e=# e *+ !$+.
R&.&4$/) *+/).
P+'+ #%'+$ "#&+=4+$ e* !$# 7!'# e$ ) ee&*# e "+*!+ /!$%#'!+ (
"'e"!!e%# &+'+ $) )!"!&!# ( e$%+#, ' *# ")+* *+ !&*ee%+"! e )e+$TI e $)$ e&+'%+e%#$ ( $!$%e+$ $!6#*!3+' ) +%e"ee%e e !#+"! ee* $e"%#'. T+6!J "+6e e"!#+' )e *+ $+%!$+""! )e 6'!+ e* )$# e *+$%e"#*#74+$ $e e' 'e&'e$e%++ e *+ "+*!+ e !+ e *#$ %'+6++#'e$.
I97.)//)+$&* 7'6/%)/*
L#$ &'#"e$#$ ( $!$%e+$ e *+ e&'e$+ $e' %e"!+#$ e )+ +e'+ &'"%!"+e !&+"%+%e &+'+ e* $e"%#' e&'e$+'!+* ( e$%)!+%!*, (+ )e e* e&+'%+e%# e$!$%e+$ )e 'e#+# e !"*)$# 'e#6'+# ' TI, +# 'e*e+"!+ + "++ )+e *+$ "#&e%e"!+$ ( +"%!!+e$ )e #'+ &+'%e e* 'e+.
V.+' %&0')/+
E* /e"/# e +!!$%'+', +(+' ( +);!*!+' e* 'e+ e TI $!7!!"+ )+ 7'+ e"##"!!e%# %e'!"# "## &'"%!"#, +$4 "## e* e$+''#**# e )e+$"#&e%e"!+$ ( /+6!*!+e$ # $#*# &+'+ e* +)%#', $!# &+'+ "++ )# e *#$!#*)"'+#$ e e* !$#.
1
-
8/20/2019 tesis - app development
25/88
OB?ETIVOS
O-@&%)4+ ;&$&'.C'e+' +&*!"+"!#e$ e!"!e%e$ &+'+ *+ +)%#+%!3+"! e &'#"e$#$ )e +()e +*e$+''#**# e *+ e&'e$+, +$4 "## &+'+ e#'+' *+ "+&+"!+ e $+%!$+"e' *+$e"e$!+e$ e *#$ "*!e%e$ ( "# e**# e#'+' e* $e"%#' %e"#*7!"# e *+ e&'e$+.
O-@&%)4+* &*7&/=e6, +&'#e"/+# e* "!7# *!6'e (“fra!eworks” "# 6+$e e e* !arketin” .
De$+''#**# e )+ +&*!"+"! >e6 "# *+ )e $e+ $!6*e +(+' !$%!%+$ 'e+$
e *+ e&'e$+, "# ) !e%+'!+# !!!)+* ' e&+'%+e%#.
F#'%+*e"e', !#+' ( +%ee' e* $!$%e+ e e%'++$ ( $+*!+$ e *+ e&'e$+
)%!*!3+# ) *e"%#' e /)e**+$ !7!%+* ( &'#7'+#*# e $) %#%+*!+.
E$%')"%)'+"! e* "+6*e+# ( %#*#74+$ e *+$ 'ee$, +$4 "## +%e!!e%#
+ *+$ !'e"%!+$ e $e7)'!+ e* #!!#.
A!!$%'+' ( "#%'#*+' )"!#e$ e* $e'!#', +$4 "## e* +%e!!e%# e
*+$ *4e+$ %e*e!"+$.
M+%e!!e%# ( $#'%e %J"!"# + *#$ e)!$ e "&)%#, e #'+ 4$!"+ #
"# /e''+!e%+$ e e$"'!%#'!# 'e#%#.
1
-
8/20/2019 tesis - app development
26/88
I01e$%!7+"!20D!$e=#
De$+''#**#E:e")"!20M#0!%#'e#
M+0%e0!,!e0%#
METODOLOGÍA
P+'+ e* "#%'+$%e e +"%!!+e$ ( e'!+"!#e$ e *+$ !$+$, $e !%e7' )$!$%e+ e e%##*#74+ "# ) $!$%e+ e "+$"++, %Gutierre&' ()*+,, +$4 *+e$%')"%)'+"! ( &'#"e$# )$+# &+'+ e* !$e=# >e6, "'e+"! e *+ 6+$e e +%#$ (
*+ e$%')"%)'+"! e *+$ e$ +"%!!+e$ $e'4+ )!!"+#$ e ) $#*# &'#"e$#,&+'+ #&%!!3+' %!e$ ( e* e$+''#**# e *+ !$+, 'e&'e$e%+# ' +$e$6$!"+$, *+$ ")+*e$ $# +)$%+6*e$ + "++ )+ e *+$ +"%!!+e$: Ie$%!7+"!,!$e=#, e$+''#**#, ee")"!, #!%#'e# ( +%e!!e%#.
F);5' C!'")*# )e +$ee+ *+ !%e7'+"! )e &'#ee *+ e%##*#74+.
I$4&*%);/)0$
E e$%+ &'!e'+ e%+&+ e$ !'%+%e e!!' ")*e$ $# *+$ e"e$!+e$, e$e#$ (e%+$ e *+ "#&+=4+ "# "++ )+ e e$%+$ +"%!!+e$, e e$%+ #'+ *+ !$! ("'e+"! e *+$ !$+$ e$%+' e#"++$ +* !$# #6e%!#. C## 'e)!$!%#&'!"!&+*, "++ )+ e *+$ +"%!!+e$ )e'# e$+''#**++$ e 6+$e + )+
“wishlist” , *+ ")+* e64+ "#%ee' "++ )+ e *#$ e$e#$ e* e"+'7+# e*&'#(e"%#, )e e e$%e "+$# e'+ !'e"%+e%e ' e* ee e $!$%e+$ ( )e=# e *+e&'e$+. De e$%+ #'+ $e "'e ) #6e%!# e "#
-
8/20/2019 tesis - app development
27/88
*&!3 ( &+&e*, &+'+ )e e;!$%+ )+ e+*)+"! e *#$ e$e#$ )e $e )!e'e ")&*!' ( e *+$ 'e+$ )e '4+ $e' ")6!e'%+$ "# e* &'e$)&)e$%# +"%)+* e*e&+'%+e%#.
A%e$ e e' ")+*)!e' *4e+ e "!7#, $e e"!e )e $e e6e /+6*+' "# *+$
&e'$#+$ !#*)"'++$, e e$%+ #'+ %## e* e)! e %'+6+# %e'4+ )+ !e+e ")* e$ e* #6e%!# + *#7'+'. C)*e$ $# *+$ &'!"!&+*e$ !!")*%+e$, C)*e$$# *+$ &+'%e$ !/e'e%e$ e* &'#6*e+ C)* e$ *+ #'7+!3+"! 7ee'+* e*$!$%e+ C)*e$ $# *+$ *!!%+"!#e$ !/e'e%e$ e e$+$ e"!$!#e$ C)* e$ *+)e+ &'!"!&+* "# e* $!$%e+ +"%)+* C# $e'4+ ) $!$%e+ e;!%#$# C#e!' e* J;!%#
D)*&1+
T## e !$e=# e$ *+ "#)!"+"!, ' *# ")+*, e$&)J$ e %ee' e* wishlist” $ee$%')"%)' ) +'"# e !$e=#, +$4 %## $e'4+ "#&'e$!6*e, %+%# &+'+ *#$
e$+''#**+#'e$ ( *+$ &+'%e$ e;%e'+$ +* &'#(e"%#. E$%# e$ e$&e"!+*e%e!'%+%e, (+ )e *+ +(#'4+ e *+$ e"e$ $e %#+ ) )!"!# e "# $e e$e+/+"e' )+ +"%!!+, $! %#+' e ")e%+ *+$ e$ &+'%e$ # &e'$#+$!#*)"'++$.
F);5' A%!7)# !$e=# e *+ &7!+F)e%e: /%%&:XX>>>.*#&*+$%.;X
L+ &'!e'+ &+'%e e'+ $+6e' )J e'+ *# )e e* ee e$e+6+ $#6'e e* )e# !$e=#.E$ e$%# ) 'e!$e=# # 'ee*+6#'+"! e ) $!%!# e;!$%e%e, # $e %'+%+ e ) !$e=#"#&*e%+e%e )e#, Y+ e;!$%e +*7)+ 6+$e e +%#$ &'e!+ e *+ e&'e$+,Se %!ee !e+$ $#*!+$ e )e $e )!e'e *#7'+'
E* **e7+' + "#"'e%+' "# $e e' "++ )# e *#$ &'#)"%#$ e ) 6#"e%# )e)+ &+'%e e$e"!+* &+'+ *+ $+%!$+""! e *#$ $)&e'!$#'e$. A* !+* e* !$e=# e *+
1
-
8/20/2019 tesis - app development
28/88
&7!+ e6e'4+ $e' +&e7+# + *#$ "'!%e'!#$ e e**#$, &+'+ )e +$4 $e %)!e'+ )"#"e&%# 7ee'+* e *+$ e%+$ ( &'#&$!%#$ e* e$+''#**#.
20
-
8/20/2019 tesis - app development
29/88
D&*''+..+
E *+ +$e e e$+''#**#, *+ &7!+ >e6 $e e$%')"%)' e ) 6#"e%#, ( $) e$%')"%)'+( "#%e!# &+'+ *+ !&*ee%+"! "## !e+, &+'+ $+6e' $! e'+ "##'+ + *#$e$e#$ e !+7e e *+ e&'e$+, %#+# e ")e%+ e* &e6 K *+ e!!"! e /#+$ e e$%!*# CSS e %## e*$!%!#, *#$ $!$%e+$ e 7e$%! e "#%e!#$ 6+$+#$ e *+ >e6, 7'!"#$ +*%+e%e#&%!!3+#$, e%"J%e'+.
F);5' D!$e=# ( )$# e CSS ( Le$$
e'$!#e$ 6e%+ )"!#+*e$ e* $!%!# $# "'e+#$ ( "++ +$&e"%# e e**+ $e &')e6++ ## +%e$ e *+3+!e%# e* $!%!#. L#$ $)&e'!$#'e$ &)ee e' e* &'#7'e$#e $) e$+''#**# ( &+'%!"!&+' e *+$ &')e6+$ e *#$ $e'!#'e$ e e$+''#**#. L+#&%!!3+"! e* $!%!# e!!%!# $e 'e+*!3+ $!e&'e e *+ +# )%!*!3+# ) e!%#' e %e;%#, e e$%e "+$#, !$)+* S%)!#.
U+ 6+$e e +%#$ Q&*++Q %!ee %#+ *+ !#'+"! +"e'"+ e ) 'e7!$%'#. E*#6'e, !'e""!,
-
8/20/2019 tesis - app development
30/88
U+ 6+$e e +%#$ &*++ e$ )( "!* e +e+'. T#+ *+ !#'+"! $e+*+"e+ e )+ )e%e "# "+* $e &)ee e' *#$ +%#$ e )+ e%'++, !#'e$,*!$%+$ e "#''e# ( "#$)*%+$ e$&e"!+*e$.
L#$ *4!%e$ e )+ 6+$e e +%#$ # e$% e e* e6 +"%)+*e$, $e &)6*!"+ e e* $e'!#' e #'+ &
-
8/20/2019 tesis - app development
31/88
CRONOGRAMA DE ACTIVIDADES
21
C'##7'++ e*+6#'+# "# *+ +&*!"+"! >e6 !artheet V 8>>>.+&&.$+'%$/ee%."#9
-
8/20/2019 tesis - app development
32/88
CAPÍTULO I
GENERALIDADES DE LA EMPRESA
22
-
8/20/2019 tesis - app development
33/88
I$)/)+*
P#*#&*+$% C#e%e$, S.A. e C.., e$ )+ e&'e$+ e;!"++ )e !!"! $)$
#&e'+"!#e$ "# 10 #&e'+'!#$ e e* E$%+# e MJ;!"# e 10, +6'!"+# "+''#$
&+*e%e'#$ ( +"e%+$. Se !!"!+'# e7#"!+"!#e$ "# e&'e$+$ +'+#'+$ e!"'#6)$e$ AYCO e HIDROME e$+''#**+# &!e3+$ &+'+ 'e")6'!' &+'%e$
e;%e'!#'e$ e !%e'!#'e$ e "+''#"e'4+$. E 15 $e %'+$*+ *+ e&'e$+ + $) &*+%+
+"%)+* T!3+()"+, e e* "#&*e# !)$%'!+* T!3+()"+, H!+*7#. E 1 e7#"! "#
E)'#"+', e!e# 'e")6'!!e%#$ e;%e'#$ e !%e'#$ &+'+ !"'#6)$e$. E 1
$e e$+''#**+'# &!e3+$ &+'+ DINA +)%#6)$e$, !")'$!#+# e e$%e e'"+#, "#
) !e* e e;!7e"!+ +(#' e "+*!+. E 200 $e "#e3 e* e$+''#**# e *+$
&'!e'+$ &!e3+$ e %'ee$ &+'+ *e e&'e$+ CAF, +$4 "## *#7'+' *+ !"*)$! e
P#*#e; e *+ 7++ e "*!e%e$, e$+''#**+# &!e3+$ &+'+ +)%#6)$e$ e !$e=#
6'+$!*e=#. E 2005, DINA 'e7'e$+ +* e'"+# e +)%#6)$e$ &+'%!"!&+# e *#$
)e#$ &'#(e"%#$ e e$%+ e&'e$+. E 200 )e'# +"e&%+#$ "## &'#ee#'e$
e B#6+'!e' T'+$'%+%!# Me;!"# e IRIZAR. A"%)+*e%e *+ e&'e$+ ")e%+
"# $ e 200 %'+6++#'e$, "# "+&+"!+ &+'+ e$+''#**+' #e*#$, #*e$ (
&'#)"%#$ e +")e'# + *+$ e$&e"!!"+"!#e$ e $)$ "*!e%e$, e$&e"!+*e%e &+'+
!"'#6)$e$, +)%#6)$e$ ( %'ee$
E7&')&$/)
C# $ e #$ J"++$ e e;&e'!e"!+, $e &)ee e$+''#**+' )+ +&*!+ "*+$e
e "#e%e$ e !6'+ e !'!# e )+ 7'+ 7++ e +"+6+#$.
P+'+ *+ "#&+=4+, *+ e;&e'!e"!+ e* "*!e%e e$ *+ &'"%!"+ e* !$e=# ( *+ 'e+""!
+ *+$ !%e'+""!#e$ e *#$ !$#$ "# e* ! e )e ")&*!' # $)&e'+' *+$
e;&e"%+%!+$ $)$ e;&e"%+%!+$, ' *# %+%#, e* +)e%# e *+ $+%!$+""! e*
"*!e%e, *+ *e+*%+ ( *+ &'##"!.
C## &+'%e e *+ !e#*#74+, )+ e;&e'!e"!+ $!%!+ &+'+ e* "*!e%e e$ !'%+%e
&+'+ *#$ "*!e%e$ 7'+e$, )e %!ee e* e' e e*e7!' e%'e *+$ e&'e$+$ )e
"#&!%e, )e #'e"e !e'e%e$ !e*e$ e $e'!"!# +* "*!e%e, e$e 'e +
e;"e*e%e. De +")e'# + "*")*#$ # #!"!+*e$ e* e&+'%+e%# e &'#)""!,
2
-
8/20/2019 tesis - app development
34/88
e%'e e#' $e %'+%+ +* "*!e%e ( $e %#+ e ")e%+ e e* e$+''#**# e* &'#)"%#, e*
T+6*+ e *+$ 5$ e P#*#&*+$%
APONES ESPAOL CONTENIDO
2
-
8/20/2019 tesis - app development
35/88
1 SEIRI SELECCIÓN
C*+$!!"+' *# e"e$+'!# ( *#
!e"e$+'!#, e$/+"e'$e e *#
!e"e$+'!# 8Tee' e!!# *#
)e $e )%!*!3+9
2 SEITON ORDEN
M+%ee' *# e"e$+'!# e #'+
#'e++ ( e "!* +""e$#
8Tee' ) *)7+' &+'+ "++ "#$+ (
"++ "#$+ e $) *)7+'9
SEISO LIMPIEZA
M+%ee' *!&!+ e* 'e+ e
%'+6+#, )!+$ e !$%+*+"!#e$
8N# e$)"!+' ( e "+$# "#%'+'!#
*!&!+'9
SEIETSU ESTANDARIZACIÓN
M+%ee' ( e*e+' e* !e* e
$e*e""!, #'e ( *!&!e3+ e e*
'e+ e %'+6+# 8Me#'+'*#"#%!)+e%e9
5 SHITSUE DISCIPLINA Re$&e%+' ( ")&*!' *#$ +")e'#$.
F)e%e: De&+'%+e%# e Ge$%! e C+*!+
L+$ 5 [ $ %!ee "## #6e%!# &'!"!&+* 7ee'+' ) A6!e%e e T'+6+# "#
!$"!&*!+ )e !&)*$e *+ %'+$#'+"! ")*%)'+* e* &e'$#+* &+'+ ")&*!' "# *#$
#6e%!#$, 'e)!$!%#$ e* &'#)"%# ( $+%!$+"e' + )e$%'#$ "*!e%e$, +$e7)'+# e**!e'+37# e )e$%'+ O'7+!3+"!.
25
-
8/20/2019 tesis - app development
36/88
F);5' D!$e=# &+'+ e* %#*# e I'!3+' !
F)e%e: /%%&:XX>>>.*#&*+$%.;X!+7e$
L+ !6'+ e !'!# e$ e'$%!* ( +'%+ *!7e'e3+ ( 'e$!$%e"!+ + *#$ &'#(e"%#$, $!
!'%+ e* %++=# # #'+ e *+ &!e3+ + e$+''#**+', *#$ e&+'%+e%#$ e *+
e&'e$+ $e ++&%+ + *+$ e"e$!+e$ e* "*!e%e.
C.)
L#$ 'e)!$!%#$ e* C*!e%e 8E$&e"!!"+"!#e$, e"/+ e e%'e7+, "+%!+e$ ('e)!$!%#$ e +$e7)'+!e%# e "+*!+9 $# #")e%+#$ ( ++*!3+#$ e e*
&'#"e$# e e%+$ )e 'e%'#+*!e%+ +* &'#"e$# e P'#)""! 8&'#7'++ e
&'#)""!9 &+'+ *+ +6'!"+"! e *+$ &!e3+$ e &*$%!"# 'e#'3+#$ e !6'+ e
!'!# $#*!"!%++$, &+'+ e**# $e +);!*!+ e *#$ &'#"e$#$ e +(# 8Re")'$#$
H)+#$, 'e+ TJ"!"+, C#&'+$, M+%e!!e%#9, &+'+ +$e7)'+' *+ "+*!+
'e)e'!+ + %'+J$ e *+ !#'+"! 7ee'++ ' e* &'#"e$# e e!"!, +*!$!$
( e#'+ 8C+*!+9,( $%e'!#'e%e e%'e7+'*+$ e %!e ( #'+, &+'+ e**# e*
&'#"e$# e 7e$%! 8D!'e""! Gee'+*9 &'#'"!#+ *#$ 'e")'$#$ ( !'e"%'!"e$ +*
&'#"e$# e 'e+*!3+"! e* &'#)"%# &+'+ #6%ee' C*!e%e$ $+%!$e"/#$ ' e!#
e* ")&*!!e%# e $)$ 'e)!$!%#$.
2
-
8/20/2019 tesis - app development
37/88
E* C##'!+#' e "#&'+$ e+*>.*#&*+$%.;X!+7e$
P#*#e;, e$ )+ e *+$ %+%+$ e&'e$+$ )e $# "*!e%e$ +"%)+*e$ e *+ e&'e$+,
%'+6++# "+%!+e$ 7'+e$ e &+'%e$ "# !6'+ e !'!# ( &*$%!"# 'e#'3+#.
E* &'#"e$# !%e'# &e'!%e #'e"e' &!e3+$ e "+*!+ "# +%e"! + %##$ *#$
e%+**e$, ")&*!e# %##$ *#$ 'e)!$!%#$ e *#$ "*!e%e$.
2
-
8/20/2019 tesis - app development
38/88
CAPÍTULO II
PÁGINA WEB
(ESTANDARIZACIÓN Y
RESPONSIVIDAD!
2
-
8/20/2019 tesis - app development
39/88
A$%&/&&$%&
C## +%e"ee%e, *+ e&'e$+ "#%+6+ "# ) $!%!# >e6 6$!"# e$+''#**+# "#
e* "*!e%e ?#'P'e$$, &e'# e* !$# e$%+6+ !"#&*e%# ( +'!+$ )"!#e$ #
%'+6++ "#''e"%+e%e # e $) "+$#, "## *+ &7!+ e "#%+"%#, # %e4+"#%e!#.
L+ e$%')"%)'+"! e* $!%!# >e6 )e e 6+$e +* "#%e!# )e $e %e4+, *+$ !e+$ (
wishlist e *#$ )e=#$. T+6!J $e %# e ")e%+ *+ 'e$$!!+ (
"#&+%!6!*!+ e* $!%!#.
E* $!%!# >e6 +%e'!#' e'+ 'e$$!# ( "# )"/+$ +*%+$ %J"!"+$ e $) e$+''#**#,
(+ )e *+ &*+%!**+ "# *+ )e )e e$+''#**+# e'+ e#"++ + $!%!#$ e$%!*#$ 6*#7.
F);5' H Se""! "#%+"%# 8N# )"!#+*9
F)e%e: /%%&:XX>>>.*#&*+$%.;X"#%+"%+#$
A%e$ e* !!"!# e e$%e &'#(e"%#, $e "#"e&%)+*!3 *+ !e+ e # $e7)!' "# ) $!%!#
>e6, e$ ' e$# )e $e e;&)$# *+ !'%+"!+ e* %ee' ) $!%!# >e6 "#''+%!# (
&'#e$!#+*. L+ '+3 &'!"!&+* e$ ')e *+$ e&'e$+$ ( &e'$#+$ 6)$"+
"#"e&%#$ "*+e$ e !%e'e%, ( e* %ee' ) $!%!# >e6 e$ )+ #'+ e $!&*!!"+'*e$
)e #$ e")e%'e. H#( e 4+ *+$ &e'$#+$ /+"e 6
-
8/20/2019 tesis - app development
40/88
e"#%'+' "*!e%e$ %e"!+*e$ ( +* !$# %!e, +%'+e' ( 'e+!'+' + *#$ )e (+
$# "*!e%e$.
U $!%!# >e6 %+6!J e$ !'%+%e ')e +()+ + e$%+6*e"e' *+ "'e!6!*!+
"## e&'e$+. L+ +(#'4+ e *+ 7e%e $!&*ee%e +$)e )e ")+*)!e' e&'e$+ %!ee ) $!%!#, (+ )e *+ 7'+ +(#'4+ e *+$ e&'e$+$ *# /+"e, # +*
e#$ *+ 7'+ +(#'4+ e *+$ 7'+e$ e&'e$+$. E 'e+*!+, /+( %#+4+ )
6)e e6 # $*# + "'e!6!*!+, $!# )e %+6!J +()+' + +' *+ !&'e$!
e )e *+ e&'e$+ e$ $ 7'+e ( e;!%#$+, *# ")+* 4+ + 4+ $e "#!e'%e e )+
'e+*!+, *+ 7'+ e%++ e$ )e, e !%e'e%, e* %++=# 4$!"# e )+ e&'e$+ #
!'%+, *+ !+7e $e "'e++ e *+ e%e e *+$ &e'$#+$ $e )e*e
-
8/20/2019 tesis - app development
41/88
e e$%e &'#(e"%# $e &'e$e% *+ $!6!*!+ e )$+' e* $e'!"!# IIS !"*)!# e e*
$!$%e+ #&e'+%!# e* Se'!#'. I!"!+# "# e$e "e'# e 6+$e +* fra!ework”
B##%$%'+&.
F);5' L#7# e* '+e>#'@ B##%$%'+&
F)e%e: /%%&:XX>>>.*#&*+$%.;X!+7e$
B##%$%'+& e$ )+ "#*e""! 7'+%)!%+ ( e "!7# +6!e'%# e /e''+!e%+$ &+'+ *+
"'e+"! e $!%!#$ >e6 ( +&*!"+"!#e$ >e6. C#%!ee "!7# &'e-7ee'+# e
J%##$ ( &+'+ %!'+4+, #'+$, 6#%#e$, +e7+"! ( #%'#$ "#e%e$ e *+
!%e'+3, +$4 "## *+$ e;%e$!#e$ e ++S"'!&% #&"!#+*e$. S) #6e%!# e$ +"!*!%+'
e* e$+''#**# e $!%!#$ >e6 !!"#$ ( +&*!"+"!#e$ >e6. B##%$%'+& e$ ) +'"#
'#%+* 8front-end fra!ework” 9, e$ e"!', )+ !%e'+3 &+'+ e* )$)+'!#, + !e'e"!+
e* "!7# e $e'!#' )e 'e$!e e e* Qack-end Q.
P')9&' )*&1+
P+'+ e* &'!e' !$e=# e$+''#**+# "# B##%$%'+& $e /!3# )+ &7!+ +e$%'+
6+$++ e ) !$e=# /e"/# + +# "# e* ")+* $e e$%+6*e"! "## $e'4+ *+
!%e7'+"! e *+ 6+''+ e +e7+"! ( &!e e &7!+, +&*!"+6*e$ + "++ )+ e
*+$ &7!+$ e* $!%!#.
1
-
8/20/2019 tesis - app development
42/88
F);5' >J E"+6e3+# HTML 8P7!+ +e$%'+9
! D&/.'/)0$P+'+ e* !!"!# e* $!%!# $e /!3# *+ e"*+'+"! e* %! e #")e%# # DOCTYPE,
)e e$ )+ !$%')""! )e +$#"!+ ) SGML # #")e%# ML 8' ee&*#, )+
&7!+ >e69 "# )+ e!!"! e %! e #")e%# 8DTD9 8' ee&*#, *+
e!!"! #'+* e )+ e%e'!++ e'$! e HTML, e e$%e "+$# HTML59. E
*+ #'+ $e'!+*!3++ e* #")e%#, $e +!!e$%+ "## )+ "+e+ "#'%+ e
+'"+# )e $e +)$%+ + )+ $!%+;!$ &+'%!")*+'.
L#$ #%#'e$ e !$e=# HTML e *#$ +e7+#'e$ >e6 #e'#$ 'e+*!3+DOCTYPE Qsniffin Q # Q"+6!#Q, e e* )e e* DOCTYPE e ) #")e%# *e4#
"## %e;%X/%* e%e'!+ ) ## e !$e=#. E* e$%+' %e;%X/%* e HTML5,
)e # e$% 6+$+# e SGML, )$+ e* DOCTYPE $*# &+'+ *+ $e*e""! e ##.
E$ ' e$%# )e *#$ +e7+#'e$ >e6 $e !&*ee%+ "# ++*!3+#'e$ HTML
&+'+ !e$ e$&e"!+*e$, ( +$4 e%e'!+' "# $e' e* render” e* $!%!#. E* DOCTYPE
e$ 'e%e!# e HTML5 "## )+ Q!ostly useless' ut re$uired Q "+6e"e'+
-
8/20/2019 tesis - app development
43/88
-! E$/-&K+
F);5' >> E"+6e3+# e *+ &7!+
E* e"+6e3+# e$ ) 7') e +()+ !%'#)"%#'!+ # e +e7+"!. De%'# e*
!$# )e e!!# e* +)%#' e* "!7# ( *+ #'7+!3+"!, +$4 "## *#$ !e'e%e$
!eta ta” )e e!e e* %! e "+'"%e', "#&+%!6!*!+ ( e* viewport” )e e$ *+
*4e+ e "!7# )e e!e "## $e !$)+*!3+' e* $!%!# e ")+*)!e' !$$!%!#.
L+ e!!"! e *+$ &+*+6'+$ "*+e$ &+'+ #%#'e$ e 6
-
8/20/2019 tesis - app development
44/88
/! CSS
F);5' > I!"!# e /#+ CSS
H#+$ e e$%!*# CSS &e'!%e e#'e$ &7!+$ >e6 ( ) "#%'#* %#%+* $#6'e e*
!$e=# )'+%e %## e* &'#"e$#. ascadin tyle heetsV # CSS e$% !")*++$
e e* “ta head” ( &e'!%!' *+ e$%!*!3+"! ( "#%'#* %#%+* $#6'e "++ )+ e *+$
&7!+$ e* $!%!#.
M!e%'+$ )e e* +'"/!# HTML e* $!%!# $e #")&+ e* "#%e!# 'e+* ( *+ e$%')"%)'+
e* $!%!# >e6, *#$ +'"/!#$ CSS $# *#$ e"+'7+#$ e "'e+' ) “rid” *+$ )e%e$
e %e;%# ( e* e$%!*# e *#$ +%#$ &+'+ %## e* $!%!# >e6. E$ $!6*e "'e+' $e""!#e$
e style” e%'# e* HTML, &e'# e +")e'# + *#$ e$%+'e$ ( *+ *7!"+, e*
#")e%# e$%+'4+ 'e&*e%# e "!7#, *# ")+* !!")*%+'4+ $) *e"%)'+ ( #!!"+"!.
E e* "+$# &'e$e%+# + "#%!)+"!, $e )e$%'+ *+ &7!+ +e$%'+ $! 4")*#$ +
*+$ /#+$ e e$%!*#, !e%'+$ )e *+ $e7)+ !+7e )e$%'+ *+ +e"%+"! +*
!$e=# ' &+'%e e *#$ +'"/!#$ CSS.
F);5' >. U$# e CSS e e* $!%!#
-
8/20/2019 tesis - app development
45/88
A* &'e$e%+' e* &'#(e"%# + *#$ )e=#$ e *+ e&'e$+, $e &)%)+*!3 *+ !'%+"!+
e* )$# e CSS, "# e* e6.
L+$ "+'+"%e'4$%!"+$ e *+$ /#+$ e e$%!*# + *+ #'%)!+ e e$+''#**+'
)+ 6+$e e +%#$ !")*++ + ) $e'!#', *# ")+* *+ "#!e'%e e )+
+&*!"+"! >e6.
E* $!%!# >e6 'e$+*%+' e *#$ #%#'e$ e 6
-
8/20/2019 tesis - app development
46/88
-
8/20/2019 tesis - app development
47/88
e;&'e$++ e e$%e *!6'# 'e!e'e + )e e* *)7+' ( e* &e'$#+e )e e$% e J*,
!%e'+"%)+# e +")e'# + *+$ e"e$!+e$ e +6#$, &e'!%!e# )+
e;&e'!e"!+ &e'$#+*!3++ ( CSS ( ++&%+"!#e$ "# )e'!e$ e *+ &7!+.
P'e!+e%e $e /+64+ !$e=+# &+'+ )$)+'!#$ e e$"'!%#'!# &'!e'#, ( )+ e'$!
!* e'+ "'e++ +&+'%e, /+"!J#*+ #'3++ ( e +*7)#$ "+$#$ "+6!+#
%#%+*e%e e* "#%e!# e* $!%!# # e $)$ "+$#$, !%e%+' +%ee' e;+"%+e%e e*
!$# !$e=# )e e* e* $!%!# &+'+ e$"'!%#'!# e +e'+ !e"e$+'!+. De"!!' )J
-
8/20/2019 tesis - app development
48/88
e$ *# $ !'%+%e &+'+ ) e$&e"%+#' e ) !$$!%!# !* "# +"/# e
6++ *!!%+#, %e"!+ e &'#"e$+!e%# ( %++=# e *+ &+%+**+ $!7!!"+ *+
#'%)!+ e # &e'e' e* &'#&$!%# &'!"!&+* # e$+e ( ' *# %+%#, e %##$
*#$ %++=#$ e *+ &7!+, e* !$e=+#' &)e+ e$%+' "e%'+# ( "#"!$# e #e'%+'
)+ e#' e;&e'!e"!+ + *#$ "*!e%e$.
D!$e=#$ fluid rid” , !7ee$ *e;!6*e$ ( “!edia $ueries” $# *#$ %'e$ !7'e!e%e$
%J"!"#$ &+'+ e* !$e=# >e6 'e$$!#, &e'# %+6!J 'e)!e'e )+ #'+ !e'e%e
e &e$+'. E *+ +(#'4+ e *#$ "+$#$ *+$ &e'$#+$ /+"e *# )e +"#$%)6'+
")+# "'e+ +'!#$ $!%!#$, )$+ *#$ !edia $ueries” &+'+ #")*%+' "#%e!# $!
"+6!+' 'e+*e%e *# e"e$+'!#, e $) "+$#, &+'+ e#'+' &'#7'e$!+e%e e*
%'+6+# e !e'e%e$ "#%e;%#$ e !$)+*!3+"!. T## e$%# $! #*!+' )e /+(
e&'e$+$, "## *+$ e#"++$ + 'ee$ $#"!+*e$ )e e"e$!%+ ++&%+' %#%+*e%e
e* $!%!# &+'+ #'e"e' )+ !$)+*!3+"! ( ++&%+6!*!+ &+'+ *#$ )$)+'!#$. E e* "+$#
e *+ e&'e$+, $#*# e"e$!%+ "#%e!# e$%%!"# )e +* !$# %!e $e+ !!"#
"# !e'e%e$ 'e$#*)"!#e$.
F);5' > M)e$%'+ e *#$ !e'e%e$ "viewports" e* $!%!#.
A$4, *+ e&'e$+ e$&e"!+*!3++ e !6'+ e !'!# &)ee +%'+e' $ "*!e%e$ "# )
e#' %'!"# e !#'+"! e *+ >e6, $!"!#+# *+ e&'e$+ "## )+ e *+$
-
8/20/2019 tesis - app development
49/88
$ )e'%e$ e e* e'"+#, "# &'e$e"!+ e %## e* %e''!%#'!# e;!"+# e
!!"!+# e e* e;%'+e'#.
&! B+.* & T'-@+
P+'+ +7'e7+' )+ "+'+"%e'4$%!"+ e$&e"!+* + *+ &7!+, $e e*+6#' ) !!-'%+*, ee* ")+* *#$ !$!%+%e$ &)ee !$)+*!3+' *+$ #'%)!+e$ e e&*e# e%'# e *+
e&'e$+ ( e' +&*!"+' e$e e* $!%!#.
L+$ 6#*$+$ e %'+6+# $# "!*e$ e )$+', %+%# &+'+ e* 'e"*)%+#' ( )!e 6)$"+ e*
%'+6+#. Y %#+# e%++ e *#$ ++"e$ %e"#*7!"#$, "## *# e$ e* !%e'e%, e*
'e"*)%+!e%# e$ e!"+3 "## )"+ +%e$.
De%'# e *+$ $e""!#e$ $e "'e+'# %+6)*+"!#e$, e *+$ ")+*e$ e* !$!%+%e &)ee
!e%!!"+' '&!+e%e e* "#%e!# ( e"#%'+' "#"e&%#$ "*+e$. E$%# e#'+ *+e;&e'!e"!+ e* )$)+'!#, +()+# + *+ &e'$#+ )e 6)$"+ e&*e# + e"#%'+' *#$
&)e$%#$ +e")+#$ ( +* e&*e+#' &+'+ ++&%+' $)$ +)"!#$ &+'+ **e7+' + *#$
"+!+%#$ +e")+#$.
F);5' > Se""! e!"+ +* #+6 B#+'
P)6*!"+' *+$ +"+%e$ e )+ 6#*$+ e %'+6+# e$ )"/# $ 6+'+%# )e *+
6
-
8/20/2019 tesis - app development
50/88
/##7Je# e%'# e *+ &7!+, $!e# # $#*# ) &)%# e !#'+"!, $!# "#
*+ "+'+"%e'4$%!"+ e +%'+e' %+*e%# + *+ e&'e$+.
P+'+ e* e$+''#**# e* !$# $e "#$!e'+'# *+$ %ee"!+$ e *#$ 1o oard V
$ &)*+'e$ e *4e+, %#+# $#*# *+$ "+'+"%e'4$%!"+$ e$e"!+*e$ /+"!e#'ee'e"!+$ + *+$ SERP$, )e e 'e$)e $# &+'%e$ e *+$ #'+%!+$ e
%'+$&+'e"!+ e *4e+, ( "#&'#e%e + +' !#'+"! "*+'+ ( &'e"!$+ ' &+'%e
e *+ e&'e$+.
0
-
8/20/2019 tesis - app development
51/88
CAPÍTULO IIIMANTENIMIENTO Y SOPORTE
TÉCNICO
(FÍSICO Y REMOTO!
! A$%&/&&$%&
1
-
8/20/2019 tesis - app development
52/88
C)+# )+ PC # )+ 'e # e$% )"!#+# "#''e"%+e%e &'##"+ ')$%'+"!
e $)$ )$)+'!#$ e !&!e e* e$+''#**# "#''e"%# e *+$ +"%!!+e$. U e)! # )+
'e 6+# ) &e'!## e !+"%!!+ "#)"e + ) +)e%# e *#$ 7+$%#$ 7ee'+*e$,
*+ &J'!+ e &'#)"%!!+, &J'!+ e *+ $+%!$+""! e* "*!e%e ( e #"+$!#e$
"#**e+ )+ 'e)""! e *#$ !7'e$#$ e *+ e&'e$+.
E$%# e$ e$&e"!+*e%e "!e'%# &+'+ *+$ e%!+e$ e&'e$+'!+*e$ )e e&ee e
%e"#*#74+$ e *+ !#'+"! 8TI9. E e* "+$# e *+ e&'e$+, $) 7!'# e$ !)$%'!+*,
$! e6+'7#, *+$ )!+$ **+++$ CNC )$++$ &+'+ *+ +6'!"+"! e #*e$
)%!*!3+ )!+$ e e$"'!%#'!#, *+$ ")+*e$ e"e$!%+ +"%)+*!3+"!#e$,
+%e!!e%#, )$# e%'# e* #!!# ( *4%!"+$ e $e7)'!+, (+ )e *+$
!$+$ +e+ *+ !#'+"! e *#$ #e*#$ ( &!e3+$ e;"*)$!+$. L#$
&'#&!e%+'!#$ ( 7e'e%e$ e *+$ 'e+$ #%+'# ) 7'+# e e$%'J$ +*%# e *#$
%'+6++#'e$, ' *+ +*%+ e !&+"%# e TI e *#$ e&+'%+e%#$.
A%e$ e )e e$%e &'#(e"%# !!"!+'+ e* e"+'7+# e* e&+'%+e%# e Te"#*#74+$
e *+ I#'+"! !!"! *+ 'e7)*+'!3+"! e *!"e"!+$, !&*ee%+"! e )
$e'!#' ( e* #!!# &+'+ *#$ e)!$ )e $# &'#&!e+ e *+ e&'e$+.
E$% $e""! e* &'#(e"%# !!"! ')e *+ e&'e$+ %!ee e)!$ &+'+ $)$
%'+6++#'e$ )6!"+#$ e *+$ !e'e%e$ &*+%+$ e *+ Re&
-
8/20/2019 tesis - app development
53/88
e"e$+'!#, +&*!"+'*e$ +%e!!e%# e /+'>+'e # e $#%>+'e. E e* "+$# e *#$
)e $e e")e%'+ e #%'#$ e$%+#$ e* &+4$, $) +%e!!e%# e$ 4+ e$"'!%#'!#
'e#%#.
/! S+7+'%& %/$)/+C## e&'e$+ $e %!ee )e +' ) $e'!"!# e "+*!+ (+ $e+ ' %e*J##, "#''e#
e*e"%'!"#, "/+%, # e* +(# e* "e%'# e $e'!"!#. E* $#'%e %J"!"# e$ )(
!'%+%e e%'# e *+ e&'e$+, (+ )e e* )$# e e)!$ e "&)%# e$
/+6!%)+*, ( e $) +(#'4+ e )$# ')#. L+e%+6*ee%e, # %#+$ *+$ e&'e$+$
$e "e%'+ e #'e"e' ) e;"e*e%e $e'!"!# e%'# e *+ e&'e$+. A* "*!e%e
ee&*+' # $e'!"!# %J"!"# e$ )+ )'+ "#&e%e"!+. U #%# e7+%!# &)ee
e$%')!' %#+ *+ "#&+=4+. E$%+ e$ *+ '+3 ' *+ ")+* %+6!J e$ !'%+%e &+'+
) "*!e%e &+'+ $+6e' )J %!$ e +(# )e #'e"e *+ e&'e$+ +%e$ e "#&'+'
e* &'#)"%#. A%'$ /+ )e+# *#$ 4+$ e )e ) "*!e%e $!&*ee%e 'e**e+ e*
#')*+'!# e e+*)+"! e* "*!e%e &+'+ $+%!$+"e' + ) &
-
8/20/2019 tesis - app development
54/88
E* $#'%e e TI %+6!J 7ee'+ 'e%'+$#$, e$ ' e$# )e )e e$%+6*e"!# ) BPM
%2usiness 3ro4ect Manae!ent, e e* ")+* $e e$%+6*e"! e* #'e e ( &'#%#"#*#$
e #&e'+"!, e* ")+* )e 'e$e'+# ' *+ e&'e$+. De ")+*)!e' #'+, e*
e$+''#**# e* !$# $!7)e e* e$%+' ( e e* "+$# e* $e'!"!# 'e#%#, $e )%!*!3
*+ +&*!"+"! Te+!e>e' "# *!"e"!+ # "#e'"!+*, (+ )e +%e$ e &+7+'*+, $ee"!! )$+'*+ e ) &e'!## e &')e6+.
/! A*)*%&$/) R&9+%
Te+!e>e' e$ ) &+)e%e e $#%>+'e &+'+ "#%'#* 'e#%#, "#&+'%!' e$"'!%#'!#,
'e)!#e$ e *4e+, "#e'e"!+$ >e6 ( %'+$e'e"!+ e +'"/!#$ e%'e
#'e+#'e$. L+ #'+ e )e )e )$+# e%'# e *+ e&'e$+ )e &+'+ +(+' +
*#$ e&*e+#$ )e %e4+ &'#6*e+$ "# $)$ #'e+#'e$, ' ee&*#, e
M#%e''e( )# e e**#$ # %e4+ )+ ")e%+ "#!7)'++ e e* #!!#, ! )+")e%+ e "#''e# "#!7)'++ "# $) $e'!#' &'ee%e'!+#, *# ")+* )e /e"/#
e!+%e e* $e'!"!# e e$"'!%#'!# 'e#%# )e Te+!e>e' #'e"e.
F!7)'+ 1. C+&%)'+ e +$!$%e"!+ 'e#%+ "# Te+!e>e'
-
8/20/2019 tesis - app development
55/88
C## "++ )+ e *+$ +$e$ e e$%e &'#(e"%#, )e /e"/+ )+ &'e$e%+"! +*
e&+'%+e%# e TI ( + *+ +!!$%'+"!, e *+ ")+* $e 'e$+*%+'# +*7)#$ &)%#$
e *#$ )e *+ +$!$%e"!+ 'e#%+ +#'e"e + *+ e&'e$+ ( !'e"%+e%e + *+
'e)""! e 7+$%#$ ( e#'+ e *#$ %!e$ &'#)"%!#$:
1. E!"!e"!+
De%'# e *+ e&'e$+, e* $e'!"!# + *+$ &*+%+$ *e++$ $e /+"4+ e #'+ 4$!"+, e*
%J"!"# e *+ e&'e$+ !++6+ /+$%+ *+ "!)+ e$%!#, *# ")+* !&*!"+6+ ) "#$%#
e 7+$#*!+, !%!"#$ ( %!e &'#)"%!# %+%# &+'+ e* %J"!"# "## &+'+ e*
%'+6++#' )e (+ e$%+6+ e$&e'!"!+# %!e. O%'+ e *+$ #&"!#e$ )e *+
e&'e$+ %e4+ &'e$e%e e'+ *+ +$e$#'4+ 4+ %e*e!"+, *# ")+* %+6!J
'e&'e$e%+6+ ) "#$%# !%e'#, ( e +*7)#$ "+$#$, $e %e4+ )e /+"e' "+6!#$++3+#$, ' ee&*#, e$e MS-DOS, *# ")+* 'e$)*%+6+ "#&*!"+# &+'+ *+
&e'$#+ +$e$#'++, ( e *+ +(#'4+ e *+$ #"+$!#e$, $e )e+6+ $! 'e$)*%+#$.
A$4, e* %J"!"# %!ee *!6e'%+ %#%+* e +e+' e* e)! ( e' /+"e' e* &'#"e$#
"## $! e$%)!e'+ &'e$e%e.
2. Re%+6*e
H+"e' $#'%e 'e#%# $!7!!"+ *+ 'e)""! e e* e$7+$%e e *#$ e/4")*#$ e *+
e&'e$+, +$4 "## e* 4$!"# ( e%+* e *#$ %J"!"#$, *# ")+*, e ) e)!+*e%e
"# e* "#$%# e *+$ *!"e"!+$ + *+ $!6!*!+ e )+ !e'$! + *+'7# &*+3#, *#
")+* %+6!J 'e*e+ *+ +"e&%+"! e *+ %e"#*#74+ ' &+'%e e *+ e&'e$+.
B+# )+ "#%!3+"! e *+$ *!"e"!+$, $e "#&+' e* 7+$%# $e 'e+*!3+6+ ' "++
!"!e"!+, ( $e 'e*e )e e* 7+$%#, +* &*+3# e ) +=# $e 'e)"e + $ e *+
!%+, *# ")+* +e"%+ !'e"%+e%e + *+$ )%!*!+e$ e *+ e&'e$+, ( $) e!"!e"!+.
. E"#*7!"#
5
-
8/20/2019 tesis - app development
56/88
C## $e /+ e"!#+# +%e'!#'e%e, *+ e&'e$+ $e e")e%'+ e &'#"e$#$ e
"e'%!!"+"!#e$, *# ")+* !&*!"+ ) "#&'#!$# "# e* +6!e%e. A))e &+'e3"+
4!#, e ")e$%!#e$ e* %'+$'%e *+ e&'e$+ 7ee'+ "#"!e"!+ e $)$
e&*e+#$
E* )$# e e$%+ %e"#*#74+ e$ &+'%e e ) !!"!# e "+6!#, +$4, #%'+$ 'e+$ &)ee
$e' +e"%++$ e +e'+ $!%!+, 7ee'+# )+ )e+ e%+*!+ e%'e *#$
%'+6++#'e$ ( *+ e&'e$+ "## e%!+.
F);5' >. C'e+"! e )$)+'!# )'+%e +$!$%e"!+ 'e#%+
. E$ client-friendly”
E #"+$!#e$, e$ !4"!* )e e* )$)+'!# &)e+ e%ee' *+$ !$%')""!#e$ )e $e
+ 4+ %e*e!"+, # e &'e$e"!+ e ) %J"!"#, $e **e7+ + $e%!' !+!#$ e $)
'e+ e %'+6+#. Me!+%e e* )$# e *+$ /e''+!e%+$ e e$"'!%#'!# 'e#%#, $e %!ee
*+ $!6!*!+ e +' ) 6)e %'+%# + *+$ &e'$#+$ !#*)"'++$ ( &e'!%!'*e$ e'
&+$# ' &+$# "## $e **e+ + "+6# e* &'#"e$#.
A$4, e* )$)+'!# &)ee #*e' $ '&!# + $) %'+6+# ( )e+' $+%!$e"/# "# e*
$e'!"!# 'e"!6!#, 'e)"!e# e* %!e # &'#)"%!# ( e#'+# e* e$%+# e
!# e* !$#, (+ )e &)ee #*e' + $)$ %+'e+$ #'+*e$ $! "#&*!"+"!#e$.
5. L+ )*%!%+'e+
-
8/20/2019 tesis - app development
57/88
C)+# $e e$% 'e+*!3+# *+ +$!$%e"!+ e +e'+ 'e#%+, e* %J"!"# ( )$)+'!#
%!ee *+ *!6e'%+ e e$%+' ee")%+# %+'e+$ +* !$# %!e, (+ $e+ e e* &'#"e$#
!'e"%# # e #'+ $e")+'!+. P#' ee&*#, e *+ e&'e$+ $*# /+( ) %J"!"# 8L#
")+* "+6!+' "# e* &*+ e +""! &+'+ ee$ e 6+"/!**e'+%# )e !!"!+' e e*
2019, e* ")+* +%e4+ "+$# ' "+$#, *# ")+* "#**e+6+ )e, $! e +*7
-
8/20/2019 tesis - app development
58/88
$) 4+, $! #*!+' )e e;!$%e e;"e&"!#e$. H+( "!e'%+$ $!%)+"!#e$ 8"## *+$
+"%)+*!3+"!#e$ e ?!#>$, e$&e"!+*e%e e $e'!#'e$9, #e e$&)J$ e *+$
/#'+$ e %'+6+# e$ *+
-
8/20/2019 tesis - app development
59/88
e* ++*!$%+ # %J"!"#, $e "#e"% +* e)! e ")e$%! + !$%+"!+ !e%'+$ e*
!$# **e+6+ ) 'e7!$%'# e* %'+6+# )e $e 'e+*!3+6+, ( *+$ #&"!#e$ &'e$e%e$
)e 4+ ee")%+'. E* *!6'# e %'+6+# e E;"e* "#%e4+ +%#$ "#!e"!+*e$
$e$!6*e$. P#' *# ")+*, 6+# ) +")e'# e J%!"+, &'e$e%e e e* "#%'+%# !'+# +*
e%'+' + *+6#'+' e%'# e *+ e&'e$+, e* %J"!"# $e "#&'#e%e + +%ee' *+
"#!e"!+*!+ e %##$ *#$ +'"/!#$ )e %)!e$e )e e' e%'# e* &'#"e$#,
%e!e# e ")e%+ )e # $e &)ee /+"e' "#&!+$, "+6!#$ # e$ &+'+ )$#
&'#&!#, $*# *#$ e$%+6*e"!#$ ' *+ $!%)+"! # 6!e, $#*# *+$ "#&!+$ e"'!&%++$
&+'+ e* +'"/!# e 'e")&e'+"! 7ee'+# !+'!+e%e e%'# e *+ e&'e$+.
! P'6/%)/* 7' &. *&'4)/)+ 3 *+7+'%& %/$)/+
P+'+ e%e'!+' e* "# $e **e+' + "+6# "++ )+ e *+$ %+'e+$ e%'# e *+
!!$! e $#'%e %J"!"# e TI, $e e$%++'!3# "## $e'4+ +&*!"++$ *+$ 6+$e$
e%'# e "++ )+ e *+$ %+'e+$, /+"!e# *+ *!$%+ e$e %e"#*#74+ /+$%+
!+*e%e **e7+' +* 'e")'$# /)+#.
T&/$+.+;=
S#%>+'e e "#e;! X M+# + !$%+"!+ +'!+%e. E$%#$ &'#)"%#$ )e'#
e$%+6*e"!#$ &+'+ %'+6++' + !$%+"!+. E$e"!+*e%e, $e e$%+6*e"!e'# %'e$ %!$
e +""e$#:\ A!!$%'+#': + "*!e%e: E e$%e #e*#, e* $#%>+'e e +!!$%'+"! )e $e
ee")%+ e e* #'e+#' e* %J"!"# 8# e ) $e'!#'9 $e &)ee "#e"%+' + )
"*!e%e e $e'!#' )e 'e$!e e e* #'e+#' e* )$)+'!#, +# +* +!!$%'+#'
"#&*e%# "#%'#* "## $! J* X e**+ e$%)!e'e &'e$e%e e *+ )!+ "*!e%e. E
+*7)#$ "+$#$, e* $#%>+'e e* $e'!#' &)ee $e' Q!$%+#Q + *+ )!+ "*!e%e e
)+ 'e $! # $e /+ !$%+*+# &'e!+e%e.
\ ?e6-B+$e: E* )$)+'!# +6'e )+ &7!+ >e6 ( "#&+'%e $) &+%+**+ "# )%J"!"# )e +"e&%+ *+ "#e;! "# 6+$e e *+ !#'+"! &'#'"!#++ ' e*
"*!e%e.
\ A&&*!+"e: 6+$++ e /+'>+'e, "#%'#* "e%'+*!3+# e *+$ $e$!#e$ 'e#%+$, e
e$%e "+$#, Te+!e>e'.
-
8/20/2019 tesis - app development
60/88
F);5' C!e''e e $#'%e %J"!"# 'e#%#.
E ")+*)!e' #'7+!3+"! e$ !'%+%e *+ $e7)'!+, e e* "+$# e P#*#&*+$% e$
)+ &'!#'!+ e6!# + )e $e +e+ !$e=#$ e;"*)$!#$ e *#$ "*!e%e$, +$4
"## #e*#$ )e $# *+3+#$ +* e#$ ) +=# e$&)J$ e $) e*+6#'+"!.
U+ $e$! e $#'%e # $e7)'+ e$ $)$"e&%!6*e +* "atack !an-in-the-!iddle". E*
&'#%#"#*# )%!*!3+# &+'+ /+"e' ( "#%!)+' *+ "#e;! e6e $e' $e7)'+, ( e6e
")&*!' "# 'e)!$!%#$ %+*e$ "## PCI DSS, HIPAA, SO, ( e$ ' e$# )e *#$
!$#$ /+ $!# +7'e7+#$ e%'# e *#$ &'#%#"#*#$ e *+ e&'e$+ ( e*
e&+'%+e%# e TI.
P'+/&*+
P+'+ +' ) e$%+' + *#$ )%)'#$ %J"!"#$ e* e&+'%+e%#, $e e$%!&)* e*
&'#"e$# + $e7)!' )'+%e *+ +$!$%e"!+ 'e#%+. M)"/#$ &'#)"%#$ e "#%'#*
'e#%# %!ee )+ "+'+"%e'4$%!"+ )e +*e'%+ +* )$)+'!# !+* ")+# $e e$%+6*e"e
)+ "#e;!, ( e +*7)#$ "+$#$ &)ee 'e)e'!' *+ +"e&%+"! ' !"/# )$)+'!#
!+* +%e$ e )e $e "#&*e%e *+ "#e;!. C)+# e;!$%e e$%+ )"!, e6e e$%+'
/+6!*!%++ &+'+ )e *#$ )$)+'!#$ e* "*!e%e !+* 8e* )$)+'!# )e e$% $!e#
+%e!#9 $!e&'e &)e+ e$%+' "#$"!e%e e )e $e 'e+*!3+ *+$ "#e;!#e$ (
%e7+ e* e'e"/# e +"e&%+'*+$ # 'e"/+3+'*+$. E e* "+$# e Te+!e>e', *+
)"! e;!$%e, ( +$4 *#$ )$)+'!#$ &)ee %ee' *!6'e "#%'#* $#6'e *+ $e$!, e e*
50
-
8/20/2019 tesis - app development
61/88
e%e!# e )e $e *e e6e +' *+ *!6e'%+ +* %J"!"# e ")&*!' $) %+'e+, *+ ")+*
**e+' + "+6# e #'+ 'e$&e%)#$+ ( ++6*e, ")&*!e# *+$ #'+%!+$ J%!"+$ e
*+$ )e $e /+6*+'# &'e!+e%e.
E$ !'%+%e e"!#+' )e e$% e$%!&)*+# ) $!$%e+ !%e'# "# *#$ +""e$#$e *#$ e)!$, e e$%+ #'+, *#$ )$)+'!#$ ( "#%'+$e=+$ e *#$ !$#$ $# e
"!* +""e$# &+'+ e* e&+'%+e%# e TI.
F);5' A$!7+"! e '#*e$ ( !'e"%!+$ e )$)+'!#, 4+ e$"'!%#'!# 'e#%#
U*5')+*
P+'+ ) 6)e %'+%# "# *#$ )$)+'!#$ ( ) $e'!"!# e!"+3, "++ ++*!$%+ ( %J"!"#
e6e 'e"!6!' "+&+"!%+"! $#6'e *+ !'%+"!+ e $e7)!' *#$ &'#"e!!e%#$ +*
)%!*!3+' /e''+!e%+$ e "#%'#* 'e#%#, ( e6e $e' "#$"!e%e$ e )e e6e
!'+' ) "!7# e J%!"+ )e "e'%!!)e $) +")e'# &+'+ +"%)+' e )+ +e'+
/#e$%+ ( &'#e$!#+*. De6e /+6e' "#$e")e"!+$ +&'#&!++$ ' !#*+' e* "!7#
(X# # $e7)!' e* &'#"e!!e%# +e")+#. L#$ !e6'#$ e* &e'$#+* $e e"+'7+
e 7e$%!#+' *+$ "'ee"!+*e$ ( "#%'+$e=+$ e"e$+'!+$ &+'+ *+ "#e;!.
A* !7)+* )e "# ")+*)!e' 'e7*+, /+( e;"e&"!#e$. E e* "+$# e )e *+
"#&)%+#'+ e ) )$)+'!# !+* e$%J !e"%++ "# ) !')$ # +*>+'e )e !%e%+
51
-
8/20/2019 tesis - app development
62/88
&'#&+7+'$e + %'+J$ e *+ 'e e *+ #'7+!3+"!. S! *#$ !%e%#$ &+'+ e$%+6*e"e'
)+ "#e;! "# e* )$)+'!# !+* +**+ ( ) 'ee!# e +!!$%'+"! e *+ 'e
# e$% !$!6*e, *+ e#' $#*)"! 8e$ e"!', *+ )e &)ee $e' %#++
'&!+e%e9 &)ee $e' *+ e +&+7+' *+ )!+ + %'+J$ e "#%'#* 'e#%# /+$%+
)e ) %J"!"# &)ee +6#'+' *+ ")e$%!. E e$%e %! e ee'7e"!+$, )
$)&e'!$#' # 7e'e%e e6e $e' "#$)*%+# &+'+ %#+' *+ e"!$! e +""ee' +*
#'e+#' ( ee")%+' e* "#+#. U ++*!$%+ # %J"!"# # e6e %#+' *+ e"!$!
e +e'+ )!*+%e'+*, ( *#$ &+$#$ )e **e+'# + *+ e"!$! e +""ee' +*
#'e+#' 'e#%# $! +)%#'!3+"! e6e' #")e%+'$e. C+$#$ "## J$%e
e6e' 'e!$+'$e &+'+ e' $! e;!$%e #%'+ $#*)"!, ( $! *#$ &'#"e!!e%#$
e;!$%e%e$ # "+'+"%e'4$%!"+$ e &'#)"%#$ e* "#%'#* 'e#%# e"e$!%+ $e'
"+6!+#$.
P+'+ "#"*)!', e* $e'!"!# %J"!"# e'+ ) 'e+ $)+e%e e$")!++ e%'# e *+
e&'e$+, (+ )e # $e /+64+ #%+# *+ !'%+"!+ )e *+ !$+ "#**e+ ( *+
'e)""! e "#$%#$ )e $e &e'!%e.
De%'# e* e&+'%+e%# e TI, $e e$%+6*e"! )+ )e+ '++ e* !$#, *+ ")+*
e$ $#'%e %J"!"#, )e $e' %#++ + &+'%!' e* +=# 201 ' &'+"%!"+%e$
e$&e"4!"#$ e* 'e+, *#$ ")+*e$ $e' !$%')!#$ &+'+ /+"e'*# 4$!"+e%e (
'e#%+e%e, $!7)!e# *#$ &'#%#"#*#$ ( e$%+%)%#$ e$%+6*e"!#$ e%'# e *+
e&'e$+. E* +(#' !&+"%# )e e$%e &'#(e"%# %)# e%'# e *+ e&'e$+, )e *+
'e)""! e *#$ "#$%#$ +"#$%)6'+#$ e%'# e *+ #'7+!3+"!, 7ee'+# *+
#'%)!+ e +/#''+' *#$ 'e")'$#$ e !e'%!'*#$ e )e+ %e"#*#74+ )e "# e*
%!e 6ee!"!+'+ + *+ e&'e$+ # $#*# e #'+ !%e'+, %+6!J $) !+7e
'e%e *+ "#&e%e"!+ ( *#$ "*!e%e$ $e e +e"%++ e #'+ $!%!+, 7ee'+#
)+ !+7e &'#e$!#+* ( "#&e%!%!+.
L#$ !e6'#$ e* e&+'%+e%# !!"!+'# *+ "+&+"!%+"! &+'+ **e+' + "+6# e*$#'%e, ( + $) e3, *+ e$%')"%)'+"! e *#$ "!7#$ J%!"#$ ( e "#)"%+ )e
%#+' *#$ &'+"%!"+%e$ e e* #e%# e !7'e$+' +* e&+'%+e%#.
52
-
8/20/2019 tesis - app development
63/88
CAPÍTULO IV
BASE DE DATOS
(TAR?ETAS DE PROXIMIDAD REGISTRO DE
EMPLEADOS!
5
-
8/20/2019 tesis - app development
64/88
! A$%&/&&$%&
L#$ $!$%e+$ 6!#J%'!"#$ # $# +*7# 'e+*e%e )e#, (+ )e +&+'e"!e'#
)'+%e *+
-
8/20/2019 tesis - app development
65/88
F)e%e: /%%&:XX>>>.")"#'e%."#X6!#e%'!+./%*
-! C'/%&'=*%)/*
L+$ "+'+"%e'4$%!"+$ 6$!"+$ e ) $!$%e+ 6!#J%'!"# &+'+ !e%!!"+"! &e'$#+*
$# e* e$e&e=#, )e $e 'e!e'e + *+ e;+"%!%) ( *+ '+&!e3 +*"+3++ e *+
!e%!!"+"! e !!!)#$ ' &+'%e e* $!$%e+ 6!#J%'!"# *+ +"e&%+6!*!+, )e
!!"+ e* 7'+# e +"e&%+"! e *+$ &e'$#+$, e$ e"!', ")%+$ e$% !$&)e$%+$
+ )$+'*#, +e$, !"/# $!$%e+ # e6e 'e&'e$e%+' &e*!7'# &+'+ *#$ )$)+'!#$, (
*+ !+6!*!+, )e $e 'e!e'e + )J %+ "!* e$ 6)'*+' +* $!$%e+, (+ )e &+'+ )e )
$!$%e+ 6!#J%'!"# $e+ !+6*e "!e ' "!e%# e6e 'e"##"e' "+'+"%e'4$%!"+$ e
)+ &e'$#+ !+, &)e$ e$ $!6*e "'e+' e#$ e *%e;, 7'+6+"!#e$ !7!%+*e$ e#3, &'%e$!$ e ##$, e%"J%e'+, &+'+ *#7'+' +""ee'.
A &e$+' e $e' )+ /e''+!e%+ )(
-
8/20/2019 tesis - app development
66/88
F);5' L#7# e SYSCOM, e$&e"!+*!$%+$ e 6!#J%'!"#$
N# #6$%+%e, (+ $e+ e!+%e %+'e+$ &e'$#+*e$ # !e%!!"+"! 6!#J%'!"+ e$ )+
e;"e*e%e #'+ e **e+' ) e#' "#%'#* e* &e'$#+*. P+'+ e**# $e !&*ee%+
$!$%e+$ e "#%'#* e +""e$# )e $# )%!*!3+#$ ' *+$ e&'e$+$ &+'+ **e+' )
"#%'#* e *+$ &e'$#+$ )e e%'+ ( $+*e e $)$ !$%+*+"!#e$. De e$%+ +e'+
$e /+ "'e+# !$%!%#$ +&+'+%#$ &+'+ *#7'+' *+ !e%!!"+"! e* &e'$#+* (
#!%#'e+' $)$ #!!e%#$, +$4 "## &+'+ *!!%+' e* +""e$# + "!e'%+$ &e'$#+$ +
'e+$ e$&e"4!"+$.
/! P'&*&$%/)0$ 9&* )'&/%)4
E *+ e&'e$+ $e )$+6+ *#$ 'e*#e$ &+'+ check-in”' *#$ ")+*e$ $# &'#&e$#$ +
$)'!' +e'4+$, (+ )e /#( e 4+ # $# %+ "#)e$, ( #%'+ &e'$#+ &)ee /+"e'
e* &+$e e e%'++ ( $+*!+, ( # /+( #'+ e $+6e' $! 'e+*e%e $e /!3# e*
&'#"e$# "#''e"%+e%e.
P+'+ e!!' *+ &'!#'!+ e ) !$$!%!# 6!#J%'!"# &+'+ *+ e&'e$+, $e e*!$%+'#
*+$ e%++$ $ 'e*e+%e$ &+'+ *#$ )e=#$ e *+ !$+, *# ")+* $e /!3# e )+
&'e$e%+"!, "## "++ )+ e *+$ +$e$ e* &'#(e"%#, $e e*!$%+ + "#%!)+"!
*# $ 'e*e+%e e %+* &'e$e%+"!:
• E$ *+ e#' #&"! &+'+ *+ 7e$%! e* &e'$#+*, (+ )e $e &)ee
"#!7)'+' *#$ e'e"/#$ e +""e$# &+'+ *#$ )$)+'!#$ ( &e'!%!' *+ e%'++ +"!e'%+$ 'e+$ $#*# + ) 7') e$&e"4!"# e e&*e+#$, e e$%+ +e'+ +*
7ee'+' 7')$ "# +""e$# +)%#'!3+# + *+$ 3#+$ 'e$%'!7!+$ $e **e+ )
"#%'#* $ e!"!e%e e *#$ +""e$#$, ' ee&*#, e *+$ 'e+$ e
&'#)""! # 'e+$ +!!$%'+%!+$.
5
-
8/20/2019 tesis - app development
67/88
• Se e*!!%+ *#$ /#'+'!#$ e$&e"4!"#$, e #e # %##$ *#$ e&*e+#$
&)e+ !7'e$+' + *+ !$+ /#'+, ( +$4 /+( +(#' $e7)'!+ e *+
#'7+!3+"!, &)e$ $e e!%+ )e ) %'+6++#' e%'e ( $+*7+ + ")+*)!e'
/#'+.
F);5' T+'e%+ e &'#;!!+ e$+''#**++ e e* &'#(e"%#
• M+(#' $e7)'!+ e *+$ !$%+*+"!#e$ e *+ e&'e$+, &)e$ # ")+*)!e'
&e'$#+ &)ee +""ee', $!# )e e6e "#%+' "# )+ %+'e%+ e &'#;!!+
&+'+ )e $e *e &e'!%+ *+ e%'++, ( +$4 !$# $e e*!!+ *+$ **+e$ e
e%+*, &)e$ "# )+ $#*+ %+'e%+ $e &)ee +6'!' )+ &)e'%+ # )!3$ $,
e&e!e# e* $!$%e+ !&*ee%+# e *+ e&'e$+.
• Se +/#''+ %!e e!"+# + *+ 7e$%! e* &e'$#+*, (+ )e +* $e'
+)%#+%!3+# # e$ e"e$+'!# "#%'+%+' + )+ &e'$#+ &+'+ )e 'e7!$%'e *+$
e%'++$ ( *+$ $+*!+$, ( ' "#$!7)!e%e !$!)(e *#$ "#$%#$ e
&e'$#+*. P)!e'+ "'ee'$e e''e+e%e )e *+ !&*ee%+"! e )
$!$%e+ "## e$%#$ e$ )( "#$%#$+ ( )e # +*e *+ &e+, # #6$%+%e, e*
'e%#'# e *+ !e'$! %#+ )( "# %!e.
• P)ee )e ) e&*e+# #*!e $) %+'e%+ +*7
-
8/20/2019 tesis - app development
68/88
!$$!%!#, &e'!%e +""e$# +)%#%!"# ( 'e7!$%'# e%'# e *+ 6+$e e
+%#$.
F);5' Le"%#' 6!#J%'!"# e /)e**+$ ( %+'e%+$ 8F9
• Se 7ee'+ !#'+"! +"e'"+ e *#$ e&*e+#$, e$ e"!', e*
-
8/20/2019 tesis - app development
69/88
F);5' A""e$P'#, &'#7'++ 6+$+# e SL &+'+ "#$%')""! e *+ 6+$e e +%#$
S! e6+'7#, &+'+ !&*ee%+' ) $!$%e+ e "#%'#* e +""e$#$ )e e"e$+'!#'e+*!3+' ) e$%)!# +e")+# e e* ")+* $e $e7e%+'# *+$ 3#+$, *#$ 7')$ e
+""e$#, e$%# )!e'e e"!' *+$ &e'$#+$ e$&e"4!"+$ )e !7'e$+' + *+ e&'e$+,
*#$ /#'+'!#$ &e'!%!#$, e* !e* e +""e$# e "++ )$)+'!#, (+ )e # %##$ *#$
)$)+'!#$ "#%+' "# *#$ !$#$ &e'!$#$, ' ee&*#, ) %'+6++#' e* 'e+
e &'#)""! # "#%+' "# *#$ !$#$ e'e"/#$ e +""e$# )e *#$ 7e'e%e$ e
*+ "#&+=4+.
F!7)'+ 2. A%%e+"e M++7e', $#%>+'e &+'+ "#%'#* e F!7e' Re+e'
T+6!J $e e6e e$%+6*e"e' +e")++e%e e* #6e%!# e "++ "#%'#* e +""e$#
( e'!!"+' $! e$ !+6*e # # !&*ee%+'*#, &)e$ e )"/+$ #"+$!#e$ # e$
5
-
8/20/2019 tesis - app development
70/88
e"e$+'!# +* $e' ) e$%+6*e"!!e%# )( &e)e=#, # e #%'+$ #"+$!#e$ +* $e' )+
e&'e$+ )( 7'+e e6e "#%+' "# $ "#%'#*e$ e +""e$#.
! A//&*+* . 7.$%
E$%#$ $!$%e+$ e "#%'#* &)ee $e' 4$!"#$ ( e*e"%'!"#$. P#' ee&*#, e *+
&*+%+ &'!"!&+*, *+ &)e'%+ e$ "e''++ +)+*e%e &+'+ &'ee!' )e &e'$#+$
e;%'+=+$ !7'e$e + ) $!%!# e &+'%!")*+', e e$%e "+$# $e /+6*+ e ) $!$%e+
4$!"#. E "+6!#, *#$ !$$!%!#$ "#&)%+'!3+#$ $# )%!*!3+#$ e *#$ $!$%e+$
e*e"%'!"#$ "# e* &'#&$!%# e 6'!+' $#*)"!#e$ $ "#+$ ( e!"!e%e$, e
e$%e ## )+ &)e'%+ &)ee $e' +6!e'%+ )$+# %+'e%+$ e +""e$#, )e $e &+$+
' e"!+ e ) *e"%#'. H#( e 4+, e$%e %! e "#%'#* e +""e$#, e!+%e
%+'e%+$, /+ 'ee&*+3+# e* )$# e **+e$ e%*!"+$. De /e"/#, J$%e e$ e* $!$%e+)e e$ $ )$+# ' *+ +(#'4+ e e&'e$+$ /#( e 4+.
F);5' Re7!$%'# e e&*e+#$ e *+ 6+$e e +%#$, e!+%e A%%e+"e M++7e'
C## $e e"!#+6+ +%e'!#'e%e, *+ !&*ee%+"! e *#$ $!$%e+$ e "#%'#*
e&ee' e +'!#$ +"%#'e$ + e$%)!+', (+ )e ) e$%+6*e"!!e%# '4+ "#%+'
) $!$%e+ e e* )e "# )+ %+'e%+ $e &)!e'+ +6'!' %#+$ *+$ &)e'%+$ e )
e!!"!#, # ) $!$%e+ #e *+$ &)e'%+$ $e +6'e e +e'+ !e&e!e%e ( )+
0
-
8/20/2019 tesis - app development
71/88
%+'e%+ $*# &)!e'+ +6'!' )+ "!e'%+ "+%!+ *!!%++ e &)e'%+$. P#' *# 7ee'+*, )
$!$%e+ &+'+ "#%'#* e +""e$# $e e"#%'+' e &)%#$ "## e%'++$
&'!"!&+*e$, %#'!)e%e$ (X# e*e+#'e$. Gee'+*e%e, !e%'+$ $ &e'$#+$
!7'e$e + ) e$%+6*e"!!e%#, +(#' $#!$%!"+"! e6e' %ee' e* $!$%e+ "# e*
)e ")e%e.
O%'# &)%# !'%+%e e *#$ $!$%e+$ e "#%'#* e$ )e e6e "#%+' "# "!e'%+$
"+'+"%e'4$%!"+$ &+'+ )e $e+ 'e+*e%e
-
8/20/2019 tesis - app development
72/88
F);5' J Re7!$%'# e &e'$#+* ( /)e**+$, "#!7)'+"! %+'e%+ e &'#;!!+
A"%)+*e%e P#*#&*+$% e$ )+ e&'e$+ )e e$+''#**+ %#+ "*+$e e "#e%e$
e !6'+ e !'!# ( )e ")e%+ "# #$ J"++$ e e;&e'!e"!+ e e* $e"%#', e *#$
-
8/20/2019 tesis - app development
73/88
P#' #%'+ &+'%e, e e* "#e#' %+"# /+64+ ) e!"!e%e "#%'#* e +""e$#, &)e$
/+64+ )+ "#"!e'+ )e 'e7!$%'+6+ + *#$ e&*e+#$ )e !7'e$+6+ ( *e /+"4+
&e'e' %!e, )!e'e e"!' )e /+64+ )+ "#"!e'+ e#$ e *+ "#"!+
&'e&+'+# *+ "#!+, *# )e $e %'+)"e e )e $e %+'+6+ $ %!e e
+%ee' + *#$ %'+6++#'e$. A$4 $e e$")6'! )e e* %!e )e &+$+6+ *+ "#"!e'+
/+"!e# e* 'e7!$%'# e *#$ %'+6++#'e$, '4+ e&*e+'*# e *+ "#"!+ &'e&+'+#
*+ "#!+ ( /+"!e# $ '&!# e* $e'!"!#, ( ' "#$!7)!e%e *#$ e&e*+#$
&+$+'4+ e#$ %!e e *+ "#"!+ ( '4+ 'e7'e$+' $ '&!# + $)$
#")&+"!#e$ e!%+# &e')!"+' *+ &'#)"%!!+ e *+ e&'e$+. O%'# &)%# )e $e
e$")6'! +* ++*!3+' *+ $!%)+"! e P#*#&*+$% )e )e e +'!+$ #"+$!#e$
**e7+6+ !$!%+$ ( !$%'+4+ + *#$ e&*e+#$, *# ")+*, %+6!J /+"4+ )e
!$!)(e'+ *+ &'#)"%!!+ e *#$ %'+6++#'e$.
F);5' > Re7!$%'# e e&+'%+e%#$ ( 7e'e%e$ e *#$ !$#$
A* e$")6'!' e$%+ e"e$!+ $e &*+%e+'# +'!+$ $#*)"!#e$, $! e6+'7#, +*
++*!3+' "++ &'#&)e$%+ e $#*)"! $e **e7 + *+ "#"*)$! e )e *# $ !+6*e
e'+ !&*ee%+' ) $!$%e+ e "#%'#* e +""e$#, e e$%+ #'+ /+6'4+ ) e#'
"#%'#* e $)$ e&*e+#$, ( ' "#$!7)!e%e +(#'e$ 6ee!"!#$ &+'+ *+ e&'e$+.
A$4 &)e$, $e &*+e *+ !$%+*+"! e *e"%#'e$ e %+'e%+$ e &'#;!!+ e *+
e%'++ ( e e* "#e#', +e$, + "++ e&*e+# $e *e #%#'7 )+ %+'e%+ e
-
8/20/2019 tesis - app development
74/88
&'#;!!+, *+ ")+* !"*)4+ $)$ +%#$ &e'$#+*e$, $) #%#7'+4+, *+ !'+ e* 7e'e%e
( *#$ +%#$ e *+ e&'e$+.
F!7)'+ 2. Re7!$%'# e /#'+'!#$, e%'++$ ( $+*!+$.
E *#$ &'!e'#$ 4+$ e *+ !&*ee%+"! e* $!$%e+ e "#%'#* e +""e$# $e
&'e$e%+'# &e)e=#$ &'#6*e+$, &)e$ +*7)#$ e *#$ e&e*+#$ #*!+6+ $)$
%+'e%+$, $! e6+'7#, e$&)J$ e "#$ 4+$ %##$ *#$ %'+6++#'e$ $e
+"#$%)6'+'# +* )e# $!$%e+ e /!"!e'# ) "#&'#!$# e 'e$$+6!*!+.
Ae$, +* $+6e' )e $)$ #!!e%#$ e$%+6+ $!e# #!%#'e+#$ $e%4+ )+
+(#' 'e$$+6!*!+ /+"4+ $) %'+6+# ( $e #6$e' )e "#e3+'# + $e' $
&)%)+*e$ ( + $e' $ &'#)"%!#$, !"*)$# +'!#$ 4+$ $e &'e$e% ) +)e%# e
*+ &'#)""!.
E ")+%# +* "#e#' %+6!J /)6# &'#6*e+$ e ) "#!e3#, &e'# +* "+6# e
)#$ ")+%#$ 4+$ $e #6$e'+'# e#'+$, (+ )e *+ &e'$#+ )e e$%+6+
e"+'7++ e 'e7!$%'+' e* !7'e$# e *#$ e&*e+#$ +/#'+ e$%+6+ e *+ "#"!+&'e&+'+# *#$ +*!e%#$, ' *# %+%#, +* /+6e' )+ &e'$#+ $ "#"!+# e*
$e'!"!# e'+ $ '&!# ( *#$ %'+6++#'e$ &+$+'# e#$ %!e e e* "#e#',
*# ")+* 'e&'e$e%+ ) 7'+ 6ee!"!# &+'+ *+ e&'e$+, &)e$ e* %!e e&*e+# e
e* "#e#' !$!)( ( $e %'+)"4+ e /#'+$ e %'+6+# $ &'#)"%!+$.
-
8/20/2019 tesis - app development
75/88
F);5' Re7!$%'# e AC e;'%+# + SL
C## $e e"!#, *#$ $!$%e+$ e "#%'#* e +""e$# %+6!J #'e"e
#e'!3+"! + *+ e&'e$+ ( ' "#$!7)!e%e ) +*#' +7'e7+#, ' *# ")+* +*
!&*ee%+'$e e* *e"%#' e %+'e%+$ e &'#;!!+ $e 'e+*!3 ) 7'+ "+6!# e%'#
e *+ #'7+!3+"!, &)e$ $!7!!" ) ++"e %e"#*7!"# &+'+ *+ e&'e$+. De6!#
+ $) "'e"!!e%#, *#$ 7e'e%e$ e P#*#&*+$% e$% "#$"!e%e$ e )e # &)ee
)e+'$e +%'$ e ")+%# + *+ %e"#*#74+ $e 'e!e'e, +* "#%'+'!#, %!ee )e e$%+' ) &+$# +e*+%e e $)$ "#&e%!#'e$ ( e#$%'+' )e e&*e+# !$$!%!#$
%e"#*7!"#$ +e")+#$ $e &)ee *#7'+' 'e$)*%+#$ $ e!"!e%e$.
L+ 6+$e e +%#$ e$ $!&*e 8e*!6e'++e%e9, &e'# # e$ !4"!* &e$+' e
$!%)+"!#e$ e* )# 'e+* e e* )e ) %! $!!*+' e 6+$e e +%#$ &)ee $e'
)%!*!3+#. P#' ee&*#, )+ 6+$e e +%#$ e e$%e %! '4+ $e' )%!*!3++ ' )
+7'!")*%#' &+'+ 'e+*!3+' ) $e7)!!e%# e *#$ +!+*e$, # ' ) e%e'!+'!# &+'+'e+*!3+' ) $e7)!!e%# e *#$ 'e7!$%'#$ e *#$ &+"!e%e$. U+ !$%'!6)"! e !e'+$
)e "#%!ee +*7)+$ e *+$ "#$)*%+$ ( *#$ +%#$ e *+$ )e$%'+$ )%!*!3++$ e *+$
$!7)!e%e$ $e""!#e$ $e &)ee #6%ee' e e* $!%!# ?e6 e M(SL
5
-
8/20/2019 tesis - app development
76/88
F);5' . E;'%+"! e$e *+ 6+$e e +%#$ + )+ /#+ e "*")*#
C## $e e"!# +%e'!#'e%e, /+( )+ 7'+ +'!e+ e )$#$ e 6+$e$ e
+%#$. E* )$# &'!"!&+* )e $e *#7' "# *+ "'e+"! e e$%e $!$%e+ )e 'e)""!
e "#$%#$ ( +"%!!+e$ e *#$ e&*e+#$. De e$%+ #'+, $e +7!*!3 e* &'#"e$#
&+'+ e* "*")*# e e%'++$ ( $+*!+$, +*%+$, 'e%+'#$ ( e$ %e!e# )
&'#"e$# e$%+6*e"!# )e +)%#%!"+e%e 7ee'+ e* $+*+'!# e%# ( 6')%# e *#$
e&*e+#$.
L+ #e'!3+"! )e e$% $)'!e# P#*#&*+$% e$% "+6!+# # $*# e* #6e%!#
e *+ e&'e$+, %+6!J *+ ")*%)'+ e$% "+6!+# $) #'+ ( !'e""!, +/#'+, *#$
e&*e+#$ # $#*# "#"!e%!3+ e* /e"/# e %'+6++' "## )+ )e%e e !7'e$#,
$!# )e $e !e%!!"+ "# $) e&'e$+, 7ee'+# "#"!e"!+ e *#$ !$#$ (
e#'+# $) "+*!+ e $) 'e+ e %'+6+#.
-
8/20/2019 tesis - app development
77/88
RESULTADOS Y DISCUSIÓN
E* #6e%!# #'!7!+* e* &'#(e"%# )e e$+''#**+' )+ &7!+ >e6 ( )+ 6+$e e
+%#$ e +%e'!+*e$ e +*+"J &'#)"%!# 8N# +* +*+"J e +%e'!+$ &'!+$ e
%'+6+#, $!# *#$ &'#)"%#$ %e'!+#$9 $! e6+'7#, "+6!#$ e *+ &*+e+"! e*+ e&'e$+ ( e* e&+'%+e%# e TI $e !e'# !#*)"'+#$ e e* e$+''#**# e *#$
#6e%!#$.
Se !!"! /+"!e# "+6*e+# e$%')"%)'+#, /+"!e# *+$ "#e;!#e$ e $ e 100
e&*e+#$ ( &*+%+$ + ) $#*# D+%+-"e%e'V, "#e"%+# e)!$ ( *4e+$
%e*e!"+$ ' "++ e&+'%+e%#, *# ")+* $e 'e+*!3 e %!e ( #'+ "# 7'+
J;!%#, (+ )e $e *#7' "'e+' )+ e$%')"%)'+ e 6+$e + *+$ %#*#74+$ e 'e.
E* e$+''#**# e *+ &7!+ >e6 )e )+ %+'e+ +6!e'%+, +* e"!' e$%#, $e 'e!e'e + )e
# $e !e'# #6e%!#$ "*+'#$ +* #e%# e e"#e+' %+* &'#(e"%#, e 6+$e +
*+ !e$%!7+"! &e'$#+* e )!e 'e+"%+, $e e$+''#** ) wish-list”' "# *#$
e$e#$ 7ee'+*e$ e *#$ )e=#$ ( e* e&+'%+e%#, %'+$#'#*# e *#$
#6e%!#$ %J"!"#$ e *+ &7!+, +7'e7+# )"!#+*!+e$ 'e$$!+$ ( e
"#%e!# !!"# 8C#e"%+# + )+ 6+$e e D+%#$9. Se *#7' "# J;!%#,
e"!#+# )e, )'+%e *+ "#"*)$! e* +=#, +
-
8/20/2019 tesis - app development
78/88
"+6!#$ e *+ e$%')"%)'+ e !$%+*+' *+$ &)e'%+$. P#' ")e$%!#e$ e $e7)'!+ (
&'!+"!+ e *+ e&'e$+ # $e +)%+'# #%#$ e *+$ !$%+*+"!#e$ !%e'+$ # e
*#$ e&*e+#$, ' *# %+%#, *#$ ee&*#$ #$%'+#$ $# $*# e )!e e$"'!6e (
e* ee e e&+'%+e%# e TI. E* e$+''#**# e *+ 6+$e e +%#$ e e&*e+#$ $e
/!3# e #'+ e;!%#$+, !"*)(e# + "++ e&+'%+e%# ( /+"!e# e%'e7+ e *+$
%+'e%+$ e &'#;!!+ &e'$#+*!3++$, $!'!e# *+$ !$+$ "## !e%!!"+"!
e *+ e&'e$+.
O%'+$ +"%!!+e$ )e # &)!e'# $e' !"*)!+$ e%'# e* 'e'%e, ' ")e$%!#e$
e %!e, )e'# e$+''#**++$ e;!%#$+e%e, ")6'!e# e"e$!+e$ ee'7e%e$
e *#$ e&+'%+e%#$, 6+# *+ +&'#6+"! e *+ e$+ !'e"%!+ ( e* 7e'e%e e*
e&+'%+e%# e TI.
-
8/20/2019 tesis - app development
79/88
RECOMENDACIONES Y CONCLUSIONES
C## &'!e'+ "#"*)$! $e #6$e' )e )%!*!3+# *+ %e"#*#74+ &+'+ +;!!3+'
*+ &'#)"%!!