"SATYP ALL" КӨЛІК САТУ КОМПАНИЯСЫНЫҢ WEB-САЙТЫН ӘЗІРЛЕУ

​АННОТАЦИЯ

Мақаланың мақсаты "SATYP ALL" көлік сату компаниясына web-сайт жасау. Бұл web-сайт компания жайлы толық ақпарат алуға, сондай-ақ сақтандыру полюсын таңдауға және тапсырыс беруге мүмкіндік береді. Қолданушы толық соманы есептеуге және on-line желіде сауалнама толтыруға мүмкіндік алады. Мақалаға арналған web-сайт жасау барысында HTML, CSS және JavaScript программалау тілдері қолданылды.

ABSTRACT

The purpose of the article is to create a website for the car sales company "SATYP ALL". This website allows you to get detailed information about the company, as well as to choose and order an insurance policy. The user has the option to calculate the full amount and fill out an online survey. HTML, CSS and JavaScript programming languages ​​were used to create the website for the article.

Кілттік сөздер: on-line, web-сайт, HTML, CSS, Visual Stdio Code және JavaScript.

Keywords: on-line, website, HTML, CSS, Visual Studio Code and JavaScript.

Қазіргі уақытта неліктен автодилерлерге веб-сайт немесе мобильді қосымша қажет?

CBT Automotive network ұйымының ұсынған деректері бойынша: автокөлік сатып алушылардың 51% - ы төлемдерді, ұсыныстарды, бағаларды және тауарлы-материалдық құндылықтарды іздеу үшін веб-сайтты немесе мобильді қосымшаларды пайдаланады; eBay мобильді қосымшасы арқылы апта сайын 13000-нан астам көлік сатады, орташа алғанда, бұл жылына 650 000-нан астам көлік!

Жақсы әзірленген сайтқа немесе мобильді автосалон қосымшасына инвестиция салу көбірек көлік сатуға және қызмет көрсету орталығына көбірек трафик тартуға көмектеседі. Кері байланысқа шығып отыратын веб-сайт немесе автосалон қосымшасы болса, клиенттер сатылатын автомобиль модельдерін оңай көре алады, жаңа тапсырыстар жасай алады, ақпарат алу үшін сөйлесе алады және қосымша арқылы ұсыныстар жібере алады.

Автосалон сайтын әзірлеудің басты ерекшелігі автомобильдер бойынша ақпарат беруге, сондай-ақ автосалонда көзделген қызмет көрсетуге ыңғайлы сервис болып табылады. Барлық сайттар бүкіләлемдік ғаламторды құрайды, мұнда Байланыс (веб) әлемдік қауымдастықтың ақпарат сегменттерін біртұтас тұтастыққа - планетарлық масштабтағы мәліметтер базасы мен коммуникацияларға біріктіреді. Клиенттердің серверлердегі сайттарға тікелей кіруі үшін арнайы HTTP протоколы жасалған.

Сайтты құру - бұл көп уақытты қажет ететін және салыстырмалы түрде ұзақ процесс, ол бірнеше кезеңдерде жүреді, өйткені Тапсырыс берушінің идеясы нақты жұмыс істейтін сайтқа немесе интернет-дүкенге айналады.

Жобаның сәтті болуы үшін кем дегенде мынаны анықтау керек: сайтқа қандай міндеттер жүктеледі, веб-сайт қандай келушілерге арналған, сіз оларға не жеткізгіңіз келеді; веб-сайтыңызға қандай функционалдылықты салғыңыз келеді, яғни ол қалай жұмыс істейді; сайттың жұмысын кім және қалай қолдайды, ақпаратты жаңарту, оны қалай кеңейту жоспарлануда? Веб-сайтты әзірлеу процесін келесі кезеңдерге бөлуге болады^[1]: маркетингтік жоспарлау; сайттың құрылымын жоспарлау (бөлімдер, навигация және т. б.); сайттың дизайнын жасау, жобаланған макеттің орналасуы; әзірленген мазмұнды басқару жүйесіне "орналасуды қабаттастыру"; сайттың кеңейтілген функционалдығына жауап беретін бағдарламалық модульдерді орнату; веб-өкілдігіңізді мәтіндер мен суреттермен толтыру; сайттың техникалық тапсырмаға сәйкестігін тестілеу және дайын жобаны Интернетке жіберу.

Осы кезеңдердің бастысы Маркетингтік жоспарлау. Бұл кезеңде құрылатын сайттың негіздері нақтыланады. Сайт не істеуі керек? Оның негізгі міндеттері қандай? Бұл сайт келушілерге не жеткізгісі келеді? Осы және басқа да көптеген сұрақтар сайттың қандай болатынын анықтауға көмектеседі. Техникалық жоспарлау бұл жиі назардан тыс қалатын кезең. Мұнда навигацияның қалай жұмыс істейтініне ерекше назар аударған жөн.

Бағдарламалық жасақтама мүмкіндіктеріне тоқталатын болсақ, Visual Stdio Code ортасында html, CSS, JavaScript арқылы жасалған.

Сурет 1. Сайт стильдері: түсі, өлшемі

Жеке кабинетке кіру батырмасын шерткенен киін, жаңа терезе ашылады. Ондағы тұлға логинімен құпия сөзін теріп өз жеке кабинетіне кіре алады (2-сурет).

Сурет 2. Жеке кабинетке кіру

Сайтымыздың басты бетіне сурет қоямыз (3-сурет).

Сурет 3. Сайтқа сурет қою

Сайттың астыңғы жағына көліктеріміздің қосымша ақпарат алатын хабарлама жасаймыз(6-сурет).

Сурет 4. Қосымша ақпарат алу

Көліктерді сатылымға жариялаймыз және автоматты түреде суреттер өздігінен кезекпен ауысып тұрады (5-сурет).

Сурет 5. Көліктерді ұсыну және өздігінен ауысу

Сонымен қоса клиенттерге қызметерімізді жарияламыз және соңғы жаңартулар-мен бөлісу (6-сурет).

Сурет 6. Қызметтерді жариялау

Сурет 7. Соңғы жаңартумен бөлісу

Клиенттердің пікірлері (8-сурет).

Сурет 8. Клиенттердің пікірлері

Кері байланысқа шығу және жылдам сілтемелер (9-10-сурет).

Сурет 9. Кері байланысқа шығу

Сурет 10. Жылдам сілтемелер

Біз осы мақалада автокөлік сататын web-сайт жасау жолын көрсеттік. Бұл web-сайтты жасау барысында біз HTML, CSS бағдарламалау кодтарын JavaScript бағдарламалау тілін қолдана отырып жасадық.

Қолданылған әдебиеттер:

1. Хавербеке Марейн. Х12 Выразительный JavaScript. Современное веб-программирование. 3-е изд. - СПб.: Питер, 2020. - 480 с.: ил. - (Серия «Для профессионалов») ISBN 978-5-4461-1226-5
2. Кириченко А. В.,  Хрусталев А. А HTML5+CSS3.ОСНОВНЫ СОВРЕМЕННОГО WEB-ДИЗАЙНА-СПб.: "Наука и Техника", 2018г.-352 с., ил.
3. https://developer.mozilla.org/ru/docs/Learn/Getting_started_with_the_web/HTML_basics