batik information based e-commerce

Al'adzkiyaInternationalofComputerScienceandInformationTechnology(AIoCSIT)JournalVol.1,No.2,November2020,pp.46~52E-ISSN:2722-0001 r 46

Journalhomepagehttps://aladzkiyajournal.com/index.php/AIoCSIT

Batik Information Based E-Commerce

AbdillahDermawan1,YantyFaradillahSiahaan2,SeptianaDeniAndriana31,2,3DepartmentofInformationSystem,UniversitasHarapanMedan,Indonesia

ABSTRACTTraditionalbatikasaculturalheritagecontainsthevalueoflocalwisdomorculturalheritage(heritage)andtheartofbatikisoneoftheculturalproductsknownfromourancestors.ThesalesofbatikmadebySmallandMediumEnterprises(SMEs)inthecountryarestillverypotential,andtrytoexpandtheirsalesdistributionabroadthroughexportchannels.Intoday'sdigitalera,introducingbatiktotheworldisquiteeasy.Justpostitonsocialmedia,peoplewill see it, but that doesn'tmean theywill understand. Therefore, to help Batik SMEs players in providing anunderstandingofbatik,weneedasysteminwhichthesystem,apartfromprovidinginformationaboutbatik,canalsobeusedforbuyingandsellingtransactions.Thedevelopmentofthissystemusesthewaterfallmethodandsystem design uses UML. The result of this research is awebsite-based application that can be used by batikcraftsmeninprovidinginformationaboutbatikandalsocanmakebuyingandsellingtransactionsonline.Keyword:Batik,E-Commerce,Waterfall,UML

ThisworkislicensedunderaCreativeCommonsAttribution-ShareAlike4.0InternationalLicense.CorrespondingAuthor:AbdillahDermawan,DepartmentofInformationSystem,UniversitasHarapanMedan,JalanH.M.JoniNo.70C,Indonesia.Email:abdilahdermawan28@gmail.com

1. INTRODUCTIONTraditionalbatikasaculturalheritagecontainsthevalueoflocalwisdomorculturalheritage(heritage)andtheartofbatikisoneoftheculturalproductsknownfromourancestors(Hakim,2018).Batikishighlyadmirednotonlyforitscomplexprocessesbutalsoforitsuniqueandbeautifulmotifsandcolors,whicharefullofsymbolicmeanings(Sariyatun,2018).Thedemandforbatikisincreasingfromtimetotime(Singgih,2016).Inadditiontothedevelopmentoffashion,theexistenceofanintensegovernmentprogramregardingtheempowermentofregionalpotentials,hasmadebatikincreasinglyrecognizedinthenationalcommunityandabroad(Rahmawati,2018).

AlthoughthesalesofbatikmadebySmallandMediumEnterprises(SMEs)inthecountryarestillverypotential,thecraftsmenarealsonotreluctanttoexpandtheirsalesdistributionabroadthroughexportchannels(Setiawatietal.,2016).Intoday'sdigitalera,introducingbatiktotheworldisquiteeasy.Justpost it on socialmedia,peoplewill see it, but thatdoesn'tmean theywill understand(Untari&Fajariana,2018).Therefore,tohelpBatikUKMplayersinprovidinganunderstandingofbatik,weneedasysteminwhichthesystem,apartfromprovidinginformationaboutbatik,canalsobeusedforbuyingandsellingtransactions.

Intheworldofinformationtechnology,theprocessofbuyingandsellinggoodsorservicesisimplemented in the form of an e-commer application. There are several studies that have beenconductedindevelopinge-commerapplications,includingresearchconductedby(Putrietal.,2014),inherresearchdesigningane-commercesystemtoassist theordering, salesandmarketingsystemsatMr.Pienkshoeshop.Thesystemdesignusedisthewaterfallmodelwhichconsistsofthedesign,analysis,design,implementationandtestingphases.Fromthissystemdesigncanmeettheneedsofsystemusers,namelyadminanduser.

Inaddition,thereisalsoresearchconductedby(R&Suryani,2018)and(Dedietal.,2017),theyconductedresearchone-commercesystemsforbatikcraftsmenandentrepreneurs.Thesystemisbuiltbased onweb. However, themanufacture and system development carried out is still specific to aparticularplaceandbusinessname.Ofcourse,thiscausesdifficultiesforotherbatikbusinessactorsto

E-ISSN: 2722-0001 r

(Abdillah Dermawan)

47

promoteandbuyandsell,becausetheapplicationbuilt isonlydevotedtocertainplacesorbusinesslocations.

Basedontheexplanationgiven,theresearcherfeelstheneedtobuildane-commercesystemfornationalbatikcraftsmen,whichinthisapplicationcanlaterbeusedbybatikcraftsmenanywheretocarryoutpromotionsaswellastheprocessofbuyingandsellingbatiktransactions.

2. RESEARCHMETHODA. SystemsDevelopmentMethodInthisstudyusingthewaterfallmethod.Waterfallisusedasasoftwaredevelopmentapproachmodel.This method describes a fairly systematic as well as sequential approach to softwaredevelopment(Tabrani&Pudjiarti,2017).Thewaterfallstagesusedindevelopingthisapplicationareasfollows:1. Requirements

At this stage, researchers used interviews and field surveys to find information about batikcraftsmenandthesystemstheyuseinpromotingandsellingtheirbatikhandicrafts.

2. Design

Thenextstageofdesign,inthisdesignbeginswithdesigningasystembusinessprocess,wherethesystem business process is built using UML (Unified Modeling Language), namely Use CaseDiagrams,ActivityDiagramandClassDiagrams.

3. Implementation

Thecodewritingprocessisatthisstage.Thesoftwaredevelopmentwillbebrokendownintosmallmodules which will be combined in a later stage. In this stage, there will also be a deeperexaminationofthemodulesthathavebeenmade,whethertheyhavefulfilledthedesiredfunctionornot.

4. Testing

Afterthemoduleshavebeenmade,thenthesystemistested,thistest iscarriedouttofindoutwhetherthebatike-commerceapplicationthatwasbuilt isrunningaccordingto its functionortherearestillerrors.

5. OperationandMaintenance

Atthisstagethebatike-commerceapplicationthathasbeentestedisthenoperatedbytheuser,beitabatikcraftsmanorabuyer.

B. SystemDesign1. UseCaseDiagramUsecasediagramsareusedtodescribetheinteractionbetweensystemusers(actors)andusecasesthatareadjustedtothesteps(scenarios)thathavebeendetermined(El-Attar,2019).Thefollowingisausecasediagramofthesystembeingbuilt.

r E-ISSN: 2722-0001

Al'adzkiyaInternationalofComputerScienceandInformationTechnology(AIoCSIT)Journal Vol. 1, No. 2, November 2020: 46 – 52

48

Fig1.UseCaseDiagramSystem

2. ClassDiagramThefollowingisaclassdiagramdesignonthedesignofthisbatike-commersystem.

Fig2.ClassDiagramsystem

give information in full

customer purchase data

shopping cart

admin login

maintanance of the product

maintanace customer data >> include <<

browse / view products

select a product

login user

registration >> include <<

shipping data include << >>

ADMIN

CUSTOMER

proof of transaction

Payment (Payment Method)

confirm payment

get transaction number

<< include >>

<< include >>

E-ISSN: 2722-0001 r

(Abdillah Dermawan)

49

3. RESULTSANDDISCUSSIONThis stage is the final stage to reach conclusions related to the results of the analysis. The targetedresearchresultisthedevelopmentofthebatike-commercesystem.A. ImplementationTheexistinginterfacehasbeenbuiltconsistingofseveralmenus,namely:Products,News,BatikStories,Videos,AboutUs,BatikHistoryandVideos.Thereare18categoriesofbatikmotifs,namely:SekarJagadBatik,SidomuktiMagetan,Keraton, Jepara,Solo,Kawung,Tasik,Malang,Pekalongan,Megamendung,Cuwiri,Pringgondani,SidaLuhur,SemenRama,SidaAsih,Tambal,Sudagaran,Farmers.Theappearanceisasfollows.

Fig3.DisplayofBatikProductTypes

Besidesbeingabletoseebatikproducts,visitorscanalsoseeandreadaboutthelatestnewsaboutbatikinformation.

Fig4.NewsAboutBatik

r E-ISSN: 2722-0001

Al'adzkiyaInternationalofComputerScienceandInformationTechnology(AIoCSIT)Journal Vol. 1, No. 2, November 2020: 46 – 52

50

Furthermore,visitorscanalsoseethevideomenu,onthismenuyoucanseeavideoguideonbatikthatcanhelpvisitors,buyersandcraftsmen.

Fig5.VideoBatik

B. ResultThefollowingprovidesinformationaboutthetestresultsonthesystem.

Table1.CraftsmanTestingTestClass TestItems TypeofTesting

AccesstotheWebsite Testtheinitialappearanceofthewebsite BlackBoxLogin Verifypassword BlackBoxStoryData Displaysthestorydatamenu BlackBoxInventory Displayitemdatamenu BlackboxButtonLogout Removetheaccountfromthewebsite Blackbox

Table2.BuyerTesting

TestClass TestItems TypeofTestingAccesstotheWebsite Testtheinitialappearanceofthewebsite BlackBoxLogin Verifypassword BlackBoxProduct Testproductpageviews BlackBoxNews Displaysthenewsmenu BlackboxBatikStory Showingamenuofbatikstories BlackboxTransaction Displaysthetransactionmenu Blackboxe-Elearning Displaystheelearningmenu BlackboxButtonLogout Removetheaccountfromthewebsite Blackbox

Table3.AdminTesting

TestClass TestItems TypeofTestingAccesstotheWebsite Testtheinitialappearanceofthewebsite BlackBoxLogin Verifypassword BlackBoxInventory Testthedisplayoftheitemdatapage. BlackBoxNewsData Testtheappearanceofthenewsdatapage BlackboxBatikStory Showingamenuofbatikstories BlackboxInvoice Displayinvoicemenu Blackboxe-Elearning Displaystheelearningmenu BlackboxButtonLogout Removetheaccountfromthewebsite BlackboxVideomenu Displaysthevideomenu BlackboxTransactionStatus Displaystheresultsofthetransaction BlackboxShoppingcartmenu Displaysagrocerychart Blackbox

E-ISSN: 2722-0001 r

(Abdillah Dermawan)

51

Table4.TestingAccesstotheWebsite(Craftsmen)CasesandTestResults(NormalData)

InputData Whichisexpected Observation ConclusionAccessthewebsite

Jualanbatikindonesia.biz.idAccessednormallyvia

hostingWellaccessibleinthe

browserbeaccepted

CasesandTestResults(IncorrectData)InputData Whichisexpected Observation Conclusion

AccessthewebsiteJualanbatikindonesia.biz.id

AccessedNormallyviahosting

Failedbecausetheurllinkiswrong

beaccepted

Table5.LoginTesting(Admin)CasesandTestResults(NormalData)

InputData Whichisexpected Observation ConclusionUsername:adminpassword:123

Adminislistedintheusernametext,the

passwordislistedinthepasswordtext

Adminislistedintheusernametext,*****is

listedinthepasswordtext

beaccepted

ClicktheLoginbutton Admindataissearchedintheusertable,entertheDashboardmenupage

Loginbuttoncanwork.Asexpected.

beaccepted

CasesandTestResults(IncorrectData)InputData Whichisexpected Observation Conclusion

Username:adminpassword:admin

Adminislistedintheusernametext,the

passwordislistedinthepasswordtext

Adminislistedintheusernametext,*****is

listedinthepasswordtext

beaccepted

ClicktheLoginbutton Userdatanotfoundintheuserstable,loginfailedandreturnedanerror

Theuserfailsanddisplaysanerror

beaccepted

Table6.TestingDashboard(Admin)

CasesandTestResults(NormalData)InputData Whichisexpected Observation Conclusion

ClickinganitemDatamenu Displaystheitemdatapagemenu

Theitemdatapagemenuappearsonthewebsite

beaccepted

Inputdatatotheitemdatapage Theinputdatawassuccessfullyenteredinto

thedatabase

Theinputdatawassuccessfullyenteredinto

thedatabase

beaccepted

CasesandTestResults(IncorrectData)InputData Whichisexpected Observation Conclusion

ClickinganitemDatamenu Displaystheitemdatapagemenu

Thereisanerrorcodingsothatitcannotdisplaytheitemdatapagemenu.

beaccepted

Inputdatatotheitemdatapage Theinputdatawassuccessfullyenteredinto

thedatabase

Theinputdatadidnotmakeitintothedatabase,duetoaSQLsyntaxerror

beaccepted

4. CONCLUSION1. Thise-commercebatikapplicationmakesiteasyforcustomers/consumerstofindandbuybatik

productsfrombatikcraftsmeninIndonesia.2. This batik e-commerce application makes it easy for customers to access the e-commerce

applicationofthissalessystemanywhereandanytimewithamediadevicethatisconnectedtotheinternet.

3. Withthisbatike-commerceapplication,itishopedthatitwillincreasethesellingpowerofbatikcraftsmeninIndonesia.

REFERENCESDedi,Triono,&Muhajiroh,W.(2017).PerancanganSistemE-CommerceBatikSopiyanHadiBerbasisWeb.Jurnal

SisfotekGlobal,7(1),124–129.El-Attar,M.(2019).Evaluatingandempiricallyimprovingthevisualsyntaxofusecasediagrams.Journalof

SystemsandSoftware,156,136–163.https://doi.org/10.1016/j.jss.2019.06.096

r E-ISSN: 2722-0001

Al'adzkiyaInternationalofComputerScienceandInformationTechnology(AIoCSIT)Journal Vol. 1, No. 2, November 2020: 46 – 52

52

Hakim,L.M.(2018).BatikSebagaiWarisanBudayaBangsadanNationBrandIndonesia.JounalOfInternasionalStudies,1(1),60–89.

Putri,W.T.,Santoso,P.B.,&Choiri,M.(2014).PerancanganE-CommerceuntukMempermudahPenjualanProdukSepatu(StudiKasus :TokoSepatuMr.PienkMalang).JurnalRekayasaDanManajemenSistemIndustri,2(2),370–381.

R,I.Y.,&Suryani,L.(2018).PerancanganE-CommerceBatikPadaBatikBanten.JurnalIlmiahSains&TeknologiUniversitasBantenJaya,5(1),488–497.

Rahmawati,N.R.(2018).StrategiPemasaranBatikUntukTujuanEksporKeJepang(StudiPadaBatikDanarHadi).JurnalSainsManajemen&Akuntansi,X(2),65–85.

Sariyatun,S.(2018).PantulanBudayaLokal“MaknaFilosofisdanSimbolismeMotifBatikKlasik”untukPenguatanPendidikanKarakter.JurnalPendidikanSejarahIndonesia,1(1),23–39.https://doi.org/10.17977/um033v1i12018023

Setiawati,E.,Nursiam,N.,&Zulfikar,Z.(2016).PengembanganKomoditasBatik:DeterminasiBudayaEkonomidanPerubahanStrukturKebijakanTerhadapPerkembanganUsahaEkonomiLokal(StudiTentangPengusahaBatikLaweyanSurakarta).JurnalEkonomiDanBisnis,18(1),119.https://doi.org/10.24914/jeb.v18i1.272

Singgih,A.P.(2016).KarakteristikMotifBatikKendalInterpretasidariWilayahdanLetakGeografis.Imajinasi:JurnalSeni,10(1),51–60.http://journal.unnes.ac.id/nju/index.php/imajinasi%0Ahttps://journal.unnes.ac.id/nju/index.php/imajinasi/article/view/8816

Tabrani,M.,&Pudjiarti,E.(2017).PENERAPANMETODEWATERFALLPADASISTEMINFORMASIINVENTORIPT.PANGANSEHATSEJAHTERA.JurnalInkofar,1(2),30–40.

Untari,D.,&Fajariana,D.E.(2018).StrategiPemasaranMelaluiMediaSosialInstagram(StudiDeskriptifPadaAkun@Subur_Batik).WidyaCipta-JurnalSekretariDanManajemen,2(2),271–278.http://ejournal.bsi.ac.id/ejurnal/index.php/index/search/search?query=strategi+pemasaran&searchJournal=&authors=&title=&abstract=&galleyFullText=&suppFiles=&dateFromMonth=&dateFromDay=&dateFromYear=&dateToMonth=&dateToDay=&dateToYear=&dateToHour=23&dateTo