0 просмотренных постов скрыто
Переводчик html
Столкнулся с такой проблемой. Не могу найти где можно русифицировать html файлы. Вручную текста копировать очень много. Гугл переводит хорошо, но когда сохраняешь в файл, он сохраняется на исходном языке. Уже всё перерыл, есть такие вопросы, но на них нет ответов. Может кто подскажет?
Создание Андроид приложений без навыков программирования. Конвертируем html страницу в apk-файл
В этом руководстве/инструкции, пойдет речь об ответе на следующие вопросы:
-Как конвертировать html в apk приложение Андроид?
-Как конвертировать веб-страницу в андроид приложение?
-Как конвертировать веб-сайт в apk-файл (Андроид приложение), через Android Studio
-Как создать Андроид-приложение без программирования?
Сами веб-сайты и веб-страницы, можно создать и без программирования, используя такие программы как WYSIWYG Web Builder.
Она легка в использовании, и создает веб сайты/страницы, которые легко поддерживаются смартфоном при конвертации в APK-файл Андроид-приложения.
Важное примечание:
При создании html-сайта/страницы для конвертации в APK приложение , надо учесть что смартфоны не поддерживают такие технологии как webgl (3d графика), php и т.д.
При конвертации сайта/страницы с использование этих и подобных технологий, содержимое html-страницы может не отображаться или некорректно работать.
Спокойно конвертируются и корректно работают html-страницы с простыми js-файлами(скриптами).
Алгоритм конвертации html-сайта в APK файл андроид-приложения:
1. Запускаем Android Studio , и в меню File выбираем New-New project
В появившемся окне выбираем вариант - Empty Activity
2. Когда мы выделим вариант Empty Activity , и нажмем кнопку Next , появится следующее окно с заголовком New project .
Здесь обязательно, в пункте Language (Язык) , надо выбрать вариант Java , а не Kotlin .
Так как , далее предоставленный код , предназначен именно под язык программирования Java, и не будет работать при варианте Kotlin.
В пункте Name (Имя) , пишите название своего проекта/приложения ,но только на латинице/английскими буквами. В данном случае мы написали краткое слово: Kota.
Параметр Minimum SDK , в данном случае, трогать не нужно.
Параметр Package name , тоже не нужно трогать, т.к он автоматически подстроится под написанное вами имя в пункте Name.
Параметр Save location , показывает и решает, где будет храниться ваш проект/приложения со всеми его файлами.
Далее нажимаем кнопку Finish
3. Открываем файл MainActivity.java , найдя его в каталоге проекта в папке "java" , и в ее под-папке com.example
Оставляем только строку:
package com.example.kota;
В вашем случае, вместо слова kota , в конце строки , будет название вашего проекта!
Остальное содержимое ниже этой строки надо убрать, и вместо этого, под строкой:
package com.example.kota;
Надо разместить следующий код, чтобы получилось в итоге как на скриншоте выше:
import android.webkit.WebView;
//import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
protected WebView myWeb;
@override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
/* Находим наш браузер */
myWeb= (WebView) findViewById(R.id.webView);
/* Настраиваем наш браузер */
myWeb.getSettings().setUseWideViewPort(true);
myWeb.setInitialScale(1);
myWeb.getSettings().setJavaScriptEnabled(true);
/* Загружаем страничку */
myWeb.loadUrl("file:///android_asset/index.html");
}
}
Справочное пояснение (можно пропустить):
Чтобы объявить объект класса WebView, выполняются действия:
1) К списку импортов (import) дописывается:
2) Объявляется объект myWeb внутри класса MainActivity:
protected WebView myWeb;
Строка:
//import android.support.v7.app.AppCompatActivity;
В данном случае имеет вначале символы // , т.к в данном языке ,и в данной версии программы , можно обойтись без этой строки, она здесь лишняя.
Символы // , отключают эту строку, по факту превращая ее из кода в текстовый комментарий, чтобы активировать строку кода-достаточно убрать символы // .
4. Откройте файл AndroidManifest.xml , расположенный в папке AndroidManifest.xml
Далее:
Первый вариант:
Допишите сразу под определением «application» следующую строку:android:hardwareAccelerated="true"
Второй вариант:
Выделяем весь код в файле AndroidManifest.xml , и вставляем вместо него следующий код, чтобы получилось примерно как на скриншоте выше:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.kota">
<application
android:hardwareAccelerated="true"
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@STYLE/Theme.Kota">
<activity
android:name=".MainActivity"
android:exported="true">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
Но надо учесть, что в вашем случае ,вместо слова kota в некоторых фрагментах кода , должно быть слово/название , вашего проекта, которое ему вы дали.
Вот эти фрагменты кода, содержащие название проекта (на скриншоте выше они выделены в прямоугольник):
package="com.example.kota">
и
android:theme="@STYLE/Theme.Kota">
(здесь название проекта должно быть с большой буквы, потому написано Kota, а не kota).
5. Откройте файл activity_main.xml , расположенный в каталоге: res\layout
Выбираем режим Code (Код) вместо режима Design (графический вид приложения), кнопки находятся в правой части интерфейса приложения AndroidStudio
Удаляете весь код, и вставляете следующий код:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent"
android:layout_height="fill_parent"
tools:context=".MainActivity">
<WebView
android:id="@+id/webView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:clickable="true"
android:scrollbars="none" />
</RelativeLayout>
6. В главном меню File выбираем: New - Folder - Assets folder
Далее , ничего вообще не изменяя и не трогая, просто нажимаем кнопку Finish.
7. В каталоге app найдите папку assets. Кликните по ней правой кнопкой мыши, и в появившемся меню выберите пункт - Open in , а в подменю выберите пункт - Explorer.
Откроется проводник WIndows, открыв ту самую папку assets , в которую нужно положить файлы вашего html-сайта или веб-страницы.
8. Теперь можно запустить приложение , выбрав в главном меню Run - Run app , или нажав сочетание клавиш Shift+F10 , и ваша html-страница или html-сайт, откроется на весь экран эмулятора смартфона.
9. Сборка Андроид-приложения и подпись Андроид-приложения в Android Studio.
В главном меню выбираем Build - Generate Signed APK
Откроется окно с заголовком Generate Signed Bundle APK
Далее нажмите «Create New»
Откроется окно-форма New Key Store
Первое поле Key Store Patch , это путь к папке, в которой будет сохранен ключ.
При нажатии на значок папки в поле поле Key Store Patch , выйдет форма с заголовком Choose keystore file , где выбираем папку для сохранения ключа, и имя для файла ключа.
Нажав на кнопку ОК , вы снова попадете в окно Key Store Patch , и здесь надо заполнить остальные поля. Пример заполнения , показан на скриншоте ниже.
Обозначения:
Alias - псевдоним
Password - пароль , который должен состоять из не менее шести символов
Confirm - подтвердить пароль, введя ранее указанный пароль
First and Last Name - Имя и фамилия
Organizaional Unit - Организационное подразделение
Organizaion - организация
State or Province - Штат или Провинция
После заполнения полей, нажимаем на кнопку ОК.
Поле этого, снова откроется окно с заголовком Generate Signed Bundle or APK , где ряд полей будет уже заполнен. Нажимаем здесь кнопку: Next
Появится окно с заголовком Generate Signed Bundle or APK , где надо заполнить два поля:
Destination folder - папка, куда будет сохранено собранное APK-приложение.
Build Variants - (Варианты сборки) , где надо выбрать вариант Release (релиз, выпуск).
Далее, нажимаем кнопку Finish
Затем , вы можете наблюдать полосу состояния сборки приложения - Gradle Build Running , в нижнем правом углу программы Android Studio.
Когда процесс сборки закончится, в этом же нижнем правом углу появится всплывающее сообщение с заголовком Generate Signed APK содержащее текст:
APK(s) generated successfully for module'Kota. app' with 1 build variant:…
Кликаем по этому сообщению, чтобы развернуть его , и нажимаем на слово locate ,чтобы открылась папка с созданным apk-файлом андроид-приложения.
Если всплывающее сообщение со словом locate исчезло, то можно нажать на фразу - Event Log , которая находится тоже в нижнем правом углу, и тогда откроется лог-список с нужным вам словом locate.
Данный apk-файл можно скопировать на смартфон, и открыв его - запустить установку вашего собранного приложения на смартфон.
Показать полностью
18
Как включить в браузере webgl, запустить расширенный режим в Google chrome?
Как включить расширенный режим, для запуска с жесткого диска файлов html5-игр, в браузере "Google chrome"?
Как запустить в браузере WebGL (нужна для поддержки 3D-графики).
Запускаем приложение "Выполнить" (нажав в среде Windows сочетание клавиш Windows+R).
Затем вводим команду:
chrome --allow-file-access-from-files
Далее откроется браузер, и можно спокойно открывать html файлы, где используется WebGL с ее трехмерной графикой.
В качестве теста скачайте "webgl water", можно скачать zip-архив с сайта GitHub, распаковать в архив, и перетянуть файл index.html в окно уже открытого в расширенном режиме, браузера "Google chrome".
Должна открыться композиция- шар в бассейне, а дальше, перемещая шар мышкой, смотрите возможности технологии WebGL.
Показать полностью
2
Номер телефона в качестве имени почты
Здравствуйте.. При создании аккаунта в google по средствам одноименного браузера и выборе имени почтового ящика возжелалось применить номер телефона, но заботливый google отверг такую инициативу, аргументировав сою позицию бездушным ответом: - "Имя пользователя, состоящее из 8 или более символов, должно включать хотя бы одну латинскую букву (a-z)".
Соответственно пытливый ум решил пойти на хитрость и разобраться, можно ли обойти данное правило.
При беглом просмотре кода страницы стало ясно, что ничего в этом коде не ясно. И как можно было столько кода наколбасить для самой простенькой странички?
И так, есть вопрос к лиге программистов, если такая есть, хотя, кажется, такая просто обязана тут быть. Можно ли как-то «уговорить» заскриптованную страничку пропустить набор из 11 цифр для присвоения их в качестве имени почтового ящика?
Заранее всех благодарю за внимание,
Как получить код Динозаврика Гугл
Мне нужен весь HTML, CSS и JavaScript код)
[ООП] Что нужно знать для того чтобы успешно пройти собеседование в Google / Что нужно know про OOP For (собеседования) in google
Представьте себе следующую ситуацию: вы специалист в мире IT и хотите реализовать себя как в свое время это сделали Стив Джобс, Марк Цукенберг, Павел Дуров.
Конечно же вы не пойдете устраиваться в веб-студию, а будете искать место получше. Вы оставляете резюме на hh.ru и ждете. Внезапно крупная IT-компания заинтересовалась вашим скромным резюме и пригласила на собеседование, назначив его на послезавтра.
Этой IT-компанией оказывается Google.
Как известно Google это поисковая система расположенная в сети Internet
В первую очередь вам придется столкнуться с техническим собеседованием, вам не дадут как в какой-нибудь аутсорсной компании тестовое задание, будет прямое общение и конечно же вас спросят об ООП и на каком языке лучше его реализовать
Вы гарантировано не попадете в Google если ответите на этот вопрос всё что угодно кроме HTML. HTML - или хтмл, это лучший язык программирования созданный человечеством специально для реализации приципов ООП.
Об этом мы поговорим в данной статье.
Представьте себе, что вы проектируете автомобиль. Вы знаете, что автомобиль должен содержать двигатель, подвеску, две передних фары, 4 колеса, и т.д. Ещё вы знаете, что ваш автомобиль должен иметь возможность набирать и сбавлять скорость, совершать поворот и двигаться задним ходом. И, что самое главное, вы точно знаете, как взаимодействует двигатель и колёса, согласно каким законам движется распредвал и коленвал, а также как устроены дифференциалы. Вы уверены в своих знаниях и начинаете проектирование.
Вы описываете все запчасти, из которых состоит ваш автомобиль, а также то, каким образом эти запчасти взаимодействуют между собой. Кроме того, вы описываете, что должен сделать пользователь, чтобы машина затормозила, или включился дальний свет фар.
Результатом вашей работы будет некоторый эскиз. Вы только что разработали то, что в ООП называется CLASS.
Класс – это способ описания сущности, определяющий состояние и поведение, зависящее от этого состояния, а также правила для взаимодействия с данной сущностью (контракт).
В HTML cуществует 2 способа описания Class'ов для которых разработан специальный тэг <div>
1. <div class="OOP"> ... </div>
2. <div class = "object-oriented programming">...</div>
Помимо классов в HTML существуют интерфейсы (не те что запад роняют, а оопшные)
Интерфейс – это набор методов класса, доступных для использования другими классами.
Чтобы создать интерфейс нужно вставить следующий код в ранее созданное ООП <div class = "classes method">...</div>
Специально для создания UI (User interFace) в /html/ разработан тег <p> (P - Programirovanie)
Рассмотрим на конкретном примере
<div class = "object-oriented programming"> <span ng-hide = "true">Подключаем ООП к ХТМЛ</span>
<div class = "classes methond"><span ng-hide = "true">Интерфейс - метод классов</span>
<div class = "methodОдин></div><span ng-hide = "true">Перечисляем методы</span>
...
<div class = "methodН"></div>
<p align = "right">интерфейс</p> <span ng-hide = "true">И интерфейс, Внимание! Обязательно пишите на интернациональной кодировке, используя кириллицу! </span>
</div><span ng-hide = "true">Не забываем закрывать <div></span>
</div>
Из данного примера для вас будет очевидным различие класса и интерфейса, а именно — классы это то что в контейнерах пишут, а интерфейсы это программирование. Именно это
хотят услышать от вас буржуи из Google
О CSS мы специально не говорили, потому что вся документация по этому языку есть в Steam(стиме), язык очень простой, его основная библиотека это Dust2,
а так же имеет такие фичи как глобальные переменные A и B их всего 2 пока что, но может потом Гейб добавит ещё. Помимо этого у CSS есть одна проблема которой лишен HTML и ООП, это не способность выводить деньги на карточку внутри среды разработки.
А вы знали, что НTML рассшифровывается как — нейронные технические мануалы лайнов(сетей) иными словами на это языке разрабатывают нейросети?
Показать полностью
Парсинг интернет магазинов
Наконец дошли руки написать обещанный пост про парсер сайтов. Главное условие для нашего парсера, чтобы сайт был открытый и не требовал авторизации (в принципе 98% интернет магазинов).
Для примера работы я буду использовать этот сайт, ни в коем случае не реклама. Сам парсер я взял у команды Lofblog (ссылка на оригинал) это не реклама, урок был написан еще в апреле 2014, но почему то не нашел своей славы. На него я наткнулся после нескольких часов блужданию по интернету в поисках бесплатного и хорошего способа парсинга сайт.
Так а теперь приступим к самому парсеру, сначала я выложу его код (для тех кто хоть немного понимает справятся без моих коментариев), а потом начну пояснять все потихоньку.
function getconten() {
for(var j=1;j<=68;j++){
getPageContent(1+10*(j-1),"https://cleanshop.ru/catalog/spbd/?start="+j)
}}
function getPageContent(startRow,url) {
var sheet = SpreadsheetApp.getActiveSheet();
var range = sheet.getRange("A2:I5000");
var cell = range.getCell(startRow,1);
var response = UrlFetchApp.fetch(url);
var textResp=response.getContentText();
var start,end,name;
for (var i=1;i<=10;i++){
//фото
start = textResp.indexOf('<table class="good_img">',end)+24;
start = textResp.indexOf('src="',start)+5;
end = textResp.indexOf('"',start);
name = textResp.substring(start,end);
cell.setValue(name);
cell=cell.offset(0,1);
// цена
start = textResp.indexOf('</td></tr><tr><th>',end)+18;
end = textResp.indexOf('</th></tr></table>',start);
name = textResp.substring(start,end);
cell.setValue(name);
cell=cell.offset(0,1);
//название
start= textResp.indexOf('<div class="good_text">',end)+23;
start= textResp.indexOf('class="good_title">',start)+19;
end=textResp.indexOf('</a>',start);
name =textResp.substring(start,end);
cell.setValue(name);
cell=cell.offset(0,1);
//код
start = textResp.indexOf('Код: ',end)+5;
end = textResp.indexOf(' | ',start);
name = textResp.substring(start,end);
cell.setValue(name);
cell=cell.offset(0,1);
// описание
start = textResp.indexOf('<p>',end)+3;
end = textResp.indexOf('</p>',start);
name = textResp.substring(start,end);
cell.setValue(name);
cell=cell.offset(0,1);
cell=cell.offset(1,-5);}}
Шаг 1: Создаем документ на Google тут или тут;
Шаг 2: Кликаем в меню по пункту "Инструменты" затем на "Редактор скриптов", у нас откроется новая вкладка.
Шаг 3: В открытое окно вставляем наш скрипт.
Шаг 4: Запуск скрипта для начала нужно выбрать функцию getcontent. затем нажать кнопку запуска (серая стрелка, станет черной после выбора функции).
После этого в документе мы увидим подобное:
Теперь основные комментарии к коду:
Мы имеем 2 функции getconten и getPageContent , из getconten мы передаем нужные данные и запускаем функцию для getPageContent для парсинга страницы которую мы передали из getconten.
Функция getconten: здесь мы имеем цикл равный количество страниц в данном разделе. За каждый проход цикла мы отправляем ссылку на страницу и кол-во уже обработанных товаров.
И так какую же ссылку нам вставить для нашего сайта? Большинство сайтов имеет подобную структуру сайт.ру/раздел/?страниц=1 под словом страница может скрываться любое слово в нашем случае start, чаще page. Иногда на первой странице сайта этой переменной нет, нужно просто перейти например на вторую. Для лучше понимая рекомендую прочитать прочитать про GET запросы тут или в google.
Формула 1+10*(j-1) - нужна для того чтобы записи шли дальше,а не перезаписывались в документе, где 10 это количество записей (!внимание! количество записей по умолчанию, для частоты лучше зайти на нужную страницу с другого браузера или с приватной вкладки тогда вы уведите страницу именно так, как видит ее ваш скрипт).
Функция getPageContent: здесь творится основная магия. Я думаю здесь стоит пояснить только основные моменты, более подробнее почитать про каждую из функций можно в гугле если заинтересует.
sheet.getRange("A1:I5000") - здесь мы выбираем диапазон ячеек, с которыми мы будем работать, рекомендую ставить большой разбег.
for (var i=1;i<=10;i++) - параметры цикла, где 10 см.формулу выше (!Внимание! цифры должны совпадать с формулой вышей).
Основные параметры мы настроили, теперь приступаем к настройке парсинга.
Дальнейшие действия подразумевают, что вы имеет базовые понятия HTML и исходный текст страницы, если же нет настоятельно рекомендую сначала прочитать про эти вещи.
И так разбор полета пошел:
Чтобы вставить в ячейку некоторый текст со страницы нам нужно знать его начальное положение (start) и конечное (end). Для этого мы находим уникальную строку для элемента которые мы хотим спарсить, в случае с изображением товара это строка <table class="good_img"> она уникальная, ее имеет только товары при этом она имеется у каждого товара, но отталкиваясь от этой строки мы захватим слишком много, по этому находим точку еще ближе к нужной информации и уже от ее оставляем как start. Незабываем приплюсовывать количество всех символов в строке.
start = textResp.indexOf('<table class="good_img">',end)+24;
start = textResp.indexOf('src="',start)+5;
С концом еще проще здесь как правило закрывающийся тег или же кавычки.
end = textResp.indexOf('"',start);
Далее функцией substring извлекаем нужные данные зная где они начинаются и где заканчиваются.
name = textResp.substring(start,end);
Тут просто присваиваем значению в ячейку.
cell.setValue(name);
И перешагиваем на новый столбец, оставаясь на этой же строке .offset(Строка,Столбец).
cell=cell.offset(0,1);
Незабываем в конце перепрыгнуть на новую строку и вернуться на нулевой столбец.
cell=cell.offset(1,-5);- где 5 количество столбцов на которое мы ушли или проще говоря сколько данных у товаров мы спарсили.
Теперь поговорим о его достоинствах и недостатков более подробно:
Он бесплатный, но имеет ограничений на кол-во использования обращения к сайту, вроде 12000 раз за 24 часа, для обхода вроде как надо покупать специальную лицензию ну или просто зайти с другого аккаунта.
Он полностью универсальный, да его функционал позволяет спарсить почти все тоже самое что и большая часть платных парсеров.
Не требует установки какого то софта.
Из недостатков это наличие неких базовых знаний и наличие логики, ну и немножко опыта. Я не пользовался другими парсерами, но мне кажется там почти такой же входной парог.
Парсер достаточно костальный, но именно по этому бесплатный, т.е его придется адаптировать под каждую задачу по этому имеет смысл использовать только если товаров большое количество.
Нельзя парсить на закрытах сайтах где требуется авторизация или же данные которые динамически подгружаются на странице.
Если мой урок не очень понятен, то советую посмотреть видео там очень доходчиво объясняют. Это мой первый пост в стиле уроков, по этому совсем сильно не бить. Надеюсь кому то этот способ сэкономит время и возможно даже деньги с учетом того, что цена за наполнения карточки товара начинается от 10р.
Так же хочу написать пост про то как с пользой использовать формулы в EXCEL для решение больших задач, если тема с excel вам интересна и у вас есть некоторые рутинные задачи пишите их в комментариях постараюсь оптимизировать с excel.
Показать полностью
5