Файл: М. Х. Дулати атындаы Тараз ірлік университеті ке а.docx
ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 25.10.2023
Просмотров: 45
Скачиваний: 1
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
2.3 Сайт интерфейсін әзірлеу
"Интерфейс" термині адам компьютерде ақпаратты өңдеумен айналысуы керек салаларда кеңінен қолданылады. Ағылшын тілінен аударғанда Interface сыртқы тұлға дегенді білдіреді. Компьютерлік әлемде интерфейстердің көптеген түрлері белгілі: пайдаланушы интерфейсі, графикалық интерфейс, енгізу-шығару интерфейсі, сыртқы немесе ішкі интерфейс, интеллектуалды интерфейс, адам-машина интерфейсі, бағдарламалық интерфейс және т. б.Интерфейс-құрылғылардың, бағдарламалардың және адамның өзара әрекеттесуін қамтамасыз ететін құралдар мен ережелер жиынтығы.Пайдаланушы интерфейсі деп аталатын Пайдаланушының дербес компьютермен өзара әрекеттесуін қамтамасыз ететін интерфейс әсіресе маңызды. Бағдарламалық жасақтама нарығындағы бәсекелестікте жаңа бағдарламалық өнімнің жетістігі көбінесе осы интерфейстің ыңғайлылығына байланысты. Пайдаланушы интерфейсі символдық және графикалық болуы мүмкін.[13.125 б]
Символдық интерфейс әдетте бейне жүйесі мәтіндік режимде жұмыс істеген кезде қолданылады. Ақпарат монитор экранында таңба бойынша көрсетіледі. Windows пайда болғанға дейін барлық операциялық жүйелер, соның ішінде MS DOS және оның Norton Commander қабығы пайдаланушыға символдық интерфейс берді. Бұл ресурстарды тұтыну үшін өте үнемді және пайдаланушының өте ыңғайлы жұмысын қамтамасыз ете алады. Ерекшелік-MS DOS операциялық жүйесінің командалық жол интерфейсі, ол Пайдаланушыдан командалық синтаксисті білуді талап етеді.Графикалық интерфейс бейне жүйесі графикалық режимде жұмыс істей алатын кезде пайда болады, яғни. ақпаратты Монитор экранына шығару. Графикалық интерфейске көшу дербес компьютердің техникалық сипаттамаларын жақсарту арқылы мүмкін болды. Мұндай интерфейс бейне жүйесінің жылдамдығына жоғары талаптар қояды, бірақ сонымен бірге негізгі мақсатқа қол жеткізіледі - пайдаланушының ыңғайлы жұмыс ортасы жасалады, өйткені адамға суреттермен (суреттермен) жұмыс істеу табиғи және ыңғайлы. Символдық интерфейспен салыстырғанда графикалық интерфейс неғұрлым түсінікті және интуитивті деп қабылданады.Графикалық пайдаланушы интерфейсі-адам мен компьютердің өзара әрекеттесуі үшін графикалық құралдар қолданылатын интерфейс.Графикалық пайдаланушы интерфейсінің жарқын мысалы-Windows интерфейсі. Бұл операциялық жүйені жобалау кезінде мамандар мүмкін болатын графикалық құралдарды кеңінен қолданды: суреттер, арнайы белгішелер, түс дизайны, қаріптердің әр түрлі сызбалары, экран дизайны және т. б.[14.61 б]
Windows графикалық интерфейсі операциялық жүйенің командаларын жылдам орнатуға, бағдарламаларды іске қосуға, файлдарды, түймелерді, мәзір элементтерін таңдауға мүмкіндік береді.
Веб-сайтты безендіру.
Беттің түсі мен фоны веб-шебердің қалауы бойынша таңдалады, бірақ сіз бүкіл сайтты визуалды қабылдау оларға байланысты екенін ескеруіңіз керек. Барлығын шамадан тыс қараңғылаудың қажеті жоқ, егер ол анық көрінсе, мәтінді оқу ыңғайлы. Пайдаланушы мониторларының қызмет ету мерзімін ұзарту арқылы қара түсті қолданбаңыз. Статистикаға сәйкес, "қара" сайттарға кіру өте жоғары емес.
Фонның түсін таңдағанда, оның барлық басқа элементтермен қалай үйлесетінін ескеру қажет: мәтін түсі, еренсілтеме түсі. Беттегі навигациялық элементтер мен фон арасындағы жеткілікті түс пен жарықтық контрастын қамтамасыз ету өте қажет. Егер сурет Фон ретінде пайдаланылса, онда ол әрең көрінуі керек. Бұл суретте тек бейтарап, бір-біріне қарама-қайшы емес түстер болуы керек.Өте үлкен кестелер құрудың қажеті жоқ, кестені бірнеше кішіге бөлуге болады.[15. 23 б]
Стильдерді қолдану.
Каскадты стильдер кестесі (CSS) технологиясы - бұл Веб-беттің әртүрлі элементтеріне қолдануға болатын дизайн және қалыптастыру ережелерінің жиынтығы. Стандартты HTML тілінде кез-келген элементке белгілі бір қасиеттерді тағайындау үшін - мысалы, түс, өлшем және сол сияқтылар - оларды әр уақытта қайта сипаттау керек. CSS технологиясын қолдана отырып, элементтердің қасиеттерін бір рет сипаттап, осы сипаттаманы стиль ретінде анықтау жеткілікті болады.Сіз әрқашан қабылданған стильге төтеп беруіңіз керек. Егер сайт тармақталған құрылыммен болса, оның беттерін бірдей етіп жасау керек, яғни.бір стиль аясында жасалған. Барлық беттерде бірдей басқару элементтері, бірдей аралықтар және ұқсас қаріптер болуы керек.Мәтіндік сүзгілерді қолдана отырып, сіз "жалған" кескіндерді қолданбай-ақ жақсы сайт дизайнына қол жеткізе аласыз. Сонымен қатар, суреттерден айырмашылығы, бұл сүзгілер беттерді жүктеуді қиындатпайды.[16.59 б]
2.4 Бағдарламалау ортасын таңдау және негіздеу
Сайтты құру үшін бірнеше әдістерді қолдануға болады. Ең көп тарағандары-мәтіндік редактор (блокнот), HTML гипермәтіндік құжаттарды сипаттау тілі, Microsoft frontpage2003 бағдарламасы, осындай Microsoft VBScript немесе JavaScript тілдерінде жазылған арнайы сценарий бағдарламалары.
Microsoft VBScript немесе JavaScript көмегімен пішімдеуді, кескіндерді шығаруды, медианы ойнатуды басқаруға болады - бұл сценарийлер басқа бағдарламалау тілдерінің көмегімен жасалған бағдарламаларға ұқсас. Бүгінгі таңда сценарийлердің орындалуын басқарудың ең қуатты құралы-DHTML-Dynamic HTML (динамикалық HTML). DHTML қарапайым анимацияларды және басқа да көптеген эффектілерді жасауға мүмкіндік береді.
HTML-де гипермәтіндік құжаттардың мазмұны мен форматын анықтау үшін тегтер (tags) деп аталатын командалар қолданылады. Веб-шолғыш бұл командаларды мәтін мен графикалық кескіндерге түрлендіреді және оларды компьютер экранында дұрыс орналастырады.
Беттегі мәтін пішімі мен графиканың орналасуын сипаттаудан басқа, HTML тілі басқа мақсаттарда да қолданылады. Гиперсілтеме веб-шолғышқа Интернеттегі жаңа бетке өтіп, оның мазмұнын экранда көрсету пәрменін береді.[17.89 б]
Бұл сайт FrontPage 2003 бағдарламасының көмегімен жасалған.
FrontPage 2003 көмегімен веб-сайт құру үшін HTML, сценарий тілдерін немесе DHTML-ді үйренудің қажеті жоқ. FrontPage 2003 сізге веб-параққа орналастыруға болатын мәтінді теруге, суреттерді қажетті жерлерде орналастыруға, дыбыстық дизайнды енгізуге мүмкіндік береді. FrontPage 2003 көмегімен әдетте сценарийлерді немесе DHTML бағдарламасын қажет ететін эффектілерді жасауға болады.FrontPage 2003 Веб-беттер мен веб-сайттарды құруды ғана емес, оларды басқаруды да жеңілдетеді.Сілтемелердің көмегімен сіз әртүрлі веб-беттерді қарау және өңдеу режимдерін таңдай аласыз.FrontPage 2003 құралдарын қолдана отырып, веб-сайтты бірнеше қарау режимдерінде көрсетуге болады. Views (қарау режимдері) тақтасында сайтты көрсетудің немесе өңдеудің бір немесе басқа әдісін таңдауға мүмкіндік беретін белгішелер бар.Қалталар тізімінде ағымдағы веб-сайтқа қатысты барлық қалталар мен файлдар көрсетіледі, ал бетті қарау терезесінде таңдалған веб-бет көрсетіледі.FrontPage 2003-бұл сіздің қолыңызбен көп нәрсе жасауға мүмкіндік беретін сүйкімді және салыстырмалы түрде қарапайым HTML редакторы. Көптеген алдын ала дайындалған Java апплеттерін қамтиды. Қалыпты жұмыс үшін қажет нәрсенің бәрі бар. Интерфейсті ыңғайлы конфигурациялау тек жиі қолданылатын мәзірлер мен мүмкіндіктерді қосуға мүмкіндік береді.[18. 97 б]
2.5 Сайтты тестілеу,тестілеу ұғымы
Тестілеу-бұл оның жұмыс нәтижелерінің дұрыстығын тексеру мақсатында бағдарламаны орындау процесі. Ол бағдарламаның істен шығуы үшін ең үлкен мүмкіндіктерді жасайтын қиын кіріс жинақтарын әдейі жобалауды қамтиды.Бағдарламадағы қателерді анықтаудың негізгі әдісі-тестілеу. Сынақ-бұл жұмыс нәтижелерінің дұрыстығын және берілген сипаттамаларға сәйкестігін тексеру мақсатында бағдарламаны орындау процесі. Сынақ процесі бағдарламаның істен шығуы үшін ең үлкен мүмкіндіктерді жасайтын күрделі кіріс жиынтықтарын әдейі жобалауды қамтиды.
Сынақтарды өткізу тәртібі:
- сайтты іске қосу;
- сілтеме оның белгілі бір бетіне енгізілуі керек;
- графикалық элементтерді дұрыс көрсету;
- сайтты әртүрлі пайдаланушы режимдерінде дұрыс көрсету;
- жобаның функционалдығы және қойылған міндетке сәйкестігі.
Тестілеудің түрлері мен әдістері
Жасалған беттің шынымен қалай көрінетінін тексеру үшін Веб-шолғышты пайдалану мағынасы бар. Олардың кез-келгені дерлік веб-бетті қатты дискіден интернеттен жүктей алады. Браузер мәзірінде file (файл), Open File (файлды ашу) сияқты командаларды табу керек. Open File пәрмен диалогтық терезесі қажетті файлды ашуға мүмкіндік береді.
Браузерде құжатты тексеру үшін:
1. редактордағы барлық өзгерістерді сақтау үшін File Save File таңдаңыз. Сақтлған элементті ашу үшін шолғыш терезесіне өтіп, File Open File таңдаңыз.
2. құжат браузерде пайда болуы керек. Қателер, қателер, еренсілтемелер бар-жоғын тексеріңіз.
3. мәтіндік редактор терезесіне қайта өтіп, барлық қажетті түзетулерді енгізіңіз. Өңделген файлды сақтау керек.
4. егер бет браузерде ашық болса, онда жасалған өзгерістерді көру үшін "Жаңарту"батырмасын басу керек.
Ттестілеу процесі
Тестілеу процесі бірнеше кезеңнен өтеді:
1. HTML кеңейтімі бар редакторда деректерді сақтау (веб-сайттарды қарау кеңейтімі) және бұл құжатты Internet Explorer-де ашу (шолғыш терезесі).
2. таңдалған құжат браузер терезесінде пайда болды. Емле қателерін, терулерді, гиперсілтемелердің жұмысын, түймелерді басуды, интерфейсті тексеру(пайдаланушы үшін жеткілікті оңай ма, түс үйлесімділігі, кескін өлшемі, мәтін).
3. емлені тексеру барысында қателіктер жіберілді. Өзгерістер мәтіндік редактор терезесіне енгізілді және сол мәтіндік редакторда бірдей атпен сақталды.
4. өзгерістерді көру үшін шолғыш терезесіне қайта оралып, "Жаңарту"түймесін басыңыз. Егер кемшіліктер қайтадан табылса, 3-тармаққа оралу керек.Тестілеу нәтижесінде емле мен интерфейске қатысты қателер табылды. Барлық осы қателер жойылды. Барлық еренсілтемелер.
Гиперсілтемелердің жұмысы:
1. Негізгі беттен беттерге өтуге болады:
1. "Пайда болу тарихы"
2. "Өндірушілер"
3. "Біздің сараптама"
4. "Фотоальбом"
5. "Зиянды ойыншықтар"
6. "Таңдау бойынша нұсқаулық"
Жұмыс сілтемелері:
1. Жоғарыда аталған сілтемелерді басқан кезде "басты"бетінен қызығушылық парағына өтуге болады.
Бағдарламалық құжаттама
Оператор нұсқаулығы
Оператордың нұсқаулығы бағдарламаны оператормен тиімді пайдалануға арналған. Бағдарлама не үшін қажет және оны қолдану, бағдарламаның орындалуы мен жұмыс істеуі үшін қажетті жағдайлар және пайдаланушыларда бағдарламамен жұмыс істеу туралы сұрақтар туындамауы үшін бағдарламамен жұмыс істеу тәртібі сипатталған.[19]
Мақсаты
Бағдарлама бүкіләлемдік ғаламтор арқылы деректерді алудың айқын болуына арналған. Сайттың негізгі функциялары: ақпарат алу және еренсілтемелерге өту.
Бағдарламаны орындау шарттары
Бағдарлама Internet Explorer бағдарламасы болған кезде орындалады. Интернетке кіру үшін модем де қажет. Бағдарламаның қалыпты жұмысын қамтамасыз ету үшін компьютердің келесі конфигурациясы қолданылуы керек:
- 433 МГц Pentium III класты орталық процессор;
- ЖЖҚ көлемі кемінде 128 Мб (себебі аз көлемде беттерді жүктеу жылдамдығы аз болады);
- стандартты"тышқан" манипуляторы;
- стандартты SVGA мониторы;
- Windows типті Операциялық жүйе, 98, 2000, XP;
Бағдарламаны орындау
"Ойыншықтар" сайтын көру үшін иілгіш дискідегі "басты" файлын немесе компьютердің қатты дискісіндегі бірдей файлды пайдалануға болады. Сондай-ақ, бағдарламаны ACE HTML Pro V6.2 қосымшасын ашып, ұсынылған Web-беттер тізімінен басты таңдаңыз.
Басты файлды ашқан кезде Internet Explorer тілқатысу терезесі пайда болады. Бұл терезеде тиісті атауларды басу арқылы қызығушылық бетіне өтуге болады.[20.87 б]
Бетте басқа бетке өтуге мүмкіндік беретін функционалды қазу бар. Мұндай түймелер:
- "басты" батырмасы (басты деп аталатын бетке өтуге мүмкіндік береді);
"Үйге" батырмасы
"Басты" батырмасын басқан кезде осы батырманы қамтитын беттен басты бетке өту керек.
Операторға хабарламалар
Бағдарламаны орындау барысында пайдаланушыға ешқандай хабарлама берілмейді, өйткені пайдаланушы ақпаратты енгізе алмайды.
Бағдарламашы нұсқаулығы
Бағдарламаны қолданудың мақсаты мен шарттары
Бағдарлама бүкіләлемдік ғаламтор арқылы деректерді алудың айқын болуына арналған. Сайттың негізгі функциялары: ақпарат алу және еренсілтемелерге өту.
Бағдарламаның қалыпты жұмысын қамтамасыз ету үшін компьютердің келесі конфигурациясы қолданылуы керек:
- 433 МГц Pentium III класты орталық процессор;
- ЖЖҚ көлемі кемінде 128 Мб;
- стандартты"тышқан" манипуляторы;
- стандартты SVGA мониторы;
- Internet Explorer бағдарламасы;
- Windows типті Операциялық жүйе, 98, 2000, XP;
- модем.
Бағдарламаға үндеу
Сайтты иілгіш дискіден, қатты дискіден басты деп аталатын файлды ашу арқылы жүктеуге болады.html. Осы беттен тінтуір түймесін басқан кезде сол беттерден беттерге өтуге болады, сіз үйге оралуға болады.
Кіріс және шығыс деректері
Сайт ақпаратты іздеуге арналған техникалық тапсырма бойынша пайдаланушы бағдарламаның бұзылуына немесе ақпараттың сенімділігін жоғалтуға әкелетін бағдарламаға ешқандай ақпарат енгізбеуі керек екендігі анықталды.[21.56 б]