Паэтапная інструкцыя па правільнай распрацоўцы інтэрнэт-крамы

1. Этап 1. Аналіз запыту ад заказчыка
2. Этап 2. Распрацоўка тэхнічнага задання
3. Этап 2.5 Распрацоўка структурных макетаў старонак
4. Этап 3. Стварэнне дызайн-макетаў старонак рэсурсу
5. Этап 4. Вёрстка старонак рэсурсу
6. Этап 5. Распрацоўка праграмнай часткі
7. Этап 6. Тэставанне вэб-сайта
8. Этап 7. Размяшчэнне вэб-сайта на серверы
9. У выніку…

Этап 1. Аналіз запыту ад заказчыка

Такім чынам, заказчык задаволены ўмовамі супрацоўніцтва, прадстаўленымі намі ў папярэднім камерцыйным сказе, мы пачынаем працу. Першае, што прапрацоўваецца аналітыкамі студыі - агульная архітэктура і функцыянал, якія павінны быць рэалізаваны ў далейшым краме.

Мы ацэньваем патрабаваны функцыянал - якія функцыі будуць карыснымі ў інтэрнэт-краме шын? Пачнем з базавага функцыяналу кліенцкай частцы крамы:

• Каталог прадукцыі з разбіўкай на катэгорыі
• Магчымасць аформіць куплю праз краму
• Інфармацыя аб умовах куплі, дастаўкі, аплаты прадукцыі
• Дапаможная інфармацыя па тэме (не забываем аб далейшым прасоўванні рэсурсу)
• Гісторыя пакупак для зарэгістраваных карыстальнікаў

Далей, абмяркоўваем дадатковыя функцыі, якія могуць быць карыснымі з улікам тэматыкі: 2

• Магчымасць занясення тавараў у закладкі, з мэтай дадатковага азнаямлення ў далейшым. Пры гэтым важна, каб закладкі працавалі лёгка і любы карыстальнік зразумеў, як з імі абыходзіцца. У выніку вырашаем - павінны працаваць як для зарэгістраваных, так і не зарэгістраваных карыстальнікаў
• Хуткая купля - без рэгістрацыі, проста паказаўшы нумар тэлефона - для тых, хто не асабліва знаёмы з інтэрнэтам і хоча ў далейшым абмеркаваць усе ўмовы з мэнэджарам крамы
• Рэгістрацыя і ўваход у сістэму праз соц. сеткі.
• Падказкі ў выглядзе падобных тавараў, заснаваныя на паводзінах наведвальнікаў крамы.

Ўзгадняем дадзены функцыянал з заказчыкам, пасля чаго прыступаем да абмеркавання панэлі адміністравання. Неабходна прадугледзець:

• Магчымасць з лёгкасцю кіраваць заказамі;
• Простую працу з каталогам;
• Магчымасць правядзення акцый на сайце;
• Сістэму вядзення статыстыкі па продажах;
• Магчымасць ствараць «наборы» пазіцый - ручная прывязка тавараў адзін да аднаго ў панэлі адміністравання.

Вызначыўшы асноўную канцэпцыю крамы, малюем прыкладную структуру сайта:

Асобна вызначаем структуру каталога:

Этап 2. Распрацоўка тэхнічнага задання

Вызначыўшы ўвесь функцыянал рэсурсу, мы прыступаем да работ па распрацоўцы тэхнічнага задання на распрацоўку інтэрнэт-крамы. У дадзеным дакуменце дэталёва прапісваецца кожная з функцый і старонак рэсурсу. Пісьменна створанае тэхнічнае заданне дазваляе пазбегнуць мноства праблем і эканоміць шмат часу і нерваў як заказчыку, так і спецыялістам, якія працуюць над праектам. Фактычна, тых. Заданне - дакумент, які рэгламентуе ўсё далейшае ўзаемадзеянне паміж кліентам і распрацоўшчыкамі, у прыватнасці - вызначае крытэрыі, па якіх праца лічыцца здадзенай, арганізуе ўзаемадзеянне супрацоўнікаў ўнутры студыі ў рамках работы над праектам.

Этап 2.5 Распрацоўка структурных макетаў старонак

Адначасова з распрацоўкай тэхнічнага задання ствараюцца структурныя макеты ўсіх старонак рэсурсу, якія ў далейшым будуць ператвораныя дызайнерам у непасрэднае адлюстраванне старонак. Дадзены этап з'яўляецца вельмі важным з пункту гледжання зручнасці карыстання рэсурсам - абмяркоўваецца, прадумваецца размяшчэнне кожнай з кнопак, фармат апавяшчэнняў, рэакцый на рэсурсы і г.д.

Этап 3. Стварэнне дызайн-макетаў старонак рэсурсу

Далей, з улікам створаных схематычна макетаў, тэматыкі рэсурсу і пажаданняў заказчыка распрацоўваюцца макеты ўсіх старонак праекта.

Этап 4. Вёрстка старонак рэсурсу

Наступным крокам з'яўляецца пераўтварэнне ўсіх створаных макетаў з графічнага фармат у HTML-код. На дадзеным этапе ўлічваюцца ўмовы далейшага прасоўвання вэб-рэсурсу - на старонках неабходна карэктна размясціць загалоўкі, тэкст, спасылкі. Так, назва катэгорый тавараў на старонцы з пералікам тавараў дадзенай катэгорыі, варта зрабіць загалоўкам.

Этап 5. Распрацоўка праграмнай часткі

Далей, бягучы вынік распрацоўкі, а менавіта - звярстаны макеты, перадаюцца камандзе праграмістаў, якія, выкарыстоўваючы распрацаваныя раней модулі, а так жа ствараючы новыя, фармуюць прадукт, гатовы да тэставання. У краме было выкарыстана некалькі цікавых рашэнняў, да прыкладу, для паляпшэння пазіцый рэсурсу ў пошукавых сістэмах, SEO-тэкст падгружаецца ў пачатку старонкі, пасля чаго перамяшчаецца на патрэбную пазіцыю пры дапамозе javascript. Гэтак жа рэалізаваны зручны модуль абнаўлення кошыка - здзейсніць куплю можна ў тры зграя - дастаткова проста пазначыць свой нумар тэлефона.

Этап 6. Тэставанне вэб-сайта

Наступны, вельмі важны этап - тэставанне рэалізаванага функцыяналу вэб-сайта. Карэктнае тэставанне дазваляе пазбегнуць значных праблем з працай вэб-сайта ў далейшым. Больш падрабязна даведацца пра тэставанне вэб-сайтаў вы можаце ў нашай артыкуле «Працэс тэставання вэб-сайта».

Этап 7. Размяшчэнне вэб-сайта на серверы

Атрымаўшы адмашку ад каманды тэставання, праграмісты могуць прыступаць да размяшчэння гатовага вэб-сайта на серверы, на якім ён і пачне сваё функцыянаванне ў сетцы. Праводзіцца канчатковая адладка рэсурсу, а так жа паўторнае тэставанне, пры дапамозе якога ўхіляюцца рэшткавыя памылкі, якія маглі быць дапушчаныя пры пераносе інтэрнэт крамы.

У выніку…

Такім чынам, дзякуючы прытрымліваньню карэктнаму парадку стварэння вэб-сайта, у канчатковым выніку заказчык атрымлівае якасны праект, які ўпэўнена працуе і выконвае ўскладзеныя на яго задачы, а мы - яшчэ адзін цікавы праект у нашым партфоліо. Менавіта дзякуючы захаванню правільнай метадалогіі распрацоўкі, мы можам са свайго боку гарантаваць агаворваецца загадзя вынік працы праекта, а так жа трошкі больш. Дарэчы, на апошніх этапах працы над дадзеным праектам, мы з заказчыкам вырашылі, што карысным наступным крокам будзе стварэнне пашырэння для браўзэра, якое будзе апавяшчаць адміністратара аб новых запытах, але пра гэта мы напішам ўжо ў наступным артыкуле.