М.А. Абдулла, Ж.Ж. Айткожа

 

Л.Н. Гумилев атындағы Еуразия ұлттық университеті

 

Гибридті мобильдік қосымшаны  Ionic-та жобалау

Мобильді технологияның даму эрасында әрбір компания немесе сайттардың иелері өз мобильді қосымшасын жобалауда. Себебі  әрбір компанияның қызметін тұтынушыларға қолжетімді ету үшін. Бұл компанияның қызметін жылдам әрі ұтымды пайдалануға мүмкіндік береді. Әрине бұл қызмет түрі әрбір компанияға табысын көбейтуге де септігін тигізеді. Әрбір мобильді платформаға сәйкес келетіндей мобильді қосымшаны жобалаушыларды табу қиын. Бірақ   фреймворк арқылы html5+css+js  компиляция жасай отырып, бірнеше платформаға сай болатындай мобильді қосымша жасауға мүмкіндік бар.

Гибридті  мобильді қосымша дегеніміз не? Что такое гибридные приложения?

Гибридті мобильді қосымша барлық қосымшалар сияқты  ұялы телефондарға орнатаылады. Гибридті мобильді қосымшаны  Play маркеттен  немесе  App Store-дан мобильді құралға жүктеліп орнатылады. Гибридті мобильді қосымшалар html форматында, css стилі және javascript коды бойынша жүзеге асырылады.   Гибридные приложения, как и обычные приложения, устанавливаются на мобильные устройства. Их можно найти в Play маркете или App Store. Как и сайты, гибридные мобильные приложения состоят из html верстки, css стилей и javascript кода. Мұндай қосымшаның негізгі бөлімі WebView  терезесінде жүзеге асырылады. WebView   смартфондардың барлық құралдарымен байланыс орнатуға орнатуға мүмкіндік береді

Қазіргі таңда гибридтік мобильді қосымша үшін ең танымал сыртқы мұқаба Apache Cordova (PhoneGap бұрынғы) болып табылады. Бұл платформа кодты айналдыруға қоса, толық операциялық жүйе мен смартфон құрылғылармен  мүмкін болатын өзара   js, API  қосылатын модульдерінің үлкен жиынтығын ұсынады. Cordova –ның қауымы көп, оның өзінің дайын шешімдері мен плагиндері бар.  Бірақ толыққанды мобильді қосымша болу үшін заманауи UI жетіспейді. UI дегеніміз, яғни қолданушының интефэйсі (User Interface).  Cordova бейімделген сайт емес. Осыдан кейін  Ionic іске асырылады. 

Ionic — бұл  фреймворк, нақты өңдеуден өткен өте тамаша графикалвқ интерфэйсі бар. Фреймворк-тың негізі болып  AngularJS  және sass  алынған.

UI

Ionic-та  қолданушының инетрфэйсінің көптеген дайын компоненттері бар.  олар уақыт өткен сайын өңделіп отырады.

 

 

OS бағытталған стиль

 

Ionic-та тек қана жақсы интерфэйс қана болып қоймай , ол түрлі операциялық жүйеге бейімделіп жасалған. Барлық программалық кодтары бірдей болып табылады.  Android-та болатын болса, келесі командалар тізімі жүзеге асырылуы қажет.

Android

1.        # Сборка тестовой версии

2.        ionic build android

3.         

4.        # Сборка релизной версии

5.        ionic build android --release

6.         

7.        # Запуск приложения в эмуляторе

8.        ionic emulate android

9.         

10.      # Запуск приложения на устройстве подключенном по usb

11.      ionic run android

 

Қазіргі таңда  Ionic бұл жай ғана фрэймворк емес, бұл үлкен экожүйе. Мобильдік қосымшаларды жобалауға жинауға мүмкіндік береді. Бұл мобильдік апптарды javascript жобалаушыларға жақсы мобильді қосымша жобалауға мүмкіндік береді. Javascript  тілінің қазіргі таңда жеңілдетілген және компоненттері ыңғайлы TypeScript ұсынылған.

TypeScript - 2012 жылы Микрософт ұсынған және  веб қосымшаларды әзірлеу құралы ретінде құрылған, Javascript мүмкіндіктері кеңейтілген бағдарламалау тілі. TypeScript  тілін жобалаушы, бұрын Turbo Pascal, Delphi и C# тілдерін жобалаған -  Андерс Хейлсберг. Тіл спецификациясы ашық және Open Web Foundation Specification келісімнің шеңберінде жарияланған. TypeScript Яваскрипт-пен  қайта үйлесімді және  соңында құрастырылған. Шын мәнінде, TypeScript бағдарламасы құрастырылғаннан  кейін сіз кез келген заманауи браузерде орындай  немесе  Node.js.  сервер платформасымен  бірге пайдалана аласыз. Эксперименттік коды компиляторы JavaScript -тегі TypeScript  аудармасы, Apache лицензия бойынша таратылады. Оның дамуы қызметінің GitHub [8] арқылы қоғамдық репозиторийге жүзеге асырылады. TypeScript  JavaScript-тен  айқын статикалық тағайындалған түрлері арқылы ажыратылады, толық классты  пайдалануды қолдау (дәстүрлі объектілі-бағытталған тілдерінде сияқты) сондай-ақ, даму жылдамдығын арттыру, рефакторинг  кодын қайта пайдалануды жеңілдету, жобалау және құрастыру мен бағдарламалау жылдамдығы кезінде қателер іздеуге  көмектесу үшін  жасалған, қосылатын модульдері, қолдау. Ол толық кері сыйысымдылық арқасында, жаңа бағдарламалау тілінде қолданыстағы қосымшалардың бейімдеу біртіндеп түрлерін анықтау арқылы, сатыланып орын алуы мүмкін деп жоспарланып отыр. Босату уақытта (релиз)  ұсынылған файлдар  TypeScript  кеңейтілген синтаксисын қабылдау  үшін   Vim  және Emacs,  сондай-ақ  Microsoft Visual Студио үшін плагин қолданады. TypeScript Microsoft сияқты кең ауқымды косымшаларда JavaScript болжамды қысқаша пайда болу, сондай-ақ олардың басқа да клиенттері  арқасында туындаған.  JavaScript коды кешенді дамыту мәселелері тілі компоненттерін дамытуға жәрдемдесу қажеттілігіне алып келді. TypeScript жобалаушылары стандартпен сәйкестікті бұзбайтын және  оның  кросс-платформалық қолдауын іздеген. ECMAScript болашақта негізделген бағдарламалау негізгі классын ұсынып жатқанын біле тұра, TypeScript болжамға негізделген болатын. Бұл JavaScript кеңейтімді айналатын ұсынысы негізінде ұзартылуы синтаксистік тіл кеңейтімдерді, жиынтығымен JavaScript компилятор құруға әкелді.

Тілдің міндеттері:

TypeScript –ECMAScript 5  кеңейтілген тілі . Келесі параметрлері бар:

·        Түрлер аннотатциясы және компиляция деңгейінде тексеру

·        Шығыс түрі

·        Класстар

·        Интерфейстері

·        Аталған түрлері

·        Қоспа

·        Жалпыланған бағдарлама

·        Модульдер

·        Қысқартылған синтаксис анимациялық функция үшін «нұскаушы»

·        Қосымша параметрлер және үнсіз келісім бойынша параметрлері

·        Жинақтар

Қорыта айтқанда, қазіргі таңда мобильді қосымшаны  Javascript-те яғни TypeScript программалау тілінде жобалап, Ionic фрэймворк мүмкіндіктерін пайдалана отырып, яғни жақсы интерфэйсті және ыңғайлы компоненттерін. Өтімді, қолданушыға тиімді мобильді қосымша шығаруға болады.

Пайдаланылған әдебиеттер тізімі

1                   Сайт URL: http://developer.android.com/sdk/index.

2                     Сайт URL: http://www.ratingruneta.ru/abc-moblile/mobile-apps-native-vs-html5-vs-hybrid/

3                   Nathan Rozentals. Mastering TypeScript - Build enterprise-ready, industrial strength web applications using TypeScript and leading JavaScript Frameworks. — Packt Publishing, 2015. 

4                   Сайт URL: http://mobile.tutsplus.com/series/learn–java–android/.

5                   Хашими С., Коматинени С., Маклин Д. Разработка приложений для Android. - Питер, 2011.