Design and Implementation of Business to Business Web Site

(1)

Desi gn and I mpl e me nt ati on of Busi ness to Busi ness Web Site

by

Md. Shohel Rana I D: CSE1903018111 Md. Forhad Hossai n

I D: CSE1903018106 Mu ha mma d Asl a m I D: CSE1903018034 Ur mi Jahan Pri ya I D: CSE1903018126 Ms t. Hos na Akt er Pri anka

I D: CSE1903018142

Super vi sed by Md. As hf akur Rah man

Sub mitt ed i n parti al fulfill ment of t he require ment s for t he degree of Bachel or of Sci ence i n Co mput er Sci ence and Engi neeri ng

DEPART MENT OF COMP UTER SCI ENCE AND ENGI NEERI NG

(2)

Desi gn and I mpl e me nt ati on of Busi ness to Busi ness Web Site

by

Md. Shohel Rana I D: CSE1903018111 Md. Forhad Hossai n

I D: CSE1903018106 Mu ha mma d Asl a m I D: CSE1903018034 Ur mi Jahan Pri ya I D: CSE1903018126 Ms t. Hos na Akt er Pri anka

I D: CSE1903018142

Super vi sed by Md. As hf akur Rah man

Sub mitt ed i n parti al fulfill ment of t he require ment s for t he degree of Bachel or of Sci ence i n Co mput er Sci ence and Engi neeri ng

DEPART MENT OF COMP UTER SCI ENCE AND ENGI NEERI NG S ONARGAON UNI VERSI TY ( SU)

Ma y 2023

(3)

The proj ect titled “Desi gn and I mpl e me nt ati on of Busi ness to Busi ness We b Site” sub mitt ed by Md. Shohel Rana ( CSE1903018111), Md. Forhad Hossai n ( CSE1903018106), Muha mma d Asl a m ( CSE1903018034), Ur mi Jahan Pri ya ( CSE1903018126), and Mst. Hosna Akt er Pri anka ( CSE1903018142) t o the Depart ment of Comput er Sci ence and Engi neeri ng, Sonar gaon Uni versit y ( SU), has been accept ed as satisfact ory f or t he parti al fulfill ment of t he require ment s for t he degree of Bachelor of Sci ence i n Co mput er Sci ence and Engi neering and appr oved as t o its st yl e and cont ent s.

Board of Exa mi ners

--- Md. As hf akur Rah man

Lect urer Depart ment of

Co mput er Sci ence and Engi neeri ng Sonar gaon Uni versit y ( SU)

--- ( Exa mi ner Na me & Si gnat ure)

De part ment of Co mput er Sci ence and Engi neeri ng Sonar gaon Uni versit y ( SU)

Supervi sor

Exa mi ner 1

Exa mi ner 2

Exa mi ner 3

(4)

DECLARATION

We, hereby, decl are t hat t he wor k present ed i n t his report is t he out co me of t he i nvesti gati on perf or med by us under t he super vi si on of Md. Ashf akur Rah man, Lect urer, Depart ment of Co mput er Sci ence and Engi neeri ng, Sonar gaon Uni versit y, Dhaka, Bangl adesh. We reaffir m t hat no part of t his pr oject has been or is bei ng sub mitt ed else wher e for t he a war d of any degr ee or di pl o ma.

Countersigned Signature

--- --- ( Md. As hf akur Rah man) Md. Shohel Rana

Supervisor ID: CSE1903018111

--- Md. Forhad Hossain ID: CSE1903018106

Page | iii ---

Muhammad Aslam ID: CSE1903018034

--- Hosna Akter Prianka

ID: CSE1903018142 ---

Ur mi Jahan Priya ID: CSE1903018126

(5)

Aft er t he t er m Worl d Wi de Web was i nstit uted i n 1990, web appli cati on advance me nt encount ered a col ossal blast. St ati c HT ML pages devel oped i nt o dyna mi c, co mpl ex busi ness appli cati ons. The Int er net has opened up anot her skyli ne for exchange and trade, i n parti cul ar el ectroni c Co mmer ce ( web based busi ness). Web based busi ness i nvol ves t he utilizati on of t he Int er net i n t he sho wcasi ng, di sti ngui shi ng pr oof, i nst all ment and conveyance of mer chandi se and ent er prises.

Ther e is no l ack of best down research di scl osing t o us t hat t he eco mmer ce advertise is tre mendous, beco mi ng t o a great degree qui ck, and hi nti ng at no backi ng off. As per sour ces li ke “e Mar ket er”, ecommer ce is t he mai n trilli on- dollar i ndustry devel opi ng at a t wof ol d di git rat e every year. What’s more, wit h t he US Census Bureau assessi ng t hat j ust 7 % of ret ail deal s are done on the web, eco mmer ce still has a great deal of runway f or devel op ment.

In t hi s pr oj ect I have creat ed a dyna mi c E-shoppi ng Websit e by usi ng moder n web devel op ment fra me wor k and also set up it i n a li ve ser ver for furt her potenti al t esti ng and devel opi ng. Whi ch can all ow us t o manage t he i nvent or y syst e m, advanced shoppi ng cart syst e m, user manage ment syst e m, shop different pr oduct s t hr ough onli ne pay ment gat e way and l ot s mor e dyna mi c functi onalit y? Duri ng t his pr oj ect devel op ment process, I have done l ots of research on exi sting Eco mmer ce web appl icati ons and busi ness. Whi ch all ow me t o devel op and i mpl e ment a dyna mi c E-shoppi ng web appli cati on and its business aspect s.

(6)

ACKNOWLEDGMENT

At t he ver y begi nni ng, we woul d li ke t o express my deepest gratit ude t o the Al mi ght y All ah for gi vi ng us t he abilit y and t he strengt h t o fi nish t he t ask successf ull y wi t hi n t he schedul e ti me.

We are auspi ci ous t hat we had t he ki nd associ ati on as well as super vi si on of Md. As hf akur Rah man, Lect urer, Depart ment of Co mput er Sci ence and Engi neeri ng, Sonar gaon Uni versit y whose heart ed and val uabl e support wi t h best concer n and directi on act ed as necessar y recourse t o carry out our pr oj ect.

We woul d li ke t o convey our speci al gratit ude t o Bri ng. Gen. ( Retd) Prof. Habi bur Rah man Ka mal, ndc, psc, Dean, Facult y of Sci ence and Engi neeri ng sir and speci al gr atit ude our honor abl e head of t he depart ment al Bul bul Aha me d, Associ at e Pr of essor &

Head, Depart ment of Co mput er Sci ence and Engi neeri ng sir f or t heir ki nd concer n and pr eci ous suggesti ons.

We are also t hankf ul t o all our t eachers duri ng our whol e educati on, for exposi ng us t o t he beaut y of l ear ni ng.

Fi nall y, our deepest gratit ude and l ove t o my parent s for t heir support, encour age ment, and endl ess l ove.

Page | v

(7)

BDH CSS DF D ERD GUI HT ML HTTP PHP SQL UI XAMPP

Busi ness t o Busi ness We bsit e Cascadi ng St yl e Sheet s Dat a Fl ow Di agra m

Entit y Rel ati onshi p Di agra m Gr aphi cal User Int erface

Hyper Text Mar kup Language Hyper Text Transfer Pr otocol

Hypert ext Prepr ocessor St r uct ured Quer y Language Us er Int erface

X- oper ati ng syst e m, Apache, MySQL, Php, Perl

(8)

LI ST OF TABLES

Tabl e No. Ti tl e Page No.

Tabl e 3. 1: Dat abase Tabl e ………. 15

Tabl e 3. 2: Us er Tabl e ……… 15

Tabl e 3. 3: Us er Type Tabl e …………. ………. ……… 16

Tabl e 3. 4: Soft ware List ……… 16

Tabl e 3. 5: Oder Det ails ……….. …….. ……… 16

(12)

LIST OF FIGURES

Fi gure No. Title Page No.

Fi g 3. 1 : E- R Di agra m……….. .……….. . ……. ….

Fi g 3. 2 : Use case Diagra m……….. ……...…..

.

Fi g 3. 3 : Sche ma Di agra m……….. ………... …...…...

Fi g 3. 4 : Dat a-fl ow Di agra m ( Level -0) .. ………. …. ……..

Fi g 3. 5 : Dat a-fl ow Di agra m ( Level -1) ……….. . …. …. . Fi g 3. 6 : Dat a-fl ow Di agra m ( Level: 2) ……. .. ……….. …...

Fi g 3. 7 : Dat a-fl ow Di agra m ( Level: 3) ……….. . …….. …. .. …..

Fi g 3. 8 : Dat a-fl ow Di agra m ( Level: 4) ……….. . ……….. …. .. …..

Fi g 4. 1 : Ho me Page...……….. ……...

Fi g 4. 2 : Regi strati on For m page ……….. . …. . …. . ….. … Fi g 4. 3 : Us er Logi n & Ad mi n Logi n Page ……….. . ……. . ……...…

Fi g 4. 4 : Ad mi n Pr ofil e ……….. . ………….. .. …...

Fi g 4. 5 : Mail Mar keti ng Page ……….. . ….. …. …..

Fi g 4. 6 : Us er Dat a Li st,,,, ……….. ... …….. . Fi g 4. 7 : Recei ver Pr ofil e ( Part nershi p Managed) …. . ………. ……….. ………….

Fi g 4. 8 : Job Application For m……….. ………. ……. ……….

Fi g 4. 9 : Our Sol uti ons Servi ce List ………. …... ……...

Fi g 4. 10: Our Pr oduct Support Vi deo Tut ori al ……….. …. . ………. …. Fi g 4. 11: Ad mi n Dashboar d ………….. ………...………….. … Fi g 4. 12: Ad mi n Dashboar d ( Oder Li st) ….. ………. …………... …... ………..

Fi g 4. 13: Ad mi n Dashboar d ( Portfoli o Li st) ………….... ……….. . ………... ….

Fi g 4. 14: Ad mi n Dashboar d ( Soft ware Li st) ………. ………. …. .. ……. ....…

10 11 12 13 13 13 14 14 17 18 19 20 21 22 23 24 25 26 27 28 29 30

(13)

I NTRODUCTI ON TO Busi ness To Busi ness website 1. 1 Int roducti on

A We bsit e is essenti all y an i nf or mati on hub; it is an essenti al l ead generation and multi medi a publishi ng t ool. You can buil d a strong brand onl i ne, creat e val ue connect wit h audi ence and generat e l eads wit h a websit e. It is a core part of your brand of busi ness mar keti ng and t he cor nerst one of any onli ne mar keti ng pl an; it is t he most appr opri at e pl ace t o direct traffi c t o.

To buil d a reput abl e websit e you will need t o have a strat egy, pl an for content and mar keti ng, you will need t o kno w its pur pose for busi ness and t he functi ons it must perf or m, and how it wi ll be di scovered. You will need t o have goals, co mmon goal s for websit e busi ness and br and i ncl ude i ncreasi ng brand a wel ess gr owi ng enj oy ment buil di ng mor e l eader i ncreasi ng br and i mpr ovi ng cust o mer experi ence and cust o mer satisfacti on.

1. 2 Moti vati on

Res our ce shari ng is t he mai n i dea of t hese cli ent-ser ver t echnol ogi es. Cent rali zed di stri buti on syst e m can be count ed as a maj or t ur ni ng poi nt for t his i nt er net technol ogy. Gl obal aut henti cat ed access causes t he most i nspirati on for t his ne w t echnol ogy. Net t o support net wor k or web based appli cati ons onl y t hat even most appli cati ons are comi ng wit h net wor k support. The ht ml and web based appli cati on follo w up t he rhyt h m of t hese t echnol ogi es. It is used i n t he pr oposed syst e m, t o fulfill t he basi c require ment t o t he appl icati on or i nt er net appli cati on. Ho wever, asp. net is also used i n t he proposed syst e m because it is a free resour ce and we can devel op web based appli cati ons ver y easil y wit h it. JavaScri pt and MYS QL are free devel op ment t ool s whi ch add furt her benefits. MYS QL and JavaScri pt resour ces, t ut ori al, ad mi ni strati ve t ool s are also avail abl e. This soft war e can easil y get from t he net and can devel op po werf ul appli cati ons.

1. 3 Probl e m St ate ment

It defi nes t he pr obl e m t hat a co mpany is faci ng. Al so it i nvol ves an i ntri cat e anal ysi s of t he pr obl e m, det ails rel evant t o t he sit uati on and sol uti on t hat can t he pr obl em. Thi s is a si mpl e effecti ve way t o present a pr obl e m and its sol uti on conci sel y. In t he other wor ds, it is a co mmuni cati on t ool t hat hel ps you vi suali ze and mini mize t he gap bet ween what’s i deal v what’s real. A probl e m st at e ment is an acti onable summar y of your user, t heir goal s, and what your need t o sol ve t o meet t hose goals it sets t he course for your proj ect’s user experi ence, however it shoul dn’t i ncl ude anyt hi ng about t he desi gn ele ment s or user functi onalit y you mi ght e mpl oy t o sol ve t he probl e m. “ Goi ng t o t he video st ore requires fi ghti ng traffi c, wandering t he aisl es and waiti ng i n l ong li nes j ust t o get a si ngl e movi e. ” Sol uti on: “Netfli x all ows anyone t o enj oy t housands of titles strea med directl y t o t heir ho me or deli vered t o t heir mailbox.

(14)

1. 4 Busi ness To Business We bsite

Thi s t ype of rel ati onshi p is co mmon a mong manuf act urers, whol esal ers, distri but ors, and ret ail ers t hat will resell t he pr oduct s or ser vi ces. Generall y, B2B transacti ons occur i n t he suppl y chai n, where a specifi c co mpany will purchase ra w mat eri als fro m anot her co mpany for manuf act uri ng pur poses. B2B pr oduct s or servi ces are also mor e val uabl e t han t hose at t he consu mer l evel. Thi s is because busi nesses t hat engage i n B2B transacti ons are mor e li kel y t o purchase mor e of t he goods and ser vi ces than consu mers are.

1. 5 Obj ecti ves

Oft en t he obj ecti ve of B2B websit e desi gn is t o attract mor e vi sit ors, i mprove t he bounce rat e or convert visit ors i nt o l eads. The obj ecti ves of t his hub are gi ven bel ow:

1. To fi nd Consi st ent NAP easil y 2. To connect A li nk t o your websit e 3. A co mpany descri pti on

4. Mul ti medi a

1. 6 Chapt er Revi e w

I n chapt er 1: We t al ked about t he basi c t hi ngs i n our pr oj ect report li ke what is Busi ness Two Busi ness we bsit e, scope of t his proj ect, obj ecti ve of t his proj ect, obj ecti ve of t his docu ment, Devel op ment t ool s et c. We al so gi ve an overall previ e w of t he docu ment i n t hi s chapt er.

I n chapt er 2: We describe t he st atisti cs and backgr ound st udy of t he pr oj ect.

I n chapt er 3: Thi s chapt er descri bes syst e m desi gn and i mpl e ment ation. Tool s and technol ogy

I n chapt er 4: The syst em desi gn parts are desi gned by unifi ed model l anguage. We f ull y docu ment ed t his part t o underst and easil y for t he user and it is descri bed in t hi s chapt er.

We di scuss UI and i mpl e ment ati on. Here we gave so me struct ures and screenshot s of our pr oj ect i n t he for m desi gn t hat hel ps users t o use t hi s hub easil y.

I n chapt er 5: In t his chapt er we di scuss about the physi cal desi gn and impl e ment ati on of t he pr oj ect. We can also see exa mpl es of so me maj or codes of t he pr oj ect.

Page | 2

(15)

BACKGROUND OF THE PROJ ECT

2. 1 Introducti on

Int er net has cont act ed our li ves fro m such a l ar ge nu mber of poi nt s. One of the critical zones of day by day li ve wher e it is pr of oundl y i nfl uence is matt er of fact. Onli ne busi ness is wher e Inf or mati on Technol ogy (I T) and busi ness exercises are mer gi ng i nt o one anot her. It is a pl an of acti on, or frag ment of a bi ggest pl an of acti on, t hat e mpo wer a fir m or i ndi vual t o direct busi ness over an el ectronic syst e m, or di naril y t he we b. In t his virt ual ti me a rel evant onli ne busi ness pr ocedur e is t he wa y t o l ong haul sust enance for any busi ness. Today prett y much each and ever y errand is done thr ough on t he web and shoppi ng is no exe mpti on. Ha vi ng web Based busi ness sit e no mor e a way t o acco mplish upper hand. It is a vit al

2. 2 Background St udy

Busi ness websit e is an onli ne based websit e. The mai n pur pose of BDH i s t o pr ovi de necessar y cust o mer support. Fi ndi ng all cust o mer an e mer gency sit uati on is ver y chall engi ng.

Ma ny l at est pr oduct s. Consi deri ng all t hose sit uati ons we got t he i nspirati on t o make t hi s we bsit e. There are many websit es on t he i nt ernet about part nershi p. But ours is a littl e different. We have tri ed ho w users can ad mi n approved cust o mer part nershi p request t hen see part nershi p see all pr oduct pri ce. Theref ore, many peopl e want t o manage wit hout account odder t he l at est pr oduct, but our websit e wit hout account does not or der t he any pr oduct.. And even part nershi p user is tol d i n advance, t here is no guarant ee t hat t he all product avail abl e at t he ti me of need.

(16)

2. 3 Des i gn Requi rement s

Whe n we desi gn soft ware or a syst e m, we consider so me require ment s to make t he pr oj ect effi ci ent. We have tri ed to buil d a user-fri endl y web appli cati on. Our syst em user i nt erface is ver y si mpl e and ever yone can use it wit hout faci ng any pr obl e m. For bett er kno wi ng, we have dra wn a busi ness pr ocess model, use case di agra m, acti vit y di agram and l ogi cal dat a model. We have used MySQL f or desi gni ng our dat abase. For front end desi gn we have used HT ML, CSS. We have used Laravel fra me wor k and PHP f or back end design.

2. 4 Chall enges

Ever y wor k has so me chall enges. So, we have t o face a s mall nu mber of chall enges t oo.

 As it’s a Web- based syste m, so peopl e need t o regi st er/l ogi n onli ne t hrough any web connect ed devi ces such as co mput er, lapt op, s mart phone, t abl ets ot her wi se t he syst e m wi ll not be hel pf ul

 If a donor doesn’t check t he notificati on for bl ood request whi ch is post ed by recei ver, t hen t he mai n mott o of t his syst e m will fail.

Page | 4

(17)

TOOLS AND TECHNOLOGY

3. 1 Introducti on

In t hi s chapt er we will discuss t he l ast phase of t he pr oj ect whi ch is consi dered t he appli cati on and t he parall el phase of t he desi gn phase, whi ch is about transf or mi ng what has been underst ood i n t he anal ysis phase and what has been outfitt ed i n t he desi gn phase i nt o realit y.

3. 2 Tool s & Technol ogy

De vel op me nt Tool s:

 HT ML: HT ML st ands for Hyper Text Mar kup Language. HT ML i s t he st andar d mar kup language f or creati ng We b pages. HT ML descri bes t he struct ure of a Web page. HT ML consi sts of a seri es of ele ment s. HT ML el e ment s tell t he br owser how t o displ ay t he cont ent. HT ML all ows users t o creat e and struct ure secti ons, headi ngs, li nks, par agraphs, and mor e, on a websit e usi ng vari ous t ags and el eme nt s. Al most ever yt hi ng you want t o creat e on a web page can be done usi ng a specifi c HT ML code.

 CSS: It st ands for Cascadi ng St yl e Sheet s. CSS descri bes how HT ML el eme nt s are t o be di spl ayed on screen, paper, or i n ot her medi a. CSS saves a l ot of wor k. It can contr ol t he l ayout of mul ti pl e web pages all at once. Ext er nal st yl e sheet s are st or ed i n CSS fil es. CSS is t he language for descri bi ng t he present ati on of We b pages, i ncl udi ng col ors, layout, and f ont s. It all ows one to adapt t he present ati on to different t ypes of devi ces, such as large screens, s mall screens, or pri nt ers. CSS is independent of HT ML and can be used wit h any XML- based mar kup l anguage.

 j Query: j Quer y is an open-sour ced JavaScri pt li brar y t hat si mplifi es creati on and navi gati on of web appli cati ons. It is a li ght wei ght, " writ e l ess, do mor e", JavaScri pt li brar y. The pur pose of jQuer y is t o make it much easi er t o use JavaScript on your we bsit e. j Quer y t akes a l ot of co mmon t asks t hat require many li nes of JavaScri pt code t o acco mpli sh, and wr aps t hem i nt o met hods t hat you can call wit h a si ngl e li ne of code.

 JavaScri pt: JavaScri pt is a hi gh-l evel, oft en just-i n-ti me co mpil ed l anguage t hat conf or ms t o t he ECMAScri pt st andar d. It has dyna mi c t ypi ng, pr ot ot ype- based obj ect- ori ent ati on, and first-cl ass functi ons. It is multi-paradi g m, supporti ng event - dri ven, functi onal, and i mper ati ve pr ogra mmi ng st yl es. It has appli cati on pr ogr a mmi ng i nt erfaces ( APIs) for wor ki ng wit h text, dat es, regul ar expr essi ons, st andar d dat a struct ures, and t he Docu ment Obj ect Model ( DOM). JavaScri pt is used by pr ogra mmers acr oss t he worl d t o creat e dyna mi c and i nt eracti ve web cont ent li ke appli cati ons and br owsers. JavaScri pt is so popul ar t hat it' s t he most used pr ogra mmi ng l anguage i n t he worl d, used as a cli ent - si de pr ogra mmi ng l anguage by 97. 0 % of all websit es.

(18)

 Bootstrap: Boot strap utilizes Sass for a modul ar and cust o mi zabl e archit ect ure.

I mport onl y t he co mponent s you need, enabl e gl obal opti ons li ke gradi ent s and shado ws, and writ e your own CSS wit h our vari abl es, maps and f uncti ons. Boot strap is a free, open source front -end devel op ment frame wor k f or t he creati on of websit es and web apps. Desi gned t o enabl e responsi ve devel op ment of mobil e-first websit es, Boot strap pr ovi des a collecti on of synt ax for t e mplat e desi gns.

 PHP: PHP i s an acr onym f or "PHP: Hypert ext Pr epr ocessor" PHP i s a wi del y- used, open source scri pti ng l anguage. PHP scri pts are execut ed on t he ser ver. PHP i s free t o do wnl oad and use. PHP (short for Hypert ext Prepr ocessor) is t he most wi del y used open source and general pur pose ser ver si de scripti ng l anguage used mai nl y i n web devel op ment t o creat e dyna mi c websit es and appli cati ons. A PHP fra me wor k is a pl atfor m t o creat e PHP we b appli cati ons. PHP fra me wor ks pr ovi de code li brari es for co mmonl y used functi ons, cutti ng down on t he amount of ori gi nal code you need t o writ e.

 Laravel: Laravel att e mpts t o t ake t he pai n out of devel op ment by easing co mmon tasks used i n t he maj ority of web pr oj ect s, such as aut henti cati on, routi ng, sessi ons, and cachi ng. Laravel aims t o make t he devel opme nt pr ocess a pl easi ng one f or t he devel oper wit hout sacrifi ci ng appli cati on functi onalit y. The best advant ages of Lar avel i ncl ude scal ability, rapi d page l oadi ng, Modul ar Vi e w contr oll er archit ect ure, and securit y. Buil di ng we b appli cati ons i n Laravel fra me wor k will enhance t he perf or mance and pr ovi des user-fri endl y access.

 My S QL: MySQL i s a rel ati onal dat abase manage ment syst e m ( RDB MS) devel oped by Or acl e t hat is based on struct ured quer y l anguage ( SQL). A dat abase is a struct ured coll ecti on of dat a. It may be anyt hi ng fro m a si mpl e shoppi ng list t o a pi ct ure gall er y or a pl ace t o hol d t he vast a mount s of i nf or mati on i n a cor porat e net wor k. It may be anyt hi ng fro m a si mpl e shoppi ng list t o a pi ctur e gall er y or t he vast a mount s of i nf or mati on i n a cor porat e net wor k. To add, access, and pr ocess dat a st ored i n a co mput er dat abase, you need a dat abase manage ment syst e m such as MySQL Ser ver.

 XA MPP: XAMPP i s a free and Open-source cross- pl atfor m Web Ser ver Sol uti on St ack built by Apache Fri ends, whi ch consi sts mostl y of t he Apache HTTP Ser ver, My S QL Dat abase, and i nterpret ers for PHP and Perl scri pt s. The goal of XAMPP i s t o buil d an easy t o i nst all distri buti on for devel opers t o get i nt o t he worl d of Apache. To ma ke it conveni ent for devel opers, XAMPP i s confi gured wit h all feat ures tur ned on.

Page | 6

(19)

Front End Desi gn

The front end is nor mall y desi gned i n t wo parts. The web desi gn and front end web devel op ment. We use HT ML, CSS and JavaScript for our front end design. These i ncl ude t hi ngs li ke font s, dr op- down menus, contract for ms et c. In t hi s secti on we incl ude so me ho me page front end desi gn.

Bac k End Desi gn:

The backend is nor mall y desi gned i n t wo parts

 API

 Dat abase

Us ers i nput t he dat a t hat t he appli cati on st ores i n a dat abase t hat was creat ed on a ser ver.

We basi call y used PHP.

Supporti ng Tool s:

(20)

CHAPTER 4 LOGI CAL SYSTEM SPECI FI CATI ON

4. 1 Introducti on

As it is a web devel opme nt pr oj ect, so for pr oper de monstrati ng and testi ng pur pose t he pr oj ect need t o be set up on a li ve web ser ver. For t hose reason I have set up t he whol e pr oj ect i nt o a li ve ser ver, so t hat it can be easy t o access fro m any wher e i n t he worl d t hough i nt er net.

Busi ness Web sit e applicati on devel op ment is a gi ant pr oj ect, as it needs t o consi der prett y much all web appli cati on devel op ment functi onalit y. Also li ve ser ver hosti ng and set up is anot her issue for t his t ype of gi ant pr oj ect

4. 2 Modul es Overvi e w

Ad mi n Secti on:

1. Us er and recei vers can regi st er

2. Us er and ad mi n l ogi n until t heir regi strati on

3. Ad mi n can del et e user and part ner . if he/ she pr ovi des any wr ong i nf or mation 4. Ad mi n can make changes on t he ad mi n dashboar d

5. Ad mi n can appr ove or delet e all user request s

6. Ad mi n can send sel ect ed/ verifi ed users’ i nf or mation t o recei vers 7. Ad mi n can vi e w all users' lists

8. Ad mi n can see on hi s/ her dashboar d, if t he recei vers can manage . Us er Secti on:

1. Us er can regi st er

2. Us er l ogi n until t heir registrati on

3. Us er can edit t heir personal i nf or mati on on t heir pr ofil e 4. Us er can change t heir st at us (avail abl e or unavail abl e)

5. Us er can’t see Inf or mati on request s if t heir st at us re mai ns unavail abl e 6. Us er can see recei ver’s inf or mati on whil e accepting Part ner request s 7. Us er can add t heir previ ous Recor d donati ng dat e

Cust o mer Secti on:

1. Cust o mer can regi st er

2. Cust o mer l ogi n until t heir regi strati on

3. Cust o mer can edit t heir personal i nf or mati on on t heir pr ofil e 4. Cust o mer can send part ner request s

5. Cust o mer can s wit ch t o part ner

6. Cust o mer can edit or delet e hi s part ner request if he want s

7. Whe n t he part ner accept s t he recei ver' s part ner request (aft er ad mi n appr oves and sends), Then he/ she can see t he det ails of t he part ner and accept s if he want s 8. If t he recei ver manages the user, t hen hi s part ner request will be del et ed (if he goes

t o his pr ofil e and cli cks on t he " managed" opti on)

Page | 8

(21)

An entit y is an obj ect t hat exists. It doesn’t have t o do anyt hi ng; it just has to exist. In dat abase ad mi ni strati on, an entit y can be a si ngl e t hi ng, person, pl ace, or obj ect. Dat a can be st ored about such entities. A desi gn t ool t hat all ows dat abase admi ni strat ors t o vi e w t he relati onshi ps bet ween several entities is called the entit y relati onshi p di agra m ( ERD. If you aren’t goi ng t o capt ure dat a about somet hi ng, t here’s no poi nt i n creati ng an entity i n a dat abase. [3]

4. 4 Attri but es

An attri but e is a pr opert y, trait, or charact eristi c of an entit y, rel ati onshi p, or anot her attri but e.

For exa mpl e, t he attri bute Invent or y It e m Na me is an attri but e of t he entity I nvent or y It e m.

An entit y can have as many attri but es as necessary. Mean whil e, attri but es can al so have t heir o wn specifi c attri but es.

For exa mpl e, t he attri bute cust o mer address can have t he attri but es nu mber, street, cit y, and st at e. These are call ed co mposit e attri but es. Not e t hat so me t op l evel ER di agra ms do not sho w attri but es for t he sake of si mpli cit y. In t hose t hat do, however, attri butes are repr esent ed by oval shapes.

● Mul ti val ve Attri but e: If an attri but e can have mor e t han one val ue it is call ed a multi val ued attri but e. It is i mport ant t o not e t hat t his is different t o an attri but e havi ng its own attri but es. For exa mpl e, a teacher entit y can have mul ti pl e subj ect val ues.

● Deri ved Attri but e: An attri but e based on anot her attri but e. Thi s is found rarel y i n ER di agra ms. For exa mpl e, for a circl e, t he area can be deri ved fro m t he radi us.

4. 5 Rel ati ons hi ps

Rel ati onshi ps are how t he entities are rel at ed t o each ot her. So t hat recor ds can be associ at ed wi t h each ot her i n queri es or vi e w defi niti ons. A rel ati onshi p is si mil ar t o a parent and a chil d wi t hi n a fa mil y. The parent entit y has a key value (pri mar y key) t hat uni quel y i dentifi es a recor d i n one t abl e wit h ot her t abl es or entiti es t hat are consi dered chil dren. The chil d t abl e or entit y has a forei gn key, a col u mn t hat hol ds t he val ue of t he parent entit y. So t he t wo entiti es j oi ned t he ducti ng quer y pr ocess.

Thi s We bsite project is di vi ded i nt o 10 modul ar 1. Regi strati on Model

2. Pr oduct Br ower Modul e 3. Pr oduct Search Modul e 4. Shoppi ng Cart Modul e 5. Shoppi ng Billi ng Modul e 6. Pay ment Modul e

7. Ad mi n User Manage ment Modul e 8. Ad mi n Cat al og Manageme nt Modul e 9. Ad mi n Oder Manage ment Modul e

10. Part ner Shi p Modul e.

(22)

4. 6 E- R Di agra m

An entit y rel ati onshi p diagra m ( ERD) sho ws t he rel ati onshi ps of entit y sets st ored i n a dat abase. An entit y i n thi s cont ext is a co mponent of dat a. In ot her wor ds, ER di agr a ms ill ustrat e t he l ogi cal struct ure of dat abases. An entit y rel ati onshi p model, also call ed an entit y- rel ati onshi p ( ER) di agram, is a graphi cal represent ati on of entities and t heir rel ati onshi ps t o each ot her, t ypi call y used i n co mputi ng i n regar d t o t he or gani zati on of data wit hi n dat abases or i nf or mati on syst e ms. An entit y is a pi ece of dat a-an obj ect or concept about whi ch dat a is st ored.

Fi g 4. 1: E- R Di agra m

Page | 10

(23)

4. 7 Use Case Di agram

A use case di agra m i s a gr aphi cal depi cti on of a user' s possi bl e i nt eracti ons wit h a syst e m. A use case di agra m sho ws vari ous use cases and different t ypes of users t he syst e m has and will oft en be acco mpani ed by ot her t ypes of di agra ms as well. The use cases are represent ed by eit her circl es or elli pses. The act ors are oft en shown as sti ck fi gures.

Fi g 4. 2: Use case Di agra m

(24)

4. 8 Sche ma Di agram

The desi gn of t he dat abase is call ed a sche ma. Thi s t ells us about t he struct ural vi e w of t he dat abase. It gi ves us an overall descri pti on of t he dat abase. A dat abase sche ma defi nes ho w t he dat a is or gani zed usi ng t he sche ma di agra m. A sche ma di agra m i s a di agr a m whi ch cont ai ns entities and t he attri but es t hat will defi ne t hat sche ma. A sche ma di agr a m onl y sho ws us t he dat abase desi gn. It does not sho w t he act ual dat a of t he dat abase. Sche ma can be a si ngl e t abl e or it can have mor e t han one t abl e whi ch is rel at ed. The sche ma represent s t he rel ati onshi p bet ween t hese t abl es.

Fi g 4. 3: Sche ma Di agram

Page | 12

(25)

A dat a-fl ow di agra m i s a wa y of representi ng a fl ow of dat a t hr ough a pr ocess or a syst e m. The DF D al so pr ovi des i nf or mati on about t he out put s and i nput s of each entit y and t he pr ocess itself.

A dat a-fl ow di agra m has no contr ol fl ow — t here are no deci si on rul es and no loops.

Fi g 4. 4: Dat a-fl ow Di agra m ( Level - 0)

Fi g 4. 5: Dat a-fl ow Di agra m ( Level - 1) Process- 1:

Fi g 4. 6: Dat a-fl ow Di agra m ( Level: 2)

(26)

Pr o c e s s - 2 :

Process- 3:

Page | 14

(27)

4. 10 Dat abase Tabl e

Acti ve St at us

Fi g 4. 9: Acti ve Strat us Us er Tabl e

Fi g 4. 10: User Tabl e

(28)

Us e r Ty pe Ta bl e

Fi g 4. 11: User Type Tabl e Soft ware Li st

Fi g 4. 12: Soft ware Li st Oder det ails

Fi g 4. 13: Oder det ails

Page | 16

(29)

US ER I NTERFACE AND I MPLE MENTATI ON

5. 1 Introducti on

In t his chapt er, we will creat e and devel op, revie w and r un our pr oj ect and al so t est our appli cati on. The out co me of t esti ng will be pr ovi ded t o verify t he applicati on abilit y and qualit y.

5. 2 Ho me Page

Fi g 5. 1: Ho me Page

Logi n and regi strati on can be done fro m t he home page. Ad mi n and cust omer can search any l at est pr oduct by l ocati on.

(30)

5 . 3 Re g i s t r a t i o n Fo r m pa g e

Fi g 5. 2: Regi strati on For m page

Ad mi n and Cust o mer regist er here by gi vi ng na me, e mail, phone nu mber, addr ess, gender, co mpany na me, countr y, we bsit e and pass wor d.

5. 4 User Logi n & Ad mi n Logi n Page

Fi g 5. 3: User Logi n & Ad mi n Logi n Page

Fr o m here ad mi n and user l ogi n by gi vi ng e mail and pass wor d. Ad mi n wi ll be one person so hi s/ her e mail I D, pass word will be fi xed so no one else can be an ad mi n.

Page | 18

(31)

Fi g 5. 4: Ad mi n Profil e It is a Ad mi n pr ofil e, where t he Accept ed Pr oduct s Oder.

5. 6 Mail Mar keti ng

Fi g 5. 5: Mail Marketi ng Page

Al l Cust o mers Cr eat e account and ad mi n send cust omer s t heir best offers by e mail mar keti ng.

(32)

5 . 7 Us e r Da t a Li s t

Fi g 5. 6: User Dat a Li st Her e, ad mi n can see all cust o mer’s i nf or mati on. .

5. 8 Part ners hi p Page

Fi g 5. 7: Recei ver Profile ( Part ners hi p Managed) By usi ng t hi s feat ure any user can be made a part ner of t he busi ness.

Page | 20

(33)

Fi g 5. 8: Job Appli cati on For m

Her e any user can appl y for j obs by sub mitti ng CV when j ob is avail abl e.

5. 10 Our Sol uti ons Service Li st

Fi g 5. 9: Our Sol uti ons Servi ce Li st Al l cust o mers get t heir support and sol uti ons by out e mpl oyees.

(34)

5 . 1 1 Our Pr o duc t Suppo r t v i de o Tut o r i a l

Fi g 5. 10: Our Product Support Vi deo t ut ori al Al l Cust o mer can get pr oper directi ons by foll owi ng out vi deo t ut ori als.

5. 12 Ad mi n Das hboard

Fi g5. 11: Ad mi n Das hboard

Page | 22

(35)

5. 13 Ad mi n Das hboard ( Oder Li st)

Fi g 5. 12: Ad mi n Das hboard ( Oder Li st)

5. 14 Ad mi n Das hboard ( Portf oli o Li st)

Fi g 5. 13: Ad mi n Das hboard ( Portf oli o list)

(36)

5 . 1 5 Admi n Da s hbo a r d ( So f t wa r e Li s t )

Fi g 5. 14: Ad mi n Das hboard ( Soft ware Li st)

Page | 24

(37)

CONCLUSI ON, LIMI TATI ONS AND FUTURE WORKS 6. 1 Concl usi on

Whe n we di scuss effecti ve or gani zati on, web based busi ness are dependabl y t here on t he rando m. The expl anati on f or t his is cl ear: we are li vi ng are dependabl y era, wher e prett y much eaxh and ver y si ngl e t ask is bei ng perf orme d i n t he web. Web based busi ness has t ur ned i nt o a trendy expr essi on i n di git al mar keti ng. The brilliant si de of t he web based busi ness i ndustry is t hat a hug nu mber of entrepreneurs are lifti ng it up as a pr ofessi on. Then agai n, nu mer ous entrepreneurs negl ect t he si gnificance of web based busi ness sit e pl anni ng and opti mizati on. The opti mizati on of a web based busi ness sit e is not t he sa me as t hat of a st andar d websit e. We based busi ness havi ng t urned i nt o a tre mendous and exceedi ngl y aggr essi ve i ndustry , front li ne l ear ni ng is required t o mai n focused. In t hi s wa y, it is vit al t hat onli ne busi ness sit e is appr opri at el y upgraded. E-co mmer ce can save our most val uabl e ti me and money. Also its opened a ne w door for cr oss bor der tradi ng. Thi s pr oject hel ps me t o do bett er underst andi ng t he devel op ment pr ocess of moder n dyna mi c eco mmer ce web appli cati on and t echnol ogy used t o i mpl e ment it. The desi gn of t he pr oj ect whi ch has gi ven me a precise knowl edge about t he latest technol ogy li ke “ Laravel ” t o devel op an eco mmer ce we appli cati on and bett er knowl edge on eco mmer ce busi ness i ndustry.

6. 2 Li mit ati ons

Li mit ati ons of our pr oj ect are mi ni mal and manageabl e, t hey are:

● Ther e is no aut o mati c page generat or.

● Ther e is no aut o mati c menu buil der.

● Ther e is no opti on of li ve chatti ng.

● Ther e is no bl ood t est report gi vi ng opti on.

6. 3 Fut ure Works

Onli ne syst e m i s al ways changeabl e. It devel ops day by day, getti ng better and easi er for ever yone. We beli eve we can make t hi s syst e m mor e advanced i n t he fut ure. The changes we are goi ng t o make i n t hi s pr oj ect are gi ven bell ow:

● To add aut o mati c menu buil der.

● To add an aut o mati c page generat or.

● To add t he opti on of li ve chatti ng.

● To add a ad mi n t ext message opti on.

(38)

REFERENCES

1. Al exandr ou, M., n. d., Web Devel op ment Met hodol ogy , mari osal exandr ou. co m [bl og] Avail abl e at: [ Accessed 15 April 2011]

2. Ami t, R., Zott, C., 2001. Val ue Cr eati on i n E- busi ness, Strat egi c Manage ment Jour nal, 2001, Vol. 22( 6- 7), p. 493- 520. Avail abl e t hr ough: JSTOR Art s and Sciences 4 Li brar y.

[ Accessed 16 Febr uar y 2011]

3. Bar nes, S. J., Vi dgen, R. T., 2002, An i nt egrati ve appr oach t o t he assess ment of e- co mmer ce qualit y. Journal of El ectroni c Co mmer ce Research, Vol. 3(3), p. 114, 2002.

Avail abl e at: [ Accessed 18 Febr uar y 2011]

4. Bauer, M., 2005, Successf ul Web Devel op ment Met hodol ogi es Arti cl e. [bl og] Avail abl e at: < htt p:// bl ogs. sit epoi nt. co m/successf ul-devel opme nt/ > [ Accessed 15 April 2011]

5. Bev, J. S., 2008, Fr o m Bertrand Mar ket Expect ati on t o Realisti c Disi nt er medi at ed Mar keti ng i n E- Co mmer ce, Avail abl e at: [ Accessed 24 Febr uar y 2011]

6. Boeh m, B. W. , 1988, A Spiral Model of Soft ware Devel op ment and Enhance ment.

Co mput er, 1988, Vol. 21(5), p. 61- 72. Avail abl e thr ough I EEE Xpl ore Journal s dat abase.

[ Accessed 05 Mar ch 2011]

7. Boone, T., Ganeshan, R., 2007. The fronti ers of e Busi ness t echnol ogy and suppl y chai ns, Jour nal of Operati ons Ma nage ment, Vol. 25, p. 1195- 1198, Avail abl e onli ne at: <

htt p:// mason. wm. edu/facult y/ ganeshan_r/ docu ment s/j om_ebusi nessfr onti ers. pdf >

[ Accessed 03 Mar ch 2011]

8. Car ey, M. A., 1995. Comme nt: Concer ns i n t he anal ysis of focus gr oup dat a. Qualit ati ve Healt h Research, 5 (4), 487- 495, Avail abl e onli ne at: [ Accessed 02 May 2010]

9. Chaffey, D. , 2002, E- busi ness and e-co mmer ce manage ment: strat egy, i mpl e ment ati on and practi ce, 4t h ed., Pearson Educati on Li mit ed.

10. Da manpour, F., 2001. E- busi ness, e-co mmer ce, evol uti on: perspecti ve and strat egy.

Ma nageri al Fi nance, Vol . 27( 7), p. 16- 33. Avail abl e t hr ough: Emer al d Manage ment Xtra 111 Dat abase. [ Accessed 13 April 2011]

11. ] Dece mber, J., n. d. Devel opi ng Inf or mati on Content for t he Worl d Wi de We b., Avail abl e at: < htt p:// www. dece mber. co m/ web/ devel op/ overvi e w. ht ml > [ Accessed 15 April 2011]

12. Dubosson- Tor bay, M., Ost er wal der, A., Pi gneur, Y., 2001 . eBusi ness Model Desi gn, Cl assifi cati on and Measure ment s. Thunder bird Inter nati onal Busi ness Revi e w, Vol. 44( 1), p. 5- 23., 2002. Avail abl e t hr ough: Wi l ey Onli ne Li br ar y Dat abase. [ Accessed 25 Febr uar y 2011]

13. Evans, P. B., Wurst er, S., 1997. Strat egy and t he ne w econo mi cs of Inf ormati on. Har var d Busi ness Revi e w, 1997, Vol. 75( 5), p. 70- 82. Avail abl e t hr ough: EBSCOhost Busi ness Sour ce Pre mi er dat abase [ Accessed 18 Febr uar y 2011]

14. Evans, P. B., Wurst er, S., 2000. Bl own t o Bits, Bost on MA: Har var d Busi ness School Pr ess

15. Fer n, E. F. (1982). Use of focus gr oups for i dea generati on: Effect s of gr oup si ze, acquai nt anceshi p and moderat or on response quantit y and qualit y. Jour nal of mar keti ng Research, Vol. 19 (1), p. 1- 13. Avail abl e onli ne at:<

htt p:// www. j st or. or g/ openurl ?vol u me =19 &dat e=1982 &s page=1 &i ssn=00222437 &i ssue=1

> [ Accessed 02 May 2011]

Page | 26

(39)

16. Gl ass, R. L., 2001. Who’s Ri ght i n t he Web Develop ment Debat e?, Cutt er IT Jour nal, Vol.

14 ( 7), p. 6 -10. [ Accessed 15 April 2011]

17. Hi ghs mit h, J., Cockburn, A., 2001. Agil e Soft ware Devel op ment: The Busi ness of Innovati on. Co mput er , vol. 34, no. 9, pp. 120- 127, Sep 2001. Avail abl e t hr ough I EEE Xpl or e Jour nal s dat abase. [ Accessed 05 Mar ch 2011]

18. Ho wcr offt, D., Carr oll, J., 2000. A pr oposed Met hodol ogy for Web Devel op ment, ECI S 2000 Pr oceedi ngs. p. 73. Avail abl e at: [ Accessed 14 April 2011]

19. I CC/ Es o mar, 2007. I CC/ Es o mar Int er nati onal Code of Mar ket and Soci al Resear ch, Int er nati onal Cha mber of Co mmer ce & Eso mar. Avail abl e at: 26 <

htt p:// www. i cc wbo. or g/ upl oadedFil es/I CC/ poli cy/mar keti ng/ St at e ment s/I CCES OMAR_ C ode_English. pdf > [ Accessed 20 April 2011]

20. Janenko, P. M., 2003. E-busi ness: t he ill usi on of aut o mat ed success. The TQM Ma gazi ne, Vol. 15( 3). Avail abl eonli neat: <htt p:// www. e mer al di nsi ght. co m/j our nal s. ht m?arti cl ei d=842 067 >[ Accessed 05 Mar ch 2011]

21. Jear y, S. Phal p K., Vi ncent, J. , 2009. An eval uati on of t he utilit y of web devel op ment met hods, Soft war e Qualit y Jour nal, Vol. 17( 2), p. 125- 150. Avail abl e at: <

htt p:// www. spri ngerli nk. co m/ cont ent/ 93g7524v76h77166/ > [ Accessed 15 April 2011]

22. Jeffcoat e, J., Chappell, C. and Fei ndt, S., 2002. Best practi ce i n S ME adopti on of e- co mmer ce. Bench mar ki ng: An I nt er nati onal Jour nal, Vol. 9 (2), p. 122- 132. Avail abl e t hr ough: Emer al d Manage ment E-Jour nal s Dat abase. [ Accessed 13 April 2011]

23. Ki n mond, R. M., 1995, Sur vey i nt o t he Accept ance of Pr ot ot ypi ng i n Soft war e De vel op ment , Rapi d Syst e m Pr ot ot ypi ng, 1995. Pr oceedi ngs., Si xt h I EEE I nt er nati onal Wor ks hop on , vol., no., pp. 147- 152, 7- 9 Jun 1995. Avail abl e t hr ough I EEE Xpl or e Jour nal s dat abase. [ Accessed 05 Mar ch 2011]

24. KI SA, 2010. Sur vey on the I nt er net Usage, Avail abl e onli ne at: [ Accessed 26 April 2011]

25. Kuhn, P., Skut er ud, M., 2000. Job search met hods: Int er net versus traditi onal, Mont hl y Labor Revi e w, Vol. 123(10), p. 3- 11. Avail abl e t hrough: DOAJ Direct or y of Open Access Jour nal s dat abase. [ Accessed 05 Mar ch 2011]

Page | 27

(40)

APPENDIX

Logi n Cont roll er Codes

use Monol og\ Handl er\ Strea mHandl er;

use Monol og\ Handl er\ Sysl ogUdp Handl er;

ret ur n [ / *

|--- | Default Log Channel

|--- |

| Thi s opti on defi nes t he default l og channel t hat get s used when writi ng | messages t o t he l ogs. The na me specifi ed i n t his opti on shoul d mat ch | one of t he channel s defi ned i n t he "channel s" confi gurati on array.

| */

' default' => env(' LOG_CHANNEL' , ' st ack' ), / *

|--- | Log Channel s

|--- |

| Here you may confi gur e t he l og channel s for your appli cati on. Out of | t he box, Laravel uses t he Monol og PHP l oggi ng li brar y. Thi s gi ves | you a vari et y of powerful l og handl ers / for mat ters t o utili ze.

|

| Avail abl e Dri vers: "singl e", "dail y", "sl ack", "sysl og", | "errorl og", " monol og",

| "cust o m", "st ack"

| */

' channel s' => [ ' st ack' => [

' dri ver' => ' st ack' , ' channel s' => [' dail y' ], 'i gnore_excepti ons' => false, ],

' si ngl e' => [

' dri ver' => ' si ngl e' ,

' pat h' => st orage_pat h(' l ogs/l aravel.l og' ), 'level' => ' debug' ,

],

Page | 28

(41)

' dail y' => [

' dri ver' => ' dail y',

' pat h' => st orage_pat h(' l ogs/l aravel.l og' ), 'level' => ' debug' ,

' days' => 14, ],

' sl ack' => [

' dri ver' => ' sl ack' ,

' url' => env(' LOG_SLACK_ WEBHOOK_ URL' ), ' user na me' => ' Laravel Log' ,

' e moji' => ': boo m:', 'level' => ' criti cal', ],

' papertrail' => [

' dri ver' => ' monol og' , 'level' => ' debug' ,

' handl er' => Sysl og Udp Handl er:: cl ass, ' handl er _wit h' => [

' host' => env(' PAPERTRAI L_ URL' ), ' port' => env(' PAPERTRAI L_PORT' ), ],

],

' st derr' => [

' dri ver' => ' monol og' ,

' handl er' => StreamHa ndl er:: cl ass,

'for matt er' => env(' LOG_STDERR_FORMATTER' ), ' wit h' => [

' strea m' => ' php://st derr', ],

],

' sysl og' => [

' dri ver' => ' sysl og', 'level' => ' debug' , ],

' errorl og' => [

' dri ver' => ' errorlog' , 'level' => ' debug' , ],

],

(42)

Re gi strati on Cont roll er Codes secti on(' cont ent' )

@csrf

<l abel for ="na me" cl ass ="col- md- 4 col-for m-l abel t ext- md-ri ght ">{{

__(' Na me' ) }}</l abel >

<i nput i d="na me" t ype="t ext " cl ass ="f or m- contr ol @error(' na me' ) is-i nvali d

@e nderr or" na me ="na me" val ue="{{ ol d(' na me' ) }}" required aut oco mpl ete="na me" aut of ocus >

@error(' na me' )

<str ong>{{ $ message }}

@enderr or </ di v>

</ di v>

@error(' e mail' )

@enderr or </ di v>

</ di v>

<l abel for ="pass wor d" cl ass ="col- md- 4 col-for m-l abel t ext- md-ri ght ">{{

__(' Pass wor d' ) }}</l abel>

Page | 30

(43)

<i nput i d="pass wor d" t ype="pass wor d" cl ass="f or m- contr ol

@err or(' pass wor d' ) is-i nvali d @enderr or" na me ="pass wor d" required aut oco mpl et e="ne w- pass wor d" >

@error(' pass wor d' )

@enderr or </ di v>

</ di v>

<l abel for ="pass wor d-confir m" class="col - md- 4 col-for m- label t ext- md- ri ght ">{{ __(' Confir m Pass wor d' ) }}</l abel >

<i nput i d="pass wor d-confir m" t ype="pass wor d" cl ass="f or m- contr ol "

na me ="pass wor d_confirmati on" required aut ocompl et e="ne w- pass wor d">

</ di v>

</ but t on>

</ di v>

</for m>

</ di v>

@e ndsecti on / **

(44)

Ve r i f y Ma i l Ad d r e s s

@e xt ends(' layout s. app' )

@s ecti on(' cont ent' )

<di v cl ass ="card- header">{{ __(' Verify Your Email Addr ess' ) }}</ di v>

@i f (sessi on(' resent' ))

{{ __(' A fresh verifi cati on li nk has been sent t o your e mail address.' ) }}

</ di v>

@endif

{{ __(' Bef ore pr oceedi ng, pl ease check your e mail for a verifi cati on li nk.' ) }}

{{ __(' If you di d not recei ve t he e mail') }}, <a href ="{{ rout e('verifi cati on.resend' ) }}" >{{ __(' cli ck here t o request anot her' ) }}</ a>.

</ di v>

@e ndsecti on

Page | 32

(45)

@e xt ends(' layout s. app' )

@s ecti on(' cont ent' )

<di v cl ass ="card- header">{{ __(' Reset Pass wor d' ) }}</ di v>

@i f (sessi on(' st at us' ))

</ di v>

@endif

@csrf

<i nput i d="e mail " t ype="e mail" cl ass="f or m- contr ol @err or(' e mail' ) is- i nvali d @enderr or" na me="e mail " val ue="{{ ol d('e mail' ) }}" required aut oco mpl et e="e mail "

aut of ocus >

@error(' e mail' )

@enderr or </ di v>

</ di v>

</ but t on>

</ di v>

</for m>

</ di v>

(46)

Upco mi ng Mail Contr ol Code DOCTYPE ht ml >

<head>

body, tabl e, t d, a {

- webkit-t ext-si ze-adj ust: 100 %;

- ms-t ext-si ze-adjust: 100 %;

} tabl e, t d {

mso-t abl e-lspace: 0pt;

mso-t abl e-rspace: 0pt;

} i mg {

- ms-i nt er pol ati on- mode: bi cubi c;

} i mg { bor der: 0;

hei ght: aut o;

li ne- hei ght: 100 %;

outli ne: none;

text-decorati on: none;

} tabl e {

bor der-coll apse: coll apse !i mport ant;

} body {

hei ght: 100 % !i mport ant;

mar gi n: 0 !i mportant;

paddi ng: 0 !i mportant;

wi dt h: 100 % !i mport ant;

}

Page | 34

(47)

col or: i nherit !i mport ant;

text-decorati on: none !i mport ant;

font-si ze: i nherit !i mport ant;

font-fa mil y: i nherit !i mport ant;

font- wei ght: i nherit !i mport ant;

li ne- hei ght: i nherit !i mport ant;

}

@medi a screen and ( max- wi dt h: 480px) { . mobil e- hi de {

displ ay: none !import ant;

}

. mobil e-cent er {

text-ali gn: center !i mport ant;

} }

di v[st yl e*=" mar gi n: 16px 0; "] { mar gi n: 0 !i mportant;

} </ st yl e>

<body st yl e=" mar gi n: 0 !i mport ant; paddi ng: 0 !import ant; backgr ound- col or: #eeeeee; "

bgcol or ="#eeeeee">

<li >Email: {{$e mail }}</li >

<li >Phone: {{$phone_no}}</li >

<li > Message: {{$quer y message}}</li >

<li >Countr y: {{$countr y}}</li >

<li >I nquer y Type: {{$enquir y_t ype}}</li >

<li >Co mpany Name: {{$co mpanyname }}</li >

<li > We bsit e Na me : {{$ websit e}} </li >

</ ul >

</ body>

</ ht ml >

(48)

Od e r Su c c e s s Co n t r o l Co d e

@p hp

$Sit ePr ofil e = App\ SitePr ofil e::first();

@e ndphp

@p hp

$titl e = "Logi n | Safe Cit yBD Mar keti ng Co mpany";

$key wor ds = "Safe CityBD mar keti ng co mpany, l ogi n, regi strati on, Hi kvisi on cct v ca mer a pri ce i n bangl adesh, Hi kvi si on di stri but or i n bangladesh";

$descri pti on = "Logi n Safe Cit yBD mar keti ng co mpany websit e, Hi kvi sion cct v ca mer a deal er pri ce";

@e ndphp

@i ncl ude(' UI.i nc. headersour ce' )

<!--st art header-- >

@i ncl ude(' UI.i nc. menubar' )

<!-- End Header-- >

@p hp

$Subt ot al = Cart::subt ot al Fl oat();

$vat percent = $cart Setti ng- >vat;

$vat = $Subt ot al/ 100*$vat percent;

$shi ppi ngChar ge = $cartSetti ng- >shi ppi ng;

$t ot al = Cart::subt ot al Fl oat() + $vat +$shi ppi ngCharge;

@e ndphp <st yl e>

. or der-sucess h1 { col or: #88B04B;

font-fa mil y: " Nuni t o Sans", " Hel veti ca Neue", sans-serif;

font- wei ght: 900;

font-si ze: 40px;

mar gi n- bott o m: 10px;

}

. or der-sucess p { col or: #404F5E;

font-fa mil y: " Nuni t o Sans", " Hel veti ca Neue", sans-serif;

font-si ze: 20px;

mar gi n: 0;

}

. or der-sucess i { col or: #9ABC66;

font-si ze: 100px;

li ne- hei ght: 200px;

mar gi n-l eft:-15px;

}

Page | 36

(49)

backgr ound: white;

paddi ng: 60px;

bor der-radi us: 4px;

box-shado w: 0 2px 3px #C8 D0 D8;

displ ay: i nli ne- block;

mar gi n: 0 aut o;

} </ st yl e>

<di v st yl e="bor der-radi us: 200px; hei ght: 200px; wi dt h: 200px; background: #F8FAF5;

mar gi n: 0 aut o; ">

✓

</ di v>

<h1>Success </ h1>

We recei ved your purchase request; we' ll be i n t ouch shortl y!

<a st yl e=" mar gi n-t op: 5px; paddi ng: 5px; bor der-radi us: 5px"

hr ef ="{{asset('' )}}">Conti nue Shopi ng</ a>

@i f (\ Sessi on::has(' or der-sucess- message' )) <di v cl ass ="al ert al ert-success">

<ul >

<li >{!! \ Sessi on:: get(' or der-sucess- message' ) !!}</li >

</ ul >

</ di v>

@endif </ di v>

</ di v>

</ secti on>

@i ncl ude(' UI.i nc.foot er bar' )

<!-- Soci al icon-- >

@i ncl ude(' UI.i nc. si debarsoci al nu mber' )

<!-- Soci al icon-- >

@i ncl ude(' UI.i nc.foot ersour ce' )

</ body>

</ ht ml >

' success' => false,

' message' => ' You Already I nt erest ed i n Thi s Bl ood Request', ' st at us'

=> 405, ]);

(50)

if ($bl oodRequest->r eciever_i d == $user->i d) { return response()- >j son([

' message' => ' You made t hi s request, so you can not request i nt erest i n it',

' stat us' => 405, ]);

}

if ($user- >bl ood_gr oup_i d === $bl oodRequest- >bl ood_gr oup_i d) {

$i nt erest edDonor = ne w Int erest edDonor();

$i nt erest edDonor- >i nt erest ed_donor _i d = $user- >i d;

$i nt erest edDonor- >bl ood_r equest _i d = $bl oodRequest-

>i d; $i nt erest edDonor- >save();

ret ur n response()- >j son([

' success' => true,

' message' => ' Your Int erest ed In Thi s Bl ood Request has been sent t o t he Reci ever',

' stat us' => 200, ]);

} el se {

' message' => ' Your bl ood gr oup does not mat ch wit h t his bl ood request',

' stat us' => 405, ]);

} } el se {

' message' => ' You are not a donor. Pl ease change your rol e as donor and try agai n',

' stat us' => 405, ]);

} }

Page | 38

(51)

Design and Implementation of Business to Business Web Site

Desi gn and I mpl e me nt ati on of Busi ness to Busi ness Web Site

Desi gn and I mpl e me nt ati on of Busi ness to Busi ness Web Site

DECLARATION

ACKNOWLEDGMENT

TABLE OF CONTENTS

LI ST OF TABLES

LIST OF FIGURES

I NTRODUCTI ON TO Busi ness To Busi ness website 1. 1 Int roducti on

1. 2 Moti vati on

1. 3 Probl e m St ate ment

1. 4 Busi ness To Business We bsite

1. 5 Obj ecti ves

1. 6 Chapt er Revi e w

BACKGROUND OF THE PROJ ECT

2. 1 Introducti on

2. 2 Background St udy

2. 3 Des i gn Requi rement s

2. 4 Chall enges

TOOLS AND TECHNOLOGY

3. 1 Introducti on

3. 2 Tool s & Technol ogy

CHAPTER 4

LOGI CAL SYSTEM SPECI FI CATI ON

4. 1 Introducti on

4. 2 Modul es Overvi e w

4. 4 Attri but es

4. 5 Rel ati ons hi ps

4. 6 E- R Di agra m

4. 7 Use Case Di agram

4. 8 Sche ma Di agram

4. 10 Dat abase Tabl e

US ER I NTERFACE AND I MPLE MENTATI ON

CONCLUSI ON, LIMI TATI ONS AND FUTURE WORKS 6. 1 Concl usi on

6. 2 Li mit ati ons

6. 3 Fut ure Works

REFERENCES

APPENDIX