<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4510300838280758332&zx=454029c3-8d16-4232-acee-32c5c3ce6423' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4510300838280758332&zx=454029c3-8d16-4232-acee-32c5c3ce6423' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head><body>

Aplikasi Web Penggajian Berbasis QR

Widianto, A.Md.Kom.

Desember 25, 2024

Pada kesempatan kali ini admin akan share sedikit sebuah coding Web Penggajian Berbasis QR. Web Penggajian berbasis QR ini dapat Scan Barcode saat input absensi dengan menggunakan kamera webcam laptop atau kamera tambahan komputer, setiap karyawan memiliki kode Barcode masing-masing.

Selain itu dapat mencetak kode Barcode bagi karyawan baru, di dalam web ini terdapat fitur Scanner Barcode, Print Pdf, dan export excel sehinga memudahkan pengguna.

Namun hanya terdapat dua hak aset yaitu HRD dan Admin dimana HRD terdapat menu Input data karyawan, Data Jabatan, Gaji, Cetak Data QR Karyawan, Cetak Laporan dan user pengguna sedangkan Admin terdapat menu Input Gaji, scan QR, cetak Laporan PDF.

Sekira nya seperti di atas gambaran web penggajian berbasis QR masih banyak kekurangan dalam source code tersebut dan bisa anda kembangkan lagi semoga bermanfaat.

{getbutton} $text={Download} $icon={download} {getbutton} $text={Download} $icon={download} {getbutton} $text={Download} $icon={download}

Jika Aplikasi Web ini membantu sobat, bisa memberika dukungan dengan memberikan donasi disini {alertInfo}

Postingan Lebih Baru

Berbagi

Facebook WhatsApp Twitter Telegram Line Tumblr LinkedIn Pinterest

Penulis blog

Widianto, A.Md.Kom.

Mengawali karier sebagai penulis di web pribadi seputar tema Teknologi dan Aplikasi baik web dan desktop. Sejak 2019 menjadi penulis sekali gus Programmer. Saat ini sedang bekerja di sekolah swasta.

Anda mungkin menyukai postingan ini

2 komentar

Anonim

23 Oktober 2021 pukul 21.10

Terimaksi semoga lancar trus
1. Blog Widianto
  
  29 Oktober 2021 pukul 20.26
  
  Sama sama kunjungin trus blog saya yah :)
Reply

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/552934507-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7JXr9PXvChTsqr4NSq8dl9jqITJw:1757544049482';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4510300838280758332','//theme-wd.blogspot.com/2021/10/aplikasi-web-penggajian-berbasis-qr.html','4510300838280758332');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4510300838280758332', 'title': 'Pace Tecno', 'url': 'https://theme-wd.blogspot.com/2021/10/aplikasi-web-penggajian-berbasis-qr.html', 'canonicalUrl': 'https://theme-wd.blogspot.com/2021/10/aplikasi-web-penggajian-berbasis-qr.html', 'homepageUrl': 'https://theme-wd.blogspot.com/', 'searchUrl': 'https://theme-wd.blogspot.com/search', 'canonicalHomepageUrl': 'https://theme-wd.blogspot.com/', 'blogspotFaviconUrl': 'https://theme-wd.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Pace Tecno - Atom\x22 href\x3d\x22https://theme-wd.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Pace Tecno - RSS\x22 href\x3d\x22https://theme-wd.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Pace Tecno - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4510300838280758332/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Pace Tecno - Atom\x22 href\x3d\x22https://theme-wd.blogspot.com/feeds/8360376549161574332/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/df4e7af2431b8786', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '8360376549161574332', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/a/AVvXsEgfOgYj_uHIInJzc-My6KnNBrhPxu-rmE3QZj7usUp0N6ZwGMWKnWT6pRmiBwRoRMRulIBPHf4u6qHP7erT3y1gXhJvR33WgCfEUe1dWzBrgYdcyFjiH7QXv3hjm_s_Pycseg3xrRsNnkG_KrlKfUd_v2bPJtYiiFFXX7170wJerzLYzuZNn1BNEomF\x3ds72-c', 'postImageUrl': 'https://blogger.googleusercontent.com/img/a/AVvXsEgfOgYj_uHIInJzc-My6KnNBrhPxu-rmE3QZj7usUp0N6ZwGMWKnWT6pRmiBwRoRMRulIBPHf4u6qHP7erT3y1gXhJvR33WgCfEUe1dWzBrgYdcyFjiH7QXv3hjm_s_Pycseg3xrRsNnkG_KrlKfUd_v2bPJtYiiFFXX7170wJerzLYzuZNn1BNEomF\x3ds320', 'pageName': 'Aplikasi Web Penggajian Berbasis QR', 'pageTitle': 'Pace Tecno: Aplikasi Web Penggajian Berbasis QR'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Aplikasi Web Penggajian Berbasis QR', 'description': 'Pada kesempatan kali ini admin akan share sedikit sebuah coding Web Penggajian Berbasis QR. \xa0Web Penggajian berbasis QR ini dapat Scan Barco...', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEgfOgYj_uHIInJzc-My6KnNBrhPxu-rmE3QZj7usUp0N6ZwGMWKnWT6pRmiBwRoRMRulIBPHf4u6qHP7erT3y1gXhJvR33WgCfEUe1dWzBrgYdcyFjiH7QXv3hjm_s_Pycseg3xrRsNnkG_KrlKfUd_v2bPJtYiiFFXX7170wJerzLYzuZNn1BNEomF\x3ds320', 'url': 'https://theme-wd.blogspot.com/2021/10/aplikasi-web-penggajian-berbasis-qr.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8360376549161574332}}, {'name': 'widgets', 'data': [{'title': 'Pace Tecno (Header)', 'type': 'Header', 'sectionId': 'Header', 'id': 'Header1'}, {'title': 'Nav Menu', 'type': 'HTML', 'sectionId': 'Navigation', 'id': 'HTML100'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'Page_Body', 'id': 'Blog1', 'posts': [{'id': '8360376549161574332', 'title': 'Aplikasi Web Penggajian Berbasis QR', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEgfOgYj_uHIInJzc-My6KnNBrhPxu-rmE3QZj7usUp0N6ZwGMWKnWT6pRmiBwRoRMRulIBPHf4u6qHP7erT3y1gXhJvR33WgCfEUe1dWzBrgYdcyFjiH7QXv3hjm_s_Pycseg3xrRsNnkG_KrlKfUd_v2bPJtYiiFFXX7170wJerzLYzuZNn1BNEomF\x3ds320', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': 'in'}]}, {'title': 'Halaman', 'type': 'PageList', 'sectionId': 'Footer_2', 'id': 'PageList121'}, {'title': 'Plugin - Insert to Post', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML200'}, {'title': 'Plugin - Watermark', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML201'}, {'title': 'Plugin - Table of Content', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML202'}, {'title': 'Plugin - Live Search', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML203'}, {'title': 'Plugin - Disable Copy/Paste', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML204'}, {'title': 'Plugin - Shortlink', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML205'}, {'title': 'Plugin - Safelink', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML207'}, {'title': 'Plugin - Single Page Application', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML208'}, {'title': 'Plugin - Split Post', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML209'}, {'title': 'Plugin - Lightbox', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML210'}, {'title': 'Plugin - Anti AdBlock', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML211'}, {'title': 'Plugin - Bookmark', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML212'}, {'title': 'Plugin - Page', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML213'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'Header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML100', 'Navigation', document.getElementById('HTML100'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'Page_Body', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3842676126-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList121', 'Footer_2', document.getElementById('PageList121'), {'title': 'Halaman', 'links': [{'isCurrentPage': false, 'href': 'https://theme-wd.blogspot.com/', 'title': 'Beranda'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML200', 'Settings', document.getElementById('HTML200'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML201', 'Settings', document.getElementById('HTML201'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML202', 'Settings', document.getElementById('HTML202'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML203', 'Settings', document.getElementById('HTML203'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML204', 'Settings', document.getElementById('HTML204'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML205', 'Settings', document.getElementById('HTML205'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML207', 'Settings', document.getElementById('HTML207'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML208', 'Settings', document.getElementById('HTML208'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML209', 'Settings', document.getElementById('HTML209'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML210', 'Settings', document.getElementById('HTML210'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML211', 'Settings', document.getElementById('HTML211'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML212', 'Settings', document.getElementById('HTML212'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML213', 'Settings', document.getElementById('HTML213'), {}, 'displayModeFull'));
</script>
</body>